﻿body {
}


/*.rz-panel-menu {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    overflow: auto;
    font-size: var(--rz-panel-menu-font-size);
    font-weight: var(--rz-panel-menu-font-weight);
    color: var(--rz-panel-menu-color);
    background-color: var(--rz-panel-menu-background-color);
}

navigation-item .rz-navigation-item-link {
    padding: var(--rz-panel-menu-item-2nd-level-padding);
    padding-left: var(--rz-panel-menu-item-2nd-level-offset);
}*/




:root {
    --rz-base-800: #62767e; /*#0f6e9a 1st level Menu background*/
    --rz-base-900: #5b899c; /*2ndlevel menul background*/
    --rz-panel-menu-font-size: var(--rz-body-font-size);
    --rz-panel-menu-font-weight: 400;
    --rz-panel-menu-color: var(--rz-text-contrast-color);
    --rz-panel-menu-background-color: var(--rz-base-800);
    --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3);
    --rz-panel-menu-hover-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-line-height: 1.25rem;
    --rz-panel-menu-item-padding: 0.50rem 0.75rem;
    --rz-panel-menu-item-border: var(--rz-border-base-900);
    --rz-panel-menu-item-active-background-color: var(--rz-base-900);
    --rz-panel-menu-item-background-color: var(--rz-base-900);
    --rz-panel-menu-item-active-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-active-indicator: var(--rz-secondary);
    --rz-panel-menu-item-offset: 0.55rem;
    --rz-panel-menu-item-transition: var(--rz-transition-all);
    --rz-panel-menu-2nd-level-vertical-offset: 0;
    --rz-panel-menu-item-2nd-level-padding: 0.5rem 1rem;
    --rz-panel-menu-item-2nd-level-margin: 2;
    --rz-panel-menu-item-2nd-level-border-radius: 0;
    --rz-panel-menu-item-2nd-level-offset: 2.75rem;
    --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
    --rz-panel-menu-item-2nd-level-font-weight: 400;
    --rz-panel-menu-item-2nd-level-color: inherit;
    --rz-panel-menu-item-2nd-level-hover-background-color: #8cafbd;
    --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-2nd-level-hover-color: inherit;
    --rz-panel-menu-item-2nd-level-active-background-color: #c9dfe8;
    --rz-panel-menu-item-2nd-level-active-color: #39525c;
    --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
    --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6);
    --rz-panel-menu-item-3rd-level-hover-color: inherit;
    --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6);
    --rz-panel-menu-item-3rd-level-active-color: inherit;
    --rz-panel-menu-icon-width: var(--rz-icon-size);
    --rz-panel-menu-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-icon-color: inherit;
    --rz-panel-menu-icon-height: var(--rz-icon-size);
    --rz-panel-menu-icon-margin: 0 0.5rem 0 0;
    --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.625rem;
    --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size)*0.8);
    --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-toggle-icon-opacity: 1;
}

:root {
    --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.5rem;
    --rz-panel-menu-item-2nd-level-offset: 1.75rem;
    //--rz-panel-menu-font-size: small;
    --rz-panel-menu-background-color: #345162;
    --rz-panel-menu-color: white;
    //--rz-panel-menu-hover-background-color: #ffd800;
    //--rz-panel-menu-item-2nd-level-hover-background-color: #0000ff;




}

:root {
    --rz-text-font-family: Arial;
    --rz-text-title-color: #153a62;
    --rz-text-color: #10304c;
    --rz-text-secondary-color: #394652;
    --rz-text-disabled-color: #DEDEE0;
    --rz-grid-header-background-color: #bdcdd3;
    --rz-grid-stripe-background-color: #bdcdd3;

    /*    --rz-body-background-color: #ffffff;
    --rz-grid-border: 1px solid #333746;
    --rz-grid-cell-color: #333746;
    --rz-grid-hover-color: #394652;
    --rz-grid-selected-background-color: #394652;
    --rz-grid-hover-background-color: #394652;
    --rz-grid-column-resizer-helper-background-color: #333746;
    --rz-grid-filter-focus-color: #394652;
    --rz-grid-apply-filter-button-background-color: #394652;
    --rz-grid-foot-background-color: #ffffff;
    --rz-grid-header-filter-icon-active-color: #00B2A9;*/
    --rz-primary: #fd6c47;
    --rz-secondary: #569ebc;
    --rz-success: #75b83d;
    --rz-info: #347381;
    --rz-warning: #f09922;
    --rz-danger: #e4314f;
}


/*
.rz-panel-menu {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    overflow: auto;
    font-size: var(--rz-panel-menu-font-size);
    font-weight: var(--rz-panel-menu-font-weight);
    color: var(--rz-panel-menu-color);
        background-color: var(--rz-panel-menu-background-color);
 background: no-repeat url("./images/bk_Menu.jpg");
}*/

/* Force background color for RadzenMenu */
.rz-navigation-menu {
    background-color: #2c3e50 !important;
}

    /* Change text color inside menu items */
    .rz-navigation-menu .rz-menuitem-text {
        color: white !important;
    }

    /* Optional: hover style */
    .rz-navigation-menu .rz-menuitem:hover {
        background-color: #34495e !important;
    }