:root {
    --vz-primary: #00ade5;
    --vz-primary-rgb: 0, 173, 229;
    --vz-link-color: #00ade5;
    --vz-link-hover-color: #009acb;
}

.auth-one-bg .bg-overlay {
    background: linear-gradient(to left, #00ade5, #00ade5) !important;
    opacity: 0.9;
}

.text-primary {
    color: #00ade5 !important;
}

.btn-primary {
    background-color: #00ade5 !important;
    border-color: #00ade5 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-color: #009acb !important;
    border-color: #009acb !important;
}

.bg-primary {
    background-color: #00ade5 !important;
}

.badge-soft-primary {
    color: #00ade5 !important;
    background-color: rgba(0, 173, 229, 0.1) !important;
}

.btn-soft-primary {
    color: #00ade5 !important;
    background-color: rgba(0, 173, 229, 0.1) !important;
}

.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary:active,
.btn-soft-primary.active {
    color: #fff !important;
    background-color: #00ade5 !important;
}

.btn-outline-primary {
    color: #00ade5 !important;
    border-color: #00ade5 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff !important;
    background-color: #00ade5 !important;
    border-color: #00ade5 !important;
}

.navbar-nav .nav-link {
    color: #000 !important;
    font-weight: 700 !important;
}

.navbar-brand-box {
    width: auto !important;
    padding: 0 15px;
}

.navbar-header {
    align-items: center;
}

.topbar-user {
    background-color: transparent !important;
}

.topbar-user .user-name-text {
    color: #000 !important;
}

.topbar-user .user-name-sub-text {
    color: #666 !important;
}

[data-layout-mode="dark"] .navbar-nav .nav-link {
    color: #b0c4d9 !important;
}

[data-layout-mode="dark"] .navbar-nav .nav-link:hover,
[data-layout-mode="dark"] .navbar-nav .nav-link.active {
    color: #fff !important;
}