:root {
    --box-shadow: 2px 3px 3px 3px rgb(218, 209, 209);
    --box-shadow-filtro:  5px 5px rgb(218, 209, 209);
    --cor-fundo-input-date: #FF6400;
    --cor-fundo-hover: #114268;
    --cor-font: #FFF;
    --cor-borda-card: #ced4da;
    --cor-primaria: #287cd6;
    --cor-secundaria: #114268;
}

.dashboard_content_filtros {
    width: 100%;
    height: auto;
    border-radius: 7px;
    box-shadow: var(--box-shadow);
}

.dashboard_filtro_titulo {
    align-self: flex-start;
    font-size: 18px;
    line-height: 1.8rem;
    letter-spacing: 1.5px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 5px;
}

.dashboard_filtros_periodo {
    width: 95%;
    height: auto;
    border-radius: 7px;
    box-shadow: var(--box-shadow-filtro);
}

.dashboard_filtro_periodo_titulo {
    align-self: flex-start;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.8rem;
    letter-spacing: 1.5px;
    margin-left: 10px;
}

.dashboard_filtro_date {
    width: 96%;
    margin-bottom: 10px;
}

.dashboard_filtro_date input {
    width: 100%;
}

/*UNIDADE DE SAUDE*/
.dashboard_filtro_titulo_unidade {
    align-self: flex-start;
    font-size: 13px;
    line-height: 1.8rem;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.dashboard_filtro_unidade {
    width: 95%;
    padding: 10px;
    border-radius: 7px;
    box-shadow: var(--box-shadow-filtro);
}

.dashboard_filtro_unidade select {
    width: 100%;
}

/*UNIDADE DE EQUIPE*/
.dashboard_filtro_titulo_equipe {
    align-self: flex-start;
    font-size: 13px;
    line-height: 1.8rem;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.dashboard_filtro_equipe {
    box-shadow: var(--box-shadow-filtro);
    width: 95%;
    padding: 10px;
    border-radius: 7px;
}

/*PROFISSIONAIS DE SAUDE*/
.dashboard_filtro_profissional {
    box-shadow: var(--box-shadow-filtro);
    width: 95%;
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 15px;   
}

.dashboard_filtro_titulo_equipe {
    align-self: flex-start;
    font-size: 13px;
    line-height: 1.8rem;
    letter-spacing: 1.5px;
    font-weight: bold;
}

/*MICROAREA DE SAUDE*/
.dashboard_filtro_microarea {
    box-shadow: var(--box-shadow-filtro);
    width: 95%;
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 15px;   
}

/* PERSONALIZANDO A COR DE FUNDO DAS OPCOES SELECIONADAS */
.select2-selection__choice {
    background-color: var(--cor-primaria) !important;
    color: var(--cor-font) !important;
}
  
/* PERSONALIZANDO A COR DE FUNDO DO BOTAO (X) DAS OPCAOES SELECIONADAS */
.select2-selection__choice__remove {
    color: var(--cor-font) !important;
    font-weight: bold;
}

.select2-selection__choice__remove:hover {
    background-color: var(--cor-secundaria) !important;
} 
  
/* PERSONALIZANDO A COR DE FUNDO DAS OPCOES SELECIONADAS */
.select2-selection__rendered {
    color: var(--cor-font) !important;
}

/* SCROLLY */
.dashboard_content_filtros::-webkit-scrollbar {
    width: 5px;
}
  
.dashboard_content_filtros::-webkit-scrollbar-track {
    background: var(--second-color) !important; 
    border-radius: 20px;
    border: 1px solid var(--second-color);
}
  
.dashboard_content_filtros::-webkit-scrollbar-thumb {
    background-color: var(--secondary-bg-color); 
    border-radius: 20px;
    border: 1px solid var(--second-color);
}

/* FILTROS RELATORIO */
.filtro_familia {
    width: 100%;
    height: auto;
}

.form_filtro_familia {
    width: 100%;
    height: auto;
    border-radius: 7px;
}

/*TITULO*/
.form_filtro_familia_titulo {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8rem;
    letter-spacing: 1.5px;
    margin-left: 10px;
    margin-top: 5px;
}

/* FILTRO TIPO RELATÓRIO */
.form_filtro_familia_tipo_relatorio {
    width: 97%;
    height: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding: 10px;
    box-shadow: var(--box-shadow-filtro);
    border-radius: 7px;
}

.filtro_familia_relatorio_tipo_titulo {
    font-size: 13px;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.relatorio_familia_tipo {
    padding: 6px;
}

.form_filtro_familia_tipo_relatorio select{
    font-size: 15px;
}

.relatorio_familia_tipo option{
    font-size: 15px;
}

/* FILTRO PERIODO */
.form_filtro_familia_periodo {
    width: 97%;
    height: auto;
    margin-right: auto;
    box-shadow: var(--box-shadow-filtro);
    border-radius: 7px;
}

.filtro_familia_periodo_titulo {
    font-size: 13px;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 1.5px;
    margin-left: 10px;
}

.filtro_familia_periodo_data {
    width: 100%;
    padding: 10px;
}

/*FILTRO UNIDADE*/
.form_filtro_familia_unidade {
    width: 97%;
    height: auto;
    margin-right: auto;
    padding: 10px;
    box-shadow: var(--box-shadow-filtro);
    border-radius: 7px;
}

.filtro_familia_unidade_titulo {
    font-size: 13px;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 1.5px;
}

/*FILTRO EQUIPE*/
.form_filtro_familia_equipe {
    width: 97%;
    height: auto;
    margin-right: auto;
    padding: 10px;
    box-shadow: var(--box-shadow-filtro);
    border-radius: 7px;
}

.filtro_familia_equipe_titulo {
    font-size: 13px;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 1.5px;
}

/*FILTRO PROFISSIONAL DE SAUDE*/
.form_filtro_familia_profissinal {
    width: 97%;
    height: auto;
    margin-right: auto;
    padding: 10px;
    box-shadow: var(--box-shadow-filtro);
    border-radius: 7px;
}

.filtro_familia_profissional_titulo {
    font-size: 13px;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 1.5px;
}

/*FILTRO CIDADAO RESPONSAVEL*/
.form_filtro_familia_responsavel {
    width: 97%;
    height: auto;
    margin-right: auto;
    padding: 10px;
    box-shadow: var(--box-shadow-filtro);
    border-radius: 7px;
}

.filtro_familia_responsavel_titulo {
    font-size: 13px;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 1.5px;
}

/*FILTRO CAMPOS*/
.form_filtro_familia_campos {
    width: 97%;
    height: auto;
    margin-right: auto;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: var(--box-shadow-filtro);
    border-radius: 7px;
}

.filtro_familia_campos_titulo {
    font-size: 13px;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 1.5px;
}

.filtro_familia_campos_valores {
    width: 100%;
}

#buscar_campo {
    font-size: 13px;
}
 
/* SCROLLY */
.form_filtro_familia::-webkit-scrollbar {
    width: 5px;
}
  
.form_filtro_familia::-webkit-scrollbar-track {
    background: var(--second-color) !important; 
    border-radius: 20px;
    border: 1px solid var(--second-color);
}
  
.form_filtro_familia::-webkit-scrollbar-thumb {
    background-color: var(--secondary-bg-color); 
    border-radius: 20px;
    border: 1px solid var(--second-color);
}

@media only screen and (min-width: 1024px) {
    /*FILTROS*/
    .dashboard_content_filtros {
        border-radius: 7px;
        height: 440px;
        overflow-y: auto !important;
    }

    /*Filtro Profissional*/
    .dashboard_filtro_profissional {
        margin-bottom: 0px;
    }

    /*BOTAO*/

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

    /*FILTRO RELATORIO*/
    .form_filtro_familia {
        height: 710px !important;
        overflow-y: auto !important;
    }

    .form_filtro_familia_campos {
        margin-bottom: 20px;
    }

    .filtro_familia_periodo_data {
        width: 100%;
        padding: 10px;
    }
}