/* *******************************************************************************************************
    ONLY LAYOUT SPECIFIC OVERRIDES SHOULD BE PLACED HERE
    STATUS COLORS ARE DEFINED VIA WEB.CONFIG.PATCH.XML
******************************************************************************************************* */

/* **********************************************
  SIDEBAR
********************************************** */
.hover-block .logo, .sidebar {
    background-color: #f5f5f5 !important;
}

/* initial */
mat-toolbar .main-nav .nav-item button .mat-icon,
mat-toolbar .main-nav .nav-item button .nav-desc,
mat-toolbar .main-nav .nav-item button .reporting-label,
mat-toolbar + .settings .nav-item button .mat-icon,
mat-toolbar + .settings .nav-item button .nav-desc,
mat-toolbar .nav-item.more-wrapper button i {
    color: #111111 !important;
}
/* hover */
mat-toolbar .main-nav .nav-item button:hover .mat-icon,
mat-toolbar .main-nav .nav-item button:hover .nav-desc,
mat-toolbar .main-nav .nav-item button:hover .reporting-label,
mat-toolbar + .settings .nav-item button:hover .mat-icon,
mat-toolbar + .settings .nav-item button:hover .nav-desc,
mat-toolbar .nav-item.more-wrapper button:hover i {
    color: #0058A3 !important;
}

/* active ( + hover ) */
mat-toolbar .main-nav .nav-item .active-tab button,
mat-toolbar .main-nav .nav-item .active-tab button .mat-icon,
mat-toolbar .main-nav .nav-item .active-tab button .nav-desc,
mat-toolbar .main-nav .nav-item .active-tab button:hover,
mat-toolbar .main-nav .nav-item .active-tab button:hover .mat-icon,
mat-toolbar .main-nav .nav-item .active-tab button:hover .nav-desc,
mat-toolbar + .settings .nav-item .active-tab button,
mat-toolbar + .settings .nav-item .active-tab button:hover .mat-icon,
mat-toolbar + .settings .nav-item .active-tab button:hover .nav-desc {
    color: #ffffff !important;
    background-color: #0058A3 !important;
}
/* admin */
.md-settings mat-toolbar .main-nav .nav-item .active-tab button,
.md-settings mat-toolbar .main-nav .nav-item .active-tab button .nav-desc,
.md-settings mat-toolbar .main-nav .nav-item .active-tab button:hover,
.md-settings mat-toolbar .main-nav .nav-item .active-tab button:hover .nav-desc {
    background-color: #FFFFFF !important;
}

/* **********************************************
  GENERIC
********************************************** */
.global-background {
    opacity: 1 !important;
}