/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
:root {
    --vz-primary: rgb(37, 150, 190) !important;
    --vz-secondary: rgb(4, 33, 19);
    --vz-primary-hex: #2596be;
}

[data-theme=default][data-topbar=dark] {
    --vz-header-bg: var(--vz-primary);
    --vz-header-border: var(--vz-primary);
    --vz-header-item-color: rgba(255, 255, 255, 0.85);
    --vz-header-item-bg: var(--vz-primary-hex);
    --vz-header-item-sub-color: #fff;
    --vz-topbar-user-bg: var(--vz-primary);
    --vz-topbar-search-bg: rgba(255, 255, 255, 0.05);
    --vz-topbar-search-color: #fff;
}

.btn-primary {
    --bs-btn-bg: var(--vz-primary) !important;
    --bs-btn-color: #fff;
    --bs-btn-border-color: rgba(var(--vz-primary), 1) !important;
    --bs-btn-hover-color: rgba(var(--vz-primary), 1) !important;
    --bs-btn-hover-bg: rgba(var(--vz-primary), .5) !important;
    --bs-btn-hover-border-color: none;
    --bs-btn-focus-shadow-rgb: rgba(var(--vz-primary), 1) !important;
    --bs-btn-active-color: #fff;
}

.auth-one-bg {
    background-image: none !important;
    background-color: #2596be !important;
}