.filtros{
    margin-top: 0.5rem;
}

.main-content-acs{
    margin-top: 8px;
    width: 100%;
}

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

    width: 100%;
    height: auto;
}

.main-content-acs select {
    font-size: 10px;
}

.tipo-relatorio-tipo-ciap {
    flex: 1;
}

.tipo-relatorio-tipo-cbo {
    flex: 1;
}

/*Filtros*/
.filtros-principais {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.filtros-secundarios {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 10px;
}

#choices-multiple-remove-button {
    border-radius: 0 !important;
}

.select2-results__option {
    font-size: 10px !important;
}

/*TIPO DO RELATORIO*/
.tipo_relatorio {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    align-content: center !important;
 }

.form-switch {
    padding-top: 13px;
    padding-bottom: 13px;
    box-sizing: border-box;
}

.form-switch  input{
    align-self: center;
    align-content: center;
}
/*------------------------------------------*/

/*FILTRO PERIODO*/
.filtro-periodo {
    display: flex;
    flex-direction: column;
}

.filtro-periodo-entrada {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;

    width: 100%;
} 

#datepicker {
    align-self: center;
    padding: 5.2px 5px 5.2px !important;
    box-sizing: border-box;
}

#datepicker input {
    background-color: #f8f9fa;
}

/*------------------------------------------*/
/*FILTRO HORARIO*/
.filtro-horario {
    display: flex;
    flex-direction: column;
}

.filtro-horario-inicio-fim {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding: 11px 5px 11px !important;
    box-sizing: border-box;

    width: 100%;
}

.filtro-horario-inicio-fim input {
    border-radius: 0;
}
/*-----------------------------------------*/

/*FAIXA ETARIA*/
.filtro-faixa-etaria {
    display: flex;
    flex-direction: column;
}

.filtro-faixa-etaria-entrada {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    padding: 5.2px 5px 5.2px;
    box-sizing: border-box;
}

#input-faixa {
    width: 70px;
    border-radius: 0;
    background-color: #f8f9fa;
}
/*----------------------------------------*/

/*FILTRO CIAP*/
.filtro-ciap-entrada{
    padding: 5px !important;
    box-sizing: border-box;
}
/*---------------------------------------*/

/*FILTRO SEXO*/
.filtro-sexo-entrada {
    padding: 5px 5px 5px;
    box-sizing: border-box;
}
/*---------------------------------------*/

/*FILTRO PROFISSIONAL*/
.filtro-profissional {
    padding: 5px !important;
    box-sizing: border-box;
}

/*FILTRO CBO*/
.filtro-cbo-entrada {
    padding: 5px !important;
    box-sizing: border-box;
}
/*---------------------------------------*/

/*FILTRO UNIDADE*/
.filtro-unidade-entrada {
    padding: 5px !important;
    box-sizing: border-box;
}
/*---------------------------------------*/

/*.FILTRO EQUIPE*/
.filtro-equipe-entrada {
    padding: 5px !important;
    box-sizing: border-box !important;
}
/*---------------------------------------*/

/*FILTRO CONDICOES*/
.filtro-condicoes-entrada {
    padding: 5px !important;
    box-sizing: border-box !important;
}
/*---------------------------------------*/

/*TABELAS*/
.tables_ranking_ciaps {
    width: 95%;
    border-radius: 7px;
    box-shadow: var(--box-shadow);
    margin-bottom: 0.5%;
}

.tables_ranking_cid {
    margin-left: 1px;
    width: 100%;
}

.tables_ranking_procedimentos {
    width: 100%;
}

.tables_ranking_visita {
    margin-left: 1px;
    width: 100%;
}

/*PAGINACAO*/
.pagination_pagination {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.card_header_p {
    width: 100%;
}

.current {
    display: none;
}

.dt-buttons {
    margin-left: 10px;
}

.dt-buttons-ranking {
   margin-left: 0; 
}

#btn-previous{
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background-color: #114268;
    padding: 3px;
    border: none;
    border-radius: 3px;
}

#btn-next {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background-color: #114268;
    padding: 3px;
    border: none;
    border-radius: 3px;
}

#btn-previous:hover {
    background-color: #68a7d8;
    color: #fff;
}

#btn-next:hover {
    background-color: #68a7d8;
    color: #fff;
}


/*------------------------------CIDS--------------------------------*/
/*FILTRO CID*/
.filtro-cid-entrada{
    padding: 5px !important;
    box-sizing: border-box;
}

.tipo-relatorio-tipo-cid {
    flex: 1;
}
/*----------------------------------------------------------------- */

/*----------------------------PROCEDIMENTOS-------------------------*/
.filtro-procedimento-entrada {
    padding: 5px !important;
    box-sizing: border-box !important;
}

.tipo-relatorio-tipo-procedimento {
    flex: 1;
}
/*------------------------------------------------------------------*/

/*-----------------------------VISITA-------------------------------*/
.filtro-visita-entrada {
    padding: 5px !important;
    box-sizing: border-box !important;
}

.tipo-relatorio-tipo-visita {
    flex: 1;
}

/*------------------------------------------------------------------*/

@media only screen and (max-width: 380px) {
    /* .filtro-faixa-etaria-entrada {
        align-self: center !important;
        align-content: center !important;

    } */

    /* .main-posicao-ranking {
        width: 82% !important;
        margin-left: 8% !important;
    } */

    .dt-buttons {
        margin-left: 0;
    }
}

@media only screen and (min-width: 381px)  and (max-width: 450px) {
    /* .filtro-faixa-etaria-entrada {
        align-self: center !important;
        align-content: center !important;
    } */

    /* .main-posicao-ranking {
        width: 82% !important;
        margin-left: 9% !important;
        background-color: red !important;

    } */

    .dt-buttons {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1079px) {
    .filtros-principais {
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
    }

    .filtros-secundarios {
        justify-content: center;
        justify-content: space-evenly;
        align-items: center;
    }

    /*FILTRO RELATORIO*/
    .tipo-relatorio-tipo {
        width: 100%;
        align-self: flex-start !important;
        align-content: flex-start !important;
    }
    /*-----------------------------------*/

    /*FILTRO PERIODO*/
    .filtro-periodo-entrada input {
        width: 100% !important;
        text-align: center;
    }
    /*---------------------------------*/  
    
    /*FILTRO PERIODO*/
    .filtro-faixa-etaria {
        width: 100% !important;
    }

    #input-faixa {
        margin-left: 2px;
        width: 100%;
    }
    /*---------------------------------*/ 

    .dt-buttons {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px){
    
    .dt-buttons{
        margin-left: 10px;
    }
}

@media only screen and (max-width: 912px) {
    .main-posicao-ranking {
        width: 84% !important;
        margin-left: 8%;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1280px) {

    .main-filtros{
        gap: 0.7rem;
    }

    .tipo-relatorio-tipo-ciap {
        flex: 1;
    }

    .tipo-relatorio-tipo-cbo {
        flex: 1;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1366px) {

    .main-filtros{
        gap: 0.7rem;
    }

    .tipo-relatorio-tipo-ciap {
        flex: 1;
    }

    .tipo-relatorio-tipo-cbo {
        flex: 1;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1440px) {

    .main-filtros{
        gap: 0.8rem;
    }

    .tipo-relatorio-tipo-ciap {
        flex: 1;
    }

    .tipo-relatorio-tipo-cbo {
        flex: 1;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1680px) {

    .main-filtros{
        gap: 0.7rem;
    }

    .tipo-relatorio-tipo-ciap {
        flex: 1;
    }

    .tipo-relatorio-tipo-cbo {
        flex: 1;
    }
}