﻿:root {
    font-size: var(--rz-root-font-size);
    /* All sidebar background */
    --rz-sidebar-background-color: var(--rz-white) !important;
    /* Menu Item background */
    --rz-panel-menu-item-background-color: var(--rz-white) !important;
    /* Menu Item Foreground (Text) */
    --rz-panel-menu-item-color: var(--rz-text-color) !important;
    /* Menu Item Foreground (Icon) */
    --rz-panel-menu-icon-color: var(--rz-text-color) !important;
    /* ACTIVE STATE */
    /* Menu Item Foreground WHEN ACTIVE (Background) */
    --rz-panel-menu-item-active-background-color: var(--rz-secondary-lighter) !important;
    --rz-panel-menu-item-active-color: var(--rz-on-secondary-lighter) !important;
    --rz-panel-menu-icon-active-color: var(--rz-on-secondary-lighter) !important;
    /* HOVER STATE */
    --rz-panel-menu-item-hover-background-color: var(--rz-secondary-lighter) !important;
    --rz-panel-menu-item-hover-color: var(--rz-on-secondary-lighter) !important;
    --rz-panel-menu-icon-hover-color: var(--rz-on-secondary-lighter) !important;
    /*BORDER */
    --rz-panel-menu-icon-color: var(--rz-text-secondary-color) !important;
    --rz-panel-menu-item-border: 1px solid var(--rz-base-500) !important;
}

    :root .centered-dialog-wrapper {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0 !important;
        left: 0 !important;
        position: fixed !important;
    }

        :root .centered-dialog-wrapper .rz-dialog {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            margin: 0 !important;
            max-height: 95vh;
            overflow-y: auto;
        }

        :root .centered-dialog-wrapper .rz-dialog-panel {
            margin: 0 !important;
            max-height: 100%;
        }
