: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: #ffc107;
    --cor-font: #FFF;
    --cor-borda-card: #ced4da;
    --cor-primaria: #fd7e14;
    --cor-secundaria: #ffc107;
}

.form_filtro_individuo_dashboard {
    width: 100%;
}

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

.dashboard_filtro_date_individuo {
    margin-bottom: 10px;
    width: 93%;
}

.dashboard_filtro_date_individuo input {
    width: 100%;
}

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

    .form_filtro_individuo_dashboard {
        height: 500px;
        overflow-y: auto;
    }

    /*Scroll*/
    .form_filtro_individuo_dashboard::-webkit-scrollbar {
        width: 7px;
    }

    .form_filtro_individuo_dashboard::-webkit-scrollbar-track {
        background: var(--second-color) !important;
        border-radius: 5px;
        border: 1px solid var(--second-color);
    }

    .form_filtro_individuo_dashboard::-webkit-scrollbar-thumb {
        background-color: var(--secondary-bg-color);
        border-radius: 5px;
        border: 1px solid var(--second-color);
    }
}