:root {
    --font_principal: 'Roboto Mono', monospace, sans-serif;

    --tam_font1: 20px;
    --tam_font2: 15px;
    --tam_font3: 12px;

    --cor_font_principal: #474a57;
    --cor_font_secundario: #727179;
    --cor_font_terceira: #6d6d6d;
    --branco: #ffffff;
    --cinza_claro0: #f4f8fe;
    --cinza_claro1: #f1f6fa;
    --cinza_claro2: #a0c1db;
    --cinza_claro3: #e6e6e7;
    --azul_claro: #76ADF3;
    --vermelho_claro: #FF4444;
    --vermelho_claro1: #b85757;
    --verde_claro_fosco0: #a9af02;
    --verde_claro_fosco1: #B5BB15;
    --verde_claro_fosco2: #c4d16f;
    --mostarda0: #e8fe22;
    --mostarda1: #496f98;
    --mostarda2: #3a5d84;
    --mostarda3: #355273;
    --abobura1: #366fb0;
    --abobura2: #283d78;

    --primary-bg: #f8f9fa;
    --second-bg: #e3e8eb;
    --primary-color: #000;
    --second-color: #FFF;
    --secondary-bg-color: #114268;
    --secondary-bg-color_hover: #6c757d;
    --third-bg-color: #68a7d8;
    --color_aplicar: #68a7d8;
    --color_aplicar_hover: #589ed3;
    --fourth-bg-color: #6c757d;

    --cor-fundo: #FFF;
    --font-family: 'Open sans', sans-serif;
    --cor-alcancadas: #7A9D54;
    --cor-alcancar: #FF9B50;
    ---cor-total: #000;
    --cor-glosadas: #c80e0e;
}

.canvasjs-chart-credit {
    display: none !important;
}

/* ---------------- Superior ------------------- */
.superior{
    width: 100% !important;
}

.superior > img{
    width: 100%;
}

.card-header{
    font-weight: bold;
    font-size: 12px;
}

.filtros input{
    font-size: 11px !important;
}

.filtros div{
    font-size: 10px !important;
}

.form-check-input{
    margin-right: 5px;
}

@media only screen and (max-width: 1024px){
    .superior > img{
        width: 100% ;
    }
}

/* ------------------ Login ----------------------- */
.divider:after,
.divider:before {
  content: "";
  flex: 1;
  height: 1px;
  background: #eee;
}

.h-custom {
  height: calc(100% - 73px);
}

@media (max-width: 650px) {
  .h-custom {
    height: 90%;
  }

  img {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ------------ Página personalizada ---------------- */
.container_dev {
    width: 100%;
    height: 70vh;

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

.container_dev_img {
    width: 70%;
    height: 100%;
}

.container_dev_img img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1000px) {
    .container_dev {
        height: 40vh;
    }
}

@media only screen and (max-width: 500px) {
    .container_dev {
        height: 30vh;
    }
}
/* --------------------------------------------------- */

/* ======================== RELATÓRIOS ============================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.btn-primary {
    margin-left: 10px;
    background-color: var(--secondary-bg-color);
    border: none;
}

.btn-primary:hover {
    background-color: var(--third-bg-color);
}

.btn-primary:active {
    background-color: var(--third-bg-color);
}

.btn-show {
    background-color: var(--secondary-bg-color);
}

/*FILTROS*/
.main-content-filtros {
    margin-top: 2px;
}

.main-filtros {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap !important; 
    gap: 0.9rem;
    margin-left: 10px;
}

#buscar_paciente {
    font-size: 12px;
    border-radius: 0;
    margin-right: 10px;
}

#buscar_paciente_cns {
    font-size: 12px;
    border-radius: 0;
    margin-right: 10px;
}

#buscar_paciente_cpf {
    font-size: 12px;
    border-radius: 0;
    margin-right: 10px;
}

#tipo_relatorio {
    font-size: 12px;
    border-radius: 0;
}

.label-filter {
    font-size: 14px;
    font-weight: 600;
}

.filtro-equipe {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    width: 100%;
}

#unidade_nome {
    font-size: 12px;
    border-radius: 0;
    width: 40%;
}

#equipe_nome {
    font-size: 12px;
    border-radius: 0;
    width: 40%;
}

.filter-opcao {
    min-width: 12%;
}

.filter-paciente {
    width: 55%;
}

.filter-cpf {
    width: 15%;
}

.filter-cns {
    width: 15%;
}

.filter-container {
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 0.4rem;
    width: 100%;
}

.inputs {
    display: flex;
    flex-direction: row;
    gap: 0.2rem;
}

#datapicker {
    margin-left: 0;
}

#date_inicial {
    font-size: 12px;
    width: 90px;
    border-radius: 0;
}

#date_final {
    font-size: 12px;
    width: 90px;
    border-radius: 0;
}

#municipio-select {
    font-size: 12px;
    width: 225px;
    border-radius: 0;
}

.buscar {
    display: flex;
    flex-direction: row;
    gap: 0.4rem;
    width: 134px !important;
}

#buscar-select {
    font-size: 12px;
    min-width: 12%;
    border-radius: 0;
}

.filtro-buscar {
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 0.4rem;
    margin-left: 10px;
    width: 100%;
}

#text_buscar {
    font-size: 12px;
    border-radius: 0;
    width: 83.3%;
}

#btn-aplicar {
    color: var(--primary-bg);
    border: 1px solid var(--color_aplicar);
    border-radius: 2px;

    background-color: var(--color_aplicar);
}

#btn-aplicar:hover {
    border: 1px solid var(--primary-bg);
    background-color: var(--color_aplicar_hover);
}

.btn-aplicar {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-right: 20px;
    margin-top: 0.5rem;
    border-radius: 2px;
}

.btn-aplicar-financeiro {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 20px;
    margin-top: 0.5rem;
    border-radius: 2px;
}

.btn-aplicar-unidade {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 20px;
    margin-top: 0.5rem;
    border-radius: 2px;
}

#btn-limpar {
    color: var(--primary-bg);
    border-radius: 2px;
    margin-left: 5px;
}

#btn-limpar:hover {
    border: 1px solid var(--primary-bg);
}

.label-filter-profile {
    font-weight: 500;
}
/*---------------------------------------------------------------------------*/

/* TESTE */
.main-filtro-title {
    font-size: 26px;
    margin-left: 10px;
    margin-bottom: 2rem;
    width: 120px;
}

.main-filtro-title:hover {
    cursor: pointer;
    color: var(--secondary-bg-color);
}

/* TABELA DATATABLES */
/* CABECALHO */
.table th {
    font-size: 12px;
    font-weight: small;
}

.table tbody > td {
    font-size: 9px;
}

#thead-acessos {
    background-color: var(--secondary-bg-color);
    color: var(--second-color);
}

#thead-acessos a{
    background-color: var(--secondary-bg-color);
    color: var(--second-color);
}
/*----------------------------------------------------------------------------*/

/* ORDENACAO */
table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
   color: var(--second-color);
}
/*-----------------------------------------------------------------------------*/

/* DATATABLES LENGTH */
.dataTables_length {
    font-size: 12px;
    float: right !important;
    margin-bottom: 5px;
    margin-right: 10px;
}

/* RELATORIO CLIENT SIDE */
.ancora-links {
    text-decoration: none;
}

.success {
    color: #47A992;
}

.danger {
    color: #F24C3D;
}

.success:hover {
   font-weight: bold; 
   color: #47A992;
}

.danger:hover {
    font-weight: bold;
    color: #F24C3D;
}

#unidade_filter {
    display: none;
}

#unidade_equipes_filter {
    display: none;
}

#financeiro_unidade_filter {
    display: none;
}

#financeiro_equipe_filter {
    display: none;
}

.dataTables_length select {
    font-size: 12px;
    border-radius: 0;
}
/*-----------------------------------------------------------------------------*/

/* DATATABLES EXPOTACAO */
.btn-secondary {
    border-radius: 2px;
}

.btn-relatorio-consultas{
    margin-left: 10px !important;
}
/*-----------------------------------------------------------------------------*/

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

/* PROCESSING MESSAGE*/
.dataTables_wrapper .dataTables_processing {
    text-align: center;
    font-size: 1rem;
    opacity: 0.9;
    background: var(--primary-bg);
}
/*-----------------------------------------------------------------------------*/

/* BOTÃO DE PAGINAÇÃO */
.dataTables_info {
    font-size: 12px;
    margin-left: 5px;
    margin-top: -10px;
}

.paginate_button > a {
    font-size: 14px;
    border: none;
    border-radius: 3px;
    color: var(--primary-color);
}

.paginate_button.active > a {
    background-color: var(--third-bg-color) !important;
}

.paginate_button > a:hover {
    color: var(--second-color) !important;
    background-color: var(--secondary-bg-color) !important;
    font-weight: 600 !important;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
}
/*-----------------------------------------------------------------------------*/

/* SELECT2, PERSONALIZANDO A COR DE FUNDO DAS OPCOES SELECIONADAS */ 
.select2-selection__choice {
    background-color: var(--secondary-bg-color) !important;
    color: var(--cor-font) !important;
} 

.select2-selection__choice__remove {
    border-right: 1px solid var(--branco);
    padding-right: 0.2em;
}

.select2-selection__choice__remove:hover {
    background-color: var(--secondary-bg-color) !important;
    color: var(--vermelho_claro) !important;
}
/*---------------------------------------------------------------------------*/

@media only screen and (min-width:360px) and (max-width:769px){

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

    .main-filtros-usuarios{
        margin-left: 0;
    }

    .menu-navegacao-perfil  a{
        font-size: 10px !important;
    }

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

    .filter-paciente {
        width: 62% !important;
    }

    .filter-cns{
        width: 95% !important;
    }

    .filter-cpf{
        width: 95% !important;
    }

    #text_buscar {
        width: 92% !important;
    }
       
    @media only screen and (min-width:359px) and (max-width:361px){ 
        .filter-paciente {
            width: 60% !important;
        }
    }

}

@media only screen and (min-width:411px) and (max-width:450px){
    .filter-paciente {
        width: 65% !important;
    }

    .filter-cns{
        width: 95% !important;
    }

    .filter-cpf{
        width: 95% !important;
    }

    #text_buscar {
        width: 92% !important;
    }
}

@media only screen and (min-width:500px) and (max-width:600px){ 

    .filter-paciente {
        width: 72.8% !important;
    }

    .filter-cns{
        width: 95% !important;
    }

    .filter-cpf{
        width: 95% !important;
    }

    #text_buscar {
        width: 93% !important;
    }

}

@media only screen and (min-width:767px) and (max-width:769px){
    .filter-paciente {
        width: 81% !important;
    }

    .filter-cns{
        width: 97% !important;
    }

    .filter-cpf{
        width: 97% !important;
    }

    #text_buscar {
        width: 95% !important;
    }
}

/* RESPONSIVE */
@media only screen and (min-width: 770px) and (max-width: 1070px) {

    
    .menu-navegacao-perfil  a{
        font-size: 18px !important;
    }

    /*BT exportação*/
    .dt-buttons {
        margin: 0;
    }

    /* QTD de registros */
    .dataTables_length {
        margin-left: 10px;
        float: left !important;
    }

    /*FILTROS DE BUSCAR*/
    .filtro-buscar {
        flex-wrap: wrap;

    }

    .main-filtros {
        flex-direction: column;
    }

    .filter-opcao {
        width: auto;
    }

    .filter-paciente {
        width: 100% !important;
        padding-right: 10px !important;
    }
    
    .filter-cpf {
        width: 100%;
        padding-right: 10px !important;
    }
    
    .filter-cns {
        width: 100%;
        padding-right: 10px !important;
    }
    
    .buscar {
        width: auto;
    }

    #text_buscar {
        width: 100% !important;
        margin-right: 20px;
    }
    
    /*Datatables info*/
    .dataTables_info {
        display: none;
    }

    #filtro-municipios{
        margin-left: -12px !important;
    }

    @media only screen and (min-width: 560px) and (max-width: 1070px) {
        .dataTables_length {
            float: right !important;
        }

        .card_ind_donut {
            display: none !important;
        }
    }
}

@media (max-width: 1500px) {
    /*Filtros*/
    #text_buscar {
        margin-right:0;
    }

    .filter-paciente {
        width: 54%;
    }

    .btn-aplicar {
        margin-right: 24px;
    }

    @media only screen and (min-width: 1399px) and (max-width: 1401px) {
       .btn-aplicar {
        margin-right: 12px;
       } 
    }
}

@media (min-width: 1600px) and (max-width: 1601px) {
    .main-filtros{
        gap: 0.8rem;
    }
}


@media (max-width: 1880px) {
    /*Filtros*/
    #text_buscar {
        margin-right: 20px;
    }
}
/* ================================================================== */