body{margin:0;padding:0}#header{flex:none;width:100%;background-color:#fff;display:table;clear:right;height:80px;padding:0;margin:0;border-bottom:solid 1px #000;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;border-collapse:collapse}
#header.menuContainer{height:104px}.whd-ticket-history,.whd-user-profile{height:calc(100vh - 80px - 131px)!important}
@supports(-ms-ime-align:auto){#content{margin-top:0!important;margin-top:80px!important}
#content .roundbox{height:calc(100vh - 80px - 92px)!important}#content #loginBox .roundbox{height:auto!important}
#content .segmentedTabPanel-wrapper{height:calc(100vh - 80px - 102px)!important}
.xui-page-content{margin-top:104px!important}}#logoWell{padding-left:5px;margin-right:20px;margin-left:10px;padding-top:5px;margin-top:0;float:left;display:block}
#helpDeskName{float:left;margin-top:34px;font-size:24px;font-weight:bold;color:#c0c2c4}
#buttonBox{display:table;clear:right;white-space:nowrap;position:absolute;padding-left:10px;float:left;top:79px;left:100px}
.navButton{display:table-cell;height:24px;float:left;cursor:pointer;text-align:center;margin-top:0;border-radius:4px 4px 0 0}
.navButton.buttonUp{background-color:inherit;color:#004a8f}.navButton.buttonUp:hover{text-decoration:underline}
.navButton.buttonDown{background-color:#dfe0e1;border-top:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000;border-bottom:solid 1px #dfe0e1;color:#333}
.buttonLabel{display:block;padding:6px 20px;line-height:12px;font-weight:bold;white-space:nowrap;font-size:12px}
.navButton.buttonDown .buttonLabel{font-weight:bold}div#footer{clear:both;background-color:#fff;width:100%;font-size:9px;text-align:center;vertical-align:middle;margin:0;padding:15px 0 15px 0;color:#fff}
#footer a{color:#999}#footer a:hover{text-decoration:none}#footerLeft{padding-left:20px;padding-top:10px;float:left}
#userLinks{position:absolute;right:5px;top:50px}#userLinks li{display:inline;font-size:12px;color:#004a8f;height:30px;line-height:30px;vertical-align:middle}
#userLinks a{display:inline-block;padding-left:2.5em;margin-left:5px;font-size:12px;color:#004a8f;height:30px;line-height:30px;vertical-align:middle}
#logoutLink{background:url(/helpdesk/connected.png) no-repeat;background-position:left}
#logoutLink:hover{background:url(/helpdesk/logout.png) no-repeat;background-position:left}
#switchToTechLink{background:url(/helpdesk/switch_accounts_client.png) no-repeat;background-position:left}
#switchToTechLink:hover{background:url(/helpdesk/switch_accounts_tech.png) no-repeat;background-position:left}
#userSettingsLink{background:url(/helpdesk/user_settings.png) no-repeat;background-position:left}
.loginErrorMessageContainer{width:400px;margin:0 auto}.loginErrorMessageContainer div#dialogContainer{margin:20px 0 0 0}
.loginMessageBox{width:400px;margin:auto auto 20px auto;background-color:white;border:1px #b0b0b0 solid}
.loginMessageBox .flexBox{display:flex;padding:10px 6px}.loginMessageBox .loginMessageIcon{padding-right:5px;padding-left:2px}
.loginMessageBox .loginMessageText{line-height:1.2;align-self:center;padding-right:10px}
.loginMessageBox .loginMessageText a:link{font-weight:900}#loginBox div.roundbox,.newAccountLoginScreen div.roundbox{background-color:#fff}
.boxcontent .loginFormBox .formLoginButton .aquaSquareButton,.boxcontent .forgotPasswordButtons .aquaSquareButton{background:#2d4058;border-color:#2d4058;color:#fff}
body,html{height:100%}body{display:flex;flex-direction:column}div#content{flex:1 0 auto}