/*!
 * Gloabal Nav Redesign CSS overrides
 *
 * These styles are applied conditionally
 * to override the hosted styles that cause
 * clashes when the nav theme is set to "next"
 *
 */

 body.overview #global-root header #global-nav-stencil {
   background-color: var(--ocean-500);
   width: 264px;
 }

 body:not(.overview) #global-root header #global-nav-stencil {
  background: var(--ocean-500);
    width: 64px;
  }

  body:not(.overview) #global-root header #global-nav-stencil.expanded {
  background: linear-gradient(90deg, var(--ocean-500) 24%, var(--slate-100) 24%);
    width: 264px;
  }

 #global-root header #global-navigation a,
 #global-root header #global-navigation div.reports-dropdown {
   color: var(--slate-500);
 }

 #global-root header #global-navigation a.active,
 #global-root header #global-navigation div.reports-dropdown.active {
	 color: var(--ocean-500);
 }
 #global-root header #global-navigation div.global-nav:not(.collapse) .nav-item a {
   color: #fff;
 }

 body.trial-upgrade #uxbody {
  display: none;
 }