/**** Geral ****/
body, html {
    height: 100%;
    margin: 0;
    font-family: 'Nunito', sans-serif;
}

/* Foco Formulário */
.form-control:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), .25);
}


/**** Paginação *****/
.pagination .page-link span,
.pagination .page-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
}

/* Setinha da paginação */
.pagination .page-link {
    font-size: 1.0rem;
}


/**** Table ****/

table tbody tr td a.btn.btn-sm.btn-link i,
.btn.btn-light.btn-sm.border.popup_selector i,
.btn.btn-light.btn-sm.border.clear_elfinder_picker i,
button.browse i,
a.btn.btn-sm.btn-secondary.bulk-button i {
    margin-right: 3px;
}

table tbody tr td.dtr-control span {
    margin-left: 3px;
}

.table thead th,
.table tfoot th {
    background-color: transparent!important;
    height: 3rem; /* Ajuste para a altura desejada */
    line-height: 3rem; /* Certifique-se de que a linha esteja centralizada */
    vertical-align: middle; /* Alinhamento vertical central */
}

.table thead th,
.table tfoot th {
    background: var(--tblr-bg-surface-tertiary);
    font-size: .625rem;
    font-weight: var(--tblr-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1rem;
    color: var(--tblr-muted);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    white-space: nowrap;
}

.table thead th,
.table tfoot th {
    font-weight: 700;
}

table .btn-link, #form_tabs p .btn-link:not(:hover) {
    color: var(--tblr-primary);
}

table .btn-link:hover {
    text-decoration: none;
    background-color: transparent;
    color: rgba(var(--tblr-primary-rgb), .8);
}
table .btn-link:active {
    background-color: transparent!important;
    border-color: transparent!important;
    text-decoration: underline;
}

tbody {
    background-color: var(--tblr-table-bg);
}


/**** Select2 ****/

/* Estilo padrão do Select2 para seleção única */
.select2-container .select2-selection--single {
    height: 38px; /* Altura do select para corresponder à altura do seu select padrão */
    border: 1px solid #ced4da; /* Bordas padrão */
    border-radius: 4px; /* Bordas arredondadas */
    padding: 6px 12px; /* Padding interno */
    background-color: #fff; /* Cor de fundo */
    box-shadow: none; /* Remove qualquer sombra */
}

.select2-container {
    width: 100% !important;
}

/* Renderização de seleção */
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 24px; /* Ajuste para alinhar verticalmente o texto */
}

/* Ajuste da seta de seleção */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px; /* Altura da seta para corresponder à altura do select */
    top: 1px; /* Ajuste para centralizar verticalmente */
    right: 1px; /* Ajuste para centralizar horizontalmente */
}

/* Cor da seta */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #333 transparent transparent transparent !important; /* Cor da seta padrão */
}

/* Ajuste do campo de pesquisa do Select2 */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da; /* Bordas padrão */
    padding: 6px 12px; /* Padding interno */
    border-radius: 4px; /* Bordas arredondadas */
    height: 38px; /* Altura do campo de pesquisa */
    box-sizing: border-box; /* Inclui padding e bordas no cálculo da largura e altura */
}

/* Estilo específico para o select2 com a classe 'no-border-select2' */
.no-border-select2 + .select2-container--default .select2-selection--single {
    border: none !important; /* Remove todas as bordas do select2 */
    border-bottom: 1px solid #ced4da !important; /* Adiciona apenas a borda inferior */
    background-color: transparent !important; /* Fundo transparente */
}

/* Ajuste de padding para 'no-border-select2' */
.no-border-select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important; /* Remove o padding esquerdo */
    padding-right: 0 !important; /* Remove o padding direito */
}

/* Ajuste da seta para 'no-border-select2' */
.no-border-select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%; /* Altura da seta para corresponder à altura do select */
    border-left: none !important; /* Remove a borda esquerda da seta */
}


/**** DateRangePicker ****/

/* Adicione este CSS ao seu arquivo de estilos */
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.start-date,
.daterangepicker td.start-date:hover,
.daterangepicker td.end-date,
.daterangepicker td.end-date:hover {
    background-color: var(--tblr-primary) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.daterangepicker .ranges li.active {
    background-color: var(--tblr-primary) !important;
    color: #fff !important;
}

/* Adicionando cores personalizadas para os botões Apply e Cancel */
.daterangepicker .drp-buttons .btn-primary {
    background-color: var(--tblr-primary) !important;
    border-color: var(--tblr-primary) !important;
}

.daterangepicker .drp-buttons .btn-primary:hover {
    background-color: var(--tblr-primary) !important;
    border-color: var(--tblr-primary) !important;
}

.daterangepicker .drp-buttons .btn-secondary {
    background-color: var(--tblr-secondary) !important;
    border-color: var(--tblr-secondary) !important;
}

.daterangepicker .drp-buttons .btn-secondary:hover {
    background-color: var(--tblr-secondary) !important;
    border-color: var(--tblr-secondary) !important;
}


/**** TabPanel ****/

.card-header {
    border-bottom: none !important; /* Remove a borda inferior do card-header */
    padding-bottom: 0 !important; /* Remove qualquer preenchimento inferior do card-header */
}

.nav-tabs {
    margin-bottom: 0;
    padding-left: 0;
    border-bottom: none; /* Remove a borda inferior das abas */
}

.nav-tabs .nav-link {
    border: none; /* Remove todas as bordas das abas */
    border-radius: 10px 10px 0 0; /* Mantém o arredondamento das abas */
}

.tab-content {
    border: none; /* Remove todas as bordas do conteúdo das abas */
    border-radius: 0 0 10px 10px; /* Mantém o arredondamento do conteúdo das abas */
    padding: 0; /* Remove o preenchimento do conteúdo das abas */
}

.tab-pane {
    border: none; /* Remove todas as bordas do painel de abas */
    border-top: none; /* Remove a borda superior do painel de abas */
    border-radius: 0 0 10px 10px; /* Mantém o arredondamento do painel de abas */
    padding: 0; /* Remove o preenchimento do painel de abas */
}


/**** Filtros ****/

.navbar .navbar-nav {
    min-height: initial;
}

.navbar.navbar-filters {
    color: var(--tblr-body-color);
    background-color: var(--tblr-card-bg);
    border: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
    border-radius: var(--tblr-card-border-radius);
    box-shadow: var(--tblr-card-box-shadow)!important;
    margin: 0.8rem 0!important;
    --tblr-card-border-width: var(--tblr-border-width);
    --tblr-card-border-color: var(--tblr-border-color-translucent);
    --tblr-card-border-radius: var(--tblr-border-radius);
    --tblr-card-box-shadow: var(--tblr-shadow-card);
    --tblr-card-bg: var(--tblr-bg-surface);
    padding: 0.5rem 1rem!important;
}

.navbar.navbar-filters .nav-link {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 80%;
    color: var(--tblr-muted)!important;
}

.navbar.navbar-filters + div {
    overflow: hidden;
}