@media screen {
    :root {
        color-scheme: dark;
        --client-bg: #1b1d21;
        --client-surface: #23262b;
        --client-raised: #292d33;
        --client-hover: #2f343c;
        --client-border: #3b414a;
        --client-text: #d3d8e0;
        --client-muted: #a3abb8;
        --client-link: #a1bce2;
    }

    body,
    body.primary-bg-color,
    body #main-body {
        background-color: var(--client-bg);
        color: var(--client-text);
    }

    body a,
    body .btn-link {
        color: var(--client-link);
    }

    body a:hover,
    body a:focus,
    body .btn-link:hover,
    body .btn-link:focus {
        color: #c0d2ed;
    }

    body .text-muted,
    body .text-secondary {
        color: var(--client-muted) !important;
    }

    body .text-dark,
    body .text-body {
        color: var(--client-text) !important;
    }

    body .bg-white {
        background-color: var(--client-surface) !important;
    }

    body .bg-light {
        background-color: var(--client-raised) !important;
    }

    body header.header,
    body .card,
    body .list-group-item,
    body .dropdown-menu,
    body .modal-content,
    body .popover,
    body .mc-promo-manage,
    body .mc-promo-login,
    body .invoice-container,
    body .tiles .tile {
        background-color: var(--client-surface);
        color: var(--client-text);
    }

    body .card:not([class*="card-accent-"]),
    body .list-group-item,
    body .dropdown-menu,
    body .modal-content,
    body .modal-header,
    body .modal-footer,
    body .popover,
    body .invoice-container,
    body .tiles .tile,
    body .view-ticket .card-body,
    body .view-ticket .attachments,
    body .nav-tabs,
    body hr {
        border-color: var(--client-border);
    }

    body .card-header,
    body .client-home-cards .card-header,
    body .card-footer,
    body .popover-header,
    body .master-breadcrumb,
    body .breadcrumb,
    body .view-ticket .posted-by,
    body .input-group-text,
    body .custom-file-label,
    body .custom-file-label::after {
        background-color: var(--client-raised);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body .client-home-cards .list-group {
        border-color: var(--client-border) !important;
    }

    body .client-home-cards .list-group .list-group-item {
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body .breadcrumb-item.active,
    body .breadcrumb-item + .breadcrumb-item::before,
    body .tiles .tile .title,
    body .help-block,
    body .form-text,
    body .dropdown-header {
        color: var(--client-muted);
    }

    body header.header .topbar,
    body footer.footer {
        background-color: #17191d;
        color: var(--client-muted);
    }

    body header.header .navbar a,
    body header.header .toolbar .nav-link,
    body header.header .topbar .btn,
    body header.header .topbar .active-client .btn,
    body .dropdown-item,
    body .list-group-item-action,
    body .popover-body {
        color: var(--client-text);
    }

    body header.header .search,
    body header.header .toolbar .nav-link {
        border-color: var(--client-border);
    }

    body .dropdown-divider {
        border-color: var(--client-border);
    }

    body .dropdown-item:hover,
    body .dropdown-item:focus,
    body header.header .dropdown-item.active,
    body header.header .dropdown-item:active,
    body .list-group-item-action:hover,
    body .list-group-item-action:focus,
    body .tiles .tile:hover,
    body .kb-category a:hover,
    body .kb-article-item:hover {
        background-color: var(--client-hover);
        color: var(--client-text);
    }

    body .list-group-item.active,
    body .list-group-item.active:hover,
    body .dropdown-item.active,
    body .dropdown-item:active {
        background-color: #304666;
        color: #ffffff;
        border-color: #647ea3;
    }

    body .form-control,
    body .custom-select,
    body .dataTables_wrapper .dataTables_filter label .form-control,
    body #order-standard_cart .form-control,
    body #order-standard_cart .field {
        background-color: var(--client-bg);
        color: var(--client-text);
        border-color: #657080;
    }

    body .form-control:focus,
    body .custom-select:focus,
    body #order-standard_cart .form-control:focus,
    body #order-standard_cart .field:focus {
        border-color: var(--client-link);
    }

    body .form-control::placeholder,
    body #order-standard_cart .field::placeholder {
        color: var(--client-muted);
    }

    body .form-control:disabled,
    body .form-control[readonly],
    body .custom-select:disabled,
    body #order-standard_cart .field[disabled],
    body #order-standard_cart .field[readonly],
    body #order-standard_cart .form-control[disabled],
    body #order-standard_cart .form-control[readonly] {
        background-color: var(--client-raised);
        color: var(--client-muted);
    }

    body .custom-select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23adb5c2' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
    }

    body .btn-default:not([class*="bg-color-"]),
    body .btn-light,
    body .page-link,
    body .page-item.disabled .page-link {
        background-color: var(--client-raised);
        color: var(--client-text);
        border-color: #657080;
    }

    body .btn-default:not([class*="bg-color-"]):hover,
    body .btn-default:not([class*="bg-color-"]):focus,
    body .btn-default:not([class*="bg-color-"]):active,
    body .btn-default:not([class*="bg-color-"]).active,
    body .btn-light:hover,
    body .btn-light:focus,
    body .page-link:hover,
    body .page-link:focus {
        background-color: var(--client-hover);
        color: #ffffff;
        border-color: var(--client-link);
    }

    body .page-item.active .page-link {
        background-color: #304666;
        color: #ffffff;
        border-color: #647ea3;
    }

    body .nav-tabs .nav-link {
        color: var(--client-muted);
    }

    body .nav-tabs .nav-link.active,
    body .nav-tabs .nav-item.show .nav-link,
    body .nav-tabs .nav-link:hover,
    body .nav-tabs .nav-link:focus {
        background-color: var(--client-surface);
        color: var(--client-link);
        border-color: var(--client-border);
    }

    body .table {
        color: var(--client-text);
    }

    body .table th,
    body .table td,
    body .table thead th,
    body .table-bordered,
    body .dataTables_wrapper table.table-list {
        border-color: var(--client-border);
    }

    body table.table-list thead th,
    body .dataTables_wrapper table.table-list thead th.sorting_asc,
    body .dataTables_wrapper table.table-list thead th.sorting_desc,
    body .table .thead-light th,
    body .invoice-container td.total-row {
        background-color: var(--client-raised);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body .table-list > tbody > tr > td {
        background-color: var(--client-surface);
    }

    body .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: var(--client-raised);
    }

    body .table-list > tbody > tr:hover > td,
    body .table-hover > tbody > tr:hover {
        background-color: var(--client-hover);
        color: var(--client-text);
    }

    body .alert-info,
    body .table-info > td,
    body .table-info > th {
        background-color: #243444;
        color: #b5cce5;
        border-color: #3c556d;
    }

    body .alert-success,
    body .table-success > td,
    body .table-success > th {
        background-color: #243a2e;
        color: #b5dec2;
        border-color: #47644f;
    }

    body .alert-warning,
    body .table-warning > td,
    body .table-warning > th {
        background-color: #3e3426;
        color: #e7c890;
        border-color: #796344;
    }

    body .alert-danger,
    body .table-danger > td,
    body .table-danger > th {
        background-color: #3f2b31;
        color: #edb0b8;
        border-color: #7c4b55;
    }

    body .alert-secondary,
    body .alert-light {
        background-color: var(--client-raised);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body .alert .alert-link {
        color: inherit;
    }

    body .text-success { color: #a6d5b3 !important; }
    body .text-info { color: #a5c8e3 !important; }
    body .text-warning { color: #e2bd7e !important; }
    body .text-danger { color: #e9a5af !important; }
    body .text-primary { color: var(--client-link) !important; }

    body .invoice-container .unpaid { color: #e9a5af; }
    body .invoice-container .paid { color: #a6d5b3; }
    body .invoice-container .refunded { color: #a1bce2; }
    body .invoice-container .draft,
    body .invoice-container .cancelled { color: var(--client-muted); }

    body .close,
    body .close:hover,
    body .close:focus {
        color: var(--client-text);
        text-shadow: none;
    }

    body .md-editor,
    body .md-editor > .md-header,
    body .md-editor .md-footer,
    body .md-editor > textarea,
    body .md-editor > .md-preview,
    body .announcements .announcement article,
    body .view-ticket .attachment-list li figure,
    body pre,
    body .progress {
        background-color: var(--client-raised);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body #order-standard_cart .products .product,
    body #order-standard_cart .summary-container,
    body #order-standard_cart .view-cart-items .item,
    body #order-standard_cart .view-cart-promotion-code,
    body #order-standard_cart .view-cart-tabs .tab-content,
    body #order-standard_cart .domain-selection-options .option {
        background-color: var(--client-surface);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body #order-standard_cart .products .product header,
    body #order-standard_cart .product-info,
    body #order-standard_cart .order-summary,
    body #order-standard_cart .view-cart-items .item:nth-child(even),
    body #order-standard_cart .view-cart-gateway-checkout,
    body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
    body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
        background-color: var(--client-raised);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body #order-standard_cart .products .product header span,
    body #order-standard_cart .view-cart-items .item-domain,
    body #order-standard_cart .order-summary .btn-continue-shopping,
    body #order-standard_cart .btn-remove-from-cart {
        color: var(--client-link);
    }

    body #order-standard_cart .products .product header .qty,
    body #order-standard_cart .field-help-text,
    body #order-standard_cart .order-summary .recurring-charges {
        color: var(--client-muted);
    }

    body header.header .navbar-brand img.logo-img[src$="/assets/img/logo.png"],
    body .invoice-container .invoice-header img[src$="/assets/img/logo.png"] {
        filter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22client-logo%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeColorMatrix%20in%3D%22SourceGraphic%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.84%200%200%200%200%200.86%200%200%200%200%200.90%20-3%20-3%20-3%200%201%22%20result%3D%22lightInk%22%2F%3E%3CfeComposite%20in%3D%22lightInk%22%20in2%3D%22SourceGraphic%22%20operator%3D%22atop%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#client-logo");
    }

    body .sidebar .list-group-item,
    body .sidebar .list-group-item.disabled,
    body .sidebar .list-group-item:disabled {
        background-color: var(--client-surface);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body .sidebar .list-group-item.disabled,
    body .sidebar .list-group-item:disabled,
    body .list-group-item.disabled,
    body .list-group-item:disabled,
    body .dropdown-item.disabled,
    body .dropdown-item:disabled {
        background-color: var(--client-surface);
        color: var(--client-muted);
    }

    body .sidebar .list-group-item-action:not(.disabled):hover,
    body .sidebar .list-group-item-action:not(.disabled):focus {
        background-color: var(--client-hover);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body .sidebar .list-group-item.active,
    body .sidebar .list-group-item.active:hover,
    body .sidebar .list-group-item.active:focus {
        background-color: #2d3b50;
        color: #c0d2ed;
        border-color: #435670;
    }

    body .sidebar .list-group-item .badge {
        background-color: var(--client-raised);
        color: var(--client-muted);
    }

    body .tiles .tile i { color: #7f8998; }
    body .tiles .tile:hover i { color: #a5afbd; }

    body .client-home-cards .card-footer a,
    body .client-home-cards .card-body small,
    body .client-home-cards .list-group-item small {
        color: var(--client-muted);
    }

    body div.product-details div.product-icon,
    body div.product-details-tab-container {
        background-color: var(--client-raised);
        color: var(--client-text);
        border-color: var(--client-border);
    }

    body div.product-details div.product-icon h4 {
        color: var(--client-muted);
    }

    body div.product-details div.product-icon .fa-circle {
        color: #39414e;
    }

    body div.product-details div.product-icon .fa-inverse {
        color: #becadb;
    }

    body .status-paid,
    body .status-active,
    body .status-completed,
    body .status-accepted,
    body .label-success,
    body .product-status-active {
        background-color: #294734;
        color: #b5dec2;
    }

    body .status-unpaid,
    body .status-overdue,
    body .label-danger,
    body .product-status-fraud {
        background-color: #522f38;
        color: #f0b5be;
    }

    body .status-payment-pending,
    body .status-pending,
    body .status-suspended,
    body .label-warning,
    body .product-status-pending,
    body .product-status-suspended {
        background-color: #4a3c28;
        color: #e7c890;
    }

    body .status-refunded,
    body .label-info {
        background-color: #2e4058;
        color: #bed2ee;
    }

    body .status-cancelled,
    body .status-terminated,
    body .status-closed,
    body .label-default,
    body .product-status-cancelled,
    body .product-status-terminated {
        background-color: #3b414b;
        color: #c4cbd6;
    }

    body .product-status-text {
        color: inherit;
    }

    body .card-accent-gold { border-top-color: #bb965d; }
    body .card-accent-blue { border-top-color: #719bbc; }
    body .card-accent-green { border-top-color: #709b7c; }
    body .card-accent-red { border-top-color: #b97780; }
    body .card-accent-teal { border-top-color: #6b9c98; }
    body .card-accent-asbestos { border-top-color: #89939e; }

    body .tiles .highlight.bg-color-blue { background-color: #719bbc; }
    body .tiles .highlight.bg-color-green { background-color: #709b7c; }
    body .tiles .highlight.bg-color-red { background-color: #b97780; }
    body .tiles .highlight.bg-color-gold { background-color: #bb965d; }

    body .client-home-cards .card-header .btn.bg-color-gold {
        background-color: #4a3c28;
        color: #e7c890;
    }

    body .client-home-cards .card-header .btn.bg-color-blue,
    body .client-home-cards .card-header .btn.bg-color-turquoise {
        background-color: #2e4058;
        color: #bed2ee;
    }

    body .client-home-cards .card-header .btn.bg-color-teal {
        background-color: #294342;
        color: #acd2cc;
    }

    body .client-home-cards .card-header .btn.bg-color-asbestos {
        background-color: #3b414b;
        color: #c4cbd6;
    }

    body .btn-success {
        background-color: #336b4a;
        border-color: #4d825f;
        color: #f0f4f1;
    }

    body .btn-success:hover,
    body .btn-success:focus {
        background-color: #3e7b55;
        border-color: #649571;
        color: #ffffff;
    }

    body .btn-danger {
        background-color: #8b414e;
        border-color: #a65b68;
        color: #fff1f3;
    }

    body .btn-danger:hover,
    body .btn-danger:focus {
        background-color: #9c4b59;
        border-color: #b16b77;
        color: #ffffff;
    }

    body .form-control.is-invalid,
    body .has-error .form-control,
    body #order-standard_cart .form-control.is-invalid,
    body #order-standard_cart .has-error .form-control {
        border-color: #d2818d;
    }

    body .invalid-feedback,
    body .has-error .help-block {
        color: #e9a5af;
    }

    body .form-control.is-valid,
    body #order-standard_cart .form-control.is-valid {
        border-color: #79a98a;
    }

    body .responsive-tabs-sm,
    body .responsive-tabs-sm-connector .channel,
    body .responsive-tabs-sm-connector .bottom-border,
    body .responsive-tabs-sm .nav-item a.active,
    body tr.masspay-total td {
        background-color: var(--client-surface) !important;
        color: var(--client-text);
        border-color: var(--client-border) !important;
    }
}