/* ================================================================================================== Básico do Thema */
body.dark-mode {
    color: #e0e0e0;
}

body.dark-mode label {
    color: #e0e0e0;
}

body.dark-mode .gray-bg {
    background-color: #121212;
    border: 1px solid #121212;
}

/* =========================================================================================================== Rodapé */
body.dark-mode .footer {
    background-color: #444 !important;
}

/* ============================================================================================================= Menu */
body.dark-mode nav {
    background-color: #1e1e1e !important;
}

body.dark-mode .nav-header {
    background-color: #1e1e1e !important;
    background-image: url("patterns/header-profile-dark.png");
}

body.dark-mode .nav-second-level {
    background-color: #1e1e1e !important;
}

/* ====================================================================================================== IBbox Geral */
body.dark-mode .ibox {
    background-color: #1e1e1e;
    border: 1px solid #444;
}

/* ================================================================================================== Título da Caixa */
body.dark-mode .ibox-title {
    background-color: #1e1e1e;
    border-top: 2px solid #959595;
}

/* ================================================================================================== Rodapé da Caixa */
body.dark-mode .ibox-footer {
    background-color: #444;
    border-top: 1px solid #444;
}

/* ========================================================================================= Labels dentro das caixas */
body.dark-mode .ibox-title .label-primary {
    background-color: #5e72e4;
}

body.dark-mode .ibox-title .label-success {
    background-color: #2dce89;
}

body.dark-mode .ibox-title .label-danger {
    background-color: #f5365c;
}

body.dark-mode .ibox-title .label-warning {
    background-color: #fb6340;
}

/* ======================================================================================== Conteúdo interno da caixa */
body.dark-mode .ibox-content {
    background-color: #1e1e1e;
    border-top: 1px solid #444;
}

/* ======================================================================= Porcentagem / estatísticas dentro da caixa */
body.dark-mode .stat-percent {
    color: #90caf9;
}

body.dark-mode .stat-percent.text-navy {
    color: #5e72e4;
}

body.dark-mode .stat-percent.text-danger {
    color: #f5365c;
}

body.dark-mode .stat-percent.text-success {
    color: #2dce89;
}

/* ===================================================================================================== Tabela ===== */
body.dark-mode table td {
    vertical-align: middle;
}

body.dark-mode table th {
    border-bottom: None;
}

body.dark-mode .table,
body.dark-mode .sorting,
body.dark-mode .sorting_asc,
body.dark-mode .sorting_desc,
body.dark-mode .sorting_disabled {
    background-color: transparent;
    /*background-color: red;*/
}

body.dark-mode .table thead th {
    background-color: transparent;
    border: 1px solid #444;

}

body.dark-mode .table tr,
body.dark-mode .table td {
    border-top: 1px solid #444;
}

body.dark-mode .table-bordered,
body.dark-mode .table-bordered tr,
body.dark-mode .table-bordered td {
    border: 1px solid #444;
}

body.dark-mode .table-borderless,
body.dark-mode .table-borderless tr,
body.dark-mode .table-borderless td {
    border: none;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: #555;
}

body.dark-mode .table-striped .even {
    background-color: rgba(66, 66, 66, 0.45);
}

/* ========================================================================================== Tabela Calendário ===== */
body.dark-mode .fc-scrollgrid {
    background-color: transparent;
    border: 1px solid #444;
}

body.dark-mode .fc-day {
    background-color: transparent;
    border: 1px solid #444;
}

body.dark-mode .fc-non-business {
    background-color: #222222;
}

body.dark-mode .fc-toolbar-chunk {
    display: flex;
    align-items: center; /* Opcional: para alinhar verticalmente */
    gap: 0.5rem; /* Opcional: espaço entre os botões */
}

body.dark-mode .fc-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

body.dark-mode .fc-popover-body {
    background-color: #121212;
}

/* ====================================================================================== Elementos de Entrada ===== */
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode input[type="search"],
body.dark-mode input {
    background-color: rgba(85, 85, 85, 0.2) !important;
    border: 1px solid #424242;
    color: #e0e0e0;
}

body.dark-mode select:focus,
body.dark-mode textarea:focus,
body.dark-mode input[type="search"]:focus,
body.dark-mode input:focus {
    color: #e0e0e0;
}

body.dark-mode select[readonly],
body.dark-mode textarea[readonly],
body.dark-mode input[type="search"][readonly],
body.dark-mode input[readonly] {
    background-color: rgba(85, 85, 85, 0.5);
    border: 1px solid #424242;
    color: #bababa;
}

body.dark-mode select option {
    color: #000;
}

body.dark-mode option {
    /* Cor objetos do dropdown */
    background-color: #121212 !important;
    color: #FFF !important;
}

body.dark-mode option:checked {
    background-color: #939393 !important;
    color: #FFF !important;
}


/* ========================================================================= BOTÕES DE AÇÃO (Copiar, CSV, etc.) ===== */
body.dark-mode .buttons-html5,
body.dark-mode .buttons-print {
    background-color: #2c2f4a;
    border: 1px solid #555;
    color: #e0e0e0;
    margin-right: 4px;
}

body.dark-mode .buttons-html5:hover,
body.dark-mode .buttons-print:hover {
    background-color: #5e72e4;
    border-color: #5e72e4;
    color: #ffffff;
}

/* ======================================================================================== BOTÕES DE PAGINAÇÃO ===== */
/* ii */
body.dark-mode .page-item {
    background-color: #2c2f4a;
    border: 1px solid #444;
    color: #fff;
}

/* a */
body.dark-mode .page-link {
    background-color: #2c2f4a;
    border: none;
    color: #fff;
}

/* a, li:hover  */
body.dark-mode .page-item:hover,
body.dark-mode .page-link:hover {
    background-color: #5e72e4;
    color: #fff;
}

/* ----------- Disable */
/* li, a */
body.dark-mode .page-item.disabled,
body.dark-mode .page-item.disabled .page-link {
    background-color: #2c2f4a;
}

/* ----------- Active */
body.dark-mode .page-item.active,
body.dark-mode .page-item.active .page-link {
    background-color: #5e72e4;
    color: #fff;
}

/* ===== AÇÕES DE ÍCONES NAS TABELAS ===== */
body.dark-mode .btn-primary {
    background-color: #5e72e4;
    border-color: #5e72e4;
    color: #fff;
}

body.dark-mode .btn-warning {
    background-color: #fb6340;
    border-color: #fb6340;
    color: #fff;
}

body.dark-mode .btn-danger {
    background-color: #f5365c;
    border-color: #f5365c;
    color: #fff;
}

body.dark-mode .btn-primary:hover,
body.dark-mode .btn-warning:hover,
body.dark-mode .btn-danger:hover {
    opacity: 0.9;
}

/* ===== DETALHES EXTRAS: SMALL, HEADERS ===== */
body.dark-mode small,
body.dark-mode .text-muted {
    color: #b0b0b0 !important;
}

body.dark-mode .ibox-title h5 {
    color: #e0e0e0;
}

/* ====================================================================================================== Modal ===== */
body.dark-mode .modal-body,
body.dark-mode .modal-footer {
    background-color: #1e1e1e;
    border: 1px solid #444;
}

body.dark-mode .bg-muted {
    background-color: rgba(66, 66, 66, 0.45);
}

/* ======================================================================================== Linhas de separação ===== */
body.dark-mode .hr1,
body.dark-mode .hr2 {
    border-top: 1px solid #444;
}

/* ==================================================================================================== Select2 ===== */
body.dark-mode .select2-container--default .select2-selection--single {
    /* Cores padrão */
    background-color: rgba(66, 66, 66, 0.45);
    border: 1px solid #444;
}

body.dark-mode .select2-dropdown {
    /* Cor objetos do dropdown */
    background-color: #121212;
    border: 1px solid #444;
    color: rgba(255, 255, 255, 0.76);
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    /* Cor padrão */
    color: #FFF;
}

body.dark-mode .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    /* Promtp */
    background-color: #444;
    color: #FFF;
}

body.dark-mode .select2-container--default .select2-results__option--selected {
    background-color: #939393
}

body.dark-mode .select2-search__field:focus {
    border: 1px solid #1ab394;
    background-color: rgba(65, 185, 117, 0.25) !important;
}

/* ====================================================================================================== Alert ===== */
body.dark-mode .swal2-modal {
    background-color: #000000;
    box-shadow: 0 0 10px var(--swal2-backdrop);
    border: 2px solid #444;
}

/* ==================================================================================================== Submenu ===== */
body.dark-mode #submenu {
    background-color: #000000;
    box-shadow: -5px 0 10px rgba(255, 255, 255, 0.31); /* Adiciona a sombra */

}

body.dark-mode .input-group-addon {
    background-color: #5e72e4 !important;
    border-color: #5e72e4 !important;
    color: #fff !important;

}

/* ==================================================================================================== Sombras ===== */
body.dark-mode .sombra {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);

}

body.dark-mode .sombra2 {
    box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.2);
}