:root {
    --text-white: #ffffff;
    --heading-color: #fff;
    --text-black: #b7bfd2;
    --grey: #dddada;
    --text-color: #b7bfd2;
    --border-color: #37394e;
    --bg-white: #2c2e3e;
    --light-bg-color: #212838;
    --light-grey-bgcolor: #232536;
    --green-bg: #5cc55a;
    --yellow-bg: #edb800;
    --blue-bg: #2872fc;
    --darkgrey-bg: #404040;
    --lable-active-bg: #5cb85c;
    --lable-pending-bg: #45b9e8;
    --primary-color: #2872fc;
    --primary-bgcolor: #2872fc;
    --secondary-bgcolor: #3f425a;
    --secondary-color: #3f425a;
    --primary-border-color: #2872fc;
    --primary-btn-bg-color: #2872fc;
    --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: #2872fc;
    --secondary-btn-color-hover: #fff;
    --header-bg: #232535;
    --header-text-color: #ffffff;
    --header-icon-color: #ffffff;
    --header-submenu-heading-color: #d3d9e8;
    --header-submenu-icon-color: #d3d9e8;
    --header-submenu-border-color: #ddd;
    --header-submenu-bgcolor: #2c2e3e;
    --header-submenu-bgcolor-hover: #37394e;
    --header-submenu-descption-color: #b7bfd2;
    --sidebar-bg: #232535;
    --sidebar-bg-active: #2872fc;
    --sidebar-bg-hover: #2872fc;
    --sidebar-text-color: #d3d9e8;
    --sidebar-icon-color: #ffffff;
    --sidebar-hover-color: #ffffff;
    --sidebar-bottom-border-color: #37394e;
    --sidebar-submenu-color: #d3d9e8;
    --sidebar-submenu-hover-color: #d3d9e8;
    --sidebar-left-border-color: #2872fc;
    --right-sidebar-bgcolor: #2c2e3e;
}

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);
}

.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 a.help-box img {
    filter: invert(1) brightness(9.5);
}

.home-layout2-outer a.account-box img {
    filter: invert(1) brightness(9.5);
}

.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);
}

.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: var(--bg-white);
}
::-webkit-scrollbar-track {
    background: var(--light-grey-bgcolor );
    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;
}