header.loggedin {background:#002a41;}

::-moz-placeholder {opacity:1!important;} /* Fixes opacity issue */

/* Mobile Menu */
li.mobileMenu {display:none;}
#mobileMenu {position:absolute; right:0; width:100%;max-width:250px;z-index:2;}
#mobileMenu a {border-bottom:1px solid #92b4cf; border-top:1px solid #fff; display:block; padding:.5em 1em; text-align:left;  color:#002a41!important;}
#mobileMenu a:hover {}
#mobileMenu li {margin:0 18px; background:#b3d4fc;box-shadow:0 10px 20px rgba(0,0,0,.4);}
#mobileMenu li a em {margin:.15em 0 0 0;}
#mobileMenu li:last-child {border-radius:0 0 4px 4px;}
#mobileMenu li:last-child a {border-bottom:1px solid #ccc; border-radius:0 0 4px 4px!important;}

/* Mobile App Menu */
.mobileAppMenuContainer {width:100%; display:none; background:#002a41;}
ul.mobileAppMenu {}
ul.mobileAppMenu li {display:block; padding:0; margin:0; width:100%; border:none!important;clear:both;}
ul.mobileAppMenu li.thirds {float:left; width:33.333%; font-size:1em; clear:none;}
ul.mobileAppMenu li.thirds a {text-align:center; padding:.5em;}
ul.mobileAppMenu li a { display:block; padding:.5em 0; margin:0;  float:none;  text-align:center;   box-shadow:none;}
ul.mobileAppMenu li a.active, ul.mobileAppMenu li a.active:hover { background:#fff; color:#002a41;}
li.lihr {height:1px; background:#92b4cf;}
div.mobileAppButton { display:block; text-align:center; padding:0;}
div.mobileAppButton span { display:block; color:#fff; cursor:pointer; padding:2px; width:auto; } 

/* Application Header */

nav.main {background:#385875;}
nav.setup {background:#f80;}
nav.main>ul {font-size:0;}
nav.main .tab { overflow:visible;background:#92b4cf; display:inline-block; text-shadow:0 1px 0 #b0d2ed; position:relative; margin-right:2px; box-shadow:inset 0 -2px 2px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.4), inset 0 4px 10px rgba(0,0,0,.1); border-radius:6px 6px 0 0;}
nav.main .tab a, nav.main .tab span.falseLink, ul.submenu li a { font-size:14px; padding:6px 8px; display:inline-block; color:#002a41; margin:0; border-bottom:none; cursor: pointer;}
nav.main li.search a {padding-right:.5em;}
nav.main .tab.drop>a {padding:6px 4px 6px 8px;}
nav.main .tab.drop>span {font-size:15px;}
nav.main li.search {}
nav.main li .dropArrow{display:block;float:right; padding:.25em .5em .25em .5em;border-left:1px solid rgba(0,0,0,.2); cursor:pointer;}
nav.main .tab:hover, nav.main .tab.dropDownActive { background:#b0d2ed;box-shadow:none;}
nav.main .tab.upgrade, nav.main .tab.settings, nav.main .tab.help { float:right;}
nav.main .tab.upgrade {background:#FDB513; margin-right:0;}
nav.main .tab.upgrade span.falseLink {color:#8D3802;text-shadow:0 1px 0 #FFD990;}
nav.main .tab.upgrade:hover {background:#ffd990;}
nav.main .tab.upgrade.active {background:#fff; text-shadow:0 0 0 #fff!important;}
nav.scroll {display:none; position:fixed; top:0; background:#000; color:#fff; padding:1em;}
nav .tab.active, nav .tab.active:hover, nav.main li.search.dropDownActive.active {background:#fff; color:#333!important; border-color:#fff!important; text-shadow:none; cursor:text;box-shadow:none;}

/* Submenu */
.submenu  {position:absolute; top:100%; left:0; min-width:120px; z-index:999; box-shadow:0 3px 3px 0 rgba(0,0,0,.2); right:auto; left:auto;}
.active .submenu {background:#fff;}
.submenu>li {display:block; width:auto;}
.submenu>li a {white-space:nowrap; display:block; width:100%; box-sizing:border-box;}
.submenu>li.buttonRow a {width:auto;}
.submenu>li:last-child {margin:0;border-bottom:none;}
.submenu>li .fa{margin-right:.3em;}
.submenu li:first-child>a,.submenu li:first-child>span {border-top:none;}
.submenu>li.last>a, .submenu li:last-child>a,.submenu li:last-child>span {border-bottom:none; border-radius:0 0 6px 6px;}
.submenu li:last-child>.button {border-radius:4px;}
.tab .submenu li a { background:none; text-align:left!important; display:block; float:none; border-radius:0; white-space:nowrap;}
.submenu li:hover {background:rgba(255,255,255,.3);}
.helpSelect .submenu, .settings .submenu {left:auto; right:0;}
.dropdownIcon {display:inline-block; width:26px; text-align:center;}

span.headerDescription { margin-left:.5em; display:inline-block;background:#f60; padding: 2px; color:#fff; font-weight:400; border-radius:4px; font-size:12px; line-height:1;}

#quick-search {width:150px;float:right;box-sizing: border-box; position:relative; padding-right:10px;color:#92b4cf; position:relative; min-height: 24px;}
#quick-search em {color:#92b4cf}
#quick-search button {position:absolute; right:0; top:0; bottom:0; width:26px;}
#quick-search input[type=text] { position:absolute; top:0; left:0; right:0; font-size:12px; line-height:12px; box-sizing: border-box; background:#002a41; border-color:#385875; color:#92b4cf; padding:4px 30px 2px 4px;}
#quick-search input[type=text]:focus {background:#fff; color:#002a41;}

ul.login { float:right; text-shadow:0 1px 0 rgba(255,255,255,.5);}
ul.login>li { float:left; font-size:1em; position:relative;}
ul.login>li>a, ul.login>li>span {display:block;padding:.35em .5em;background:#f5f5f5; border:1px solid #fff; border-right:1px solid #ccc; color:#666; line-height:100%;}
ul.login>li:first-child>a, ul.login>li:first-child>span {border-radius:6px 0 0 6px; white-space:nowrap;}
ul.login>li>a:hover { background:#fff;}
ul.login>li:last-child>a {border-radius:0 6px 6px 0; background:#ccc; color:#333; border-color:#e3e3e3;}
ul.login>li:last-child>a:hover { background:#bbb; border-color:#ccc;}

.helpSelect { padding:4px 6px 10px 6px; border-radius:6px; float:right; position:relative; margin-left:4px; color:#b0d2ed;}
.helpSelect span {cursor:pointer;}
.helpSelect.dropDownActive { background:#b0d2ed; color:#002a41; border-radius: 6px 6px 0 0;}


a.liveChat {float:right; background:#92b4cf; margin:5px 0 0 10px; border-radius:6px;padding:5px 8px 6px 8px; color:#002a41; font-size:11px;position:relative;}
a.liveChat span {display:none; position:absolute; left:100%;top:0;bottom:0; background:#fff; border-radius:0 6px 6px 0;white-space:nowrap; font-weight:bold;}
a.liveChat:hover {border-radius:6px 0 0 6px; background:#fff;}
a.liveChat:hover span {display:block; padding:5px 8px 6px 0;}

.setup {}

nav.main.planroom {background:#f80;}
nav.setup ul.navigation li {}
nav.setup ul.navigation a, nav.planroom ul.navigation a {background:#fa0; border-color:#Fb0; color:#333; text-shadow:0 1px 0 #fb0; border-radius:4px 4px 0 0;}

nav.setup ul.navigation a:hover, nav.planroom ul.navigation a:hover {background:#fb0;}

nav.scrolling {background:#002a41; padding:0; transition: all 0.1s ease-in-out;opacity:1;}
nav.scrolling.fixed {top:0; opacity:1;z-index:999;}
.scrollMenu li {float:left; margin:0; padding:0; border-left:1px solid rgba(255,255,255,.1);}
.scrollMenu li a {display:block; padding:.5em .75em; font-size:.8em; line-height:100%;color:#92b4cf;}
.scrollMenu li a:hover {background:#385875; color:#fff;}
.scrollMenu li.upgrade {float:right;}
.scrollMenu li.upgrade span.falseLink {background:#FDB513; color:#8D3802;border-color:#FFD990;}
.mobileAppMenu>li {padding:4px;}

.headerContainer {/* max-width:1880px; */ margin:0 auto;}

span.downarrownav { padding-left:.5em;}

li.submitJob {position:relative;}
li.submitJob a.dropdownLink {}
li.submitJob.active a.dropdownLink {color:#0080ce!important;}
span.downarrownav { padding-left:.5em;}
li.submitJob.active a, li.submitJob.active a.dropdownLink:hover {background:#fff; box-shadow:none;}
ul.submitJobMenu { display:block; position:absolute; left:0; top:100%; background:#fff;width:170px; box-shadow:0 4px 4px rgba(0,0,0,.4);overflow:auto;}
ul.submitJobMenu li {display:block; padding:0; }
ul.submitJobMenu li a {display:block; margin:0; padding:.5em; color:#002a41!important;border-top:1px solid #eee;}
ul.submitJobMenu li a:hover, ul.submitJobMenu li a:active { color:#0080ce!important; box-shadow:none; background:#eee;}
ul.submitJobMenu, ul.submitJobMenu li:last-child, ul.submitJobMenu li:last-child a {border-radius:0 0 4px 4px;}

/* Customer Support */
.superUser {background:rgb(150,0,0); box-sizing: border-box;  transition:background ease-in-out 5s; text-shadow:0 2px 2px rgba(0,0,0,.4); box-shadow:inset 0 -20px 20px rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.6);}
.superUserWrapper {height:40px; clear:both;}
.superUser .button {position:absolute; right:8px; top:8px; bottom:8px;}
.superUser h4 {margin:0; color:#fff;}
.superUser h4 span {color:#400; text-shadow:0 1px 1px rgba(255,255,255,.5);}
.superUser.fixed {top:0; left:0; right:0; z-index:99999;}
.stickySpacer {height:50px; padding-top:10px; box-sizing:border-box;}
.loggedInAs {max-width:1880px; margin:0 auto;position:relative;padding: 9px; height: 40px; box-sizing:border-box;  font-size: 16px; color: #fff; }