body.dark-mode {
    background-color: #181a1b !important;
    color: #e0e0e0 !important;
}

body.dark-mode .body-content {
    background-color: #23272b !important;
    color: #e0e0e0 !important;
}

body.dark-mode .panel,
body.dark-mode .panel-primary {
    background-color: #404040 !important;
    color: white !important;
    border-color: #404040 !important;
}

body.dark-mode .btn-default {
    background-color: #e0e0e0 !important;
    color: #222 !important;
    border-color: #bdbdbd !important;
}

body.dark-mode .btn-default:hover,
body.dark-mode .btn-default:focus {
    background-color: #eeeeee !important;
    color: #222 !important;
    border-color: #bdbdbd !important;
}

body.dark-mode .form-control {
    background-color: #35373b !important;
    color: #cfd8dc !important;
    border-color: #444950 !important;
}

body.dark-mode .form-control[readonly] {
    background-color: #44464a !important;
    color: #cfd8dc !important;
    border-color: #444950 !important;
}


body.dark-mode .modal-content {
    background-color: #495057;
    color: #f1f1f1;
    border-radius: 8px;
}

body.dark-mode .modal-content .btn-secondary,
body.dark-mode .modal-content button.btn.btn-secondary {
    color: #111 !important;
    background-color: #e0e0e0 !important;
    border-color: #bdbdbd !important;
}

body.dark-mode .navbar .dropdown-menu {
    color: black;
}

body.dark-mode .bootstrap-select .dropdown-menu {
background-color: #44464a;
}

body.dark-mode .bootstrap-select .dropdown-menu li a {
    background-color: #44464a;
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-menu {
    background-color: #44464a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .dropdown-menu > li > a {
    background-color: #44464a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-menu > li > a:hover,
body.dark-mode .dropdown-menu > li > a:focus {
    color: #44464a !important;
    background-color: #e0e0e0 !important;
}

body.dark-mode a,
body.dark-mode a:visited {
    color: #64b5f6 !important;
}

body.dark-mode .navbar a,
body.dark-mode .navbar-inverse a {
    color: inherit !important;
}

body.dark-mode .nav-tabs > li.active > a,
body.dark-mode .nav-tabs > li.active > a:focus {
    background-color: #46494f !important; /* slightly darker grey */
    box-shadow: none !important; /* Remove any shadow that may look like a border */

    border-color: transparent;
}

body.dark-mode .nav-tabs > li > a:hover {
    background-color: #3a3d42 !important; /* slightly darker on hover */
    border-color: transparent;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #3a3b3d !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode a.keep-white {
    color: white !important;
}

body.dark-mode .btnswitch {
    color: black;
}

body.dark-mode .btn-primary {
    background-color: #375a7f !important;
    border-color: #375a7f !important;
    color: white !important;
}

body.dark-mode th,
body.dark-mode td {
    background-color: #23272b !important;
    color: #f8f9fa !important;
}


/* DataTables: Table background and text */
body.dark-mode table.dataTable {
    background-color: #23272b !important;
    color: #e0e0e0 !important;
}

/* DataTables: Header and footer */
body.dark-mode table.dataTable thead th,
body.dark-mode table.dataTable tfoot th {
    background-color: #1a1d1f !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
    border-bottom: 1px solid #444 !important;
}
body.dark-mode table.dataTable tfoot th,
body.dark-mode table.dataTable tfoot td {
    border-top: 1px solid #444 !important;
}

/* DataTables: Body cells */
body.dark-mode table.dataTable tbody td,
body.dark-mode table.dataTable tbody th {
    background-color: #23272b !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* DataTables: Striped rows for dark mode */
body.dark-mode table.dataTable.stripe tbody tr.odd,
body.dark-mode table.dataTable.display tbody tr.odd {
    background-color: #2c2f34 !important; 
}

body.dark-mode table.dataTable.stripe tbody tr.even,
body.dark-mode table.dataTable.display tbody tr.even {
    background-color: #23272b !important;
}

/* DataTables: Selected row */
body.dark-mode table.dataTable tbody tr.selected {
    background-color: #3a4252 !important;
    color: #fff !important;
}

/* DataTables: Hover row */
body.dark-mode table.dataTable.hover tbody tr:hover,
body.dark-mode table.dataTable.display tbody tr:hover {
    background-color: #2a2e36 !important;
    color: #fff !important;
}

/* DataTables: Sorting columns */
body.dark-mode table.dataTable.order-column tbody tr > .sorting_1,
body.dark-mode table.dataTable.display tbody tr > .sorting_1 {
    background-color: #2a2e36 !important;
}
body.dark-mode table.dataTable.order-column tbody tr.selected > .sorting_1,
body.dark-mode table.dataTable.display tbody tr.selected > .sorting_1 {
    background-color: #3a4252 !important;
}


/* DataTables: Bordered tables */
body.dark-mode table.dataTable,
body.dark-mode table.dataTable th,
body.dark-mode table.dataTable td {
    border-color: #444 !important;
}

/* DataTables: No-footer border */
body.dark-mode table.dataTable.no-footer {
    border-bottom: 1px solid #444 !important;
}

/* DataTables: Paginate buttons */
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
    background: #23272b !important;
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #888 !important;
    background: #444 !important;
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #888 !important;
    background: #333 !important;
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #666 !important;
    border: 1px solid #444 !important;
    background: #23272b !important;
}

/* DataTables: Info, filter, length, processing */
body.dark-mode .dataTables_wrapper .dataTables_length,
body.dark-mode .dataTables_wrapper .dataTables_filter,
body.dark-mode .dataTables_wrapper .dataTables_info,
body.dark-mode .dataTables_wrapper .dataTables_processing,
body.dark_mode .dataTables_wrapper .dataTables_paginate {
    color: #e0e0e0 !important;
}

/* DataTables: Processing overlay */
body.dark-mode .dataTables_wrapper .dataTables_processing {
    background: #23272b !important;
    color: #e0e0e0 !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2c2f34 !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #23272b !important;
}

body.dark-mode .table-bordered th,
body.dark-mode .table-bordered td {
    border-color: #444 !important;
}

body.dark-mode table {
    color: #e0e0e0 !important;
}



body.dark-mode table.dataTable tr.success > td,
body.dark-mode table.dataTable tr.success > th,
body.dark-mode table.dataTable tr.success > td.sorting_1,
body.dark-mode table.dataTable tr.success > th.sorting_1,
body.dark-mode table.dataTable tr.success > td.dt-type-numeric,
body.dark-mode table.dataTable tr.success > th.dt-type-numeric,
body.dark-mode table.dataTable tr.success > td.sorting_1.dt-type-numeric,
body.dark-mode table.dataTable tr.success > th.sorting_1.dt-type-numeric {
    background-color: #dff0d8 !important;
    color: #3c763d !important;
}

body.dark-mode table.dataTable tr.danger > td,
body.dark-mode table.dataTable tr.danger > th,
body.dark-mode table.dataTable tr.danger > td.sorting_1,
body.dark-mode table.dataTable tr.danger > th.sorting_1,
body.dark-mode table.dataTable tr.danger > td.dt-type-numeric,
body.dark-mode table.dataTable tr.danger > th.dt-type-numeric,
body.dark-mode table.dataTable tr.danger > td.sorting_1.dt-type-numeric,
body.dark-mode table.dataTable tr.danger > th.sorting_1.dt-type-numeric {
    background-color: #f2dede !important;
    color: #a94442 !important;
}


body.dark-mode .dt-button,
body.dark-mode .dt-button:active,
body.dark-mode .dt-button:focus,
body.dark-mode .dt-button:hover {
    background-color: #44464a !important;
    color: #e0e0e0 !important;
    border: 1px solid #666 !important;
    box-shadow: none !important;
}

body.dark-mode .dt-button:disabled,
body.dark-mode .dt-button.disabled {
    background-color: #333 !important;
    color: #888 !important;
    border-color: #444 !important;
    opacity: 0.7;
}

body.dark-mode .dt-button-collection,
body.dark-mode .dt-button-collection .dropdown-menu {
    background-color: #44464a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .dt-button-collection .dt-button {
    background-color: #44464a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .dt-button-collection .dt-button:hover,
body.dark-mode .dt-button-collection .dt-button:focus {
    background-color: #e0e0e0 !important;
    color: #44464a !important;
}

body.dark-mode .fileinput .btn-file,
body.dark-mode .fileinput .btn-file input[type="file"] {
    background-color: #44464a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .fileinput .btn-file:hover,
body.dark-mode .fileinput .btn-file:focus {
    background-color: #6c6f75 !important;
    color: #fff !important;
    border-color: #666 !important;
}

body .dark-mode .fileinput .fileinput-filename {
    color: #44464a !important;
    background-color: #23272b !important;
    border: none !important;
}

body.dark-mode .fileinput .close {
    color: #e0e0e0 !important;
    background: transparent !important;
    opacity: 0.7;
}

body.dark-mode .fileinput .close:hover {
    color: #fff !important;
    opacity: 1;
}