/*Area geral dashboard*/
.epidemiologia_dashboard {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.epidemiologia_box_2_card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
}

/*Area geral cards e charts*/
.main_epidemiologia_dashboard_box {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/*Area geral cards e chart total*/
.epidemiologia_dashboard_box_2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/*Card*/
.cards_epidemiologia_ {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
}

.epidemiologia_card_total{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.epidemiologia_card_vacinados {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.epidemiologia_card_nao_vacinados {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.card_total_epidemiologia_first {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content:safe;
    align-items: flex-start;
}

.card_vacinados_epidemiologia_second {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content:safe;
    align-items: flex-start;
}

.card_nao_vacinados_epidemiologia_third {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content:safe;
    align-items: flex-start;
}

.card_total_epidemiologia_secund {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card_vacinados_epidemiologia_secund {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card_nao_vacinados_epidemiologia_secund {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*Chart Total Vacinas*/
.epidemiologia_box_2_charts {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
}

.epidemiologia_box_2_chart_total {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

/*Area geral charts*/
.epidemiologia_dashboard_box_3 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.epidemiologia_dashboard_box_3_main {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.epidemiologia_box_2_chart_Faixa_Etaria {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.epidemiologia_box_2_chart_raca {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.epidemiologia_box_2_chart_aplicacao {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

/* ===================== flexbox-filtros ====================== */

/*Area principal filtros*/
.epidemiologia_dashboard_filtro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 1rem;
}

.form_filtro_epidemiologia_dashboard {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 1rem;
}

/*Filtro Periodo*/
.filtro_epidemiologia_periodo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.2rem;
}

.dashboard_filtro_date_epidemiologia {
    display: flex;
    flex-direction: row;
    gap: 0.2rem;
}

/*Filtro Tipo de Relatório*/
.form_filtro_epidemiologia_tipo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
}

/*Filtro Unidade*/
.filtro_epidemiologia_unidade {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.2rem;
}

/*Filtro Equipe*/
.filtro_epidemiologia_equipe {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.2rem;
}

/*Filtro Profissional*/
.filtro_epidemiologia_profissional {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.2rem;
}

/*Filtro vacina*/
.filtro_epidemiologia_vacina {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.2rem;
}

/*Filtro Lote*/
.filtro_epidemiologia_lote {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.2rem;
}

/*Filtro Faixa Etaria*/
.filtro_epidemiologia_faixa_etaria {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.2rem;
}

.inputs_epidemiologia_faixa_etaria {
    display: flex;
    flex-direction: row;
    gap: 0.2rem;
}

/*Filtro Paciente*/
.filtro_epidemiologia_paciente {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.2rem;
}
/* ============================================================ */

@media only screen and (min-width: 1024px) {

    .epidemiologia_dashboard {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        gap: 0.1rem;
    }  

    .main_epidemiologia_dashboard_box {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .cards_epidemiologia_ {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .epidemiologia_dashboard_box_2 {
        display: flex;
        flex-direction: row;
    }

    
}