/* ----------PÁGINA------------ */
.section_pag_relatório {
    width: 100%;
    height: auto;

    padding: 0.5rem 1rem;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;

    background-color: var(--cinza_claro0);
    border: 1px solid var(--cinza_claro2);
}

.container_card_topo_relatorio {
    height: 150px;
}

/* -------------- Filtros ------------ */
.container_relatorios_filtros {
    width: 100%;

    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.2em;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;

    padding: 0.3em;
}

.container_linha_select {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.container_sub_linha_select {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.fitros_container_filtro {
    width: 100%;
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.2em;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.fitros_container_vinculos {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 0.2rem;
}

.container_rel_vinculos {
    width: 100%;

    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;

    background-color: var(--cinza_claro0);
    color: var(--cor_font_principal);
    padding: 0 0.5em;

    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
}

.container_rel_vinculos:hover {
    text-decoration: none;
    color: var(--branco);
    background-color: var(--cor_font_secundario);
}

.container_rel_vinculos.active {
    background-color: var(--mostarda2);
    color: var(--branco);
    border: 1px solid var(--mostarda3);
}

.fitros_container_filtro_titulo {
    border-bottom: 1px solid var(--cinza_claro2);
    padding: 0.3em;

    color: var(--cor_font_principal);
    background-color: var(--cinza_claro0);

    font-size: 13px;
}

.fitros_container_filtro_dado {
    padding: 0.3em;
}

.fitros_container_filtro_dado_sintetico {
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0.3rem;

    color: var(--cor_font_terceiro);
}

.fitros_container_filtro_dado_cidadao {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 0.2rem;
}

.relatorio_btn {
    padding: 0.3em;

    font-size: 12px;
 
    color: var(--cor_font_secundario);
    font-weight: 600;
    background-color: var(--cinza_claro0);
    border: 1px solid var(--cor_font_secundario);
    border-radius: 0.2em;
}

.relatorio_btn:hover {
    font-weight: 500;
    border: 1px solid var(--cinza_claro2);
}

.fitros_container_filtro_dado_faixa_etaria {
    width: 100%;
    
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: center;
}

.input_faixa {
    height: 32px;
}

.container_filtro_dado_select {
    width: 100%;
    height: 32px;

    border: 1px solid var(--cor_font_secundario);
    border-radius: 0.2em;
}

#relatorio_vinculos {
    color: var(--abobura2);

    font-size: 20px;
    font-weight: 600;
}

@media screen and (min-width: 800px) {
    .fitros_container_filtro_titulo {
        font-size: 10px;
    }

    .container_linha_select {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .container_sub_linha_select {
        width: 100%;
    
        display: flex;
        flex-direction: row;
        gap: 0.5em;
    }

    .fitros_container_vinculos {
        width: 20%;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
    }

    .container_rel_vinculos {
        font-size: 12px;
    }

    /* linha 1 sub 1 */
    .fitros_container_filtro_quarimesre {
        width: 30%;
    }

    .fitros_container_filtro_cad_acom_quarimesre {
        width: 20%;
    }

    .fitros_container_filtro_acompanhado {
        width: 22%;
    }

    .fitros_container_filtro_equipe {
        width: 50%;
    }

    .fitros_container_filtro_cbo {
        width: 180px;
    }

    /* linha 1 sub 2 */
    .fitros_container_filtro_prof {
        width: 50%;
    }

    .fitros_container_filtro_unidade {
        width: 60%;
    }

    .fitros_container_filtro_micro {
        width: 22%;
    }

    /* linha 2 sub 1 */
    .fitros_container_filtro_status {
        width: 30%;
    }

    .fitros_container_filtro_status_cad_acom {
        width: 30%;
    }

    .fitros_container_filtro_sexo_cad_acom {
        width: 32%;
    }

    .fitros_container_filtro_status_acom {
        width: 35%;
    }

    .fitros_container_filtro_modelo_cadastral {
        width: 33%;
    }

    .fitros_container_filtro_cidadao {
        width: 65%;
    }

    
    .fitros_container_filtro_cidadao_acom {
        width: 55%;
    }

    .fitros_container_filtro_sexo {
        width: 30%;
    }

    .fitros_container_filtro_faixa {
        width: 35%;
    }

    .fitros_container_filtro_faixa_acom {
        width: 26%;
    }

    /* linha 2 sub 1 */ 
    .fitros_container_filtro_atendimentos {
        width: 40%;
    }

    .fitros_container_filtro_vulnerabilidade {
        width: 40%;
    }

    .fitros_container_filtro_saude {
        width: 40%;
    }

}

@media screen and (min-width: 1000px) {
    .fitros_container_filtro_titulo {
        font-size: 12px;
    }
}

@media screen and (min-width: 1400px) {
    .fitros_container_filtro_unidade {
        width: 60%;
    }

    .fitros_container_filtro_status {
        width: 20%;
    }

    .fitros_container_filtro_modelo_cadastral {
        width: 20%;
    }

    .fitros_container_filtro_cidadao_acom {
        width: 60%;
    }

}

@media screen and (min-width: 1900px) {
    .container_rel_vinculos {
        font-size: 13px;
    }

    .container_linha_select {
        flex-direction: row;
    }

    .container_linha_select_cad_acom {
        flex-direction: column;
    }

    .container_sub_linha_select1 {
        width: 80%;
    }

    .container_sub_linha_select_cad_acom {
        width:100%;
    }

    .container_sub_linha_select_ultima {
        width: 45%;
    }

    .container_sub_linha_ultima_select {
        width: 60%;
    }

    .container_sub_linha_select_ultima_cad_acom {
        width: 100%;
    }
    
    .fitros_container_vinculos {
        width: 25%;
    }

    .fitros_container_filtro_quarimesre {
        width: 20%;
    }

    .fitros_container_filtro_equipe {
        width: 50%;
    }

    .fitros_container_filtro_cbo {
        width: 15%;
    }

    /* linha 1 sub 2 */
    .fitros_container_filtro_prof {
        width: 44%;
    }

    .fitros_container_filtro_micro {
        width: 15%;
    }

    .fitros_container_filtro_status_cad_acom {
        width: 20%;
    }

    .fitros_container_filtro_modelo_cadastral {
        width: 16%;
    }

    .fitros_container_filtro_modelo_cadastral_cad_acom {
        width:15%;
    }

    .fitros_container_filtro_status {
        width: 15%;
    }

    .fitros_container_filtro_cad_acom_mici {
        width: 16%;
    }

    .fitros_container_filtro_cad_acom_micdt {
        width: 18%;
    }

    .fitros_container_filtro_cidadao {
        width: 70%;
    }

    .fitros_container_filtro_cidadao_acom {
        width: 70%;
    }

    .fitros_container_filtro_cidadao_cad_acom {
        width: 55%;
    }

    .fitros_container_filtro_sexo {
        width: 30%;
    }

    .fitros_container_filtro_faixa {
        width: 33%;
    }

    .fitros_container_filtro_saude {
        width: 50%;
    }

    /* linha 2 sub 1 */ 
    .fitros_container_filtro_faixa_acom {
        width: 25%;
    }

    .fitros_container_filtro_faixa_cad_acom {
        width: 20%;
    }

    .fitros_container_filtro_sexo_cad_acom {
        width: 17%;
    }

    .fitros_container_filtro_saude_cad_acom {
        width: 27%;        
    }

    .fitros_container_filtro_atendimentos {
        width: 40%;
    }

    .fitros_container_filtro_cad_acom_atendimentos {
        width: 28%;
    }

    .fitros_container_filtro_vulnerabilidade {
        width: 40%;
    }

    .fitros_container_filtro_cad_acom_vulnerabilidade {
        width: 26%;
    }
}
/* ----------------------------------------- */

/* --------- TABELA ---------- */
.container_relatorio_principal {
    max-width: 3000px;

    background-color: var(--branco);

    border: 1px solid var(--cinza_claro2);
    border-radius: 0.2em;

    overflow-x: auto;
}