:root {
  --text-white: #ffffff;
  --heading-color: #fff;
  --text-black: #b7bfd2;
  --grey: #b8bfd1;
  --text-color: #b7bfd2;
  --border-color: #37394e;
  --bg-white: #1b2039;
  --light-bg-color: #292d45;
  --light-grey-bgcolor: #0e1326;
  --green-bg: #5cc55a;
  --yellow-bg: #edb800;
  --blue-bg: #0cb4e5;
  --darkgrey-bg: #404040;
  --lable-active-bg: #5cb85c;
  --lable-pending-bg: #45b9e8;
  --primary-color: #0cb4e5;
  --primary-bgcolor: #0cb4e5;
  --secondary-bgcolor: #0e1326;
  --secondary-color: #3f425a;
  --primary-border-color: #0cb4e5;
  --primary-btn-bg-color: #0cb4e5;
  --primary-btn-color: #fff;
  --primary-btn-bgcolor-hover: #3f425a;
  --primary-btn-color-hover: #fff;
  --secondary-btn-bg-color: #3f425a;
  --secondary-border-color: #3f425a;
  --secondary-btn-color: #fff;
  --secondary-btn-bgcolor-hover: #0cb4e5;
  --secondary-btn-color-hover: #fff;

  --secondary-text-color: #ffffff;
  --header-bg: #1c203a;
  --header-text-color: #ffffff;
  --header-icon-color: #ffffff;
  --header-submenu-heading-color: #d3d9e8;
  --header-submenu-icon-color: #d3d9e8;
  --header-submenu-border-color: #35374e;
  --header-submenu-bgcolor: #292d45;
  --header-submenu-bgcolor-hover: #37394e;
  --header-submenu-descption-color: #b7bfd2;
  --sidebar-bg: #1d203b;
  --sidebar-bg-active: #0cb4e5;
  --sidebar-bg-hover: #0cb4e5;
  --sidebar-text-color: #fff;
  --sidebar-icon-color: #ffffff;
  --sidebar-hover-color: #ffffff;
  --sidebar-bottom-border-color: #37394e;
  --sidebar-submenu-color: #d3d9e8;
  --sidebar-submenu-hover-color: #d3d9e8;
  --sidebar-left-bordercolor: #0cb4e5;
  --right-sidebar-bgcolor: #1d203b;
  --secondary-heading-color: #fff;
  --secndary-light-bgcolor: #191f3d;
  --header-submenu-border-color: #6567734d;

  --primary-border-color-hover: #3f425a;
  --secondary-border-color-hover: #0cb4e5;
  /*new clientarea page*/
  /*--home-light-bg-color:#0f1327;
    --home-primary-bg-color:#0f1327;
     --home-primary-color:#17B8FB;
    --home-text-color:#b7bfd2;
    --home-heading-color:#b7bfd2;
    --home-yellow-bgcolor:#E2B207;
    --home-border-color:#2f355e;
    --home-black-bg-color:#0E1326;
    --home-secondary-bgcolor:#0E1326;
    --home-secondary-light-bgcolor:#1A2038;
    --home-secondary-bordercolor:#2D3657;

    --home-primary-btn-bgcolor:#17b8fb;
    --home-primary-btn-color:#10131b;
    --home-primary-btn-bgcolor-hover:#fff;
    --home-primary-btn-color-hover:#10131b;

    --home-secondary-btn-bgcolor:#363b5c;
    --home-secondary-btn-color:#fff;
    --home-secondary-btn-bgcolor-hover:#fff;
    --home-secondary-btn-color-hover:#10131b;*/

  /*new clientarea page*/
}

.cl-home-layout2.dark #content {
  --bg-white: #1b2039;
}

body .theme-clientdetail-page .inputBox .input,
.theme-clientdetail-page select#country {
  background-color: var(--bg-white);
  color: var(--text-color);
}

.panel-setting-heading {
  background: transparent;
  border-bottom: 1px solid var(--border-color);
}

a.defaulttitle-close.f-right {
  color: var(--text-color);
}

#sidebar.wgssidebaraddon {
  border-right: 1px solid var(--border-color);
}

.box-cat,
.host-nav {
  box-shadow: none;
}

.ticket-owner-comment-section:after,
.ticket-staff-comment-section:after,
.ticket-staff-comment-section::after {
  border-color: transparent var(--light-grey-bgcolor);
}

/*.btn-default:hover {
    background: var(--light-bg-color);
    color: var(--text-white) !important;
}*/

.domain-section-home-page-search #domainname {
  box-shadow: none;
}

.affiliate-stat {
  background-color: var(--light-bg-color) !important;
  color: var(--text-color) !important;
}

.domain-section-home-page-search {
  background-color: transparent !important;
}

.domain-search-form-inner {
  background: var(--light-grey-bgcolor);
}

.hosting-panal {
  background: var(--light-grey-bgcolor);
}

.form-control:focus {
  color: var(--text-color);
  background-color: transparent;
}

.product-icon i.fas.fa-circle.fa-stack-2x {
  color: var(--bg-white);
}

.clientx.header.wgsheaderfromaddon {
  border-bottom: 1px solid var(--border-color);
}

body .domain-checker-bg-main-container {
  background-color: transparent;
}

body input:-webkit-autofill,
body select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #2c2e3f inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: red;
  transition: background-color 5000s 0s;
  -webkit-text-fill-color: #848484 !important;
}

body.login-bg.dark:has(.login-default-main) {
  background: url(../images/register-dark.png);
}

.btn-default.disabled {
  border-color: unset;
}

.login-bg:has(.login-new),
body.login-bg.lossPasswordlayout1 {
  background-image: url(../images/cx-login-dark-bg.svg) !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-attachment: fixed !important;
}

.host-row.login-new .bg-box,
body .right-section-upper-section,
.login-new-inner,
.forget-password-container .bg-box {
  box-shadow: none;
}

#default-captcha-domainchecker #inputCaptcha {
  background: transparent;
  border-color: var(--border-color);
}

.back-btn a {
  box-shadow: unset;
}

.login-new-inner {
  box-shadow: unset;
}

input#login {
  box-shadow: unset;
}

.back-arrow a {
  box-shadow: unset;
}

.default-login,
.default-register,
.lossPasswordlayout2 {
  background-image: none;
  background-color: var(--light-grey-bgcolor);
}

.bg-box {
  background: var(--light-bg-color);
  box-shadow: unset;
}

.rubuts {
  background-color: var(--bg-white);
}

body .cart-body.product-addon-page {
  border: none;
  box-shadow: none;
}

#Secondary_Navbar-Account .dropdown-menu.dropdown-menu-right {
  border: 1px solid var(--border-color);
}

#order-standard_cart select option {
  background: var(--bg-white);
}

body {
  background: var(--bg-white);
}

.spport-row {
  background: transparent !important;
  border-bottom: 1px solid var(--border-color);
}

.home-page-product-listing a.wgs_custom-btn {
  box-shadow: unset;
}

.home-layout2-outer .product-list-heading img {
  filter: invert(1) brightness(9.5);
}

.left-img-icon svg {
  filter: invert(1) brightness(10.5);
}

.modal-title {
  color: var(--text-white);
}

.promo-banner .icon-left img {
  filter: drop-shadow(2px 4px 6px black);
}

i.fal.fa-times {
  color: var(--text-white);
}
.ticket-reply-close-section i {
  color: var(--text-color);
}

.addon-promo-container,
.bulk-domaim-ul,
.right-section-has-hosting a.no-hosting-domain,
.support-department-section ul.support-dept-icon li,
.theme-download-page .inner-no-category {
  box-shadow: unset !important;
}

.inner-no-category img {
  filter: brightness(0.5);
}

/* .default-whmcs-client-area .tiles .tile img {
  filter: invert(1);
} */

::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #3a3a3a;
}

::-webkit-scrollbar-track {
  background: #121212;
  border-radius: 100px;
}

textarea.form-control {
  height: auto;
  background: var(--bg-white) !important;
  border-color: var(--border-color) !important;
}

.progress {
  background-color: var(--bg-white);
}

.loginlayout3 .or-separator.text-center span {
  background: var(--light-bg-color);
}

.lossPasswordlayout1 .progress {
  background-color: var(--light-bg-color);
}

.password-strength-section .alert.alert-info {
  background: var(--sidebar-bg);
  color: var(--text-black);
  border-color: var(--border-color);
}

.registerlayout1 .progress {
  background-color: var(--light-bg-color);
}

.marketoption-inner .bootstrap-switch:focus {
  box-shadow: none;
  outline: none;
}

.bootstrap-switch.bootstrap-switch-focused {
  box-shadow: none;
}

.cl-home-layout2.dark section.hero-sec:after {
  background: url(../images/layout2/newdashobard-dark.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.browseProducts-wrapper,
.faq-sec .consultation-team {
  --home-light-bg-color: #07a4e5;
  --home-primary-bg-color: var(--home-light-bg-color);
  --home-heading-color: #fff;
  --home-text-color: #fff;
}

.footer-custom-inner {
  --home-secondary-bgcolor: #1c203a;
}

.faq-wrapper .card-header button img {
  filter: invert(1);
}

.home-layout2-outer a.account-box {
  box-shadow: 1px 3px 25px #31354a8a;
}

.home-layout2-outer .home-domain-search .tld-logos li {
  --text-color: #212838;
}

.home-layout2-outer
  .find-domain.home-page-domain-checker
  input:-webkit-autofill,
.home-layout2-outer
  .find-domain.home-page-domain-checker
  input:-webkit-autofill:hover,
.home-layout2-outer
  .find-domain.home-page-domain-checker
  input:-webkit-autofill:focus,
.home-layout2-outer
  .find-domain.home-page-domain-checker
  textarea:-webkit-autofill {
  background-color: red;
  transition: background-color 5000s 0s;
  -webkit-text-fill-color: var(--text-color) !important;
  -webkit-box-shadow: 0 0 0 1000px #1c203a inset !important;
}

body .home-layout2-outer .home-domain-search .home-button-style {
  border: transparent;
}

footer.footer .nav-link, .bottom-footer-sec a.nav-link{
  color: var(--primary-color);
}

.home-layout2-outer .banner-left ul li {
  background: #1a203861;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: brightness(0) invert(1);
}

.home-domain-header h3:after {
  filter: brightness(0) invert(1);
}

section.default-home-domain-services .slick-slide img {
  filter: brightness(0) invert(1);
}

body .landing-page .trusted-by img {
  filter: unset;
  opacity: 1;
}

body .wrapper .landing-page.weebly .features .feature .icon img {
  filter: unset;
}

body .landing-page.sitelock .feature-wrapper {
  background: var(--light-bg-color);
}

body .landing-page.sitelock .plans .plan .header {
  background: var(--light-bg-color);
}

body .wrapper .landing-page .navbar .navbar-nav > li > a:hover {
  color: var(--text-color);
}

/* 27-10-25 Start  */
.modal-localisation .item-selector .item.active {
  background-color: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
}

div#ThreesixtymonitoringLogin select.form-control {
  padding-top: 8px !important;
  background: var(--bg-white);
  border-color: var(--border-color);
}

li.setting-payment a {
  border-color: var(--border-color);
}

ul.action-buttons-table li.setting-payment a:hover {
  border-color: var(--border-color);
}

.progress {
  background-color: var(--light-bg-color);
  border: 1px solid var(--border-color);
}

.payment-gateway-section select.form-control.select-inline {
  background: var(--bg-white);
}

.payment-method-button form button[type="submit"]:hover,
.payment-method-button form input[type="submit"]:hover {
  background-color: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
}

.footer-page {
  align-items: center;
  background: var(--light-grey-bgcolor);
}

.dataTables_wrapper
  div.dataTables_paginate
  ul.pagination
  .active
  a.page-link:hover {
  border-color: var(--border-color);
}

select#paymentmethod {
  background: var(--bg-white);
}

.dataTables_wrapper .dataTables_filter label .form-control {
  background: url(../../../assets/img/search.png) var(--bg-white) no-repeat 8px
    5px;
}

.markdown-content h3,
.md-preview h3 {
  color: var(--text-color);
}

.iradio_square-blue.checked {
  background-position: -168px 0 !important;
}

.home-layout2-outer a.account-box {
  box-shadow: unset;
  background: var(--secondary-bgcolor) !important;
}

select#inputSecurityQId {
  background: var(--bg-white) !important;
}

.twofa-setup .modal-body form p a {
  color: var(--primary-color);
}

/* 27-10-25 End */
body.without-box .row.change-password-input-section.mt-2 {
  margin-bottom: 20px;
}

body.without-box .row.change-password-input-section {
  margin-bottom: 10px;
}

a.back-button-head-bar:hover,
/* .print-btn-knowldegebase:hover {
  border-color: transparent;
} */
 a.back-button-head-bar:hover {
    background: var(--primary-btn-bgcolor-hover);
    border: 1px solid var(--primary-border-color-hover);
    color: var(--primary-btn-color-hover);
}

.payment-method-button form button[type="submit"],
.payment-method-button form input[type="submit"] {
  width: 100%;
  height: 40px;
  background-color: var(--primary-bgcolor);
  border: transparent;
  color: var(--primary-btn-color);
  border-color: var(--primary-border-color);
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  width: 120px !important;
}

body .landing-page.ssl .certificate-options .col-md-4.sidebar ul li {
  color: var(--secondary-text-color);
  border-color: var(--border-color);
}

.step-item.active ~ .step-item a::before {
  background-color: var(--light-grey-bgcolor);
}

.landing-page .currency-selector {
  background: var(--bg-white);
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
  border-right: 1px solid var(--border-color);
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li:last-child {
  border-right: unset;
}
/* store page dark mode css Start */
body .landing-page.ssl .browser-notice .wrapper {
  box-shadow: 0px 0px 10px #181c2e;
}
body .landing-page.ssl .certificate-options .col-md-3.sidebar ul li {
  border-color: var(--border-color) !important;
}
.store-order-container .store-domain-tab-content {
  border: 1px solid var(--border-color);
}
.social-bee .pricing-table__row {
  &:hover {
    background-color: var(--light-bg-color) !important;
  }
}
.social-bee .content-block.faq {
  border-color: var(--border-color) !important;
}
.landing-page.threesixtymonitoring .p-tagline {
  color: var(--text-white);
}
body .landing-page.threesixtymonitoring .modal-results .modal-body {
  background: var(--bg-white) !important;
}
body .landing-page.threesixtymonitoring .modal-results .div-modal-border {
  border-color: var(--border-color);
}
.landing-page.threesixtymonitoring .section-faq .card-header {
  background-color: var(--bg-white) !important;
}
.landing-page.threesixtymonitoring .section-faq .card-header {
  border-bottom: 1px solid var(--border-color) !important;
}
body .landing-page.sitebuilder .bold-line {
  background-color: var(--border-color);
}
.landing-page.nordvpn
  .comparison
  .col-12:nth-of-type(7)
  .col-2:not(:nth-of-type(2)),
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2) {
  border-color: var(--border-color) !important;
}
.home-layout2-outer .find-domain a.btn.btn-link.btn-sm.float-right {
  color: var(--text-white);
}
.modal-localisation .modal-body {
  background: none;
}
body .currency-drop-down-cart {
  box-shadow: none;
}
.select-items div:hover {
  background: var(--primary-color);
  color: var(--text-white);
}
body
  .landing-page.mail-services
  .get-started
  select.form-control.ssl-currency-selector.w-25
  option {
  background: var(--bg-white);
}
body
  .landing-page.mail-services
  .get-started
  select.form-control.ssl-currency-selector.w-25 {
  background: transparent;
  color: var(--text-color);
}
button.slick-prev.slick-arrow:after,
button.slick-next.slick-arrow:after {
  color: var(--text-color);
}
/* button#btnGeneratePasswordInsert:hover {
  border-color: var(--secondary-border-color);
} */
.cust-dropdown li input.cust-selelct-option {
  accent-color: var(--primary-bgcolor);
}
/* .domain-promo-box a.btn.btn-warning:hover {
  border-color: var(--primary-btn-);
} */
.product-hook-panel .mc-promo-login {
  border-color: var(--border-color);
  margin: 10px 0;
  background: var(--bg-white);
}
div#tabChangepw h3.card-title {
  background: var(--bg-white);
  color: var(--text-color);
}
.message-box-theme .alert a.btn.btn-xs.btn-default {
  background: var(--primary-bgcolor);
  color: var(--primary-btn-color);
}
.login-new .checkbox .cr,
.login-new .radio .cr {
  background: var(--secondary-bgcolor);
}
.registerlayout3 a.log-btn.wgs_custom-btn:hover {
  background: var(--primary-btn-bg-color) !important;
}
label.checkbox-universal-box a {
  color: var(--primary-color);
}
.checkbox-universal-box input[type="checkbox"]:checked + span {
  background: var(--primary-bgcolor);
  border: 1px solid var(--border-color);
}
.checkbox .cr {
  background: var(--secondary-bgcolor);
}
.inputBox .input::placeholder {
  color: var(--text-color) !important;
}
/* store page dark mode css End */

body .landing-page.nordvpn .feature.logo.feature-company-logos img {
  filter: brightness(0) invert(1);
}
.threesixtymonitoring .col-brand-img.tsty-email-brand {
  filter: invert(1);
}
#order-standard_cart .StripeElement iframe,
form#frmManagePaymentMethod iframe {
  filter: invert(1);
}

#order-standard_cart .StripeElement--invalid iframe {
  filter: unset;
}
div#stripeElements iframe {
  filter: invert(1);
}
/* .avtar-photo{
    filter: invert(1);
} */
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  color: var(--primary-btn-color) !important;
}
#order-standard_cart
  .domain-checker-bg-main-container
  .form-control::placeholder {
  color: var(--text-white);
}

/* rk */
body .wrapper .landing-page .navbar .navbar-nav > li.active > a {
  color: var(--text-white);
}
body .wrapper .landing-page .navbar .navbar-nav > li.active {
  background: var(--primary-bgcolor);
}
body .wrapper .landing-page.weebly .btn-default.cycle-change {
  background: var(--secondary-btn-bg-color);
  border-color: var(--secondary-border-color);
}
body .wrapper .landing-page.weebly .btn-default.cycle-change.active {
  background: var(--primary-bgcolor) !important;
  border-color: var(--primary-bgcolor) !important;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--primary-bgcolor);
}
body .landing-page.sitelock .plans .plan .btn {
  background-color: var(--primary-bgcolor);
}
body .landing-page.sitelock .plans .plan .btn:hover {
  background-color: var(--secondary-btn-bg-color);
}
.landing-page.ox .pricing table {
  color: var(--grey) !important;
}
.landing-page.ox .pricing td:not(.no-border),
.landing-page.ox .pricing th {
  border: 1px solid var(--border-color) !important;
}
.landing-page.ox .pricing table tr:nth-child(even) td:first-child {
  background-color: var(--bg-white) !important;
}
.screenshot-sec img {
  border-color: var(--border-color);
}
button.btn.btn-primary.order-page-checkout-btn:hover {
  border-color: var(--secondary-btn-bgcolor-hover);
}
/* .defaultClientxSidebar .menu-setting-content .card-footer a {
  color: var(--text-color);
} */
.store-promoted-product .icon {
  background: transparent;
}
.more-suggestions a#moreSuggestions {
  color: var(--primary-color) !important;
}
.cl-home-layout2 #Secondary_Navbar-Account .dropdown-menu li a {
  border-color: var(--border-color) !important;
}
ul.term_lis img {
  filter: brightness(3.5);
}
.default-whmcs-client-area .client-home-cards .list-group .list-group-item {
  color: var(--text-color);
}
.theme-payment-method-page li.setting-payment a {
  border: 0;
}
table.table.table-striped.table-upgrade-package {
  color: var(--text-color);
}
.table-upgrade-package tr {
  border: 1px solid var(--border-color);
  background: var(--bg-white);
}
.name-server-section-domain-detail {
  background: var(--bg-white);
}
.generic_feature_list li {
  color: var(--text-color) !important;
}
select[name="service-id"] option {
  background: var(--bg-white);
}
select[name="service-id"] {
  color: var(--text-color);
}
.upgrade-summary-config-iteams table.table.table-striped thead th {
  border-color: var(--border-color);
}
.card.security-question-section .custom-select option {
    background: var(--bg-white);
}
.form-below-summary-upgrade form .input-group-append button.btn.btn-success {
  background: var(--primary-btn-bg-color) !important;
  border-color: var(--primary-border-color);
}
.product-detail-change-password
  .form-inner-section.row
  .alert.alert-info
  small {
  color: unset;
}
/* rk end */
.hosting-panal p{
  color: var(--grey);
}
.home2-layout2-new.cl-home-layout1 li.dropdown.messages-menu.lang.home-lang-eng svg, .home2-layout2-new.cl-home-layout2 li.dropdown.messages-menu.lang.home-lang-eng svg{
      background: var(--header-icon-color);
}
.box-server-status img {
  width: 75px;
  filter: invert(1) brightness(20.5);
}
form#frmCheckout label.checkbox-inline{
  color: var(--grey);
}body .wrapper .landing-page.codeguard .overview-features li {
  border: 1px solid var(--border-color);
}

.product-detail-change-password .alert.alert-info {
  background: var(--sidebar-bg);
  color: var(--text-black);
  border-color: var(--border-color);
}
/* .terms-condition-banner-clientx {
  background: var(--bg-white);
} */
::-webkit-scrollbar-track {
  background: #121212;
}

::-webkit-scrollbar-thumb {
  background: #3a3a3a; 
}


/* Firefox */
/* * {
  scrollbar-width: thin;
  scrollbar-color: #3a3a3a #121212;
} */
 body .landing-page.sitelock .features .fas, body .landing-page.sitelock .features .far{
  color: var(--text-white) !important;
 }
 .dataTables_wrapper div.dataTables_paginate ul.pagination a.page-link:hover{
      border-color: var(--primary-border-color-hover);
 }
 .wgsSidebar3 hr {
    border-top: 1px solid var(--border-color);
}
.data-table-main-container #select-column .form-control:focus {
    background: var(--bg-white);
}
.terms-condition-banner-clientx{
  background: var(--bg-white);
}
.home-layout2-outer .domainchecker-homepage-captcha div#default-captcha-domainchecker p{
  color: var(--white) !important;
}