/** global theme variables: B */

:root{

    /** menu | primary */
    --theme-primary-bg-color: #10497E;
    --theme-primary-bg-border-color: none;
    --theme-menu-link-color: white;
    --theme-menu-icons-color-filter: brightness(0) invert(1);
    --theme-menu-log-color-filter: none;
    
    /* menu related links style */
    --theme-menu-link-selected-bg-color: rgba(134, 176, 205, 0.32);
    --theme-menu-link-selected-color: white;
    --theme-menu-link-arrow-icon: url(./Gray/images/new_design_icons/menu/arrow_down_white.svg);

    /* sub menu style */
    --theme-sub-menu-link-selected-bg-color: rgba(101, 122, 158, 0.22);
    --theme-sub-menu-link-selected-color: #657a9e;
    --theme-sub-menu-bg-color: white;
    --theme-sub-menu-border-color: 1px solid #EAEAEA;
    --theme-sub-menu-box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.13);
    --theme-sub-menu-link-color: #333339;
    --theme-sub-menu-line-break-style: 1px solid #F2F3F4;
    --theme-sub-menu-box-shadow: #87868d;
    --theme-sub-menu-icons-color-filter: none;

    /* to set the main login page buttons color */
    --theme-login-page-login-main-color: #10497e;
    --theme-login-page-switch-button-color: #768aac;

    /* to show or hide switch buttons or links based on the wanted style */
    --theme-login-page-display-switch-button: none;
    --theme-login-page-display-switch-links: block;
    --theme-outline-color: #E7EAED;

    /* ###### theme general rules ###### */

    /* default: 400 | for almost all texts */
    --theme-font-weight: 400;
    
    /* default: #00182B | titles, left panel text etc. */
    --theme-typo-main-color: #00182B;

    /* default: #6C6C6C | selectes, labels etc. */
    --theme-typo-sub-color: #6C6C6C;

}

#LOADING_SPAN.np-inline-notification{
background: var(--theme-primary-bg-color) !important;
}