/* GENERATED by build/recolor.py - do not edit.
   Dark tokens and hand-tuned dark rules belong in nepalcloud.css. */
/* --- twenty-one/css/theme.css --- */
:where(html[data-theme="dark"]) body {
  color: var(--nc-text);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) caption {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) hr {
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .blockquote-footer {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .img-thumbnail {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .figure-caption {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) pre {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .table {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .table th,
:where(html[data-theme="dark"]) .table td {
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .table thead th {
  border-bottom: 2px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .table tbody + tbody {
  border-top: 2px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .table-bordered {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .table-bordered th,
:where(html[data-theme="dark"]) .table-bordered td {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
:where(html[data-theme="dark"]) .table-hover tbody tr:hover {
  color: var(--nc-text);
  background-color: rgba(255, 255, 255, 0.075);
}
:where(html[data-theme="dark"]) .table-secondary,
:where(html[data-theme="dark"]) .table-secondary > th,
:where(html[data-theme="dark"]) .table-secondary > td {
  background-color: var(--nc-surface-3);
}
:where(html[data-theme="dark"]) .table-secondary th,
:where(html[data-theme="dark"]) .table-secondary td,
:where(html[data-theme="dark"]) .table-secondary thead th,
:where(html[data-theme="dark"]) .table-secondary tbody + tbody {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .table-light,
:where(html[data-theme="dark"]) .table-light > th,
:where(html[data-theme="dark"]) .table-light > td {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .table-light th,
:where(html[data-theme="dark"]) .table-light td,
:where(html[data-theme="dark"]) .table-light thead th,
:where(html[data-theme="dark"]) .table-light tbody + tbody {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .table-hover .table-light:hover {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .table-hover .table-light:hover > td,
:where(html[data-theme="dark"]) .table-hover .table-light:hover > th {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .table-active,
:where(html[data-theme="dark"]) .table-active > th,
:where(html[data-theme="dark"]) .table-active > td {
  background-color: rgba(255, 255, 255, 0.075);
}
:where(html[data-theme="dark"]) .table-hover .table-active:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
:where(html[data-theme="dark"]) .table-hover .table-active:hover > td,
:where(html[data-theme="dark"]) .table-hover .table-active:hover > th {
  background-color: rgba(255, 255, 255, 0.075);
}
:where(html[data-theme="dark"]) .table .thead-light th {
  color: var(--nc-muted);
  background-color: var(--nc-surface-2);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .form-control {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .form-control:focus {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .form-control::-moz-placeholder {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .form-control::placeholder {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .form-control:disabled,
:where(html[data-theme="dark"]) .form-control[readonly] {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) select.form-control:focus::-ms-value {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .form-control-plaintext {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .form-check-input[disabled] ~ .form-check-label,
:where(html[data-theme="dark"]) .form-check-input:disabled ~ .form-check-label {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .was-validated .custom-select:valid,
:where(html[data-theme="dark"]) .custom-select.is-valid {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") var(--nc-surface) no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
:where(html[data-theme="dark"]) .was-validated .custom-select:invalid,
:where(html[data-theme="dark"]) .custom-select.is-invalid {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") var(--nc-surface) no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
:where(html[data-theme="dark"]) .btn {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .btn:hover {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .btn-light {
  color: var(--nc-text);
  background-color: var(--nc-surface);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-light:hover {
  color: var(--nc-text);
  background-color: var(--nc-surface-2);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-light:focus,
:where(html[data-theme="dark"]) .btn-light.focus {
  color: var(--nc-text);
  background-color: var(--nc-surface-2);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-light.disabled,
:where(html[data-theme="dark"]) .btn-light:disabled {
  color: var(--nc-text);
  background-color: var(--nc-surface);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-light:not(:disabled):not(.disabled):active,
:where(html[data-theme="dark"]) .btn-light:not(:disabled):not(.disabled).active,
:where(html[data-theme="dark"]) .show > .btn-light.dropdown-toggle {
  color: var(--nc-text);
  background-color: var(--nc-surface-3);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-outline-secondary {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .btn-outline-secondary.disabled,
:where(html[data-theme="dark"]) .btn-outline-secondary:disabled {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .btn-outline-light {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-outline-light:hover {
  color: var(--nc-text);
  background-color: var(--nc-surface);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-outline-light:not(:disabled):not(.disabled):active,
:where(html[data-theme="dark"]) .btn-outline-light:not(:disabled):not(.disabled).active,
:where(html[data-theme="dark"]) .show > .btn-outline-light.dropdown-toggle {
  color: var(--nc-text);
  background-color: var(--nc-surface);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-outline-dark {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .btn-outline-dark.disabled,
:where(html[data-theme="dark"]) .btn-outline-dark:disabled {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .btn-link:disabled,
:where(html[data-theme="dark"]) .btn-link.disabled {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .dropdown-menu {
  color: var(--nc-text);
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .dropdown-divider {
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .dropdown-item {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .dropdown-item:hover,
:where(html[data-theme="dark"]) .dropdown-item:focus {
  color: var(--nc-text);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .dropdown-item.disabled,
:where(html[data-theme="dark"]) .dropdown-item:disabled {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .dropdown-header {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .dropdown-item-text {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .input-group-text {
  color: var(--nc-muted);
  background-color: var(--nc-surface-2);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .custom-control-input[disabled] ~ .custom-control-label,
:where(html[data-theme="dark"]) .custom-control-input:disabled ~ .custom-control-label {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .custom-control-input[disabled] ~ .custom-control-label::before,
:where(html[data-theme="dark"]) .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .custom-control-label::before {
  background-color: var(--nc-surface);
  border: var(--nc-border) solid 1px;
}
:where(html[data-theme="dark"]) .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .custom-select {
  color: var(--nc-muted);
  background: var(--nc-surface) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .custom-select:focus::-ms-value {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .custom-select:disabled {
  color: var(--nc-muted);
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .custom-file-input[disabled] ~ .custom-file-label,
:where(html[data-theme="dark"]) .custom-file-input:disabled ~ .custom-file-label {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .custom-file-label {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .custom-file-label::after {
  color: var(--nc-muted);
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .custom-range::-webkit-slider-runnable-track {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .custom-range::-moz-range-track {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .custom-range::-ms-fill-lower {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .custom-range::-ms-fill-upper {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .nav-link.disabled {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .nav-tabs {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .nav-tabs .nav-link:hover,
:where(html[data-theme="dark"]) .nav-tabs .nav-link:focus {
  border-color: var(--nc-border) var(--nc-border) var(--nc-border);
}
:where(html[data-theme="dark"]) .nav-tabs .nav-link.disabled {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .nav-tabs .nav-link.active,
:where(html[data-theme="dark"]) .nav-tabs .nav-item.show .nav-link {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
  border-color: var(--nc-border) var(--nc-border) var(--nc-surface);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-brand {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-brand:hover,
:where(html[data-theme="dark"]) .navbar-light .navbar-brand:focus {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .nav-link {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .nav-link:hover,
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .nav-link:focus {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .nav-link.disabled {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .show > .nav-link,
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .active > .nav-link,
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .nav-link.show,
:where(html[data-theme="dark"]) .navbar-light .navbar-nav .nav-link.active {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-toggler {
  color: var(--nc-muted);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-text {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-text a {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .navbar-light .navbar-text a:hover,
:where(html[data-theme="dark"]) .navbar-light .navbar-text a:focus {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .card,
:where(html[data-theme="dark"]) .mc-promo-manage,
:where(html[data-theme="dark"]) .mc-promo-login {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .card-header {
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .card-footer {
  background-color: rgba(255, 255, 255, 0.03);
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .breadcrumb {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .breadcrumb-item + .breadcrumb-item::before {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .breadcrumb-item.active {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .page-link {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .page-link:hover {
  background-color: var(--nc-surface-2);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .page-item.disabled .page-link {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .badge-light {
  color: var(--nc-text);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) a.badge-light:hover,
:where(html[data-theme="dark"]) a.badge-light:focus {
  color: var(--nc-text);
  background-color: var(--nc-surface-3);
}
:where(html[data-theme="dark"]) .jumbotron {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .alert-primary .alert-link {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .alert-secondary {
  color: var(--nc-text);
  background-color: var(--nc-surface-2);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .alert-secondary hr {
  border-top-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .alert-secondary .alert-link {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .alert-light {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .alert-light hr {
  border-top-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .alert-light .alert-link {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .alert-dark {
  color: var(--nc-text);
  background-color: var(--nc-surface-3);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .alert-dark hr {
  border-top-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .alert-dark .alert-link {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .progress {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .list-group-item-action {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .list-group-item-action:hover,
:where(html[data-theme="dark"]) .list-group-item-action:focus {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .list-group-item-action:active {
  color: var(--nc-text);
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .list-group-item {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .list-group-item.disabled,
:where(html[data-theme="dark"]) .list-group-item:disabled {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .list-group-item-secondary {
  color: var(--nc-text);
  background-color: var(--nc-surface-3);
}
:where(html[data-theme="dark"]) .list-group-item-secondary.list-group-item-action:hover,
:where(html[data-theme="dark"]) .list-group-item-secondary.list-group-item-action:focus {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .list-group-item-light {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .list-group-item-light.list-group-item-action:hover,
:where(html[data-theme="dark"]) .list-group-item-light.list-group-item-action:focus {
  color: var(--nc-muted);
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .list-group-item-dark {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .list-group-item-dark.list-group-item-action:hover,
:where(html[data-theme="dark"]) .list-group-item-dark.list-group-item-action:focus {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .close {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .close:hover {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .toast {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .toast-header {
  color: var(--nc-muted);
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .modal-content {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .modal-header {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .modal-footer {
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .popover {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .bs-popover-top > .arrow::before,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .bs-popover-top > .arrow::after,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .bs-popover-right > .arrow::before,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .bs-popover-right > .arrow::after,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .bs-popover-bottom > .arrow::before,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .bs-popover-bottom > .arrow::after,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .bs-popover-bottom .popover-header::before,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .bs-popover-left > .arrow::before,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .bs-popover-left > .arrow::after,
:where(html[data-theme="dark"]) .bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .popover-header {
  background-color: var(--nc-surface-2);
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .popover-body {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .carousel-indicators li {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .bg-light {
  background-color: var(--nc-surface) !important;
}
:where(html[data-theme="dark"]) a.bg-light:hover,
:where(html[data-theme="dark"]) a.bg-light:focus,
:where(html[data-theme="dark"]) button.bg-light:hover,
:where(html[data-theme="dark"]) button.bg-light:focus {
  background-color: var(--nc-surface-3) !important;
}
:where(html[data-theme="dark"]) .bg-white {
  background-color: var(--nc-surface) !important;
}
:where(html[data-theme="dark"]) .border {
  border: 1px solid var(--nc-border) !important;
}
:where(html[data-theme="dark"]) .border-top {
  border-top: 1px solid var(--nc-border) !important;
}
:where(html[data-theme="dark"]) .border-right {
  border-right: 1px solid var(--nc-border) !important;
}
:where(html[data-theme="dark"]) .border-bottom {
  border-bottom: 1px solid var(--nc-border) !important;
}
:where(html[data-theme="dark"]) .border-left {
  border-left: 1px solid var(--nc-border) !important;
}
:where(html[data-theme="dark"]) .border-light {
  border-color: var(--nc-border) !important;
}
:where(html[data-theme="dark"]) .border-white {
  border-color: var(--nc-surface) !important;
}
:where(html[data-theme="dark"]) .stretched-link::after {
  background-color: rgba(255, 255, 255, 0);
}
:where(html[data-theme="dark"]) .text-secondary {
  color: var(--nc-muted) !important;
}
:where(html[data-theme="dark"]) a.text-secondary:hover,
:where(html[data-theme="dark"]) a.text-secondary:focus {
  color: var(--nc-muted) !important;
}
:where(html[data-theme="dark"]) .text-dark {
  color: var(--nc-text) !important;
}
:where(html[data-theme="dark"]) a.text-dark:hover,
:where(html[data-theme="dark"]) a.text-dark:focus {
  color: var(--nc-text) !important;
}
:where(html[data-theme="dark"]) .text-body {
  color: var(--nc-text) !important;
}
:where(html[data-theme="dark"]) .text-muted {
  color: var(--nc-muted) !important;
}
:where(html[data-theme="dark"]) .text-black-50 {
  color: var(--nc-muted) !important;
}
@media print {
  :where(html[data-theme="dark"]) pre,
:where(html[data-theme="dark"]) blockquote {
    border: 1px solid var(--nc-border);
  }
  :where(html[data-theme="dark"]) .table td,
:where(html[data-theme="dark"]) .table th {
    background-color: var(--nc-surface) !important;
  }
  :where(html[data-theme="dark"]) .table-bordered th,
:where(html[data-theme="dark"]) .table-bordered td {
    border: 1px solid var(--nc-border) !important;
  }
  :where(html[data-theme="dark"]) .table-dark th,
:where(html[data-theme="dark"]) .table-dark td,
:where(html[data-theme="dark"]) .table-dark thead th,
:where(html[data-theme="dark"]) .table-dark tbody + tbody {
    border-color: var(--nc-border);
  }
  :where(html[data-theme="dark"]) .table .thead-dark th {
    border-color: var(--nc-border);
  }
}
:where(html[data-theme="dark"]) form[data-role=json-form] .has-error input.form-control,
:where(html[data-theme="dark"]) form[data-role=json-form] .has-error textarea.form-control,
:where(html[data-theme="dark"]) form[data-role=json-form] .has-error select.form-control {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .select-account {
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .select-account a {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .select-account a:hover {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .continue-container {
  background-color: var(--nc-surface-2);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .invite-box {
  background-color: var(--nc-surface-2);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) a.admin-inline-edit {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) a.admin-inline-edit:hover {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .primary-bg-color {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) header.header {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) header.header .user-icon {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) header.header .toolbar .nav-link {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) header.header .toolbar .nav-link:hover {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) header.header .search {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) header.header .search:focus-within {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) header.header .navbar a {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .master-breadcrumb {
  background-color: var(--nc-surface-2);
}
@media (min-width: 768px) {
  :where(html[data-theme="dark"]) .btn-return-to-admin {
    background-color: var(--nc-surface-3) !important;
    color: var(--nc-muted) !important;
  }
  :where(html[data-theme="dark"]) .btn-return-to-admin:hover {
    background-color: var(--nc-surface-3) !important;
    color: var(--nc-text) !important;
  }
}
:where(html[data-theme="dark"]) .btn-return-to-admin .floating {
  background-color: var(--nc-surface-3) !important;
  color: var(--nc-muted) !important;
}
:where(html[data-theme="dark"]) .btn-return-to-admin .floating:hover {
  background-color: var(--nc-surface-3) !important;
  color: var(--nc-text) !important;
}
:where(html[data-theme="dark"]) .input-group .btn-reveal-pw:hover,
:where(html[data-theme="dark"]) .input-group .btn-reveal-pw:active {
  background-color: var(--nc-surface);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .modal .modal-header {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .modal-localisation .item-selector .item {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .modal-localisation .item-selector .item:hover {
  background-color: var(--nc-surface-2);
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .modal-localisation .item-selector .item.active {
  background-color: var(--nc-surface-3);
  border-color: var(--nc-border);
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .btn-default {
  color: var(--nc-text);
  background-color: var(--nc-surface);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-default:focus,
:where(html[data-theme="dark"]) .btn-default.focus {
  color: var(--nc-text);
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .btn-default:hover {
  color: var(--nc-text);
  background-color: var(--nc-surface-2);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-default:active,
:where(html[data-theme="dark"]) .btn-default.active,
:where(html[data-theme="dark"]) .open > .dropdown-toggle.btn-default {
  color: var(--nc-text);
  background-color: var(--nc-surface-2);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-default:active:hover,
:where(html[data-theme="dark"]) .btn-default.active:hover,
:where(html[data-theme="dark"]) .open > .dropdown-toggle.btn-default:hover,
:where(html[data-theme="dark"]) .btn-default:active:focus,
:where(html[data-theme="dark"]) .btn-default.active:focus,
:where(html[data-theme="dark"]) .open > .dropdown-toggle.btn-default:focus,
:where(html[data-theme="dark"]) .btn-default:active.focus,
:where(html[data-theme="dark"]) .btn-default.active.focus,
:where(html[data-theme="dark"]) .open > .dropdown-toggle.btn-default.focus {
  color: var(--nc-text);
  background-color: var(--nc-surface-3);
}
:where(html[data-theme="dark"]) .btn-default.disabled {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-default.disabled:hover,
:where(html[data-theme="dark"]) .btn-default[disabled]:hover,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-default:hover,
:where(html[data-theme="dark"]) .btn-default.disabled:focus,
:where(html[data-theme="dark"]) .btn-default[disabled]:focus,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-default:focus,
:where(html[data-theme="dark"]) .btn-default.disabled.focus,
:where(html[data-theme="dark"]) .btn-default[disabled].focus,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-default.focus {
  background-color: var(--nc-surface) !important;
  border-color: var(--nc-border) !important;
}
:where(html[data-theme="dark"]) .card-accent-silver {
  border-top: 3px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .responsive-tabs-sm .nav-item a:hover {
  background-color: var(--nc-surface-2);
}
@media (max-width: 767.98px) {
  :where(html[data-theme="dark"]) .responsive-tabs-sm {
    border-left: 1px solid var(--nc-border);
    background: var(--nc-surface);
    border-top: 1px solid var(--nc-border);
    border-right: 1px solid var(--nc-border);
  }
  :where(html[data-theme="dark"]) .responsive-tabs-sm .nav-item {
    border-bottom: 1px solid var(--nc-border) !important;
  }
  :where(html[data-theme="dark"]) .responsive-tabs-sm .nav-item a.active {
    background-color: var(--nc-surface) !important;
  }
  :where(html[data-theme="dark"]) .responsive-tabs-sm-connector .channel {
    background: var(--nc-surface);
    border-right: 1px solid var(--nc-border);
  }
  :where(html[data-theme="dark"]) .responsive-tabs-sm-connector .bottom-border {
    border-bottom: 1px solid var(--nc-border);
  }
  :where(html[data-theme="dark"]) .responsive-tabs-sm-connector.store .channel {
    border-left: 1px solid var(--nc-border);
  }
}
:where(html[data-theme="dark"]) .sidebar .list-group-item {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .sidebar .list-group-item .badge {
  background-color: var(--nc-surface);
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .sidebar .list-group-item > i.far.fa-circle {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .home-domain-search .tld-logos {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .home-domain-search .input-group-wrapper {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .home-domain-search .input-group-wrapper .advanced-input label {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .action-icon-btns a {
  color: var(--nc-muted);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .action-icon-btns a:hover {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .client-home-cards .card-header {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .client-home-cards .card-header .btn:hover {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .client-home-cards .list-group {
  border-top: 1px solid var(--nc-border) !important;
  border-bottom: 1px solid var(--nc-border) !important;
}
:where(html[data-theme="dark"]) .client-home-cards .list-group .list-group-item {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .client-home-cards small {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .tiles .tile {
  background-color: var(--nc-surface);
  border-right: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .tiles .tile .title {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .tiles .tile:hover {
  background-color: var(--nc-surface-2);
}
@media (max-width: 1199.98px) {
  :where(html[data-theme="dark"]) .tiles div:nth-child(1) > .tile,
:where(html[data-theme="dark"]) .tiles div:nth-child(2) > .tile {
    border-bottom: 1px solid var(--nc-border);
  }
}
:where(html[data-theme="dark"]) div[menuitemname="Active Products/Services"] .btn-view-more.disabled {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .twofa-setup .activation-msg {
  border: 1px dashed var(--nc-border);
}
:where(html[data-theme="dark"]) .twofa-setup .backup-code {
  background-color: var(--nc-surface-2);
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .twofa-module {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .popover-user-notifications {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .popover-user-notifications ul li {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .popover-user-notifications ul li a {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .popover-user-notifications ul li a:hover {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .verification-banner {
  background-color: var(--nc-surface);
  border-bottom: 1px solid var(--nc-border);
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .verification-banner .fas,
:where(html[data-theme="dark"]) .verification-banner .fal,
:where(html[data-theme="dark"]) .verification-banner .far {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .md-editor {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .md-editor > .btn-toolbar {
  background-color: var(--nc-surface) !important;
}
:where(html[data-theme="dark"]) .md-editor > textarea.markdown-editor,
:where(html[data-theme="dark"]) .md-editor > .md-preview {
  border-top: 1px solid var(--nc-border) !important;
  border-bottom: 1px solid var(--nc-border) !important;
  background-color: var(--nc-surface) !important;
}
:where(html[data-theme="dark"]) div.md-editor.active {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .markdown-editor-status {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .md-preview h1,
:where(html[data-theme="dark"]) .markdown-content h1 {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .md-preview h2,
:where(html[data-theme="dark"]) .markdown-content h2 {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .md-preview h3,
:where(html[data-theme="dark"]) .markdown-content h3 {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .md-preview h4,
:where(html[data-theme="dark"]) .markdown-content h4 {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .md-preview blockquote,
:where(html[data-theme="dark"]) .markdown-content blockquote {
  border-left: 5px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .md-preview table,
:where(html[data-theme="dark"]) .markdown-content table {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .md-preview table > thead > tr > th,
:where(html[data-theme="dark"]) .markdown-content table > thead > tr > th {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .md-preview table > tbody > tr > td,
:where(html[data-theme="dark"]) .markdown-content table > tbody > tr > td {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .store-order-container .store-domain-tabs li a {
  background-color: var(--nc-surface);
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .store-order-container .store-domain-tabs li.active a {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .store-order-container .store-domain-tab-content {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .store-order-container .domain-validation {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .promo-container {
  border: 1px solid var(--nc-border);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .promo-banner {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .promo-banner.ox a {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-metrics-row > div:not(:last-child) {
  border-right: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-title {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .btn-social i.fas,
:where(html[data-theme="dark"]) .btn-social i.far {
  border-right: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-facebook {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-facebook:hover,
:where(html[data-theme="dark"]) .btn-facebook:focus,
:where(html[data-theme="dark"]) .btn-facebook:active,
:where(html[data-theme="dark"]) .btn-facebook.active,
:where(html[data-theme="dark"]) .open .dropdown-toggle.btn-facebook {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-facebook.disabled,
:where(html[data-theme="dark"]) .btn-facebook[disabled],
:where(html[data-theme="dark"]) fieldset[disabled] .btn-facebook,
:where(html[data-theme="dark"]) .btn-facebook.disabled:hover,
:where(html[data-theme="dark"]) .btn-facebook[disabled]:hover,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-facebook:hover,
:where(html[data-theme="dark"]) .btn-facebook.disabled:focus,
:where(html[data-theme="dark"]) .btn-facebook[disabled]:focus,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-facebook:focus,
:where(html[data-theme="dark"]) .btn-facebook.disabled:active,
:where(html[data-theme="dark"]) .btn-facebook[disabled]:active,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-facebook:active,
:where(html[data-theme="dark"]) .btn-facebook.disabled.active,
:where(html[data-theme="dark"]) .btn-facebook[disabled].active,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-facebook.active {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-twitter {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-twitter:hover,
:where(html[data-theme="dark"]) .btn-twitter:focus,
:where(html[data-theme="dark"]) .btn-twitter:active,
:where(html[data-theme="dark"]) .btn-twitter.active,
:where(html[data-theme="dark"]) .open .dropdown-toggle.btn-twitter {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .btn-twitter.disabled,
:where(html[data-theme="dark"]) .btn-twitter[disabled],
:where(html[data-theme="dark"]) fieldset[disabled] .btn-twitter,
:where(html[data-theme="dark"]) .btn-twitter.disabled:hover,
:where(html[data-theme="dark"]) .btn-twitter[disabled]:hover,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-twitter:hover,
:where(html[data-theme="dark"]) .btn-twitter.disabled:focus,
:where(html[data-theme="dark"]) .btn-twitter[disabled]:focus,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-twitter:focus,
:where(html[data-theme="dark"]) .btn-twitter.disabled:active,
:where(html[data-theme="dark"]) .btn-twitter[disabled]:active,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-twitter:active,
:where(html[data-theme="dark"]) .btn-twitter.disabled.active,
:where(html[data-theme="dark"]) .btn-twitter[disabled].active,
:where(html[data-theme="dark"]) fieldset[disabled] .btn-twitter.active {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) .upgrade .product-to-be-upgraded {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .upgrade .products .product {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .upgrade .products .product ul {
  border-left: 1px solid var(--nc-border);
  border-right: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .upgrade .products .product .footer {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .upgrade .products .product ul li {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .upgrade .products .product ul li span {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .announcements .announcement article {
  background-color: var(--nc-surface-2);
  border-left: 4px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .kb-category a:hover {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .kb-article-item:hover {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .kb-article-item small {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .ticket-reply .rating span.star:before,
:where(html[data-theme="dark"]) .ticket-reply .rating-done span.star:before {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .view-ticket .card-body,
:where(html[data-theme="dark"]) .view-ticket .mc-promo-manage .content,
:where(html[data-theme="dark"]) .mc-promo-manage .view-ticket .content,
:where(html[data-theme="dark"]) .view-ticket .mc-promo-login .content,
:where(html[data-theme="dark"]) .mc-promo-login .view-ticket .content {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .view-ticket .posted-by {
  color: var(--nc-muted);
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .view-ticket .attachments {
  border-top: 1px dashed var(--nc-border);
}
:where(html[data-theme="dark"]) .view-ticket .attachment-list li span {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .view-ticket .attachment-list li figure {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .ticketfeedbackstaffcont {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) #registration label {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) #registration .sub-heading {
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) #registration .sub-heading span {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) #registration .field,
:where(html[data-theme="dark"]) #registration .form-control {
  border: 1px solid var(--nc-border);
  color: var(--nc-muted);
  background: var(--nc-surface);
}
:where(html[data-theme="dark"]) #registration .form-control:focus {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) #registration .field[disabled],
:where(html[data-theme="dark"]) #registration .field[readonly],
:where(html[data-theme="dark"]) #registration .form-control[disabled],
:where(html[data-theme="dark"]) #registration .form-control[readonly] {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) #registration .field-help-text {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) div.credit-card {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .auth3d-area {
  border: 1px solid var(--nc-surface);
}
:where(html[data-theme="dark"]) .submit-3d {
  border: 1px solid var(--nc-surface);
}
:where(html[data-theme="dark"]) .invoice-summary-table td.total-row {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) div.credit-card .logo-discover {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) tr.masspay-total td {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) div.product-details div.product-icon {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) div.product-details-tab-container {
  border: 1px solid var(--nc-border);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .featured-tld {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .featured-tld .price {
  background-color: var(--nc-surface);
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) .domain-pricing .tld-row {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .domain-pricing .tld-row.highlighted {
  background: var(--nc-surface);
}
:where(html[data-theme="dark"]) .domain-pricing .tld-pricing-header .col-xs-2,
:where(html[data-theme="dark"]) .domain-pricing .tld-pricing-header .col-sm-2,
:where(html[data-theme="dark"]) .domain-pricing .tld-pricing-header .col-xs-4,
:where(html[data-theme="dark"]) .domain-pricing .tld-pricing-header .col-sm-4 {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .domain-pricing .tld-pricing-header div:nth-child(odd) {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .dataTables_wrapper table.table-list {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .dataTables_wrapper table.table-list thead th.sorting_asc,
:where(html[data-theme="dark"]) .dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) .dataTables_wrapper .dataTables_filter label .form-control {
  background: url("../../../assets/img/search.png") var(--nc-surface) no-repeat 8px 5px;
}
:where(html[data-theme="dark"]) .pagination > li > a,
:where(html[data-theme="dark"]) .pagination > li > span {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) table.table-list thead th {
  background-color: var(--nc-surface);
  border-bottom: 1px solid var(--nc-border);
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) .table-list > tbody > tr > td a.border-left {
  border-left: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) .table-list > tbody > tr > td {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) .table-list > tbody > tr:hover > td {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) table.table-solid-bottom-border-light-gray {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) table.ox-table-accounts tbody.account-entry > tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
/* --- ../orderforms/standard_cart/css/all.css --- */
:where(html[data-theme="dark"]) body #order-standard_cart label,
:where(html[data-theme="dark"]) body #order-standard_cart p.domain-renewal-desc,
:where(html[data-theme="dark"]) body .service-renewals .div-renewal-period-label {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body #order-standard_cart .sub-heading {
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .domain-checker-advanced .multiselect {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) body #order-standard_cart .domain-checker-advanced label {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) body #order-standard_cart .products .product {
  background: var(--nc-surface);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .products .product header {
  background: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .products .product header span {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) body #order-standard_cart .products .product header .qty {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body #order-standard_cart .panel-addon .panel-body label {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) body #order-standard_cart .panel-addon .panel-price {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body #order-standard_cart .panel-addon-selected {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .domain-selection-options .option {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .domain-selection-options .option-selected {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body #order-standard_cart .transfer-not-eligible {
  color: var(--nc-muted);
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body #order-standard_cart .product-info {
  background-color: var(--nc-surface);
  border-top: 1px solid var(--nc-border);
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .summary-container {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .order-summary .summary-totals {
  border-top: 1px solid var(--nc-border);
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .apply-credit-container {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body #order-standard_cart .cc-input-container {
  background-color: var(--nc-surface-2);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .cc-input-container .existing-cc-grid {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body #order-standard_cart .field,
:where(html[data-theme="dark"]) body #order-standard_cart .form-control {
  border: 1px solid var(--nc-border);
  color: var(--nc-muted);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .form-control:focus {
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .field[disabled],
:where(html[data-theme="dark"]) body #order-standard_cart .field[readonly],
:where(html[data-theme="dark"]) body #order-standard_cart .form-control[disabled],
:where(html[data-theme="dark"]) body #order-standard_cart .form-control[readonly] {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .field-help-text {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body #order-standard_cart .view-cart-items .item {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .view-cart-items .item:nth-child(even) {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body #order-standard_cart .btn-remove-from-cart {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) body #order-standard_cart .order-summary .subtotal {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .order-summary .bordered-totals {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .order-summary .recurring-charges {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body #order-standard_cart .order-summary .btn-continue-shopping {
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
:where(html[data-theme="dark"]) body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
  border-color: var(--nc-border) var(--nc-border) var(--nc-border);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .view-cart-tabs .tab-content {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .view-cart-promotion-code {
  background-color: var(--nc-surface);
  border: 1px dashed var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .view-cart-gateway-checkout {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body div.domainresults div:not(.btn-group) {
  background-color: var(--nc-surface-3);
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body div.domainresults div:not(.btn-group) span {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body .domain-checker-container .input-group-box {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body .domain-pricing .tld-row {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body .domain-pricing .tld-row.highlighted {
  background: var(--nc-surface);
}
:where(html[data-theme="dark"]) body .domain-pricing .tld-pricing-header .col-xs-2,
:where(html[data-theme="dark"]) body .domain-pricing .tld-pricing-header .col-sm-2,
:where(html[data-theme="dark"]) body .domain-pricing .tld-pricing-header .col-xs-4,
:where(html[data-theme="dark"]) body .domain-pricing .tld-pricing-header .col-sm-4 {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body .domain-pricing .tld-pricing-header div:nth-child(odd) {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body .spotlight-tlds {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body .spotlight-tld {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body .spotlight-tld .unavailable,
:where(html[data-theme="dark"]) body .spotlight-tld .invalid {
  background-color: var(--nc-surface-2);
  border-color: var(--nc-border);
}
:where(html[data-theme="dark"]) body .suggested-domains .domain-lookup-suggestions-message,
:where(html[data-theme="dark"]) body .suggested-domains .domain-lookup-suggestions-loader {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body .domain-promo-box {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
  color: var(--nc-text);
}
:where(html[data-theme="dark"]) body .domain-promo-box .small {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body .form-control.domain-renewals-filter,
:where(html[data-theme="dark"]) body .form-control.service-renewals-filter {
  background: url(../../../../assets/img/search.png) var(--nc-surface) no-repeat 8px 5px !important;
}
:where(html[data-theme="dark"]) body .domain-renewals,
:where(html[data-theme="dark"]) body .service-renewals {
  border-top: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body .domain-renewals,
:where(html[data-theme="dark"]) body .service-renewals,
:where(html[data-theme="dark"]) body .addon-renewals .service-renewal {
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body .domain-renewals .domain-renewal,
:where(html[data-theme="dark"]) body .service-renewals .service-renewal {
  border-bottom: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body .domain-renewals .domain-renewal:nth-child(even),
:where(html[data-theme="dark"]) body .service-renewals .service-renewal:nth-child(even),
:where(html[data-theme="dark"]) body .addon-renewals .service-renewal:nth-child(even) {
  background-color: var(--nc-surface-2);
}
:where(html[data-theme="dark"]) body .service-renewals .div-renewal-ineligible {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body .addon-renewals > div {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .addon-promo-container {
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .mc-promo {
  background-color: var(--nc-surface);
  border: 1px dashed var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .mc-promo .body {
  border-top: 10px solid var(--nc-border);
  background-color: var(--nc-surface);
}
:where(html[data-theme="dark"]) body #order-standard_cart .mc-promo.weebly .expander,
:where(html[data-theme="dark"]) body #order-standard_cart .mc-promo.weebly .price {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body #order-standard_cart .mc-promo.sitelockvpn .expander,
:where(html[data-theme="dark"]) body #order-standard_cart .mc-promo.sitelockvpn .price {
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body #order-standard_cart .default-captcha {
  background-color: var(--nc-surface);
  border: 1px solid var(--nc-border);
  color: var(--nc-muted);
}
:where(html[data-theme="dark"]) body #order-standard_cart .account-select-container {
  border-right: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .account-select-container div.account {
  background: var(--nc-surface-2);
  border: 1px solid var(--nc-border);
}
:where(html[data-theme="dark"]) body #order-standard_cart .account-select-container div.account.active {
  background: var(--nc-surface);
}
:where(html[data-theme="dark"]) body .product-recommendations .product-recommendation {
  background-color: var(--nc-surface);
  border: 1px dashed var(--nc-border);
}
:where(html[data-theme="dark"]) body .product-recommendations .product-recommendation .body {
  border-top: 10px solid var(--nc-border);
  background-color: var(--nc-surface);
}