.dark-mode header.desktop,
.dark-mode header.mobile,
.dark-mode #popup,
.dark-mode #loader,
.dark-mode .cards > div:hover,
.dark-mode .cards > div,
.dark-mode body,
.dark-mode .daterangepicker,
.dark-mode .daterangepicker .calendar-table,
.dark-mode .notie-background-overlay
{
	background-color: #202124 !important;
}

.dark-mode .daterangepicker td.off {
	background-color: #0000008c;
}

.dark-mode .relative .h-icon,
.dark-mode .dark-mode-invert {
	filter: invert(1);
}

.dark-mode .numbers li:not(.active) {
	background: #0000003b;
	color: #ffffff;
}

.dark-mode .buttons .more {
	border-left: 1px solid #ffffff5c;
}

.dark-mode .input-item {
	border: 3px solid rgb(255 255 255 / 30%) !important;
}

.dark-mode input, 
.dark-mode select, 
.dark-mode textarea {
	border: 3px solid rgb(255 255 255 / 36%);
}

.dark-mode .create > div,
.dark-mode .header {
    background-color: #26272a !important;
}

.dark-mode .header {
	background-color: #282a2f !important;
}

.dark-mode .list {
	border-top: 1px solid rgb(245 245 245 / 1%);
}

.dark-mode .menu li {
	opacity: 1
}

.dark-mode .table-header {
	background: #2c2e33;
} 

.dark-mode #popup .close i {
	color: #000 !important;
}

.dark-mode body:before {
	filter: invert(1);
    opacity: 0.1;
}

.dark-mode #aside {
	background: #2c2e34;
    box-shadow: 9px 8px 0 #0000000f;
    text-shadow: 1px 1px 1px #2fb40457;
}

.dark-mode #aside .active li, 
.dark-mode #aside li:hover {
	background: rgb(0 0 0 / 49%);
} 

.dark-mode .input-item .title {
	background: #2c2e33 !important;
	color: #FFF !important;
	border: 3px solid rgb(255 255 255 / 19%) !important;
	top: -17px;
	border-radius: 5px;
}

.dark-mode .input-item.hidden-d .title {
	border: 3px dashed rgb(255 255 255 / 19%) !important;
}

.dark-mode .pricing-table h3 {
	color: #FFF
}
.dark-mode .pricing-table .plan {
    background: #2c2e33;
    color: #ffffff;
}

.dark-mode small.vip-message,
.dark-mode body,
.dark-mode .text-secondary {
	color: #FFF;
}

.dark-mode {}
.dark-mode {}
.dark-mode {}
.dark-mode .daterangepicker {
	background-color: #000
}

.dark-mode .reportrange-text {
	color: #000 !important;
}


.dark-mode .reportrange-text i {
	color: #FFF;
}

.dark-mode .daterangepicker .calendar-table .next span, 
.dark-mode .daterangepicker .calendar-table .prev span {
	border-color: #FFF
}

.dark-mode .options.inline {
	margin-top: 10px;
}

.dark-mode .calendar-table td, .calendar-table th {
	background-color: transparent !important
}

.dark-mode .daterangepicker td.in-range {
	background-color: rgb(255 255 255 / 10%) !important;
	color: #FFF;
	border-radius: 0;
}

.dark-mode .css_sd {
    background-color: #25272b;
    color: #FFF;
}

.dark-mode .css_td, 
.dark-mode .css_th, 
.dark-mode .css_sd {
    border-color: rgb(255 255 255 / 5%);
}

.dark-mode .css_tr:hover .css_sd {
    cursor: pointer;
    background-color: rgb(32 41 50);
}