.dark-mode .cover {
    background-color: rgba(0, 0, 0, 0.1);
}

.dark-mode .sort {
    color: #a6b0cf;
}

.dark-mode .sort:hover {
    color: white;
}

.dark-mode .sort:after {
    color: white;
}

.dark-mode .sort:before {
    color: white;
}

.dark-mode .asc,
.dark-mode .desc {
    color: white;
}

.dark-mode .asc:after {
    color: white;
}

.dark-mode .desc:before {
    color: white;
}

/* ======= DATE RANGE PICKER ========= */

.dark-mode .daterangepicker {
    background-color: #2b2f40 !important;
}

.dark-mode .daterangepicker .calendar-table {
    border: 1px solid #fff !important;
    background-color: #32394e !important;
}

.dark-mode .daterangepicker td.off,
.dark-mode .daterangepicker td.off.in-range,
.dark-mode .daterangepicker td.off.start-date,
.dark-mode .daterangepicker td.off.end-date {
    background-color: #32394e !important;
    border-color: transparent;
    color: #999;
}

.dark-mode .daterangepicker th.prev,
.dark-mode .daterangepicker th.next {
    background-color: #32394e !important;
    color: #fff !important;
}


.dark-mode .daterangepicker th.prev:hover,
.dark-mode .daterangepicker th.next:hover {
    background-color: #3e80eb !important;
    color: #fff !important;
}

.dark-mode .daterangepicker .ranges li.active,
.dark-mode .daterangepicker .ranges li:hover {
    background-color: #32394e;
    color: #fff;
}


.dark-mode .daterangepicker .ranges li.disabled {
    background-color: #2b2f40;
    color: #707070;
}

.dark-mode .daterangepicker .ranges li:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dark-mode .daterangepicker .ranges li:last-of-type {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* ======= ./DATE RANGE PICKER ========= */


/* ======= TABS ========= */
.dark-mode .tab-menu-heading {
    background-color: #2a2e3f !important;
}

.dark-mode .tabs-menu-body {
    background-color: #2a2e3f !important;
}

/* .dark-mode .tabs-menu ul li .active {
    background-color: rgba(62, 128, 235, 0.2) !important;
    border-bottom: 3px solid white;
    color: #3e80eb !important;
} */

/* ======= ./TABS ========= */

.dark-mode .ms-choice>span {
    color: #fff !important;
}


.dark-mode .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #31344b;
}

.dark-mode .select2-container--disabled .select2-selection__rendered {
    color: #5c5c5c !important;
}

/* .dark-mode .select2-results{
    z-index: 99999999999999999999 !important;
} */

.dark-mode .table th {
    font-weight: bold !important;
    color: #a6b0cf !important;
}


.dark-mode .datepicker .datepicker-switch {
    color: white !important;
}

.dark-mode.invalid-feedback {
    font-size: 14px;
}

.dark-mode .form-label {
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.dark-mode .form-control {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .text-403 {
    color: #f0f0f0 !important;
}

.dark-mode .table thead tr {
    background-color: #262A3B;
}

.dark-mode .table .tfooter {
    background-color: #262A3B !important;
    height: 60px;
}


.dark-mode .hovertr {
    background-color: #303548 !important;
}

.dark-mode table.table-bordered th,
.dark-mode table.table-bordered td {
    border: 1px solid #32394e !important;
}

.dark-mode .sticky {
    background-color: #2A2E3F !important;
}


.dark-mode .leftcorner-off,
.dark-mode .rightcorner-off {
    background-color: #2F3550 !important;
}

.dark-mode .leftcorner-off:hover,
.dark-mode .rightcorner-off:hover {
    background-color: #2F3550 !important;
}

.dark-mode .leftcorner-off>i {
    color: white !important;
}

.dark-mode .rightcorner-off>i {
    color: white !important;
}

.dark-mode .page-item.active .page-link {
    background-color: #3E80EB !important;
}

.dark-mode tr.table-active td {
    background-color: #262A3B !important;
}

.dark-mode .tr-child {
    background-color: #212332 !important;
}

.dark-mode .tr-child tbody tr {
    background-color: #2a2e3f !important;
}

.dark-mode .sticky-page-header {
    background-color: #2b2f40 !important;
}

.dark-mode .spacer {
    width: 100% !important;
    height: 5px;
    border-bottom: 1px dashed white;
}

.dark-mode .text-disabled {
    color: rgb(213, 213, 213, 0.3) !important;
}