/*=========================================
DASHBOARD
=========================================*/

.cardsDashboard{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

    margin-bottom:20px;

}

.indicadorDashboard{

    border-radius:12px;

    padding:20px;

    color:#fff;

    box-shadow:0 4px 15px rgba(0,0,0,.08);

}

/*=========================================
CARDS DASHBOARD
=========================================*/

.azulClaro{
    background:#6EA8FE;
}

.azul{
    background:#4F8EF7;
}

.amarelo{
    background:#2E6FD3;
}

.verde{
    background:#163F8C;
}

.indicadorDashboard .numero{

    font-size:34px;

    font-weight:700;

    line-height:1;

}

.indicadorDashboard .titulo{

    margin-top:10px;

    font-size:15px;

    font-weight:600;

}

.boxDashboard{

    background:#fff;

    border-radius:12px;

    margin-bottom:20px;

    box-shadow:0 3px 12px rgba(0,0,0,.08);

    overflow:hidden;

}

.tituloDashboard{

    background:#29458d;

    color:#fff;

    padding:14px 18px;

    font-size:18px;

    font-weight:600;

}

.conteudoDashboard{

    padding:15px 18px;

}

.gridDashboard{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.linhaTurma{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 0;

    border-bottom:1px solid #ececec;

    cursor:pointer;

    font-size:15px;

    transition:.25s;

}

.linhaTurma:last-child{

    border-bottom:none;

}

.linhaTurma:hover{

    padding-left:10px;

    background:#eef5ff;

    color:#0d6efd;

}

/*=========================================
LINHAS
=========================================*/

.linhaDashboard{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:12px;

    padding:12px 0;

    border-bottom:1px solid #ececec;

    transition:.20s;

}

.linhaDashboard:last-child{

    border-bottom:none;

}

.linhaDashboard:hover{

    background:#f8fbff;

}

.tituloLinha{

    font-size:16px;

    font-weight:600;

    color:#29458d;

    line-height:1.4;

    margin-bottom:4px;

}

.subLinha{

    font-size:14px;

    color:#666;

    margin-top:3px;

}

.linhaDashboard i{

    color:#999;

    font-size:18px;

}

/*=========================================
AGENDA
=========================================*/

.agendaLinha{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 0;

    border-bottom:1px solid #ececec;

}

.agendaLinha:last-child{

    border-bottom:none;

}

.agendaLinha strong{

    color:#29458d;

    font-weight:600;

}

.agendaLinha span{

    color:#666;

    font-size:14px;

}

/*=========================================
SEM DADOS
=========================================*/

.dashboardVazio{

    text-align:center;

    padding:45px 20px;

    color:#888;

    font-size:15px;

    line-height:1.8;

}

/*=========================================
SCROLL
=========================================*/

.conteudoDashboard{

    max-height:430px;

    overflow-y:auto;

}

.conteudoDashboard::-webkit-scrollbar{

    width:6px;

}

.conteudoDashboard::-webkit-scrollbar-thumb{

    background:#d0d0d0;

    border-radius:20px;

}

/*=========================================
EFEITOS
=========================================*/

.boxDashboard{

    transition:.25s;

}

.boxDashboard:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.10);

}


.indicadorDashboard:hover{

    transform:translateY(-4px);

}

/*=========================================
RESPONSIVO
=========================================*/

@media(max-width:1200px){

    .cardsDashboard{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .gridDashboard{

        grid-template-columns:1fr;

    }

}

@media(max-width:576px){

    .cardsDashboard{

        grid-template-columns:1fr;

    }

}

.turmaDashboard{

    color:#29458d;

    font-weight:600;

}


/*=========================================
CALENDÁRIO DASHBOARD
=========================================*/

.cardCalendarioDashboard{

    width:100%;

    background:#fff;

    min-height:370px;

    display:flex;

    flex-direction:column;

}

/*=========================================
TOPO
=========================================*/

.topoCalendarioDashboard{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:12px;

}

.tituloCalendarioDashboard{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    font-size:20px;

    font-weight:700;

    color:#29458d;

    pointer-events:none;

}

.btnMes{

    width:30px;

    height:30px;

    border:none;

    border-radius:8px;

    background:#eef4ff;

    color:#29458d;

    transition:.2s;

}

.btnMes:hover{

    background:#29458d;

    color:#fff;

}

/*=========================================
GRADE
=========================================*/

.gradeCalendarioDashboard{

    display:grid;

    grid-template-columns:repeat(7,1fr);

    gap:4px;

}

/*=========================================
DIAS DA SEMANA
=========================================*/

.diaSemanaMini{

    text-align:center;

    font-size:15px;

    font-weight:600;

    color:#6c757d;

    padding:6px 0;

}

/*=========================================
DIA VAZIO
=========================================*/

.diaVazioMini{

    height:42px;

}

/*=========================================
DIA
=========================================*/

.diaDashboard{

    height:42px;

    border-radius:8px;

    cursor:pointer;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    align-items:center;

    position:relative;

    transition:.2s;

    border:1px solid transparent;

}

.diaDashboard:hover{

    background:#eef4ff;

    border-color:#0d6efd;

}

/*=========================================
HOJE
=========================================*/

.hojeDashboard{

    background:#e8f1ff;

    border:2px solid #0d6efd;

}

/*=========================================
NÚMERO
=========================================*/

.numeroDiaDashboard{

    font-size:15px;

    font-weight:600;

    color:#29458d;

    margin-top:2px;

}

/*=========================================
MARCADORES
=========================================*/

.marcadoresDashboard{

    position:absolute;

    bottom:5px;

    display:flex;

    gap:3px;

    flex-wrap:wrap;

    justify-content:center;

}

.bolinhaEventoDashboard{

    width:6px;

    height:6px;

    border-radius:50%;

}

/*=========================================
EVENTOS
=========================================*/

.listaEventosDashboard{

    padding:5px;

}

.eventoDashboard{

    display:flex;

    gap:12px;

    padding:10px;

    border:1px solid #e9ecef;

    border-radius:10px;

    margin-bottom:10px;

    align-items:flex-start;

}

.corEventoDashboard{

    width:12px;

    min-width:12px;

    height:50px;

    border-radius:10px;

}

.tituloEventoDashboard{

    font-weight:600;

    color:#29458d;

    margin-bottom:3px;

}

.subEventoDashboard{

    font-size:12px;

    color:#6c757d;

}

/*=========================================
CARREGANDO
=========================================*/

.dashboardCarregando{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    min-height:260px;

    color:#6c757d;

}


/*=========================================
LINHAS ALTERNADAS DO DASHBOARD
=========================================*/

.conteudoDashboard .linhaDashboard:nth-child(odd),
.conteudoDashboard .linhaTurma:nth-child(odd){
    background:#ffffff;
}

.conteudoDashboard .linhaDashboard:nth-child(even),
.conteudoDashboard .linhaTurma:nth-child(even){
    background:#f6f8fc;
}

.conteudoDashboard .linhaDashboard,
.conteudoDashboard .linhaTurma{

    padding:14px 16px;

    margin:0 -18px;

    transition:.2s;

}

.conteudoDashboard .linhaDashboard:hover,
.conteudoDashboard .linhaTurma:hover{

    background:#eaf2ff !important;

}