html.dark-mode,
body.dark-mode {
    background-color: #121212;
    color: #e4e6eb;
}

body.dark-mode a {
    color: #9ec5fe;
}

body.dark-mode .navbar {
    background-color: #1f1f1f !important;
}

body.dark-mode .navbar .nav-link,
body.dark-mode .navbar .navbar-brand {
    color: #f8f9fa !important;
}

body.dark-mode .dropdown-menu {
    background-color: #1f1f1f;
    border-color: #343a40;
    color: #f8f9fa;
}

body.dark-mode .dropdown-item {
    color: #f8f9fa;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #2a2a2a;
    color: #fff;
}

body.dark-mode .kpi {
    background-color: #1f1f1f;
    border-color: #2c2c2c;
    color: #f8f9fa;
}

body.dark-mode .kpi .label span {
    color: #ced4da;
}

body.dark-mode .kpi .value {
    color: #fff;
}

body.dark-mode .table {
    color: #e4e6eb;
}

body.dark-mode .table>:not(caption)>*>* {
    background-color: #181818;
    color: #e4e6eb;
    border-color: #2c2c2c;
}

body.dark-mode .modal .table,
body.dark-mode .modal .table>:not(caption)>*>* {
    background-color: #1e1e1e;
    color: #f8f9fa;
}

body.dark-mode .modal .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #242424;
}

body.dark-mode .modal .table-hover>tbody>tr:hover {
    background-color: #2c2c2c;
}

body.dark-mode .modal table.dataTable,
body.dark-mode .modal table.dataTable tbody tr,
body.dark-mode .modal table.dataTable tbody tr.odd,
body.dark-mode .modal table.dataTable tbody tr.even {
    background-color: #1e1e1e !important;
    color: #f8f9fa;
}

body.dark-mode .modal table.dataTable tbody td,
body.dark-mode .modal table.dataTable tbody tr td {
    background-color: #1e1e1e !important;
    color: #f8f9fa;
}

body.dark-mode .modal table.dataTable.display tbody tr.odd,
body.dark-mode .modal table.dataTable.stripe tbody tr.odd {
    background-color: #242424 !important;
}

body.dark-mode .modal table.dataTable.display tbody tr:hover,
body.dark-mode .modal table.dataTable.display tbody tr.odd:hover,
body.dark-mode .modal table.dataTable.display tbody tr.even:hover {
    background-color: #2c2c2c !important;
}

body.dark-mode table.dataTable {
    background-color: #181818;
}

body.dark-mode table.dataTable tbody tr {
    background-color: #181818 !important;
    color: #e4e6eb;
    border-color: #2c2c2c;
}

body.dark-mode table.dataTable tbody td,
body.dark-mode table.dataTable tbody th {
    border-color: #2c2c2c !important;
}

body.dark-mode table.dataTable.display tbody tr.odd,
body.dark-mode table.dataTable.stripe tbody tr.odd {
    background-color: #1f1f1f !important;
    color: #e4e6eb;
}

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

body.dark-mode table.dataTable.display tbody tr:hover,
body.dark-mode table.dataTable.stripe tbody tr:hover {
    background-color: #2a2a2a;
}

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

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

body.dark-mode .table-hover>tbody>tr:hover>* {
    background-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .table>tbody>tr>td,
body.dark-mode .table>thead>tr>th {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #e4e6eb !important;
    background: transparent;
    border-color: #444;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background-color: #2a2a2a !important;
    border-color: #555;
}

body.dark-mode .pagination .page-link,
body.dark-mode .page-link {
    color: #e4e6eb;
    background-color: #1f1f1f;
    border-color: #444;
}

body.dark-mode .pagination .page-link:hover,
body.dark-mode .page-link:hover {
    color: #fff;
    background-color: #2c2c2c;
}

body.dark-mode .pagination .page-item.active .page-link,
body.dark-mode .page-item.active .page-link {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

body.dark-mode .pagination .page-item.disabled .page-link,
body.dark-mode .page-item.disabled .page-link {
    color: #6c757d;
    background-color: #1f1f1f;
    border-color: #444;
}

body.dark-mode .dataTables_wrapper .dataTables_info {
    color: #ced4da;
}

body.dark-mode .table thead,
body.dark-mode table.dataTable thead th,
body.dark-mode table.dataTable thead td,
body.dark-mode table.dataTable thead .sorting,
body.dark-mode table.dataTable thead .sorting_asc,
body.dark-mode table.dataTable thead .sorting_desc {
    background-color: #1f1f1f !important;
    color: #f8f9fa !important;
    border-color: #333 !important;
}

body.dark-mode table.dataTable thead .sorting::before,
body.dark-mode table.dataTable thead .sorting::after,
body.dark-mode table.dataTable thead .sorting_asc::before,
body.dark-mode table.dataTable thead .sorting_asc::after,
body.dark-mode table.dataTable thead .sorting_desc::before,
body.dark-mode table.dataTable thead .sorting_desc::after {
    color: #adb5bd;
}

body.dark-mode .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.03);
}

body.dark-mode .table-hover>tbody>tr:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .nav-tabs {
    border-color: #343a40;
}

body.dark-mode .nav-tabs .nav-link {
    color: #ced4da;
}

body.dark-mode .nav-tabs .nav-link.active {
    background-color: #1f1f1f;
    border-color: #343a40 #343a40 #1f1f1f;
    color: #fff;
}

body.dark-mode .card,
body.dark-mode .modal-content {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #333;
}

body.dark-mode .card-header,
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    background-color: #242424;
    border-color: #333;
    color: #f8f9fa;
}

body.dark-mode .btn-close {
    filter: invert(1);
}

body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .modal .form-control,
body.dark-mode .modal .form-select,
body.dark-mode .dataTables_wrapper .dataTables_filter input,
body.dark-mode .dataTables_wrapper .dataTables_length select {
    background-color: #121212;
    color: #f8f9fa;
    border-color: #444;
}

body.dark-mode .form-control-plaintext,
body.dark-mode .modal .form-control-plaintext {
    color: #f8f9fa;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #171717;
    color: #fff;
    border-color: #666;
    box-shadow: none;
}

body.dark-mode .badge.bg-dark {
    background-color: #343a40 !important;
}

body.dark-mode .dataTables_wrapper .dt-buttons .btn-secondary,
body.dark-mode .btn-outline-secondary {
    background-color: #2a2a2a;
    color: #f8f9fa;
    border-color: #444;
}

body.dark-mode .dataTables_wrapper .dt-buttons .btn-secondary:hover,
body.dark-mode .btn-outline-secondary:hover {
    background-color: #3a3a3a;
    color: #fff;
}

body.dark-mode .assignee-filter-cell .select2-selection,
body.dark-mode .select2-container--default .select2-selection--single {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #444;
}

body.dark-mode .select2-dropdown {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #444;
}

body.dark-mode .select2-results__option--highlighted {
    background-color: #343a40;
}

body.dark-mode .modal .list-group-item {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #333;
}

body.dark-mode .modal .accordion-button {
    background-color: #1f1f1f;
    color: #f8f9fa;
}

body.dark-mode .modal .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #272727;
}

body.dark-mode .modal .accordion-button::after {
    filter: invert(1);
}

body.dark-mode .modal .accordion-item,
body.dark-mode .modal .accordion-body {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #333;
}

body.dark-mode .modal .nav-tabs .nav-link.active {
    background-color: #1f1f1f;
    border-color: #343a40;
    color: #fff;
}

body.dark-mode .nav.nav-tabs.call-notes-tabs .nav-link {
    color: #f1f3f5;
    opacity: 1;
}

body.dark-mode .nav.nav-tabs.call-notes-tabs .nav-link:hover {
    color: #fff;
}

body.dark-mode .nav.nav-tabs.call-notes-tabs .nav-link.disabled,
body.dark-mode .nav.nav-tabs.call-notes-tabs .nav-link.disabled:hover {
    color: #777;
}

body.dark-mode .call-date-value {
    color: #f8f9fa;
}

body.dark-mode input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}