:root,
[data-bs-theme=light] {
    --vz-primary: #FCAD09;
    --vz-secondary: #BA2706;
    --vz-success: #28B446;
    --vz-info: #299cdb;
    --vz-warning: #f7b84b;
    --vz-danger: #f06548;
    --vz-light: #f3f6f9;
    --vz-white: #ffffff;
    --vz-dark: #2F120B;
    --vz-black: #000000;
    --vz-card: #171717;
    --vz-primary-rgb: 0,227,209;
    --vz-secondary-rgb: 53,119,241;
    --vz-success-rgb: 40,180,70;
    --vz-info-rgb: 41,156,219;
    --vz-warning-rgb: 247,184,75;
    --vz-danger-rgb: 240,101,72;
    --vz-light-rgb: 243,246,249;
    --vz-dark-rgb: 21,23,34;
    --vz-border-radius: 0.65rem;
    --vz-primary-light: #ffe67d;
    --vz-topbar-search-bg: #fff2bc;
    --vz-header-border: #1F1F1F;
    --vz-btn-font-size: 16px;
    --vc-input-bg: #ffffff;
}

[data-bs-theme=dark] {
    --vz-secondary-bg: #0B0E1D;
    --vz-secondary-bg-rgb: 11, 14, 29;
    --vz-footer-bg: #0B0E1D;
}

[data-bs-theme=dark]:is([data-theme=default], [data-theme=minimal], [data-theme=material], [data-theme=modern], [data-theme=creative], [data-theme=saas], [data-theme=interactive], [data-theme=corporate], [data-theme=classic], [data-theme=vintage]) {
    --vz-body-bg: #151722;
    --vz-dark: #0B0E1D;
}

[data-theme=default][data-sidebar=dark] {
    --vz-vertical-menu-title-color: #9E9E9E;
    --vz-vertical-menu-item-color: #f3f6f9;
    --vz-vertical-menu-sub-item-color: #DDDFE2;
}

[data-theme=default] {
    --vz-header-item-sub-color: #000200;
}

.text-primary {
    color: #00333D !important;
}

.btn-primary {
    --vz-btn-color: #000;
    --vz-btn-hover-bg: #FF9201;
    --vz-btn-hover-border-color: #FF9201;
}

.btn {
    font-size: var(--vz-btn-font-size);
    font-weight: 600;
    /* --vz-btn-padding-x: 0.9rem; */
    --vz-btn-padding-y: 0.8rem;
}

.navbar-menu {
    background: var(--vz-dark);
}

.dashboadr-map-live-view .gmaps {
    height: 400px;
}

.btn-danger {
    --vz-btn-bg: var(--vz-primary);
    --vz-btn-border-color: var(--vz-primary);
    --vz-btn-disabled-bg: var(--vz-primary);
    --vz-btn-disabled-border-color: var(--vz-primary);
}

.card {
    --vz-card-border-radius: var(--vz-border-radius);
    --vz-card-inner-border-radius: var(--vz-border-radius);
    --vz-card-group-margin: calc(var(--vz-grid-gutter-width) * 0.5);
    border-radius: var(--vz-card-border-radius);
}

#page-topbar,
.header-main {
    background: #1B0429;
    background: linear-gradient(0deg, #FCAD09 0%, #BA2706 100%);
}

.hamburger-icon span {
    background-color: var(--vz-white);
}

.navbar-header .user-name-text {
    color: var(--vz-white);
}

.navbar-header .btn-topbar {
    color: var(--vz-white);
}

@media (min-width: 768px) {
    .topbar-user {
        background-color: var(--vz-secondary);
    }
}

.app-search .form-control {
    color: var(--vz-topbar-search-color);
    background-color: var(--vc-input-bg);
    border-color: #474747;
}
.app-search span.search-widget-icon,
.app-search .form-control::placeholder {
    color: #A6A6A6;
}

.navbar-header .user-name-sub-text {
    color: var(--vz-vertical-menu-sub-item-color);
}

.btn-soft-primary {
    --vz-btn-color: var(--vz-dark);
    --vz-btn-bg: var(--vz-primary);
}

.custom-cabby-icon {
    background: url(../images/cabby-sidebar-icon.png);
    width: 28px;
    height: 28px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: -2px center;
}

.custom-sensys-icon {
    background: url(../images/sensys-sidebar-icon.png);
    width: 28px;
    height: 28px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: -2px center;
}

.auth-one-bg .bg-overlay {
    background: #79203B;
    background: radial-gradient(circle, #FCAD09 0%, #BA2706 100%);
    opacity: .9;
}

.shape>svg {
    fill: #2F120B;
}

.full-screen-view {
    min-height: 700px;
}

.image-upload-area .avatar-custom {
    width: 100%;
    height: 6rem;
}

.image-upload-area {}

.iti {
    width: 100%;
}

.form-control {
    padding: .8rem .9rem;
}

.navbar-brand-box {
    /* border-bottom: 1px solid var(--vz-vertical-menu-border); */
}

.navbar-menu .navbar-nav .nav-link.active {
    color: var(--vz-dark);
    background: var(--vz-primary);
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active {
    color: var(--vz-primary);
    background: var(--vz-dark);
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-brand-box {
    background-color: var(--vz-secondary);
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true].active {
    color: var(--vz-dark);
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true].active:after {
    color: var(--vz-dark);
}

.choices__inner {
    padding: .55rem 3.6rem .18rem .5rem;
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: .55rem;
}

.profile-wid-bg::before {
    background: var(--vz-card);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--vz-card)), to(var(--vz-card)));
    background: linear-gradient(to top, var(--vz-card), var(--vz-card));
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--vz-primary) !important;
    border: 1px solid #c4171e !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff !important;
    border-right: 1px solid #c4171e !important;
}