:root {
    --color-font-primary: #000;
    --color-primary:  #f38f02;
    --color-ui-background:  rgba(0,0,0,.05);

    --header-background-color: #fff;
    --search-background-color: var(--color-ui-background);
    --navbar-dropdown-background-color: #fff; 
    --navbar-dropdown-background-color-hover: var(--color-ui-background);
    --navbar-dropdown-color: var(--color-font-primary);
    --navbar-dropdown-icon-color: rgba(0,0,0,.9);
}

/* Header */
#ef-navbar {
    background-color: var(--header-background-color) !important;
}

/* Header - Search input  */
#ef-navbar form.navbar-form #searchDiv,
#ef-navbar form.navbar-form #searchDiv:focus {
    background-color: var(--search-background-color);
}

#ef-navbar form.navbar-form.ef-active #searchDiv {
    background-color: #fff;
}

/* 
 * Header - Navbar Dropdown
*/
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle,
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
    background-color: var(--navbar-dropdown-background-color);
}

#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu button.dropdown-item:hover,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: var(--navbar-dropdown-background-color-hover);
}

#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu button.dropdown-item:hover,
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li *.dropdown-text,
#ef-navbar .container ul.nav.navbar-nav > li.open > button, 
#ef-navbar .container ul.nav.navbar-nav > li.open > button:hover {
    color: var(--navbar-dropdown-color);
}

#ef-navbar .container ul.nav.navbar-nav > li > a, 
#ef-navbar .container ul.nav.navbar-nav > li > button {
    color: var(--navbar-dropdown-icon-color);
}

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: rgba(0,0,0,.1);
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item > span.label {
    color: var(--color-font-primary);
}

/* Divider */
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
    background-color: var(--navbar-dropdown-background-color-hover);
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    color: var(--navbar-dropdown-background-color-hover);
    border: 0;
}

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa:after {
    color: var(--color-font-primary);
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#2B2F40;border-color:#2B2F40;}
html.new-ui-html:root{--c-brand-primary:#2b2f40;--c-brand-primary-darken-5:#262a3b;--c-brand-primary-darken-7:#242839;--c-brand-primary-darken-10:#212536;--c-brand-primary-darken-15:#1c2031;--c-brand-primary-darken-17:#1a1e2f;--c-brand-primary-darken-20:#171b2c;--c-brand-primary-darken-25:#121627;--c-brand-primary-lighten-7:#323647;--c-brand-primary-lighten-40:#535768;}