:root {
    --base-navbar-bg: #fff;
    --base-color-one: #FF6016;
    --base-color-two: #00AA5B;
    --navbar-black: #000;
    --font-color-white: #fff;
    --font-color-black: #697586;
    --base-font: 'Inter';
    --banner-bg-linear: linear-gradient(270deg, #FFE6D7 0%, #fdf7f3 50%, #FFE4D3 100%);
    --base-footer-bg: #fff;
    --base-breadcrumb-bg: #fff;
    --error-color: #CC0000;
    --border-color: #CDD5DF;

    --highlight-1: var(--orange-600);
    --highlight-2: #f7f4f2;
    --highlight-3: beige;
}

body.mode-dark::-webkit-scrollbar-track, body.mode-dark *::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.5);
    background-color: rgba(255,255,255,0.05);
}
body.mode-dark .leftbar:not(.leftbar-closed) .navbar-main .navbar-nav a.nav-link {
    color: var(--border-color) !important;
}
body.mode-dark .leftbar-closed .leftbar-compact-trigger {
    color: #D0D5DD;
}
body.mode-dark .badge-onboarding-menu {
    background-color: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #E5E7EB;
}
body.mode-dark .leftbar-closed .leftbar-compact-panel .content-group-sm {
    color: #E5E7EB;
}
body.mode-dark .leftbar-closed .dropdown-menu.leftbar-compact-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
}
body.mode-dark .navbar-dark .navbar-right {
    border-top: 0px;
    background-color: #2E2E2E;
    z-index: 99;
}
body.mode-dark .detail-progress-onboarding {
    background-color: #2E2E2E;
    border-color: #444;
}
body.mode-dark .detail-progress-onboarding .step .description {
    color: rgba(255,255,255,0.85);
}
body.mode-dark::-webkit-scrollbar, body.mode-dark *::-webkit-scrollbar
{
	width: 6px;
    height: 6px;
	background-color: rgba(255,255,255,0.05);
    border-radius: 10px;
}
body.mode-dark::-webkit-scrollbar-thumb, body.mode-dark *::-webkit-scrollbar-thumb
{
	background-color: rgba(255,255,255,0.5);
	border: 0px solid rgba(255,255,255,0.5);
    border-radius: 10px;
}

body.mode-dark {
    background-color: #2E2E2E;
    color: #fff;
    --base-icon-color: rgba(255, 255, 255, 0.9);
}
body.mode-dark .navbar-main  {
    background-color: #2E2E2E;
}
body.mode-dark .contacts-stats-boxes {
    background-color: #2E2E2E;
    border-color: transparent;
}
body.mode-dark .top-user-menus li,
body.mode-dark .dropdown-menu,
body.mode-dark .select2-dropdown,
body.mode-dark .modal-content,
body.mode-dark .autofill-dropbox-container  {
    background-color: #383838;
    border-color: #444;
}
body.mode-dark .autofill-dropbox-container  {
    border-color: rgba(255,255,255,0.2);
}
body.mode-dark .autofill-dropbox {
    background-color: transparent;
}
body.mode-dark .autofill-dropbox-container h5.header {
    background-color: rgba(255,255,255,0.1);
    color: rgba(255, 255, 255, 0.6);
}
body.mode-dark .autofill-dropbox li a.autofill-item-a {
    color: rgba(255, 255, 255, 0.7);
}
body.mode-dark .autofill-dropbox li.current a.autofill-item-a,
body.mode-dark .autofill-dropbox li a.autofill-item-a,
body.mode-dark .autofill-dropbox li a.autofill-item-empty {
    background: transparent;
}
body.mode-dark .autofill-dropbox li a.autofill-item-a:hover {
    background-color: rgba(255,255,255,0.05);
    color: rgba(255, 255, 255, 0.85);
}
body.mode-dark .autofill-dropbox li a.active, body.mode-dark .autofill-dropbox li.current a.autofill-item-a {
    background-color: rgba(255,255,255,0.05);
    color: rgba(255, 255, 255, 0.85);
}
body.mode-dark .progress{
    background-color: rgba(255,255,255,0.2);
}
body.mode-dark .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    background-color: transparent;
}
body.mode-dark .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border-color: var(--border-color);
}
body.mode-dark .select2-selection--single:not([class*=bg-]):not([class*=border-]):hover {
    border-color: var(--border-color);
}
body.mode-dark .select2-container .select2-selection--single .select2-selection__rendered {
    color: rgba(255,255,255,0.85);
}
body.mode-dark .border {
    border-color: var(--border-color)!important;
}
body.mode-dark .text-primary {
    color: rgba(255,255,255,0.85)!important;
}
body.mode-dark .stat-table .stat-row {
    border-color: var(--border-color);
}
body.mode-dark .nav-underline .nav-item .nav-link {
    color: rgba(255,255,255,0.6);
}
body.mode-dark .nav-tabs.nav-underline .nav-item.show .nav-link, body.mode-dark .nav-tabs .nav-item .nav-link.active {
    background-color: transparent;
    color: rgba(255,255,255,0.9);
}
body.mode-dark .nav-tabs {
    border-color: var(--border-color);
}
body.mode-dark ul.modern-listing li {
    border-color: var(--border-color);
}
body.mode-dark .empty-list {
    border-color: var(--border-color);
    background: rgba(255,255,255,0.05);
}
body.mode-dark .empty-list [class^="material-"] {
    color: rgba(255,255,255,0.7);
}
body.mode-dark .card {
    background-color: #333;
    border-color: #fff;
}
body.mode-dark .card-header {
    background-color: #333;
    border-color: #fff;
}
body.mode-dark .card-body {
    /* background: rgba(255,255,255,0.05); */
}
body.mode-dark .card-invoice-active span i {
    color: #fff;
}
body.mode-dark .middle-bar {
    background: rgba(0,0,0,0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
body.mode-dark .middle-bar-head .middle-bar-close-button {
    background: rgba(255,255,255,0.1);
}
body.mode-dark .btn-link {
    color: rgba(255,255,255,0.85)!important;
}
body.mode-dark .breadcrumb > li > a, body.mode-dark .page-title .breadcrumb > li + li:before {
    color: rgba(255,255,255,0.85);
}
body.mode-dark .text-muted {
    color: rgba(255,255,255,0.85)!important;
}
body.mode-dark .btn.sort-direction {
    background-color: transparent;
    /* border-color: var(--border-color); */
    color: rgba(255,255,255,0.85);
    /* border: 1px solid; */
}
body.mode-dark .btn.sort-direction:hover {
    background-color: rgba(255,255,255,0.3);
}
body.mode-dark .form-control, body.mode-dark .select2 {
    border-color: var(--border-color);
    background-color: rgba(255,255,255,0.05);
    color: #fff;
}
body.mode-dark .form-control::placeholder {
    color: #fff;
}
body.mode-dark .form-control:hover, body.mode-dark .select2:hover {
    border-color: rgba(255,255,255,0.4);
}
body.mode-dark .switchery[type="checkbox"] ~ .check-symbol:before, body.mode-dark .styled[type="checkbox"] ~ .check-symbol:before, body.mode-dark .styled[type="radio"] ~ .check-symbol:before {
    background-color: rgba(0,0,0,0.4);
    border-color: rgba(255,255,255,0.3);
}
body.mode-dark .switchery[type="checkbox"] ~ .check-symbol:hover:before, body.mode-dark .styled[type="checkbox"] ~ .check-symbol:hover:before, body.mode-dark .styled[type="radio"] ~ .check-symbol:hover:before {
    background-color: #002838;
    border-color: rgba(255,255,255,0.3);
}
body.mode-dark .switchery[type="checkbox"]:checked ~ .check-symbol:before, body.mode-dark .styled[type="checkbox"]:checked ~ .check-symbol:before, body.mode-dark .styled[type="radio"]:checked ~ .check-symbol:before {
    background: var(--base-color-one);
    border-color: #444;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
body.mode-dark .styled[type="radio"]:checked ~ .check-symbol:before {
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.5);
}
body.mode-dark .btn-light {
    background-color: rgba(255,255,255,0.22);
    border-color: transparent;
    color: rgba(255,255,255,0.85);
}
body.mode-dark .btn-light:hover {
    background-color: rgba(255,255,255,0.05);
}
body.mode-dark .btn-default {
    background-color: #2E2E2E !important;
    border-color: var(--border-color) !important;
    color: #fff !important;
}
body.mode-dark .btn-default:hover {
    background-color: rgba(255,255,255,0.3)!important;
}
body.mode-dark .page-item .page-link {
    color: rgba(255,255,255,0.85);
    background-color: rgba(255,255,255,0.05);
    border-color: transparent;
}
body.mode-dark .page-item .page-link:hover {
    color: rgba(255,255,255,0.85);
    background-color: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.2);
}
body.mode-dark .page-item.active .page-link {
    background-color: rgba(255,255,255,0.0);
    border-color: rgba(255,255,255,0.0);
    font-weight: bold;
    color: var(--base-color-one);
}
body.mode-dark .page-item.disabled .page-link {
    color: rgba(255,255,255,0.7);
    background-color: rgba(255,255,255,0.0);
    border-color: rgba(255,255,255,0.0);
}
body.mode-dark .border-start, body.mode-dark .border-end, body.mode-dark .border-bottom, body.mode-dark .border-top {
    border-color: rgba(255,255,255,0.1)!important;
}
body.mode-dark .table > thead > tr > th,
body.mode-dark .table > tbody > tr > th,
body.mode-dark .table > tfoot > tr > th,
body.mode-dark .table > thead > tr > td,
body.mode-dark .table > tbody > tr > td,
body.mode-dark .table > tfoot > tr > td {
    border-color: rgba(255,255,255,0.05);
    background: #ffffff0a;
}
body.mode-dark .checkbox-description {
    color: rgba(255,255,255,0.7);
}
body.mode-dark .list-loading-msg.animated-background, body.mode-dark .list-loading-msg.popup-animated-background {
    color: rgba(255,255,255,0.7)!important;
}
body.mode-dark .animated-background, body.mode-dark .styled.animated-background:before,
body.mode-dark .popup-animated-background, body.mode-dark .styled.popup-animated-background:before {
    opacity: 0.2;
}
body.mode-dark .top-sticky-content {
    background-color: #ffffff0a;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-color: rgba(255,255,255,0.1);
    box-shadow: 0 15px 11px -11px rgba(0,0,0,0.2);
}
body.mode-dark .btn-close:hover {
    color: rgba(255,255,255,0.7);
}
body.mode-dark .modal-header {
    border-color: rgba(255,255,255,0.2);
}
body.mode-dark .view-toogle {
    background-color: rgba(255,255,255,0.2)!important;
    color: rgba(255,255,255,0.85)!important;
    border-color: rgba(255,255,255,0.2)!important;
}
body.mode-dark .view-list .view-toogle.list, body.mode-dark .view-grid .view-toogle.grid {
    background-color: rgba(255,255,255,0.4)!important;
}
body.mode-dark .navbar-main .navbar-nav .nav-link {
    color: var(--border-color) !important;
}
body.mode-dark .navbar-main .nav-item > .nav-link.active,
body.mode-dark .navbar-main .nav-item.active > .nav-link,
body.mode-dark .navbar-main .navbar-nav .nav-link:hover {
    color: var(--base-color-one) !important;
    background-color: #52443A !important;
}
body.mode-dark .navbar-icon {
    opacity: 0.7;
    --fillg: rgba(255, 255, 255, 0.9);
    color: rgba(255, 255, 255, 0.9);
}
body.mode-dark .dropdown-menu .nav-item.active .navbar-icon {
    opacity: 0.9;
}
body.mode-dark .navbar-main .nav-item > .nav-link.active .navbar-icon,
body.mode-dark .navbar-main .nav-item > .nav-link:hover .navbar-icon {
    opacity: 1;
    color: rgba(255, 255, 255, 1);
}
body.mode-dark .navbar-icon svg,
body.mode-dark .navbar-icon * {
    fill: currentColor !important;
    stroke: currentColor !important;
}
body.mode-dark .navbar-main .navbar-nav .nav-link .navbar-icon {
    color: rgba(255, 255, 255, 0.9);
}
body.mode-dark.leftbar-closed .navbar-main .navbar-nav .nav-link .navbar-icon {
    color: rgba(255, 255, 255, 0.9);
}
body.mode-dark .table {
    color: rgba(255,255,255,0.85);
    /* border: 1px solid #444444; */
    box-shadow: none;
}
body.mode-dark .dropdown-item {
    color: rgba(255,255,255,0.85);
}
body.mode-dark .dropdown-menu {
    border-color: rgba(255,255,255,0.2);
}

body.mode-dark .product-image-list {
    border-color: rgba(255,255,255,0.2);
}

body.mode-dark .btn.btn-outline-primary, body.mode-dark .btn.btn-primary:focus {
    background-color: #2E2E2E !important;
}

body.mode-dark a:not(.btn, .dropdown-item) {
    color: var(--base-color-one);
}
body.mode-dark a:not(.btn, .dropdown-item):hover {
    color: rgba(255,255,255,0.85);
}

body.mode-dark .leftbar-hide-menu {
    background-color: #2E2E2E !important;
    color: #fff;
    border: 1px solid #ddd !important;
}

.theme-toggle {
    position: relative;
    cursor: pointer;
    width: 45px;
    display: inline-block;
}
.theme-toggle .circle-box {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    box-shadow: 0 0 0 1px rgba(0,0,0,.07), 0 1px 3px 0 rgba(59,65,94,.1);
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}
.theme-toggle .bar {
    position: absolute;
    border-radius: 20px;
    background: #e3e8ee;
    height: 15px;
    left: 0;
    right: 0;
    top: 5px;
    width: 100%;
    z-index: -1;
    transition: all 0.2s ease-in-out;
}
.theme-toggle .icon {
    position: absolute;
    top: 4px;
    left: 5px;
}
.theme-toggle .icon svg {
    width: 15px!important;
    height: 15px!important;
    fill: currentColor;
}
.theme-toggle .light-icon {
    color: #efc078;
    transition: transform .5s;
    transform: scaleX(1) scaleY(1) rotate(180deg);
}
.theme-toggle .dark-icon {
    transition: transform .1s;
    color: #7dabf8;
    transform: scaleX(0) scaleY(0) rotate(0deg);
}
body.mode-dark .theme-toggle .light-icon {
    transition: transform .1s;
    transform: scaleX(0) scaleY(0) rotate(0deg);
}
body.mode-dark .theme-toggle .dark-icon {
    display: inline;
    transition: transform .5s;
    transform: scaleX(1) scaleY(1) rotate(360deg);
}
body.mode-dark .theme-toggle .circle-box {
    box-shadow: 0 0 0 1px #2f3d89;
    transform: translateX(20px);
    background-color: #1a1f36;
}
body.mode-dark .theme-toggle .bar {
    background: #212d63;
}
body.mode-dark .theme-toggle .icon {
    top: -1px;
}
body.mode-dark table.table-log tr th {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.85);
}
body.mode-dark .dotted-list > li {
    border-color: rgba(255, 255, 255, 0.2);
}
body.mode-dark .payment-box {
    border-color: rgba(255, 255, 255, 0.2);
}
body.mode-dark .payment-box .header {
    border-color: rgba(255, 255, 255, 0.2);
}
body.mode-dark .choose-payment-method.current {
    background-color: #383838;
}
body.mode-dark .choose-payment p {
    color: rgba(255, 255, 255, 0.7);
}
body.mode-dark .choose-payment-method {
    border-color: rgba(255, 255, 255, 0.2);
}
body.mode-dark .btn-close {
    background: none;
}
body.mode-dark .btn-close:after {
    content: 'close';
    font-family: 'Material Icons Round';
    color: rgba(255, 255, 255, 0.85);
    font-size: 24px;
    transform: translateY(-10px) translateX(-5px);
    display: inline-block;
}
body.mode-dark .dropdown-menu {
    color: rgba(255, 255, 255, 0.85);
}
body.mode-dark .alert-warning {
    background-color: rgba(112, 66, 0, 0.35);
    color: rgba(255, 255, 255, 0.85);
}
body.mode-dark .alert-danger {
    background-color: rgba(112, 22, 0, 0.35);
    color: rgba(255, 255, 255, 0.85);
}
body.mode-dark .list-setting {
    border-color: #383838;
}

body.mode-dark .box-list .box-item {
    color: rgba(255, 255, 255, 0.85)!important;
}
body.mode-dark .alert-info {
    color: #fff;
    background-color: #223C6F;
    border-color: #444;
}
body.mode-dark .alert-success {
    color: rgba(255, 255, 255, 0.85);
    background-color: rgba(36, 88, 54, 0.55);
    border-color: rgba(0, 94, 31, 0.35);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.mode-dark .dropdown-menu > .active > a,
body.mode-dark .dropdown-menu > .active > a:hover,
body.mode-dark .navbar-main .nav-item .dropdown-item:active,
body.mode-dark .dropdown-menu > .active > a:focus {
    background-color: rgba(255,255,255,0.05);
    color: rgba(255, 255, 255, 0.9);
}
body.mode-dark .dropdown-menu li:hover > a {
    background-color: #444;
    color: rgba(255, 255, 255, 0.85);
}

body.mode-dark .top-user-menus li {
    background-color: #333;
}

body.mode-dark .top-user-menus .backdrop {
    background-color: #772B11; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238A651C'/%3E%3Cstop offset='1' stop-color='%23772B11'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23814817'/%3E%3Cstop offset='1' stop-color='%23772B11'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;
}
body.mode-dark .top-user-menus .backdrop-frontend img {
    opacity: 0.9;
}
body.mode-dark .top-user-menus .backdrop-backend {
    background-color: #1C4F77; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23586E8A'/%3E%3Cstop offset='1' stop-color='%231C4F77'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%233a5f81'/%3E%3Cstop offset='1' stop-color='%231C4F77'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;
}

body.mode-dark .bg-white {
    background: rgba(255,255,255,0.02)!important;
}
body.mode-dark .bg-secondary {
    background: rgba(255,255,255,0.1)!important;
}
body.mode-dark .select2-container--disabled .select2-selection--single {
    background-color: transparent !important;
    opacity: 0.6;
    cursor: not-allowed;
}
body.mode-dark .table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgba(255,255,255,0.1);
}
body.mode-dark .table>thead {
    background-color: rgba(255,255,255,0.05);
}
body.mode-dark .select2-dropdown {
    color: rgba(255,255,255,0.75);
    border-color: rgba(255,255,255,0.3);
}
body.mode-dark .select2-container--default .select2-results__option[aria-selected=true] {
    background: rgba(255,255,255,0.1);
}
body.mode-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(255, 255, 255, 0.2)!important;
    color: rgba(255, 255, 255, 0.85)!important;
}
body.mode-dark .announce_box {
    background: rgba(255,255,255,0.05);
}
body.mode-dark .radio_box rtitle {
    color: rgba(255,255,255,0.85);
}
body.mode-dark .mc_list li:first-child, body.mode-dark .mc_list li {
    border-color: rgba(255,255,255,0.2);
}
body.mode-dark .breadcrumb-item.active {
    color: rgba(255,255,255,0.6);
}
body.mode-dark .breadcrumb-item a {
    color: rgba(255,255,255,0.8)!important;
}
body.mode-dark .btn.focus {
    background: rgba(255,255,255,0.8);
    border-color: rgba(255,255,255,0.7);
    border-width: 2px;
    color: #333;
    box-shadow: 0 .125rem .35rem rgba(0,0,0,.1)!important;
}
body.mode-dark .preview_control {
    background-color: rgba(0,0,0,0.6);
}
body.mode-dark .api-detail {
    background: rgba(255,255,255,0.05);
}
body.mode-dark .label {
    border-color: rgba(255,255,255,0.2);
}
body.mode-dark .label.bg-done,
body.mode-dark .label.bg-paid,
body.mode-dark .label.bg-sent {
    /* background-color: ; */
}
body.mode-dark .switch-automation .select2 {
    background: transparent;
}

body.mode-dark .automation2 .diagram {
    background-color: rgba(255,255,255,0.95);
}
body.mode-dark .line-item:hover {
    background: rgba(255,255,255,0.05);
}
body.mode-dark .select-template-layout .panel-template-style {
    color: rgba(255,255,255,0.85);
}
body.mode-dark .select-template-layout:hover {
    background-color: rgba(255,255,255,0.05);
}
body.mode-dark .key-value-list li {
    border-color: rgba(255,255,255,0.1);
}
body.mode-dark .has-error .help-block {
    color: #ff9daf;
}
body.mode-dark hr {
    background-color: #444;
    color: #444;
}
body.mode-dark .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(255,255,255,0.3);
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.85);
}
body.mode-dark .form-control, body.mode-dark .select2 {
    background-color: #2C2C2C;
    border-color: var(--border-color);
    border-radius: 18px;
}
body.mode-dark input[type="file"]::file-selector-button {
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.85);
}
body.mode-dark .control-file:hover input[type="file"]::file-selector-button {
    background-color: rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.85);
}
body.mode-dark .tox-tinymce {
    border: solid 1px rgba(255,255,255,0.1)!important;
    background: rgba(255,255,255,0.0)!important;
}
body.mode-dark .tox .tox-menubar {
    border: solid 1px rgba(255,255,255,0.0)!important;
    background: rgba(255,255,255,0.0)!important;
}
body.mode-dark .tox .tox-toolbar, body.mode-dark .tox .tox-toolbar__overflow, body.mode-dark .tox .tox-toolbar__primary {
    background: transparent!important;
}
body.mode-dark .tox .tox-toolbar-overlord {
    background: transparent!important;
}
body.mode-dark .tox .tox-tbtn svg {
    fill: rgba(255,255,255,0.85)!important;
}
body.mode-dark .tox .tox-tbtn:hover:not(.tox-tbtn--disabled) {
    background: rgba(255,255,255,0.1)!important;
}
body.mode-dark .tox .tox-tbtn:hover {
    background: rgba(255,255,255,0.1)!important;
}
body.mode-dark .tox .tox-split-button:hover {
    border-color: rgba(255,255,255,0.2)!important;
}
body.mode-dark .tox .tox-split-button:hover {
    box-shadow: none;
}
body.mode-dark .tox .tox-tbtn--enabled, body.mode-dark .tox .tox-tbtn--enabled:hover {
    background: rgba(255,255,255,0.2)!important;
}
body.mode-dark .tox .tox-toolbar, body.mode-dark .tox .tox-toolbar__overflow, body.mode-dark .tox .tox-toolbar__primary {
    border-color: rgba(255,255,255,0.2)!important;
}

body.mode-dark .btn-secondary {
    background-color: rgba(255,255,255,0.6);
    border-color: rgba(255,255,255,0.0);
    color: rgba(0,0,0,0.7);
}
body.mode-dark .btn-secondary:hover {
    background-color: rgba(255,255,255,0.7);
}
body.mode-dark .btn-primary {
    filter: grayscale(0.3);
}

body.mode-dark .AnyTime-win {
    background: rgba(85, 58, 58, 0.1);
    border-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
body.mode-dark .picker__holder {
    background: rgba(85,85,85,0.1);
    border-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
body.mode-dark .picker__footer button {
    background: transparent;
    color: rgba(255,255,255,0.7);
}
body.mode-dark .picker__footer button:hover, .picker__footer button:focus {
    background: rgba(255,255,255,0.1);
}
body.mode-dark .table-box-head tr th {
    background: #2E2E2E;
}
body.mode-dark .field-list .child td {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.85);
}
body.mode-dark .dropdown-menu .head {
    background: #444;
    border-color: rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.85);
}
body.mode-dark .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
    color: rgba(255,255,255,0.85);
}
body.mode-dark .tox .tox-mbtn {
    color: rgba(255,255,255,0.85);
}
body.mode-dark .tox .tox-toolbar, body.mode-dark .tox .tox-toolbar__overflow, body.mode-dark .tox .tox-toolbar__primary {
    border-bottom: solid 1px rgba(255,255,255,0.1);
}
body.mode-dark .form-control[disabled], body.mode-dark fieldset[disabled] .form-control, body.mode-dark .form-control[readonly] {
    background: rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.5);
}
body.mode-dark .stats-boxes .stats-box {
    border-color: rgba(255,255,255,0.1);
}
body.mode-dark .bg-light {
    background-color: rgba(255,255,255,0.6)!important;
}
body.mode-dark .table-head tbody tr th {
    background-color: rgba(255,255,255,0.05);
}
body.mode-dark .btn.change-list-button {
    color: rgba(255,255,255,0.85)!important;
}
body.mode-dark .text-trans {
    color: rgba(0,0,0,0)!important;
}
body.mode-dark .template-create-sticky {
    background-color: #2E2E2E;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-color: rgba(255,255,255,0.1);
    box-shadow: 0 15px 11px -11px rgba(0,0,0,0.1);
    padding: 17px 0;
}
body.mode-dark .app_search_input + [class^="material-"] {
    color: rgba(255,255,255,0.7);
}
body.mode-dark a.open-site-top-menu {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255,255,255,0.7);
}
body.mode-dark a.open-site-top-menu:hover {
    background: rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.9);
}
body.mode-dark .search-results {
    background: #2E2E2E;
    border-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
body.mode-dark a.search-result {
    color: rgba(255,255,255,0.85)!important;
}
body.mode-dark .search-head {
    color: rgba(255,255,255,0.6);
    background: rgba(0,0,0,0.3);
}
body.mode-dark a.search-head:hover {
    background: rgba(0,0,0,0.1);
}
body.mode-dark a.search-result:hover {
    color: rgba(255,255,255,0.85);
    background: rgba(255,255,255,0.05);
}
body.mode-dark a.search-result.selected {
    color: rgba(255,255,255,0.85);
    background: rgba(255,255,255,0.05);
}
body.mode-dark.search-open .app_search_input + [class^="material-"] {
    background: transparent;
}
body.mode-dark:not(.search-open) .app_search_input + [class^="material-"]:hover {
    background: rgba(255,255,255,0.2);
}
body.mode-dark.search-open .app_search_input:hover {
    border-color: rgba(255, 255, 255, 0.2)!important;
}
body.mode-dark .search-close-button {
    color: rgba(255,255,255,0.4)!important;
}
body.mode-dark .search-close-button:hover {
    color: rgba(255,255,255,0.85)!important;
}
body.mode-dark .source_type {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255, 255, 255, 0.2);
}
body.mode-dark .source_type:hover {
    background: rgba(255,255,255,0.2);
}
body.mode-dark .select2-selection--single:not([class*=bg-]),
body.mode-dark .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
    background: rgba(255,255,255,0.0);
    border-color: rgba(255, 255, 255, 0.2);
}
body.mode-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(255,255,255,0.1);
}
body.mode-dark .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255,255,255,0.85);
}
body.mode-dark .list_columns ul li {
    border-color: #383838;
}
body.mode-dark .alert {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    background-color: rgba(255,255,255,0.1) !important;
}
body.mode-dark .dropzone {
    background: rgba(255,255,255,0.05);
    border-color: #383838!important;
    color: rgba(255,255,255,0.65);
}
body.mode-dark .dropzone.dz-clickable .dz-message, body.mode-dark .dropzone.dz-clickable .dz-message * {
    color: rgba(255,255,255,0.65);
}
body.mode-dark .dim-box {
    background: rgba(255,255,255,0.05);
    border-color: #383838;
}
body.mode-dark .dim-box .table>thead {
    background: transparent;
}
body.mode-dark a.bg-secondary:hover {
    background: rgba(255,255,255,0.2)!important;
}
body.mode-dark .bg-light {
    background-color: rgba(255,255,255,0.05)!important;
    border-color: rgba(255, 255, 255, 0.05);
}
body.mode-dark .label.bg-light {
    color: rgba(255,255,255,0.6)!important;
}
body.mode-dark .new-price-item {
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.9);
}
body.mode-dark .new-price-item.showed, 
body.mode-dark .action-wrapper {
    background: rgba(255,255,255,0.1);
    border: solid 1px rgba(255,255,255,0.1);
    filter: grayscale(0.0);
    color: rgba(255,255,255,0.85);
}
body.mode-dark .new-price-item .time-box {
    /* background-color: rgba(255,255,255,0.1); */
}
body.mode-dark .new-price-item .price .p-amount {
    color: rgba(255,255,255,0.9);
}
body.mode-dark .rounded-btn {
    
}
body.mode-dark .rounded-btn:hover {
    background: rgba(255,255,255,0.2);
}
body.mode-dark .top-controls-container a {
    color: rgba(255,255,255,0.7);
}
body.mode-dark:not(.leftbar-closed) .main-menu .dropdown-menu:not(.top-user-menus) li {
    background-color: transparent;
}
body.mode-dark .tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border-color: rgba(255, 255, 255, 0.05);
}
body.mode-dark .tooltipster-sidetip.tooltipster-light .tooltipster-content {
    color: rgba(255,255,255,0.85)!important;    
}
body.mode-dark .tooltipster-sidetip.tooltipster-light .tooltipster-box {
    background-color: rgba(255,255,255,0.05);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
body.mode-dark .tooltipster-arrow-background {
    background-color: transparent!important;
}
body.mode-dark .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background,
body.mode-dark .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border,
body.mode-dark .tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background,
body.mode-dark .tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
    border-bottom-color: #383838!important;
    border-top-color: #383838!important;
}
body.mode-dark .wizard-steps li a.current {
    background-color: rgba(255, 255, 255, 0.05);
}
body.mode-dark .wizard-steps li a [class^="material-"] {
    color: rgba(255, 255, 255, 0.6);
}
body.mode-dark .wizard-link p {
    color: rgba(255, 255, 255, 0.6);
}
body.mode-dark .import-mapping li {
    border-color: #383838;
}
body.mode-dark .import-mapping .field-options .field-option.current {
    border-color: rgba(255, 255, 255, 0.3);
}
body.mode-dark .text-secondary {
    color: rgba(255,255,255,06)!important;    
}
body.mode-dark .topfix-header {
    background-color: rgba(0,0,0,0.1);
}
body.mode-dark .topfix-container {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.015)!important;
}
body.mode-dark .topfix-search-input {
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.05);
}
body.mode-dark .topfix-search-input:focus {
    background-color: rgba(255,255,255,0.03);
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.035);
}
body.mode-dark .topfix-search-icon-span, body.mode-dark .topfix-close-icon-span {
    color: rgba(255,255,255,0.4);    
}
body.mode-dark .topfix-close-icon-span:hover {
    color: rgba(255,255,255,0.8);    
}
body.mode-dark .topfix-search-icon:focus ~ span {
    color: rgba(255,255,255,0.9);    
}
body.mode-dark.leftbar:not(.leftbar-closed) .navbar-main:not(.navbar-right)  .main-menu ul.dropdown-menu:not(.top-user-menus) .nav-item a.dropdown-item {
    color: var(--border-color);    
}
body.mode-dark.leftbar:not(.leftbar-closed) .navbar-main:not(.navbar-right) .main-menu ul.dropdown-menu:not(.top-user-menus) .nav-item.active a.dropdown-item,
body.mode-dark.leftbar:not(.leftbar-closed) .navbar-main:not(.navbar-right) .main-menu ul.dropdown-menu:not(.top-user-menus) .nav-item:hover a.dropdown-item,
body.mode-dark.leftbar:not(.leftbar-closed) .navbar-main:not(.navbar-right) .main-menu ul.dropdown-menu:not(.top-user-menus) .nav-item.active a.dropdown-item .navbar-icon,
body.mode-dark.leftbar:not(.leftbar-closed) .navbar-main:not(.navbar-right) .main-menu ul.dropdown-menu:not(.top-user-menus) .nav-item:hover a.dropdown-item .navbar-icon {
    color: var(--border-color);
}
body.mode-dark .navbar-right .navbar-nav .nav-item.active a {
    background-color: transparent !important;
}
body.mode-dark .wizard-steps li .import-tab.current {
    background-color: rgba(255,255,255,0.1);
} 
body.mode-dark .wizard-steps li .import-tab {
    color: rgba(255,255,255,0.8);  
}
body.mode-dark .popup-wizard .wizard-sidebar, body.mode-dark .popup-wizard .wizard-content {
    border-color: #383838;
}
body.mode-dark .list-group-item {
    color: rgba(255,255,255,0.8);  
    background-color: rgba(255,255,255,0.05);
    border-color: #383838;
}
body.mode-dark .mapping-error [mapping-control="selected-field-label"] {
    background-color: rgba(255, 0, 0, 0.2) !important;
}
body.mode-dark [mapping-control="option"].current {
    border-color: rgba(255, 255, 255, 0.2);
}
body.mode-dark .modal-footer {
    border-color: rgba(255, 255, 255, 0.2);
}
body.mode-dark .remove-field-button {
    color: rgba(255,255,255,0.8);  
}
body.mode-dark .table-bordered>:not(caption)>* {
    border-color: #383838;
}
body.mode-dark .has-error textarea {
    border-color: #b00020!important;
}
body.mode-dark .chatgpt-action-dropdown {
    background-color: #2E2E2E!important;
}
body.mode-dark .chatgpt-action-dropdown a {
    color: #fff;;
}
body.mode-dark [chat-control="insert"] {
    color: rgba(255,255,255,0.8);  
    background-color: rgba(255,255,255,0.05);
}
body.mode-dark [chat-control="insert"]:hover {
    background-color: rgba(255,255,255,0.1);
}
body.mode-dark .box-content.bordered {
    background-color: #383838;
    border-color: #444444;
}
body.mode-dark .box-content.bordered .title-content {
    border-color: #444444;
}
body.mode-dark .table-wrapper {
    /* background-color: #444444; */
    border-color: #383838;
}
body.mode-dark .campaign-summary-wrapper {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
}
body.mode-dark .campaign-summary-wrapper .text-semibold span {
    color: #fff;
}
body.mode-dark .page-title{
    color: #fff;
}

body.mode-dark h1, 
body.mode-dark h2, 
body.mode-dark h3, 
body.mode-dark h4, 
body.mode-dark h5, 
body.mode-dark h6, 
body.mode-dark .h1, 
body.mode-dark .h2, 
body.mode-dark .h3, 
body.mode-dark .h4, 
body.mode-dark .h5, 
body.mode-dark .h6 {
    color: #fff;
}
body.mode-dark .navbar-dark {
    border: 1px solid #444444 !important;
}
body.mode-dark .contacts-stats-box label,
body.mode-dark .contacts-stats-box .desc {
    color: #fff;
}
body.mode-dark .mc-table .mc-row {
    border-color: #444444;
}
body.mode-dark .mc-table .mc-row desc {
    color: #fff;
}
body.mode-dark .input-with-icon i {
    color: #fff;
}
body.mode-dark .btn-default {
    background-color: #2E2E2E;
}
body.mode-dark .btn {
    color: #fff !important;
}
body.mode-dark .page-item:first-child, body.mode-dark .page-item:last-child {
    border: none;
    background-color: transparent;
}
body.mode-dark .page-item .page-link {
    border: none;
    background-color: transparent;
}

body.mode-dark .page-item {
    /* border: 1px solid var(--border-color); */
    background-color: #2C2C2C;
    border-radius: .25rem;
}
body.mode-dark .page-item.active {
    background-color: #52443A;
    border-radius: .25rem;
}
body.mode-dark .btn-primary:hover {
    background-color: #ca4a10;
    border-color: #444;
}
body.mode-dark .block-icon {
    background-color: #2E2E2E;
}
body.mode-dark .template-boxes div > label {
    color: #fff !important;
}
body.mode-dark .select-template-layout:hover {
    border-color: var(--border-color);
}
body.mode-dark .tox .tox-edit-area__iframe {
    background-color: #fff !important;
}
body.mode-dark #classic-builder-form .sidebar {
    background-color: transparent !important;
}
body.mode-dark .text-black {
    color: #fff !important;
}
body.mode-dark .dropdown-menu.show {
    background-color: #333 !important;
}
body.mode-dark .highliight-wrapper {
    background-color: #2E2E2E;
    color: #fff;
}
body.mode-dark .dropdown-item {
    background-color: #333;
}
body.mode-dark tbody.bg-row tr td{
    background-color: #383838;
}
body.mode-dark .bg-connected, 
body.mode-dark .bg-published, 
body.mode-dark .bg-activated, 
body.mode-dark .bg-subscribed,
body.mode-dark .bg-deliverable {
    background-color: #1B5038;
    color: #16B364;
}
/* body.mode-dark .btn.show {
    border-color: transparent;
} */
body.mode-dark .wrapper .top {
    background: #444 !important;
}
body.mode-dark .dotted-list .unit {
    background-color: #444;
}
body.mode-dark .text-semibold span {
    color: #fff;
}
body.mode-dark .token-content {
    background-color: #52443A !important;
}
body.mode-dark code {
    color: #fff;
}
body.mode-dark li.logout-wrapper .dropdown-item {
    border-top: 1px solid #444 !important;
}

body.mode-dark .leftbar .navbar-main:not(.navbar-right) .main-menu ul.dropdown-menu:not(.top-user-menus) .nav-item a.dropdown-item{
    color: var(--border-color) !important;
}

body.mode-dark #mainAppNav > ul > li.nav-item.dropdown > ul > li > a {
    color: var(--border-color) !important;
}

body.mode-dark #mainAppNav > ul > li.nav-item.dropdown > ul > li > a:hover {
    color: #FF6016 !important;
}
body.mode-dark .notification-wrapper {
    background: #383838;
}
body.mode-dark .br-1 {
    border-color: rgba(255,255,255,0.1)!important;
}
body.mode-dark .badge {
    /* background: rgba(255,255,255,0.1);
    color: #fff;
    border-color: rgba(255,255,255,0.1); */
}
body.mode-dark .btn.sort-direction{}
body.mode-dark .addon-form {
    background-color: #383838;
    border-color: #444;
}
body.mode-dark .btn-bottom-float {
    background-color: #383838;
    border-color: #444;
}
body.mode-dark .text-success {
    color: #2eb877 !important;
}
body.mode-dark .detail-checkout {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1);
}
body.mode-dark .btn-default.btn-loading::before {
    filter: invert(0);
}
body.mode-dark .btn.btn-loading {
    color: transparent !important;
}
body.mode-dark .btn-default.btn-loading {
    color: transparent !important;
}
body.mode-dark .error-content .img-wrapper img {
    filter: invert(1);
}
body.mode-dark .type-of-character {
    top: -3.4rem;
}
body.mode-dark .main-menu {
    background: transparent;
}
body.mode-dark .nav-item .content-group-sm {
    background-color: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}
body.mode-dark .badge-onboarding-menu {
    background-color: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}
body.mode-dark .nav-item .content-group-sm .progress {
    border: 1px solid rgba(255,255,255,0.1) !important;
}
body.mode-dark .navbar-icon img.ready-to-start {
    filter: invert(1);
}
body.mode-dark .status-icon {
    filter: invert(1);
}
body.mode-dark .tooltip-box p.description {
    color: #333;
}
body.mode-dark .notification-log-list .card.unread {
    color: #333;
}

body.mode-dark .notification-log-list .card.unread .text-muted {
    color: #333 !important;
}

body.mode-dark .mask-control {
    color: rgba(255,255,255,0.5);
}
body.mode-dark .invoice-notification-group .alert {
    background-color: var(--highlight-2) !important;
    color: var(--base-font-color);
}
body.mode-dark .empty-list img {
    filter: invert(1);
}
body.mode-dark .chat-body {
    background-color: rgba(255,255,255,0.05);
}
body.mode-dark .chat-body .chat-bubble .message {
    color: #000;
}
body.mode-dark .chat-body .chat-bubble .message .text-muted {
    color: #000 !important;
}
body.mode-dark .tiering-alert {
    color: #000;
}
body.mode-dark .sticker {
    filter: invert(1);
}
body.mode-dark .mail-verification-terminology-banner {
    background-color: rgba(255,255,255,0.05);
    box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.2);
}
body.mode-dark .mail-verification-card {
    background-color: rgba(255,255,255,0.05);
}