.area_individuo_dashboard {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

/*Estrutura*/
.dashboard_individuo_box_1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    gap: 1rem;
}

.dashboard_individuo_box_2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    gap: 1rem;
}

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

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

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

/*Card total*/
.dashboard_card_individuo_total {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

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

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

/*Card Visitados*/
.dashboard_card_individuo_visitados {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

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

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

/*Card Não Visitados*/
.dashboard_card_individuo_nao_visitados {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

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

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

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

.card_meta_individuo_dashboard {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

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

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

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

/*DASHBOARD FILTRO UNIDADE*/
.filtro_individuo_unidade {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

/*DASHBOARD FILTRO EQUIPE*/
.filtro_individuo_equipe {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

/*DASHBOARD FILTRO PROFISSIONAL*/
.filtro_individuo_profissional {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

/*DASHBOARD FILTRO microarea*/
.filtro_individuo_microarea {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

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

    .area_individuo_dashboard {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .dashboard_individuo_box_1{
        flex-direction: row-reverse;
        flex-wrap: nowrap;
    }

    .dashboard_individuo_box_1_chart{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .dashboard_cards_individuos {
        flex-direction: row;
    }

    .dashboard_individuo_section_2 {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .dashboard_individuo_box_2 {
        flex-direction: row;
        flex-wrap: nowrap;
    }
}