:root{
  --bg:#1e1b4b;
  --accent:#fbbf24;
  --accent2:#f59e0b;
  --white90:rgba(255,255,255,.9);
  --white95:rgba(255,255,255,.95);
  --white92:rgba(255,255,255,.92);
  --white88:rgba(255,255,255,.88);
  --white85:rgba(255,255,255,.85);
  --white75:rgba(255,255,255,.75);
  --white70:rgba(255,255,255,.7);
  --muted55:rgba(255,255,255,.55);
  --b15:rgba(255,255,255,.15);
  --b12:rgba(255,255,255,.12);
  --b10:rgba(255,255,255,.10);
  --b08:rgba(255,255,255,.08);
  --b06:rgba(255,255,255,.06);
  --r18:18px;
  --r14:14px;
  --pill:9999px;
}

body,#header,.header,.navbar,#footer,.footer{background-color:var(--bg)!important}

#header .container,.master-breadcrumb .container,#main-body .container{max-width:1240px}
#header .logo-img{max-height:48px;width:auto}
#header .topbar,.master-breadcrumb{display:none!important}

#header .navbar a,
#header .navbar-nav>li>a,
#header .navbar-nav .nav-link,
#header #nav>li>a,
#header .dropdown-menu a,
#header .dropdown-item,
#footer a,
#footer .nav-link{
  color:var(--white90)!important;
  text-decoration:none!important
}

#header .navbar a:hover,
#header .navbar-nav>li>a:hover,
#header .navbar-nav .nav-link:hover,
#header #nav>li>a:hover,
#header .navbar-nav .active>a,
#header .navbar-nav .active>.nav-link,
#footer a:hover,
#footer .nav-link:hover{
  color:var(--accent)!important;
  text-decoration:none!important
}

#header .dropdown-menu{
  background-color:var(--bg)!important;
  border:1px solid var(--b15);
  border-radius:var(--r14)!important
}
#header .dropdown-menu li{border-radius:10px}
#header .dropdown-menu li:hover{background-color:rgba(255,255,255,.1)}
#header .dropdown-menu li>a,
#header .dropdown-menu li>a:hover{background:transparent!important}
#header .dropdown-menu li>a::before,
#header .dropdown-menu li>a::after{display:none!important}

#header .cart-btn{
  background-color:var(--accent)!important;
  border-radius:50%!important;
  width:42px;height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
#header .cart-btn i,
#header .cart-btn .fa,
#header .cart-btn .far,
#header .cart-btn .fas{color:#000!important}
#cartItemCount{background-color:#22c55e!important;color:#fff!important}

.navbar-toggler{
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  width:auto;height:auto;
  padding:.5rem
}
.navbar-toggler .fa,
.navbar-toggler .fas{color:#fff!important;font-size:22px}

@media (max-width:1199px){
  #mainNavbar .navbar-nav>li{margin-bottom:10px}
  #mainNavbar .dropdown-menu{
    background-color:rgba(255,255,255,.1)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border:1px solid var(--b15);
    margin-top:8px
  }
}

#footer,.footer{
  border-top:1px solid var(--b15);
  color:var(--white90)!important
}
#footer .btn{
  background:rgba(255,255,255,.1)!important;
  border:1px solid var(--b15)!important;
  color:var(--white90)!important;
  border-radius:var(--pill)!important
}
#footer .btn:hover{background:rgba(255,255,255,.15)!important;color:#fff!important}
#footer .copyright{color:var(--white75)!important}

.login-form .card,
#registration .card,
.primary-content .card.mw-540{
  background:rgba(255,255,255,.1)!important;
  border:1px solid var(--b15)!important;
  border-radius:var(--r18)!important;
  color:var(--white92)!important
}

.login-form .card-footer,
#registration .card-footer{
  background:rgba(255,255,255,.08)!important;
  border-top:1px solid var(--b12)!important;
  border-radius:0 0 var(--r18) var(--r18)!important
}

.login-form .text-muted,
.login-form .small.text-muted,
#registration .text-muted,
#registration .small.text-muted,
.primary-content .card.mw-540 .text-muted,
.primary-content .card.mw-540 p{color:var(--white70)!important}

.login-form label,
.login-form .form-control-label,
#registration label,
#registration .form-control-label,
.primary-content .card.mw-540 label,
.primary-content .card.mw-540 h1,
.primary-content .card.mw-540 h2,
.primary-content .card.mw-540 h3,
.primary-content .card.mw-540 h4,
.primary-content .card.mw-540 h5,
.primary-content .card.mw-540 h6{color:var(--white85)!important}

.login-form .btn-primary,
#registration .btn-primary,
.primary-content .card.mw-540 .btn-primary,
.primary-content .card.mw-540 #resetPasswordButton{
  background-color:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#000!important;
  font-weight:800!important;
  border-radius:var(--pill)!important;
  box-shadow:none!important
}

.login-form .btn-primary:hover,
#registration .btn-primary:hover,
.primary-content .card.mw-540 .btn-primary:hover,
.primary-content .card.mw-540 #resetPasswordButton:hover{
  background-color:var(--accent2)!important;
  border-color:var(--accent2)!important;
  color:#000!important
}

.login-form a,
#registration .form-check a,
#registration a[href*="terms"],
.primary-content .card.mw-540 a{
  color:var(--accent)!important;
  text-decoration:none!important
}
.login-form a:hover,
#registration .form-check a:hover,
#registration a[href*="terms"]:hover,
.primary-content .card.mw-540 a:hover{color:var(--accent2)!important}

.login-form .card-body{text-align:center}
.login-form label.form-control-label,
.login-form label[for="inputEmail"],
.login-form label[for="inputPassword"]{display:none!important}

.login-form .input-group{border-radius:var(--pill)!important;overflow:visible!important}
.login-form .form-control,
.login-form .input-group-text{
  background:rgba(255,255,255,.1)!important;
  border:1px solid var(--b15)!important;
  color:#fff!important
}
.login-form .form-control{border-radius:0!important}
.login-form .input-group-text{border-radius:var(--pill) 0 0 var(--pill)!important}
.login-form .input-group-append{margin-left:10px!important}

.login-form .btn-reveal-pw{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:50%!important;
  background-color:rgba(255,255,255,.12)!important;
  border:1px solid var(--b15)!important;
  color:var(--accent)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important
}
.login-form .btn-reveal-pw:hover{background-color:rgba(255,255,255,.18)!important}
.login-form .form-control::placeholder{color:var(--muted55)!important}
.login-form .input-group-text i,
.login-form .btn-reveal-pw i{color:var(--accent)!important}
.login-form .btn-primary{padding:10px 18px}
.login-form .card-footer a{color:var(--accent)!important}
.login-form .card-footer a:hover{color:var(--accent2)!important}

.login-form .float-left,
.login-form .text-right{
  float:none!important;
  display:inline-flex;
  align-items:center
}
.login-form .float-left{margin-right:28px}
.login-form .form-check-input{accent-color:var(--accent)}

.login-form input[name="code"],
.login-form input[id*="captcha"],
.login-form input[name*="captcha"],
#default-captcha-domainchecker input,
#default-captcha-domainchecker input[type="text"]{border-radius:var(--pill)!important}

#registration{background:transparent}
#registration,
#registration .card,
#registration .card-body,
#registration .row,
#registration [class*="col-"]{overflow:visible!important}

#registration .form-group{margin-bottom:14px;position:relative;z-index:1}
#registration .form-group.prepend-icon{border-radius:var(--pill)!important;overflow:visible!important}

#registration .form-control,
#registration .field,
#registration select,
#registration textarea,
#registration input[type="text"],
#registration input[type="email"],
#registration input[type="password"],
#registration input[type="tel"],
#registration input[type="number"],
.primary-content .card.mw-540 input[type="email"],
.primary-content .card.mw-540 input[type="text"],
.primary-content .card.mw-540 input[type="password"],
.primary-content .card.mw-540 input[type="number"]{
  background:rgba(255,255,255,.1)!important;
  border:1px solid var(--b15)!important;
  color:#fff!important
}

#registration .form-control,
#registration .field,
#registration select,
#registration textarea,
#registration input[type="text"],
#registration input[type="email"],
#registration input[type="password"],
#registration input[type="tel"],
#registration input[type="number"]{border-radius:var(--pill)!important}

#registration input::placeholder,
#registration textarea::placeholder,
#registration .form-control::placeholder,
#registration .field::placeholder,
.primary-content .card.mw-540 input::placeholder{color:var(--muted55)!important}

#registration .input-group,
.primary-content .card.mw-540 .input-group{border-radius:var(--pill)!important;overflow:hidden}

#registration .input-group .form-control{border-radius:0!important}

#registration .input-group-text,
.primary-content .card.mw-540 .input-group-text{
  background:rgba(255,255,255,.1)!important;
  border:1px solid var(--b15)!important;
  color:#fff!important;
  border-radius:var(--pill) 0 0 var(--pill)!important
}

.primary-content .card.mw-540 .form-control,
.primary-content .card.mw-540 input[type="email"],
.primary-content .card.mw-540 input[type="text"],
.primary-content .card.mw-540 input[type="password"],
.primary-content .card.mw-540 input[type="number"]{border-radius:0 var(--pill) var(--pill) 0!important}

#registration .prepend-icon .field-icon i,
#registration .input-group-text i,
.primary-content .card.mw-540 .input-group-text i{color:var(--accent)!important}

#registration .generate-password{
  background-color:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#000!important;
  font-weight:800!important;
  border-radius:var(--pill)!important;
  padding:10px 16px!important;
  box-shadow:none!important
}
#registration .generate-password:hover{
  background-color:var(--accent2)!important;
  border-color:var(--accent2)!important
}

.primary-content .card.mw-540 .form-group{margin-bottom:14px}
.primary-content .card.mw-540 .btn-primary,
.primary-content .card.mw-540 #resetPasswordButton{padding:12px 22px!important}

.primary-content .card.mw-540 .alert-success{
  background-color:#d9f2e1!important;
  border:none!important;
  color:#145c2a!important;
  border-radius:var(--pill)!important;
  font-weight:700!important;
  padding:14px 22px!important
}
.primary-content .card.mw-540 .alert-success h4,
.primary-content .card.mw-540 .alert-success h5,
.primary-content .card.mw-540 .alert-success h6,
.primary-content .card.mw-540 .alert-success strong{color:#145c2a!important}

#registration .iti{position:relative!important;z-index:50!important;overflow:visible!important}
#registration .iti__country-list{position:absolute!important;z-index:99999!important}

.iti__country-list,
.iti .iti__country-list,
.country-list,
.iti .country-list{
  background-color:#2b2e4a!important;
  border:1px solid #3a3d5c!important;
  border-radius:var(--r14)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.55)!important;
  opacity:1!important
}

.iti__country,
.iti .iti__country,
.country-list li,
.iti .country-list li{
  background-color:#2b2e4a!important;
  color:#fff!important
}

.iti__country-name,
.iti__dial-code,
.country-list .country-name,
.country-list .dial-code{color:var(--white92)!important}

.iti__country:hover,
.country-list li:hover{background-color:#343860!important}

.iti__country.iti__highlight,
.iti__country.iti__active,
.country-list li.highlight,
.country-list li.active{
  background-color:#3b416f!important;
  color:#fff!important
}

.iti__divider,
.country-list .divider{border-bottom:1px solid #3a3d5c!important}

.iti__selected-flag,
.iti .selected-flag{
  background-color:#3a3d5c!important;
  border-right:1px solid #4b4f73!important
}

.iti__arrow,
.iti .arrow{border-top-color:var(--accent)!important}

#registration .bootstrap-switch,
#registration .bootstrap-switch-container{
  border-radius:var(--pill)!important;
  overflow:hidden!important;
  border:1px solid var(--b15)!important
}

#registration .bootstrap-switch-handle-on,
#registration .bootstrap-switch-handle-off,
#registration .bootstrap-switch-label{font-weight:700!important}

#registration .bootstrap-switch-on .bootstrap-switch-handle-on{background-color:var(--accent)!important;color:#000!important}
#registration .bootstrap-switch-off .bootstrap-switch-handle-off{background-color:rgba(255,255,255,.14)!important;color:#fff!important}
#registration .bootstrap-switch-label{background-color:rgba(255,255,255,.08)!important}

#registration #default-captcha-domainchecker p,
#registration .row.pb-3 p{color:var(--white95)!important}

#registration .btn-primary{padding:12px 22px!important}

.sidebar .card-sidebar{
  background-color:#3a3a63!important;
  border:1px solid var(--b15)!important;
  border-radius:var(--r18)!important;
  color:#fff!important
}

.sidebar .card-sidebar .card-header{
  background:transparent!important;
  border-bottom:1px solid var(--b12)!important
}

.sidebar .card-sidebar .collapsable-card-body,
.sidebar .card-sidebar .list-group-item{
  background:transparent!important;
  color:var(--white90)!important;
  border-color:rgba(255,255,255,.08)!important
}

.sidebar .card-sidebar a.list-group-item{color:#fff!important}
.sidebar .card-sidebar a.list-group-item:hover{background-color:#45497a!important;color:#fff!important}

.sidebar .card-sidebar i{color:var(--accent)!important}
.sidebar .card-sidebar .card-minimise{color:rgba(255,255,255,.8)!important}

.tiles .row{display:flex!important;flex-wrap:nowrap!important;gap:18px}
.tiles .col-6,.tiles .col-xl-3{flex:1 1 0!important;max-width:none!important}
@media(max-width:767px){.tiles .row{flex-wrap:wrap!important}}

.tiles .tile{
  background:rgba(255,255,255,.1)!important;
  border:1px solid var(--b15)!important;
  border-radius:var(--r18)!important;
  color:var(--white92)!important;
  overflow:hidden
}
.tiles .tile:hover{background:rgba(255,255,255,.14)!important;text-decoration:none!important}
.tiles .tile i{color:var(--accent)!important}
.tiles .tile .stat{color:var(--white95)!important}
.tiles .tile .title{color:var(--white70)!important}
.tiles .tile .highlight{opacity:.9;border-radius:0 0 var(--r18) var(--r18)}

.client-home-cards .card{
  background:rgba(255,255,255,.1)!important;
  border:1px solid var(--b15)!important;
  border-radius:var(--r18)!important;
  color:var(--white92)!important
}

.client-home-cards .card-header{
  background:rgba(255,255,255,.08)!important;
  border-bottom:1px solid var(--b12)!important;
  border-radius:var(--r18) var(--r18) 0 0!important
}

.client-home-cards .card-footer{
  background:rgba(255,255,255,.06)!important;
  border-top:1px solid var(--b12)!important;
  border-radius:0 0 var(--r18) var(--r18)!important
}

.client-home-cards .card-title,
.client-home-cards .card-title i{color:var(--white92)!important}
.client-home-cards .card-title i{color:var(--accent)!important}

.client-home-cards .card-body,
.client-home-cards .card-body p,
.client-home-cards .card-body span,
.client-home-cards .card-body div{color:var(--white88)!important}

.client-home-cards .text-muted,
.client-home-cards .small.text-muted{color:var(--white70)!important}

.client-home-cards .list-group-item{
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
  color:var(--white90)!important
}
.client-home-cards .list-group-item:hover{background:rgba(255,255,255,.08)!important}
.client-home-cards .list-group-item.active{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important
}

.client-home-cards .badge{background:rgba(255,255,255,.15)!important;color:var(--white95)!important}

.client-home-cards .btn.btn-default{
  background:rgba(255,255,255,.12)!important;
  border:1px solid var(--b15)!important;
  color:#fff!important;
  border-radius:var(--pill)!important;
  font-weight:700!important
}
.client-home-cards .btn.btn-default:hover{background:rgba(255,255,255,.18)!important}

.client-home-cards a{color:var(--accent)!important;text-decoration:none!important}
.client-home-cards a:hover{color:var(--accent2)!important}

.sidebar .card-sidebar .btn-primary,
.sidebar .card-sidebar .btn-success{
  background:rgba(34,197,94,.25)!important;
  border:1px solid rgba(34,197,94,.45)!important;
  color:#fff!important;
  font-weight:800!important;
  border-radius:var(--pill)!important;
  padding:12px 18px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important
}
.sidebar .card-sidebar .btn-primary:hover,
.sidebar .card-sidebar .btn-success:hover{
  background:rgba(34,197,94,.35)!important;
  border:1px solid rgba(34,197,94,.45)!important;
  color:#fff!important
}

.sidebar .card-sidebar .btn-default,
.sidebar .card-sidebar .btn{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  color:#fff!important;
  border-radius:var(--pill)!important;
  font-weight:700!important;
  padding:12px 18px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important
}
.sidebar .card-sidebar .btn-default:hover,
.sidebar .card-sidebar .btn:hover{
  background:rgba(255,255,255,.28)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  color:#fff!important
}
.sidebar .card-sidebar .btn i{color:var(--accent)!important}

.email-verification,
.email-verification .alert,
.alert.alert-warning.verify-email,
.alert.alert-warning.email-verification-notice,
.primary-content .alert.alert-warning,
#main-body .alert.alert-warning{
  background:rgba(255,255,255,.12)!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  color:var(--white92)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important
}

.email-verification i,
.email-verification .fa,
.alert.alert-warning i,
.alert.alert-warning .fa{color:var(--accent)!important}

.email-verification .close,
.alert.alert-warning .close{
  opacity:1!important;
  color:rgba(255,255,255,.85)!important;
  text-shadow:none!important
}
.email-verification .close:hover,
.alert.alert-warning .close:hover{color:#fff!important}

.email-verification .btn,
.alert.alert-warning .btn{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  font-weight:800!important;
  border-radius:var(--pill)!important;
  padding:10px 18px!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important
}
.email-verification .btn:hover,
.alert.alert-warning .btn:hover{
  background:rgba(255,255,255,.2)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important
}