:root {
    --rz-panel-menu-item-active-background-color: var(--gold-background-color);
    --rz-panel-menu-item-active-color: #000;
    --rz-panel-menu-item-2nd-level-color: #000;
    --rz-panel-menu-item-2nd-level-active-background-color: var(--gold-background-color);
    --rz-panel-menu-item-2nd-level-active-color: #000;
    --rz-panel-menu-item-3nd-level-color: #000;
    --rz-panel-menu-item-3nd-level-active-background-color: var(--gold-background-color);
    --rz-panel-menu-item-3nd-level-active-color: #000;
    --rz-panel-menu-icon-color: #000;
    --rz-panel-menu-hover-background-color: var(--gold-lighter-yellow);
    --rz-panel-menu-item-2nd-level-hover-background-color: var(--gold-lighter-yellow);
    --rz-panel-menu-item-3nd-level-hover-background-color: var(--gold-lighter-yellow);
    --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 1);
    --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875);
    --rz-panel-menu-item-3nd-level-font-size: calc(var(--rz-body-font-size) * 0.875);
}

/* Dropdown */
:root {
    --rz-dropdown-item-selected-hover-background-color: var(--gold-pink-lighter);
    --rz-dropdown-item-selected-background-color: var(--gold-pink-lighter);
    --rz-dropdown-item-selected-color: var(--gold-pink-active);
    --rz-dropdown-item-selected-hover-color: var(--gold-pink-active);
}

/* General */
:root {
    --rz-layout-body-background-color: var(--gold-background-color);
    --rz-header-background-color: var(--gold-background-color);
    --rz-body-background-color: var(--gold-background-color);
    --rz-sidebar-background-color: var(--gold-background-color);
    --rz-panel-menu-item-background-color: var(--gold-background-color);
    --rz-panel-menu-item-2nd-level-background-color: var(--gold-background-color);
    --rz-header-shadow: var(--rz-shadow-3);
    --rz-header-z: 999;
    --rz-primary: var(--gold-dark-primary-color);
    --rz-on-primary: var(--gold-light-gray-background);
    --rz-primary-light: var(--gold-primary-color);
    --rz-primary-lighter: #F6E7CA;
    --rz-on-primary-lighter: var(--gold-dark-primary-color);
    --rz-sidebar-toggle-color: #000;
    --rz-sidebar-toggle-hover-color: #000;
    --rz-sidebar-toggle-hover-background-color: var(--gold-light-gray-background);
}

/* Datepicker */
:root {
    --rz-datepicker-calendar-selected-hover-background-color: var(--gold-pink-active);
    --rz-datepicker-calendar-selected-background-color: var(--gold-pink-active);
}

/* Grid */
:root {
    --rz-grid-header-background-color: var(--gold-tab-header-background-color);
    --rz-grid-foot-background-color: var(--gold-grey-background-color);
    --rz-grid-header-font-weight: bold;
    --rz-grid-header-color: var(--gold-tab-header-color);
    --rz-grid-border-radius:10px;
}

.rz-group-header{
    background-color: var(--gold-grey-background-color);
}
th.rz-frozen-cell{
    background-color: var(--gold-tab-header-background-color) !important;
}

.rz-panel-menu .rz-navigation-item {
    border-bottom: none;
}

/* Tooltip */
:root {
    --rz-tooltip-color: var(--gold-light-gray-background); /* text color */
    --rz-tooltip-background-color: #707072;
}

/* Switch */
:root {
    --rz-switch-checked-circle-background-color: var(--gold-pink-active);
}


/* Tabs */
:root {
    --rz-tabs-tab-text-transform: none;
    --rz-tabs-padding: 1rem 0;
}

.rz-tabview-title {
    color: var(--gold-pink-active);
}

.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-bottom-color: var(--gold-pink-active);
}

/* Select bar */
:root {
    --rz-selectbar-selected-background-color: var(--gold-pink-active);
    --rz-selectbar-selected-color: var(--rz-on-primary);
}

.rzi {
    font-family: "Material Symbols Rounded";
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
}

.rz-dialog, .rz-dialog-titlebar, .rz-dialog-side, .rz-dialog-side-titlebar {
    background-color: #F9F9F9;
}

.rz-dialog-title {
    color: var(--gold-dark-primary-color);
    font-weight: normal;
    text-align: center;
    font-size: 2rem;
}

.rz-dialog-side-title {
    color: var(--gold-pink-active);
    font-weight: normal;
    text-align: center;
    font-size: 1.75rem;
}

.rz-dialog-content {
    height: 100%;
}

.rz-dialog-content:has(.rz-steps) {
    padding: 0;
}

.rz-widget-content {
    padding: 1.5rem;
}

.rz-steps-buttons {
    padding: 1.5rem;
}

.rz-badge {
    text-transform: none;
}

.rz-badge-primary.rz-shade-default {
    background-color: var(--gold-pink-light);
}

.rz-tabview-panel{
    height:100%;
}

/*Checkbox*/
.rz-chkbox-box.rz-state-active:not(.rz-state-disabled) {
    background-color: var(--gold-pink-active);
}

.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
    background-color: var(--gold-pink-light);
}

/* Menu-list */
.rz-menu-list {
    margin-top: 0.15rem;
    background-color: var(--gold-pink-active);
    color: var(--gold-light-gray-background);
}

.rz-menu-list:active {
    margin-top: 0.15rem;
    background-color: var(--gold-pink-light);
    color: var(--gold-light-gray-background);
}

.rz-menuitem:hover {
    background-color: var(--gold-pink-light);
    color: var(--gold-light-gray-background);
    cursor: pointer;
}