[data-layout-mode=light]{
    --vz-basecolor-1: #4c2615;
    --vz-basecolor-2: #46cee6;
    --vz-basecolor-3: #ee293d;
    --vz-primary-rgb: 86, 5, 94;

    --vz-vertical-menu-bg:#fff;
    --vz-vertical-menu-item-color:#6d7080;
	--vz-vertical-menu-collapsed-hover-color: #fff;
    --vz-vertical-menu-item-hover-color:#4c2615;
    --vz-vertical-menu-item-active-color:#4c2615;
    --vz-vertical-menu-sub-item-color:#7c7f90;
    --vz-vertical-menu-sub-item-hover-color:#4c2615;
    --vz-vertical-menu-sub-item-active-color:#4c2615;
    --vz-vertical-menu-title-color:#919da9;
    --vz-vertical-menu-bg-dark:#4c2615;
    --vz-vertical-menu-item-color-dark:#46cee6;
    --vz-vertical-menu-item-hover-color-dark:#fff;
    --vz-vertical-menu-item-active-color-dark:#fff;
    --vz-vertical-menu-sub-item-color-dark:#46cee6;
    --vz-vertical-menu-sub-item-hover-color-dark:#fff;
    --vz-vertical-menu-sub-item-active-color-dark:#ee293d;
    --vz-vertical-menu-title-color-dark:#ee293d;
    --vz-header-bg:#fff;
    --vz-header-item-color:#e9ecef;
    --vz-header-bg-dark:#4c2615;
    --vz-header-item-color-dark:#b0c4d9;
    --vz-topbar-search-bg:#f3f3f9;
    --vz-topbar-user-bg:#f3f3f9;
    --vz-topbar-user-bg-dark:#52639c;
    --vz-footer-bg:#fff;
    --vz-footer-color:#98a6ad;
    --vz-topnav-bg:#fff;
    --vz-topnav-item-color:#6d7080;
    --vz-topnav-item-color-active:#4c2615;
    --vz-twocolumn-menu-iconview-bg:#fff;
    --vz-twocolumn-menu-bg:#fff;
    --vz-twocolumn-menu-iconview-bg-dark:var(--vz-vertical-menu-bg-dark);
    --vz-twocolumn-menu-bg-dark:#435590;
    --vz-twocolumn-menu-item-color-dark:var(--vz-vertical-menu-item-color-dark);
    --vz-twocolumn-menu-item-active-color-dark:#fff;
    --vz-twocolumn-menu-item-active-bg-dark:hsla(0,0%,100%,0.15);
    --vz-boxed-body-bg:#e5e5f2;
    --vz-heading-color:#495057;
    --vz-link-color:#4c2615;
    --vz-link-hover-color:#4c2615;
    --vz-border-color:#e9ebec;
    --vz-card-bg-custom:#fff;
    --vz-card-logo-dark:block;
    --vz-card-logo-light:none;
    --vz-list-group-hover-bg:#f3f6f9;
    --vz-input-bg:#fff;
    --vz-input-border:#ced4da;
    --vz-input-focus-border:#a0a8c4;
    --vz-input-disabled-bg:#eff2f7;
    --vz-input-group-addon-bg:#eff2f7;
    --vz-input-check-border:var(--vz-input-border)
}
[data-layout-mode=dark]{
    --vz-gray-100:#1a1d21;
    --vz-gray-200:#212529;
    --vz-gray-300:#2a2f34;
    --vz-gray-400:#878a99;
    --vz-gray-500:#adb5bd;
    --vz-gray-600:#bfc8e2;
    --vz-gray-700:#ced4da;
    --vz-gray-800:#eff2f7;
    --vz-gray-900:#f3f6f9;
    --vz-body-bg:#1a1d21;
    --vz-body-bg-rgb:26,29,33;
    --vz-body-color:#ced4da;
    --vz-body-color-rgb:206,212,218;
    --vz-vertical-menu-bg:#fff;
    --vz-vertical-menu-item-color:#5f6270;
    --vz-vertical-menu-item-hover-color:var(--vz-basecolor-1);
    --vz-vertical-menu-item-active-color:var(--vz-basecolor-1);
    --vz-vertical-menu-sub-item-color:#686b7b;
    --vz-vertical-menu-sub-item-hover-color:var(--vz-basecolor-1);
    --vz-vertical-menu-sub-item-active-color:var(--vz-basecolor-1);
    --vz-vertical-menu-title-color:#878a99;
    --vz-vertical-menu-bg-dark:#212529;
    --vz-vertical-menu-item-color-dark:#878a99;
    --vz-vertical-menu-item-hover-color-dark:#fff;
    --vz-vertical-menu-item-active-color-dark:#fff;
    --vz-vertical-menu-sub-item-color-dark:#7c7f90;
    --vz-vertical-menu-sub-item-hover-color-dark:#fff;
    --vz-vertical-menu-sub-item-active-color-dark:#fff;
    --vz-vertical-menu-title-color-dark:#5f6270;
    --vz-header-bg:#292e32;
    --vz-header-item-color:#e9ecef;
    --vz-header-bg-dark:var(--vz-basecolor-1);
    --vz-header-item-color-dark:#b0c4d9;
    --vz-topbar-search-bg:#202328;
    --vz-topbar-user-bg:#31373c;
    --vz-topbar-user-bg-dark:#52639c;
    --vz-footer-bg:#212529;
    --vz-footer-color:#878a99;
    --vz-topnav-bg:#272b30;
    --vz-topnav-item-color:#878a99;
    --vz-topnav-item-color-active:#fff;
    --vz-boxed-body-bg:#111316;
    --vz-heading-color:#ced4da;
    --vz-light:#2a2f34;
    --vz-light-rgb:42,47,52;
    --vz-dark:#eff2f7;
    --vz-dark-rgb:239,242,247;
    --vz-link-color:#ced4da;
    --vz-link-hover-color:#ced4da;
    --vz-border-color:#32383e;
    --vz-card-bg-custom:#212529;
    --vz-card-logo-dark:none;
    --vz-card-logo-light:block;
    --vz-list-group-hover-bg:#272b30;
    --vz-input-bg:#262a2f;
    --vz-input-border:#2a2f34;
    --vz-input-focus-border:#33393f;
    --vz-input-disabled-bg:#212529;
    --vz-input-group-addon-bg:#2a2f34;
    --vz-input-check-border:#33393f
}

.btn-primary{
    --vz-btn-color:#fff;
    --vz-btn-bg:var(--vz-basecolor-2);
    --vz-btn-border-color:var(--vz-basecolor-2);
    --vz-btn-hover-color:#fff;
    --vz-btn-hover-bg:var(--vz-basecolor-3);
    --vz-btn-hover-border-color:var(--vz-basecolor-3);
    --vz-btn-focus-shadow-rgb:93,107,155;
    --vz-btn-active-color:#fff;
    --vz-btn-active-bg:#33416e;
    --vz-btn-active-border-color:#303d67;
    --vz-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
    --vz-btn-disabled-color:#fff;
    --vz-btn-disabled-bg:var(--vz-basecolor-2);
    --vz-btn-disabled-border-color:var(--vz-basecolor-2)
}

.auth-one-bg .bg-overlay{
    background:linear-gradient(90deg,var(--vz-basecolor-2),var(--vz-basecolor-3));
    opacity:.9
}