:root, [data-bs-theme=light] {
    --vz-primary: #0A93C8;
    --vz-secondary: #3577f1;
    --vz-success: #005788;
    --vz-info: #299cdb;
    --vz-warning: #f7b84b;
    --vz-danger: #f06548;
    --vz-light: #f3f6f9;
    --vz-dark: #000200;
    --vz-primary-rgb: 10,147,200;
    --vz-secondary-rgb: 53,119,241;
    --vz-success-rgb: 10,179,156;
    --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: 33,37,41;
    --vz-border-radius: 0.65rem;
    --vz-primary-light: #57D0FF;
    --vz-topbar-search-bg: #F3F3F3;
}
[data-theme=default][data-sidebar=dark] {
    --vz-vertical-menu-title-color: #9E9E9E;
    --vz-vertical-menu-item-color: #f3f6f9;
}
[data-theme=default]{
    --vz-header-item-sub-color: #000200;
}
.navbar-header .user-name-sub-text,
.navbar-header .user-name-text{
    color: #FFF;
}
.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-color: var(--vz-primary);
}
.hamburger-icon span {
    background-color: var(--vz-header-item-sub-color);
}
@media (min-width: 768px){
    .topbar-user {
        background-color: var(--vz-primary-light);
    }
}
.app-search .form-control {
    color: var(--vz-topbar-search-color);
}
.navbar-header .user-name-sub-text {
    color: #eeeeee;
}
.btn-soft-primary {
    --vz-btn-color: var(--vz-dark);
    --vz-btn-bg: var(--vz-primary);
}
.custom-drivelink-icon{
    background: url(../images/Drivelink-sidebar-icon.png);
    width: 28px;
    height: 28px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: -2px center;
}
.auth-one-bg .bg-overlay {
    background: -webkit-gradient(linear,left top,right top,from(var(--vz-primary-text-emphasis)),to(var(--vz-primary)));
    background: linear-gradient(to right, #005788, var(--vz-primary));
    opacity: .9;
}
.shape>svg {
    fill: var(--vz-dark);
}
.full-screen-view{
    min-height: 700px;
}
.image-upload-area .avatar-custom{
    width: 100%;
    height: 6rem;
}
.image-upload-area{
    
}
.iti{
    width: 100%;
}

.btn-primary {
    background: #0A93C8;
    background: radial-gradient(circle, rgba(10, 147, 200, 1) 0%, rgba(0, 87, 136, 1) 100%);
}
.hamburger-icon span {
    background-color: #fff;
}
.navbar-header .btn-topbar {
    color: #fff;
}
.btn-success {
    --vz-btn-bg: var(--vz-primary);
}

[data-simplebar]{
    padding-bottom: 30px !important;
}

.card-body nav button{
    position: relative;
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    color: #000;
    background-color: #fff;
    border: 1px solid #eee;
    transition: 0.3s all ease-in-out;
}
.card-body nav{
    float: right;
    /*padding-bottom: 20px;*/
    display: flex;
    margin: 5px 10px 20px;
    white-space: nowrap;
    justify-content: flex-end;
}

/*.card-body nav button.disabled{*/
/*    display: none !important;*/
/*}*/
.card-body nav button.current, .card-body nav button:hover{
    background: #005788 !important;
    color: #fff !important;
}

.dt-length{
    width: fit-content;
    float: left;
    margin: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dt-length label, .dt-search label{
    margin-bottom: 0 !important;
}

.dt-search{
    width: fit-content;
    float: left;
    margin: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}