:root {
    --rz-text-font-family: robotobold, Roboto, sans-serif;
    --rz-header-z: 3;
    --rz-header-min-height: 60px;
    --rz-header-background-color: transparent;
    --rz-header-shadow: var(--rz-shadow-0);
    --rz-scrollbar-background-color: transparent;
    --rz-scrollbar-color: rgb(119 228 219 / 40%);
    --rz-scrollbar-border-radius: 20%;
    --rz-scrollbar-size: 12px;
    --rz-body-background-color: transparent;
    --rz-layout-body-padding: 0;
    --rz-sidebar-width: 250px;
    --rz-card-padding: 8px 8px 1rem 1rem;
    --rz-upload-files-padding: 0;
    --rz-menu-top-item-color: var(--rz-primary);
    --rz-menu-top-item-background-color: transparent;
    --rz-rating-font-size: 25px;
    --rz-icon-size: 15px;
    --rz-secondary: #1e35e9;
    --rz-secondary-light: #4b57ed;
    --rz-secondary-lighter: rgba(75, 87, 237, 0.12);
    --rz-secondary-dark: #1824ba;
    --rz-secondary-darker: #14249e;
    --rz-panel-menu-item-line-height: 0.8rem;
    --rz-panel-menu-2nd-level-vertical-offset: 0;
    --rz-panel-menu-item-2nd-level-offset: 4rem;
    --rz-tabs-padding: 0rem;
    --rz-button-border-radius: 4px;
    --rz-tooltip-background-color: var(--rz-base-500);
    --rz-alert-box-shadow: var(--rz-shadow-0)
}

.rz-header {
    background: radial-gradient(circle, #607ce7 1%, transparent 1%) center/15000%;
    width: 100%;
}

.rz-menu.user-profile-menu .rz-navigation-menu {
    right: 0;
}

.rz-sidebar .rz-tabview-nav {
    justify-content: center;
}

.rz-body {
    background: linear-gradient(45deg, #4852dc12, #7cd2b712);
    height: auto;
    min-height: calc(100vh - 60px);
    margin-bottom: 0 !important;
}

.rz-fieldset.rz-fieldset-toggleable .rz-fieldset-legend {
    cursor: pointer;
}

.rz-fileupload .rz-fileupload-content .rz-fileupload-row div {
    display: none;
}

.rz-navigation-item.disabled {
    color: var(--rz-text-disabled-color);
    opacity: 0.7;
}

.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:before,
.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:after {
    background-color: #63edb9;
}

.rz-sidebar {
    overflow-y: scroll;
}


@media only screen and (min-width: 768px) {
    .rz-notification {
        inset-block-start: -9px;
        inset-inline-end: 30%;
    }

    .rz-notification-item-wrapper {
        width: 600px;
        margin: 10px 0;
    }
}

.rz-body .loading:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 1001;
    background: #8080804a;
}
