:root{
    --vv-primary: #307CF7;
    --vv-bg: #0B0F17;
    --vv-surface: rgba(255,255,255,.04);
    --vv-surface-2: rgba(255,255,255,.06);
    --vv-border: rgba(255,255,255,.08);
    --vv-border-2: rgba(255,255,255,.12);
    --vv-text: rgba(255,255,255,.88);
    --vv-text-2: rgba(255,255,255,.65);
    --vv-text-3: rgba(255,255,255,.55);
}

.vv-page .breadcrumb{
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
}

.vv-page .breadcrumb-item,
.vv-page .breadcrumb-item.active{
    color: var(--vv-text-2);
}

.vv-page .breadcrumb-item a{
    color: rgba(255,255,255,.80);
}

.vv-page .breadcrumb-item a:hover{
    color: rgba(255,255,255,.92);
    text-decoration: none;
}

.vv-page .breadcrumb-item + .breadcrumb-item::before{
    color: rgba(255,255,255,.35);
}

.vv-page .table{
    color: var(--vv-text);
    border-color: rgba(255,255,255,.08) !important;
}

.vv-page .table th,
.vv-page .table td{
    border-color: rgba(255,255,255,.06);
}

.vv-page .table thead th{
    color: var(--vv-text-2);
    border-bottom-color: rgba(255,255,255,.08);
}

.vv-page .table-striped tbody tr:nth-of-type(odd){
    background-color: rgba(255,255,255,.02);
}

.vv-page .table-hover tbody tr:hover{
    color: var(--vv-text);
    background-color: rgba(48,124,247,.08);
}

.vv-page .form-control,
.vv-page .custom-select{
    color: rgba(255,255,255,.88);
    background-color: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.10);
}

.vv-page .form-control::placeholder{
    color: rgba(255,255,255,.40);
}

.vv-page .form-control:focus,
.vv-page .custom-select:focus{
    color: rgba(255,255,255,.92);
    background-color: rgba(255,255,255,.08);
    border-color: rgba(48,124,247,.55);
    box-shadow: 0 0 0 .15rem rgba(48,124,247,.18);
}

.vv-page .input-group-text{
    color: rgba(255,255,255,.78);
    background-color: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.10);
}

.vv-page .btn-outline-primary{
    color: rgba(255,255,255,.86);
    border-color: rgba(48,124,247,.45);
}

.vv-page .btn-outline-primary:hover{
    color: rgba(255,255,255,.96);
    background-color: rgba(48,124,247,.18);
    border-color: rgba(48,124,247,.55);
}

.vv-page .modal-content{
    background: rgba(16, 24, 38, .92);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(255,255,255,.88);
    backdrop-filter: blur(12px);
}

.vv-page .modal-header,
.vv-page .modal-footer{
    border-color: rgba(255,255,255,.08);
}

.vv-page .close{
    color: rgba(255,255,255,.78);
    text-shadow: none;
    opacity: .9;
}

.vv-page .close:hover{
    color: rgba(255,255,255,.92);
    opacity: 1;
}

.vv-page .menu-index .list-group-item{
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    color: rgba(255,255,255,.78);
}

.vv-page .menu-index .list-group-item-action:focus,
.vv-page .menu-index .list-group-item-action:hover{
    background: rgba(48,124,247,.10);
    border-color: rgba(48,124,247,.22);
    color: rgba(255,255,255,.92);
}

.vv-page .menu-index .list-group-item:hover{
    background: rgba(48,124,247,.10);
    border-color: rgba(48,124,247,.22);
    color: rgba(255,255,255,.92);
}

.vv-page .menu-index .list-group-item.active{
    background: rgba(48,124,247,.20) !important;
    border-color: rgba(48,124,247,.45) !important;
    color: rgba(255,255,255,.95) !important;
}