:root[data-bs-theme=light] {
    --vz-primary: #50C8FF;
    --vz-primary-rgb: 80, 200, 255;
    --vz-primary-text-emphasis: #00A0E6;
    --vz-body-bg: #f3f3f9;
}
/*dasar: 80 200 255*/
/*gelap: 0 160 230*/
:root[data-bs-theme=dark] {
    --vz-body-bg: #1a1d21;
}

:root[data-bs-theme=dark][data-sidebar=dark] {
    --vz-vertical-menu-bg: #212529;
    --vz-vertical-menu-border: #212529;

    --vz-vertical-menu-title-color: #5f6270;
    --vz-vertical-menu-item-color: #5f6270;
    --vz-vertical-menu-sub-item-color: #5f6270;

    --vz-vertical-menu-item-active-color: #fff;
    --vz-vertical-menu-item-hover-color: #fff;
}

:root[data-sidebar=dark] {
    --vz-vertical-menu-bg: #00A0E6;
    --vz-vertical-menu-border: #00A0E6;

    --vz-vertical-menu-title-color: #fff;
    --vz-vertical-menu-item-color: #fff;
    --vz-vertical-menu-sub-item-color: #fff;

    --vz-vertical-menu-item-active-color: #474747;
    --vz-vertical-menu-item-hover-color: #474747;
}

.card-header-tabs {
    margin-left: 0;
    margin-right: 0;
}

.menu-title {
    background-color: #2078d2;
}

.navbar-menu {
    padding-bottom: 1rem !important;
}