/* Lake Networks client area dark theme. */
:root {
    --ln-surface: rgba(10, 16, 21, 0.88);
    --ln-surface-strong: rgba(8, 13, 18, 0.95);
    --ln-surface-soft: rgba(255, 255, 255, 0.055);
    --ln-surface-hover: rgba(255, 255, 255, 0.10);
    --ln-border: rgba(255, 255, 255, 0.13);
    --ln-border-soft: rgba(255, 255, 255, 0.075);
    --ln-text: #e7edf3;
    --ln-muted: #9eabb8;
    --ln-accent: #39add0;
}

html {
    min-height: 100%;
    background-color: #050505;
}

body:not(.login) {
    min-height: 100vh;
    background-color: #050505 !important;
    background-image:
        linear-gradient(rgba(5, 5, 5, 0.75), rgba(5, 5, 5, 0.75)),
        url("https://lakenetworks.it/lake_como_city.c3d29126dc8a.webp") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/* Main layout and navigation. */
body.client-area .sm-header-container {
    background: rgba(18, 22, 25, 0.96);
    border-bottom: 1px solid var(--ln-border-soft);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.22);
}

body.client-area .sm-content {
    color: var(--ln-text);
}

body.client-area nav.sm-nav {
    overflow: hidden;
    color: var(--ln-text);
    background: var(--ln-surface);
    border: 1px solid var(--ln-border);
    border-radius: 8px;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.28);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.client-area nav.sm-nav .heading {
    color: var(--ln-text);
    border-bottom: 1px solid var(--ln-border-soft);
}

body.client-area #menu > li > a,
body.client-area #menu .sm-dropdown > li > a {
    color: #c5d0da;
}

body.client-area #menu > li > a:hover,
body.client-area #menu > li > a.selected,
body.client-area #menu > li > a:active,
body.client-area #menu > li.opened > a,
body.client-area #menu > li:hover > a,
body.client-area #menu .sm-dropdown > li > a:hover,
body.client-area #menu .sm-dropdown > li > a.selected {
    color: #fff;
    background: var(--ln-surface-hover);
}

body.client-area #menu .sm-dropdown,
body.client-area #menu .sm-dropdown > li.heading {
    color: var(--ln-text);
    background: var(--ln-surface-strong);
}

/* Page title and breadcrumb. */
body.client-area .sm-page-heading {
    border-bottom-color: rgba(255, 255, 255, 0.32);
}

body.client-area .sm-page-heading h1,
body.client-area .sm-page-heading h2,
body.client-area .sm-page-heading h3 {
    color: var(--ln-text);
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

body.client-area .sm-page-heading small,
body.client-area .sm-page-heading .breadcrumb,
body.client-area .sm-page-heading .breadcrumb > .active {
    color: var(--ln-muted);
}

body.client-area .sm-page-heading .breadcrumb a {
    color: #c8d2dc;
}

body.client-area .sm-page-heading .breadcrumb a:hover {
    color: #fff;
}

/* Dashboard statistic tiles. */
body.client-area .tiles .tile > a {
    color: var(--ln-text);
    background: var(--ln-surface) !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-top-width: 3px;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.client-area .tiles .tile > a:hover {
    color: #fff;
    background: rgba(18, 27, 34, 0.94) !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34);
    transform: translateY(-2px);
}

body.client-area .tiles .tile.services > a {
    border-top-color: #2ca1c3;
}

body.client-area .tiles .tile.domains > a,
body.client-area .tiles .tile.quotes > a {
    border-top-color: #f0ad4e;
}

body.client-area .tiles .tile.support > a {
    border-top-color: #d9534f;
}

body.client-area .tiles .tile.invoices > a {
    border-top-color: #94bd31;
}

body.client-area .tiles .tile.affiliates > a {
    border-top-color: #9eabb8;
}

body.client-area .tiles .tile .icon {
    color: rgba(255, 255, 255, 0.075);
}

body.client-area .tiles .tile.services .icon {
    color: rgba(44, 161, 195, 0.20);
}

body.client-area .tiles .tile.domains .icon,
body.client-area .tiles .tile.quotes .icon {
    color: rgba(240, 173, 78, 0.20);
}

body.client-area .tiles .tile.support .icon {
    color: rgba(217, 83, 79, 0.20);
}

body.client-area .tiles .tile.invoices .icon {
    color: rgba(148, 189, 49, 0.20);
}

body.client-area .tiles .stat,
body.client-area .tiles .title {
    color: var(--ln-text);
}

/* Panels and list items. */
body.client-area .panel {
    color: var(--ln-text);
    background: var(--ln-surface);
    border: 1px solid var(--ln-border);
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.client-area .card .card-header,
body.client-area .card .card-footer {
    color: var(--ln-text);
    background: var(--ln-surface-soft);
    border-color: var(--ln-border-soft);
}

body.client-area .panel[class*="panel-accent-"] {
    border-top-width: 3px;
}

body.client-area .panel.panel-accent-gold,
body.client-area .panel.panel-accent-orange {
    border-top-color: #f0ad4e;
}

body.client-area .panel.panel-accent-green,
body.client-area .panel.panel-accent-lime {
    border-top-color: #94bd31;
}

body.client-area .panel.panel-accent-red,
body.client-area .panel.panel-accent-pomegranate {
    border-top-color: #d9534f;
}

body.client-area .panel.panel-accent-blue {
    border-top-color: #2ca1c3;
}

body.client-area .panel.panel-accent-pink {
    border-top-color: #e671b8;
}

body.client-area .panel.panel-accent-purple,
body.client-area .panel.panel-accent-amethyst {
    border-top-color: #9b59b6;
}

body.client-area .panel.panel-accent-magenta {
    border-top-color: #ff0097;
}

body.client-area .panel.panel-accent-teal {
    border-top-color: #00aba9;
}

body.client-area .panel.panel-accent-turquoise {
    border-top-color: #1abc9c;
}

body.client-area .panel.panel-accent-emerald {
    border-top-color: #2ecc71;
}

body.client-area .panel.panel-accent-wet-asphalt,
body.client-area .panel.panel-accent-midnight-blue {
    border-top-color: #34495e;
}

body.client-area .panel.panel-accent-sun-flower {
    border-top-color: #f1c40f;
}

body.client-area .panel.panel-accent-silver {
    border-top-color: #bdc3c7;
}

body.client-area .panel.panel-accent-asbestos {
    border-top-color: #7f8c8d;
}

body.client-area .panel.panel-accent-brand-cpanel-orange {
    border-top-color: #ff6c2c;
}

body.client-area .panel.panel-accent-brand-xovinow-blue {
    border-top-color: #10069f;
}

body.client-area .panel-default > .panel-heading,
body.client-area .sm-sidebar .panel-default > .panel-heading,
body.client-area .panel-sidebar > .panel-heading {
    color: var(--ln-text);
    background: rgba(255, 255, 255, 0.035);
    border-bottom: 1px solid var(--ln-border-soft);
}

body.client-area .panel-title,
body.client-area .panel-body,
body.client-area .panel-body h1,
body.client-area .panel-body h2,
body.client-area .panel-body h3,
body.client-area .panel-body h4,
body.client-area .panel-body h5,
body.client-area .panel-body h6 {
    color: var(--ln-text);
}

body.client-area .panel-footer {
    color: var(--ln-text);
    background: rgba(255, 255, 255, 0.035);
    border-top-color: var(--ln-border-soft);
}

body.client-area .panel .list-group-item {
    color: #d8e1e9;
    background: rgba(255, 255, 255, 0.025);
    border-color: var(--ln-border-soft);
}

body.client-area .panel a.list-group-item:hover,
body.client-area .panel a.list-group-item:focus,
body.client-area .panel button.list-group-item:hover,
body.client-area .panel button.list-group-item:focus {
    color: #fff;
    background: var(--ln-surface-hover);
}

body.client-area .panel .list-group-item.active,
body.client-area .panel .list-group-item.active:hover,
body.client-area .panel .list-group-item.active:focus {
    color: #fff;
    background: rgba(44, 161, 195, 0.55);
    border-color: rgba(57, 173, 208, 0.65);
}

body.client-area .panel small,
body.client-area .panel .small,
body.client-area .panel .text-muted,
body.client-area .sm-sidebar small {
    color: var(--ln-muted);
}

body.client-area .panel hr {
    border-top-color: var(--ln-border-soft);
}

/* Search, inputs and form controls. */
body.client-area .home-kb-search .form-control,
body.client-area .form-control,
body.client-area .field,
body.client-area textarea,
body.client-area select {
    color: var(--ln-text);
    background-color: rgba(7, 12, 16, 0.90);
    border-color: var(--ln-border);
}

body.client-area .home-kb-search .form-control {
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

body.client-area .form-control:focus,
body.client-area .field:focus,
body.client-area textarea:focus,
body.client-area select:focus {
    color: #fff;
    background-color: rgba(7, 12, 16, 0.96);
    border-color: var(--ln-accent);
    box-shadow: 0 0 0 3px rgba(57, 173, 208, 0.16);
}

body.client-area .form-control::placeholder,
body.client-area textarea::placeholder {
    color: #8794a1;
    opacity: 1;
}

body.client-area select option {
    color: var(--ln-text);
    background: #10171d;
}

body.client-area .input-group-addon {
    color: var(--ln-text);
    background: var(--ln-surface-soft);
    border-color: var(--ln-border);
}

body.client-area .form-control[disabled],
body.client-area .form-control[readonly],
body.client-area fieldset[disabled] .form-control {
    color: var(--ln-muted);
    background: rgba(255, 255, 255, 0.05);
}

/* Buttons. */
body.client-area .btn-default {
    color: var(--ln-text);
    background: rgba(255, 255, 255, 0.09);
    border-color: var(--ln-border);
}

body.client-area .btn-default:hover,
body.client-area .btn-default:focus,
body.client-area .btn-default:active,
body.client-area .btn-default.active,
body.client-area .open > .dropdown-toggle.btn-default {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.22);
}

body.client-area .btn-link {
    color: #59c4e5;
}

/* Data tables and generic content surfaces. */
body.client-area .dataTables_wrapper,
body.client-area .well,
body.client-area .card {
    color: var(--ln-text);
    background: var(--ln-surface);
    border-color: var(--ln-border);
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.client-area .table,
body.client-area table.table-list {
    color: var(--ln-text);
    background: transparent;
}

body.client-area .table > thead > tr > th,
body.client-area .table > thead > tr > td,
body.client-area .table > tbody > tr > th,
body.client-area .table > tbody > tr > td,
body.client-area .table > tfoot > tr > th,
body.client-area .table > tfoot > tr > td,
body.client-area table.table-list thead th {
    color: var(--ln-text);
    border-color: var(--ln-border-soft);
}

body.client-area .table-striped > tbody > tr:nth-of-type(odd),
body.client-area table.table-list > tbody > tr:nth-child(odd) > td,
body.client-area table.table-list > tbody > tr:nth-child(odd) > th {
    background: rgba(255, 255, 255, 0.035);
}

body.client-area .table-hover > tbody > tr:hover,
body.client-area table.table-list > tbody > tr:hover > td {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

body.client-area .dataTables_wrapper .dataTables_info,
body.client-area .dataTables_wrapper .dataTables_length {
    color: var(--ln-muted);
}

body.client-area .pagination > li > a,
body.client-area .pagination > li > span {
    color: var(--ln-text);
    background: var(--ln-surface);
    border-color: var(--ln-border);
}

body.client-area .pagination > li > a:hover,
body.client-area .pagination > li > a:focus,
body.client-area .pagination > .active > a,
body.client-area .pagination > .active > span {
    color: #fff;
    background: rgba(44, 161, 195, 0.60);
    border-color: var(--ln-accent);
}

/* Tabs, dropdowns, popovers and modals. */
body.client-area .nav-tabs {
    border-bottom-color: var(--ln-border);
}

body.client-area .nav-tabs > li > a {
    color: #c5d0da;
}

body.client-area .nav-tabs > li > a:hover,
body.client-area .nav-tabs > li.active > a,
body.client-area .nav-tabs > li.active > a:hover,
body.client-area .nav-tabs > li.active > a:focus {
    color: #fff;
    background: var(--ln-surface-hover);
    border-color: var(--ln-border);
}

body.client-area .dropdown-menu,
body.client-area .popover,
body.client-area .modal-content {
    color: var(--ln-text);
    background: var(--ln-surface-strong);
    border: 1px solid var(--ln-border);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.42);
}

body.client-area .dropdown-menu > li > a {
    color: #d1dbe4;
}

body.client-area .dropdown-menu > li > a:hover,
body.client-area .dropdown-menu > li > a:focus {
    color: #fff;
    background: var(--ln-surface-hover);
}

body.client-area .popover-title,
body.client-area .modal-header,
body.client-area .modal-footer {
    color: var(--ln-text);
    background: var(--ln-surface-soft);
    border-color: var(--ln-border-soft);
}

body.client-area .popover.top > .arrow::after {
    border-top-color: var(--ln-surface-strong);
}

body.client-area .popover.bottom > .arrow::after {
    border-bottom-color: var(--ln-surface-strong);
}

body.client-area .sm-header-container .sm-user.open > a,
body.client-area .sm-header-container .sm-collapsed.open > a,
body.client-area .sm-header-container .sm-config.open > a {
    color: #fff !important;
    background: var(--ln-surface-hover);
}

body.client-area .close {
    color: #fff;
    text-shadow: none;
}

/* Secondary text and footer. */
body.client-area .main-content > p,
body.client-area .main-content > small,
body.client-area .sm-footer {
    color: #b8c3cd;
}

body.client-area .sm-content > h1,
body.client-area .sm-content > h2,
body.client-area .sm-content > h3,
body.client-area .sm-content > h4,
body.client-area .sm-content > h5,
body.client-area .sm-content > h6 {
    color: var(--ln-text);
}

body.client-area .sm-footer {
    border-top-color: var(--ln-border);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

body.client-area a:not(.btn):not(.list-group-item) {
    color: #58c2e2;
}

body.client-area .sm-page-heading .breadcrumb a {
    color: #c8d2dc;
}

/* Keep highly customised product and cart landing pages readable. */
body.client-area .landing-page,
body.client-area .social-bee,
body.client-area .wp-toolkit {
    color: #555;
}

/* Services, domains and account-management pages. */
body.client-area .product-details .product-icon,
body.client-area .product-details-tab-container,
body.client-area .domainresults,
body.client-area .domain-checker-container,
body.client-area .domain-pricing,
body.client-area .credit-card,
body.client-area .invoice-summary,
body.client-area .content-container,
body.client-area .store-order-container,
body.client-area .upgrade .product-to-be-upgraded,
body.client-area .upgrade .products .product,
body.client-area .sm-group-list,
body.client-area .continue-container,
body.client-area .invite-box {
    color: var(--ln-text);
    background: var(--ln-surface);
    border-color: var(--ln-border);
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.client-area .product-details .product-icon {
    background: rgba(255, 255, 255, 0.055);
}

body.client-area .product-details-tab-container {
    border-color: var(--ln-border);
    border-top: 0;
}

body.client-area .domain-checker-container .input-group-box,
body.client-area .store-order-container .store-domain-tabs li.active a,
body.client-area .credit-card .card-number,
body.client-area .invoice-summary-table td.total-row {
    color: var(--ln-text);
    background: rgba(7, 12, 16, 0.90);
}

body.client-area .domain-pricing .tld-row.highlighted,
body.client-area .store-order-container .store-domain-tabs li a,
body.client-area .compact-control-bar,
body.client-area .marketing-email-optin {
    color: var(--ln-text);
    background: var(--ln-surface-soft);
    border-color: var(--ln-border-soft);
}

body.client-area .store-order-container .store-domain-tab-content,
body.client-area .upgrade .products .product ul,
body.client-area .upgrade .products .product .footer,
body.client-area .sm-group-list > li {
    border-color: var(--ln-border-soft);
}

body.client-area .upgrade .products .product ul li,
body.client-area .upgrade .products .product ul li span {
    color: #c7d1da;
    border-color: var(--ln-border-soft);
}

/* Ticket conversation and markdown editor. */
body.client-area .ticket-reply {
    color: var(--ln-text);
}

body.client-area .ticket-reply .user .type,
body.client-area .ticket-reply .message .date,
body.client-area .ticket-reply .rating-done .rated {
    color: var(--ln-muted);
}

body.client-area .ticket-reply .user img {
    border-color: rgba(255, 255, 255, 0.65);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.30);
}

body.client-area .ticket-reply .message {
    color: var(--ln-text);
    background: var(--ln-surface-strong);
    border: 1px solid var(--ln-border);
    border-top: 2px solid #8b98a4;
    border-radius: 8px;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30);
}

body.client-area .ticket-reply.staff .message {
    background: rgba(8, 28, 36, 0.94);
    border-top-color: var(--ln-accent);
}

body.client-area .ticket-reply .message::before {
    border-right-color: var(--ln-surface-strong);
}

body.client-area .ticket-reply.staff .message::before {
    border-right-color: transparent;
    border-left-color: rgba(8, 28, 36, 0.94);
}

body.client-area .ticket-reply .attachments,
body.client-area .markdown-content table,
body.client-area .markdown-content table > thead > tr > th {
    border-color: var(--ln-border-soft);
}

body.client-area .markdown-content table,
body.client-area .markdown-content table > thead > tr > th {
    color: var(--ln-text);
    background: var(--ln-surface-soft);
}

body.client-area .md-editor,
body.client-area .md-editor .md-footer,
body.client-area .md-editor > .md-header,
body.client-area .md-editor > .btn-toolbar,
body.client-area .md-editor > .md-preview,
body.client-area .md-editor > textarea.markdown-editor {
    color: var(--ln-text);
    background: rgba(7, 12, 16, 0.92) !important;
    border-color: var(--ln-border-soft) !important;
}

body.client-area .md-editor > textarea:focus {
    color: #fff;
    background: rgba(7, 12, 16, 0.98) !important;
}

body.client-area .ticket-reply .message h1,
body.client-area .ticket-reply .message h2,
body.client-area .ticket-reply .message h3,
body.client-area .ticket-reply .message h4,
body.client-area .ticket-reply .message h5,
body.client-area .ticket-reply .message h6,
body.client-area .domain-checker-container h1,
body.client-area .domain-checker-container h2,
body.client-area .domain-checker-container h3,
body.client-area .domain-pricing h1,
body.client-area .domain-pricing h2,
body.client-area .domain-pricing h3,
body.client-area .content-container h1,
body.client-area .content-container h2,
body.client-area .content-container h3,
body.client-area .store-order-container h1,
body.client-area .store-order-container h2,
body.client-area .store-order-container h3,
body.client-area .invoice-summary h1,
body.client-area .invoice-summary h2,
body.client-area .invoice-summary h3 {
    color: var(--ln-text);
}

body.client-area pre,
body.client-area code {
    color: #d9e3eb;
    background: rgba(0, 0, 0, 0.28);
    border-color: var(--ln-border);
}

/* Auxiliary Bootstrap controls used across profile and billing pages. */
body.client-area .pager li > a,
body.client-area .pager li > span,
body.client-area .thumbnail,
body.client-area .jumbotron {
    color: var(--ln-text);
    background: var(--ln-surface);
    border-color: var(--ln-border);
}

body.client-area .progress {
    background: rgba(255, 255, 255, 0.08);
}

body.client-area .bootstrap-switch,
body.client-area .bootstrap-switch .bootstrap-switch-label,
body.client-area .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
body.client-area .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    color: var(--ln-text);
    background: #131b22;
    border-color: var(--ln-border);
}

body.client-area .intl-tel-input .country-list {
    color: var(--ln-text);
    background: #10171d;
    border-color: var(--ln-border);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34);
}

body.client-area .intl-tel-input .country-list .country.highlight,
body.client-area .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag,
body.client-area .intl-tel-input.separate-dial-code .selected-flag {
    background: var(--ln-surface-hover);
}

/* Standard cart: product selection, configuration and checkout. */
body.client-area #order-standard_cart {
    color: var(--ln-text);
}

body.client-area #order-standard_cart label,
body.client-area #order-standard_cart p.domain-renewal-desc,
body.client-area #order-standard_cart .products header span,
body.client-area #order-standard_cart .panel-addon .panel-body label,
body.client-area #order-standard_cart .cc-input-container .existing-cc-grid {
    color: #d5dee7;
}

body.client-area #order-standard_cart .sub-heading,
body.client-area #order-standard_cart .order-summary .summary-totals,
body.client-area #order-standard_cart .order-summary .subtotal,
body.client-area #order-standard_cart .order-summary .bordered-totals,
body.client-area #order-standard_cart .view-cart-items,
body.client-area #order-standard_cart .account-select-container,
body.client-area #order-standard_cart .addon-promo-container {
    border-color: var(--ln-border-soft);
}

body.client-area #order-standard_cart .sub-heading span,
body.client-area #order-standard_cart .sub-heading-borderless span {
    color: #58c2e2;
    background: #0a1015;
}

body.client-area #order-standard_cart .products .product,
body.client-area #order-standard_cart .products header,
body.client-area #order-standard_cart .domain-selection-options .option,
body.client-area #order-standard_cart .domain-search-results,
body.client-area #order-standard_cart #searchDomainInfo,
body.client-area #order-standard_cart .order-summary,
body.client-area #order-standard_cart .view-cart,
body.client-area #order-standard_cart .view-cart-tabs .tab-content,
body.client-area #order-standard_cart .view-cart-gateway-checkout,
body.client-area #order-standard_cart .view-cart-empty,
body.client-area #order-standard_cart .apply-credit-container,
body.client-area #order-standard_cart .default-captcha,
body.client-area #order-standard_cart .mc-promo,
body.client-area #order-standard_cart .domain-promo-box,
body.client-area #order-standard_cart .product-recommendation,
body.client-area #order-universal_slider .product-container,
body.client-area #order-premium_comparison .price-table-container .price-table {
    color: var(--ln-text);
    background: var(--ln-surface);
    border-color: var(--ln-border);
    border-radius: 8px;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.26);
}

body.client-area #order-standard_cart .panel-addon {
    color: var(--ln-text);
    background: var(--ln-surface);
    border-color: var(--ln-border);
}

body.client-area #order-standard_cart .panel-addon .panel-price,
body.client-area #order-standard_cart .view-cart-items .item:nth-child(even),
body.client-area #order-standard_cart .cc-input-container,
body.client-area #order-standard_cart .account-select-container div.account,
body.client-area #order-standard_cart .mc-promo .body,
body.client-area #order-standard_cart .transfer-not-eligible,
body.client-area .domain-renewals .domain-renewal:nth-child(even),
body.client-area .service-renewals .service-renewal:nth-child(even),
body.client-area .addon-renewals .service-renewal:nth-child(even),
body.client-area .spotlight-tlds,
body.client-area .suggested-domains .domain-lookup-suggestions-loader,
body.client-area .suggested-domains .domain-lookup-suggestions-message {
    color: #cbd5de;
    background: var(--ln-surface-soft);
    border-color: var(--ln-border-soft);
}

body.client-area #order-standard_cart .view-cart-items .item,
body.client-area #order-standard_cart .account-select-container div.account.active,
body.client-area .domain-renewals,
body.client-area .service-renewals,
body.client-area .addon-renewals .service-renewal,
body.client-area .product-recommendations .product-recommendation .body {
    color: var(--ln-text);
    background: rgba(10, 16, 21, 0.92);
    border-color: var(--ln-border-soft);
}

body.client-area #order-standard_cart .view-cart-tabs .nav-tabs > li > a {
    color: #aeb9c4;
    background: rgba(255, 255, 255, 0.07);
}

body.client-area #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
body.client-area #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
    color: #58c2e2;
    background: var(--ln-surface);
}

body.client-area #order-standard_cart .field,
body.client-area #order-standard_cart .form-control {
    color: var(--ln-text);
    background: rgba(7, 12, 16, 0.92);
    border-color: var(--ln-border);
}

body.client-area #order-standard_cart .field:focus,
body.client-area #order-standard_cart .form-control:focus {
    color: #fff;
    background: rgba(7, 12, 16, 0.98);
    border-color: var(--ln-accent);
    box-shadow: 0 0 0 3px rgba(57, 173, 208, 0.16);
}

body.client-area #order-standard_cart .field[disabled],
body.client-area #order-standard_cart .field[readonly],
body.client-area #order-standard_cart .form-control[disabled],
body.client-area #order-standard_cart .form-control[readonly] {
    color: var(--ln-muted);
    background: rgba(255, 255, 255, 0.05);
}

body.client-area .spotlight-tld {
    color: var(--ln-text);
    background: var(--ln-surface);
    border-color: var(--ln-border);
}

body.client-area #order-standard_cart h1,
body.client-area #order-standard_cart h2,
body.client-area #order-standard_cart h3,
body.client-area #order-standard_cart h4,
body.client-area #order-standard_cart h5,
body.client-area #order-standard_cart h6 {
    color: var(--ln-text);
}

body.client-area #order-standard_cart .order-summary h2,
body.client-area #order-standard_cart .view-cart-items-header {
    color: #fff;
}

body.client-area #order-premium_comparison .includes-features .head-area span,
body.client-area #order-universal_slider .group-features .title span {
    color: var(--ln-text);
    background: #0a1015;
}

/* Less common client-area modules and utility pages. */
body.client-area h3.kb-alsoread,
body.client-area .kb-rate-article,
body.client-area .ticketfeedbackstaffcont,
body.client-area .promo-banner,
body.client-area div.projectmanagement,
body.client-area .sm-requests,
body.client-area .sm-comments-list .sm-comment,
body.client-area .sm-comments-list .sm-comment-reply,
body.client-area .sm-activation,
body.client-area .sm-vote-log,
body.client-area #add-request,
body.client-area #editSettings,
body.client-area #edit-request {
    color: var(--ln-text);
    background: var(--ln-surface);
    border-color: var(--ln-border);
    border-radius: 8px;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.26);
}

body.client-area div.projectmanagement div.infobar,
body.client-area div.projectmanagement span.taskdue,
body.client-area .sm-rules,
body.client-area .action-buttons {
    color: var(--ln-text);
    background: var(--ln-surface-soft);
    border-color: var(--ln-border-soft);
}

/* Standalone invoice page. */
body.invoice-page {
    color: var(--ln-text);
    padding: 24px 12px;
}

body.invoice-page .invoice-container {
    color: var(--ln-text);
    background: rgba(10, 16, 21, 0.93);
    border: 1px solid var(--ln-border);
    border-radius: 10px;
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.42);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

body.invoice-page .invoice-container h1,
body.invoice-page .invoice-container h2,
body.invoice-page .invoice-container h3,
body.invoice-page .invoice-container h4,
body.invoice-page .invoice-container h5,
body.invoice-page .invoice-container h6,
body.invoice-page .invoice-container address,
body.invoice-page .invoice-container .small-text {
    color: var(--ln-text);
}

body.invoice-page .invoice-container hr {
    border-top-color: var(--ln-border);
}

body.invoice-page .invoice-container .panel {
    color: var(--ln-text);
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid var(--ln-border);
    border-radius: 8px;
    box-shadow: none;
}

body.invoice-page .invoice-container .panel-default > .panel-heading {
    color: var(--ln-text);
    background: rgba(255, 255, 255, 0.055);
    border-color: var(--ln-border-soft);
}

body.invoice-page .invoice-container .panel-body,
body.invoice-page .invoice-container .panel-footer {
    color: var(--ln-text);
    background: transparent;
    border-color: var(--ln-border-soft);
}

body.invoice-page .invoice-container .table,
body.invoice-page .invoice-container .table > thead > tr > th,
body.invoice-page .invoice-container .table > thead > tr > td,
body.invoice-page .invoice-container .table > tbody > tr > th,
body.invoice-page .invoice-container .table > tbody > tr > td,
body.invoice-page .invoice-container .table > tfoot > tr > th,
body.invoice-page .invoice-container .table > tfoot > tr > td {
    color: var(--ln-text);
    background: transparent;
    border-color: var(--ln-border-soft);
}

body.invoice-page .invoice-container td.total-row,
body.invoice-page .invoice-container .invoice-summary-table td.total-row {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

body.invoice-page .invoice-container .form-control,
body.invoice-page .invoice-container select {
    color: var(--ln-text);
    background: rgba(7, 12, 16, 0.92);
    border-color: var(--ln-border);
}

body.invoice-page .invoice-container select option {
    color: var(--ln-text);
    background: #10171d;
}

body.invoice-page .invoice-container .btn-default {
    color: var(--ln-text);
    background: rgba(255, 255, 255, 0.09);
    border-color: var(--ln-border);
}

body.invoice-page .invoice-container .btn-default:hover,
body.invoice-page .invoice-container .btn-default:focus {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.22);
}

body.invoice-page > .text-center a {
    color: #58c2e2;
}

@media only screen and (max-width: 768px) {
    body:not(.login) {
        background-attachment: scroll !important;
    }

    body.client-area .sm-page-container {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media print {
    html,
    body:not(.login) {
        color: #000 !important;
        background: #fff !important;
    }

    body.invoice-page {
        padding: 0 !important;
    }

    body.invoice-page .invoice-container {
        color: #555 !important;
        background: #fff !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}