body, td { margin: 0; font-family: OpenSans; color: #222; }
body { background-position: left top; font-size: 75%; background-color: white; }
a { color: #333435; }
ul li, ol li { margin-left: 1.5em; padding-left: 0; }
input { padding-top: 0; }
textarea, body .x-btn button, body .btn, body .btnImportant, body .btnDisabled, body .btnCancel, body .menuButton .menuButtonButton, body .menuButton .menuButtonMenu a, body .menuButton .menuButtonMenu input.theOption, h1, h2, h3, h4, h5, h6 { font-family: OpenSans; }
body button, body .x-btn, body .btn, body .btnDisabled, body .btnCancel, body .menuButton .menuButtonButton { color: #333; margin: 1px; padding: 2px 3px; border: 1px solid #b5b5b5; border-bottom-color: #7f7f7f; background: #e8e8e9 url(/img/alohaSkin/btn_sprite.png) repeat-x right top; font-weight: bold; font-size: .9em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
body input.btn, body input.btnDisabled, body input.btnCancel { padding: 4px 3px; }
select option, select optgroup { font-size: 100%; }

select:disabled {background-color: #ECECEE; color:#bbbbbb; pointer-events: none;}

a {cursor: pointer;}

.theForm{margin: 0 auto;}

.top-nav{display: inline-block;margin-top: -10px; margin-bottom: 10px; height: 34px;}

.wrapper{margin-left: 20px; margin-right: 20px;}

.wrapperInputs{width: 100%; float: left; margin-bottom: 25px; position: relative; color: #333333}

.login.anchor, .reg-headers, .headers{font-family: OpenSans; font-weight: 200 !important; font-size:28px; color:#333333; float:left; text-transform:uppercase; cursor:pointer; text-decoration: none !important; margin-left:-20px; width: 200px; box-sizing:border-box;}

.register.anchor{font-family: OpenSans; font-weight: 200 !important; font-size:28px; color:#333333; text-align: right; display: inline-block; margin-left: 90px;  text-transform:uppercase; cursor:pointer; text-decoration: none !important; width: 200px; box-sizing:border-box;}

.login.anchor .fa.fa-chevron-right, .register.anchor .fa.fa-chevron-right, .header-nav.anchor .fa.fa-chevron-right{ opacity: 0; font-size: 18px;}

.login.anchor.active .fa.fa-chevron-right, .register.anchor.active .fa.fa-chevron-right{ opacity: 1; color: #DA291C;}

.login.panel, .register.panel{display:none; min-height: 315px;}

.rememberWrap{float:right;padding-right: 22px}

input.remember{margin-top:-.25; float:right; margin-right:13px;}

.login.panel.active, .register.panel.active{ display: block;}

.register.panel, .register.panel{display:none; min-height: 380px}

.logoBar{ background-color: white; color: #53565a}

.logo{height: 55px; display: block; margin-left: auto; margin-right: auto; max-width:75%; padding-top: 25px; padding-bottom: 25px;}

.logoLeft{height: 55px; display: block; margin-left: 10px; max-width:75%;}

.headerBar{ flex-direction: row; display:flex; height: 55px; line-height: 55px; width: 100%; background-color: white; color: #53565a; border-bottom: lightgray solid 2px;}

.popularSearches{ display: table-cell; width: 33%; color: #8e8e8e;}

.login-footer-bar-position {
	position: fixed;
Width: 100%;
bottom: 0;
}

.no_reopen {
	font-size: 22px;
	font-weight: bold;
}

.helprequestconfirm {
	margin-left: 50px;
    margin-right: 50px;
    margin-top: 150px;
    top: 0px;
    position: fixed;
}

.wrapperspace{
	min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}

.pushspace {
  height: 50px;
}

.login-footer-bar ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

.login-footer-bar li {
    float: left;
}

.login-footer-bar li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.login-footer-bar li a:hover {
    background-color: #111;
}

.TandC {
	font-size: 14px;
	line-height: 130%;
}

.TandC-Header {
	font-size: 18px;
	font-weight: bold;
}

.body-design {
		/* background-image: url(https://c.na68.visual.force.com/resource/1512075440000/Portal_Background); 
		background-repeat: repeat-y; */
	}

.timeclock {
	text-decoration: none;
	list-style-type: none;
	color:#53565a;
}

.timeclock:hover {
	color: #abacad;
	text-decoration: none;
}

.main-container{
	 /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
  /* height of your footer */
}

.iconBox.iconBox-Support {
	height: 350px;
}



.iconImages-Support {
    max-width: 275px;
	width: 35%;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: -140px;*/
	display: block;
	padding-bottom: 10%;
	padding-top: 5%;
}

.iconTopText-Support {
	font-weight: bold;
	color: #333333;
	font-size: 22px;
	max-width: 260px;
	display: inline-block;
	padding-bottom: 4%;
}

.iconTopBottom-Support {
	color: #333333;
	font-size: 18px;
	display: inline-block;
	max-width: 94%;
}

.iconBox {
	/*border-radius: 25px;*/
	border-width: 2.5px;
	border-style: solid;
	border-color: #b3b3b3;
	text-align: center;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	background: #f5f5f5;
  /*background: -webkit-linear-gradient(left top, #FFF , #C1C1C1);
  background: -o-linear-gradient(bottom right, #FFF, #C1C1C1);
  background: -moz-linear-gradient(bottom right, #FFF, #C1C1C1);
  background: linear-gradient(to bottom right, #FFF , #C1C1C1);*/
	max-width: 275px;
	width: 94%;
	height: 190px;
	text-align: center;
	padding-top: 8%;
	padding-bottom: 5%;
	/*box-shadow: 2px 6px 10px 2px rgba(0, 0, 0, 0.25), 0 6px 20px 0 rgba(0, 0, 0, 0.25);*/
	overflow: hidden;
}

.iconBox:hover {
	background-color: #FFFFFF;
}

.iconImages {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-bottom: 10%;
	padding-top: 5%;
}

.iconTopText {
	font-weight: bold;
	color: #DA291C;
	font-size: 22px;
	max-width: 260px;
	display: inline-block;
	padding-bottom: 4%;
}

.iconTopBottom {
	color: #333333;
	font-size: 1vw;
	display: inline-block;
	max-width: 94%;
}

.headerSpace {
 overflow: hidden;
 text-align: center;
}
.headerSpace:before,
.headerSpace:after {
 background-color: #8e8e8e;
 content: "";
 display: inline-block;
 height: 3px;
 position: relative;
 vertical-align: middle;
 width: 30%;
}
.headerSpace:before {
 right: 0.5em;
 margin-left: -50%;
}
.headerSpace:after {
 left: 0.5em;
 margin-right: -50%;
}

.formWrapper{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 510px; 
	margin-top: -105px; 
	background-color: #fff; 
	padding: 20px; 
	margin: auto;}

.required, .regRequired{color: #cc0000; font-weight: bold; text-align: right; margin-top: 20px; font-size: 14px; }
.clear::after, .required::after, .regRequired::after, .headerBar::after{
    clear: both;
    content: "'";
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.flexVerticalNestedContainer{
	display: flex;
	flex: 1;
    flex-direction: column;
}

div.flexVerticalNestedContainer > span{
	display: flex;
	flex: 1;
    flex-direction: column;
}

.resourcesComponent{
	display: block; 
	margin-bottom: 2em;
}

.errorM3, .errorM2{margin-bottom:10px; background-color: transparent; border:none;}

.errorM3 ul, .errorM2 ul{color:#cc0000;}

.errorM3 li, .errorM2 li{font-size: 18px; font-family: OpenSans;}

.message.errorM3 .msgIcon, .message.errorM2 .msgIcon {display:none;}

.message.errorM3 .messageText:before, .message.errorM2 .messageText:before,.errorMsg:before{content: "\f071"; font-family: FontAwesome; font-size: 16px; margin-right: 10px; display:inline-block; color:#cc0000; float: left;}

.formTable{text-align: left; float: left; width: 100%;}

.formLabel, label.roleLabel, .advocateLabel{font-size: 16px;  color:#5e5e5e; font-weight: regular; /*float: left;*/ margin-bottom:5px; font-family: OpenSans;}

.colStyle2 .formLabel, .colStyle2 label.roleLabel, .colStyle2 .advocateLabel { float: left; }

label.roleLabel{font-size:12px;}

p.formLabel{margin-bottom: 20px}

.formEmail{display: block; width: 100%; outline: none; border: none; height: 18px; font-size: 16px;border-bottom: solid #dcdcdc; margin-bottom: 20px;}

.formEmail:focus {border-bottom: solid #DA291C;}

.formInput{height:35px; border:1px solid #999999;}

.formPicklist{height: 35px; border: 1px solid #999999; width: 100%; background-color: white; margin-bottom: 20px;}
select.formPicklist { height: 27px; }

.buttons{margin: 0 auto; text-align: center; width:100%; clear: both; height: 50px;}

div.wrapperInputs span.ui-selectmenu-button {width: 100%; box-sizing: border-box; height: 35px; background-color: #fff; font-family: OpenSans; font-size: 16px; padding-top: 5px;}

div.wrapperInputs span.ui-selectmenu-button:focus{outline-color: #DA291C;}

.wrapperDrop, .profileDropWrapper{width:81%; margin-top:10px; float:left; clear:both}

.wrapperDrop .ui-selectmenu-button.ui-button, .profileDropWrapper .ui-selectmenu-button.ui-button{width:100%; background-color:white; margin-top:-8px; max-height:200px;}

.wrapperDrop .ui-selectmenu-button.ui-button:focus, .profileDropWrapper .ui-selectmenu-button.ui-button:focus{outline-color: #DA291C;}

.ui-selectmenu-menu .ui-widget-content{max-height:225px;}

div.wrapperInputs .fa.fa-chevron-down{ position: absolute;  z-index: 3; right: 10px; top: 5px; font-size: 20px; color: #666666; pointer-events: none;}

div.wrapperInputs .formObjectPrePopulated>.fa.fa-chevron-down{color:#cccccc}

.languageSelector{float: right; margin-right: 20px; font-size: 18px; height:55px; position:relative;}

#ui-id-1-button, .languageSelector span.ui-selectmenu-button{background-color:#8e8e8e; color: white; border:none; outline:none; width: 80px; float: right; margin-right: 20px; font-size: 18px; position:relative; margin-top: 11px; padding-left:9px;}

span.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s{ background-image: url(jQueryUI2016/images/ui-icons_ffffff_256x240.png) !important;}

.languageSelector li{background-color:#DA291C}

.languageSelector .fa.fa-language{color: #fff; float:left; margin-top: 19px; margin-right:5px;}

.languageSelector .fa.fa-caret-down{display: none !important; color: #fff; position: absolute; right:25px; vertical-align:text-center; z-index: 3; margin-top: 18.5px;}

.languageSelector select, .user{min-width: fit-content; font-family: OpenSans; font-weight: 400; color:#53565a; border: none; background-color: rgba(0,0,0,0); font-size: 16px; padding-left: 10px; -webkit-appearance: none; -moz-appearance: none; }

.languageSelector select{width: 100px; margin-top:13px; height: 24px;}

.user{ font-weight:600;}

.languageSelector .ui-selectmenu-text {overflow: visible;}

.loginLabel{font-size: 16px;  color:#5e5e5e; font-weight: regular; float: left;margin-top:20px;}

.forgot, .regLink, .changePass{color: #333333; margin-top:5px; cursor: pointer; float:left; text-decoration:none; font-size:14px; margin-top:-15px;}

.forgot:hover, .regLink:hover, .changePass:hover{color: #DA291C; cursor: pointer; float:left;}

.back.forgot{margin-top:15px;}

.regLink{margin-top:5px;}

span.fa.fa-question-circle{color: #DA291C; padding-right: 5px; font-size:16px; float:left;}

.sr_description{margin: .5em 0;}

body .btn.formCancel, .popup.formCancel{height: 40px; padding-right:25px; padding-left:25px; background-color: #ffffff; border: none; border: 1px solid #DA291C; font-size: 18px;  color: #DA291C; background-image:none;}

body .btn.formCancel:focus, .popup.formCancel:focus{outline:none;}

body .btn.formContinue{height: 40px; padding-right: 35px; padding-left: 35px; margin-left: 30px; font-size:18px;  background-image:none; float: center;}

body .btn.formContinue:focus{outline:none;}

body .btn.formContinue.btnDisabled.disabled, body .btn.formContinue.disabled{background-color: #cccccc; border: 1px solid #cccccc; color: #959595; background-image:none; cursor:pointer;}

body .btn.formContinue.btnDisabled.active, body .btn.formContinue.active{background-color: #DA291C; border: 1px solid #DA291C; color: white; background-image:none;}

body .btn.formLogin{height: 40px; padding-right:35px; padding-left:35px; border: none; font-size: 18px; background-image:none; float: right;}

.formLogin.disabled{background-color: #cccccc; border: 1px solid #cccccc; color: #959595; background-image:none; cursor:auto;}

.formLogin.disabled:focus{outline:none;}

.formLogin.active{background-color: #DA291C; border: 1px solid #DA291C; color: white; background-image:none;cursor:pointer;}

.formLogin.active:focus{outline:none;}

.loginInput{display: block; width: 100%; outline: none; border: none; height: 18px; font-size: 16px;border-bottom: solid #dcdcdc; margin-bottom: 20px; margin-top: 10px;}

.loginInput:focus {border-bottom: solid #DA291C;}

.remember{float:right; text-align:right; margin-top:-.25px; margin-right:13px;}

table{width:100%}

input[type="checkbox"]{cursor:pointer;}

.forgotHeader{font-family: OpenSans; font-weight: 200 !important; font-size:28px; color:#333333; margin: 0 auto;}

.forgotLabel{font-size: 16px;  color:#5e5e5e; font-weight: regular; float: left;margin-top:20px;}

.forgotAnswer{display: block; width: 100%; outline: none; border: none; height: 18px; font-size: 16px;border-bottom: solid #dcdcdc; margin-bottom: 20px;}

.forgotAnswer:focus {border-bottom: solid #DA291C;}

.two-col>div{width: 50%;}

.formObject, .commentBox, .formObjectPrePopulated{ display: block; width: 85%; outline: none; border: none; height: 22px; font-size: 16px;border-bottom: solid #dcdcdc; clear: both; margin-top: 10px; color: #333333;}

.formObject.formSRMultiSelect { height: auto; }

textarea.formObject { height: auto; }
input[type="checkbox"].formObject { width: 30px; margin-left: 2%; }

.canGrow { height: auto; }

.formObject2Col { width: 93%; }
.formObject2Col.regRequired { margin-right: 7%; width: auto; }

.formObjectHalfCol { width: 45%; }

.wrapperInputs .formObjectPrePopulated{width:100%; background:none;}

.formObject:focus{border-bottom: solid #DA291C;}

.formObjectPrePopulated{background-color: #ECECEE; color:#bbbbbb; pointer-events: none;}

.container{margin-left: 50px; margin-right: 50px;}

.errorMsg{ font-family: OpenSans;font-size: 12px; color:#cc0000; margin-top:10px; margin-bottom: 0px; display:inline-block;}

.forgotInput{display: block; width: 100%; outline: none; border: none; height: 18px; font-size: 16px;border-bottom: solid #dcdcdc; margin-bottom: 20px; margin-top: 10px;}

.forgotInput:focus {border-bottom: solid #DA291C;}

.title, .regTitle{font-family: OpenSans; width:100%;}

span.regTitle{text-align:center; display:block;}

.topPanelContainer{text-align: center;}

.forgotLabel{font-size: 16px;  color:#5e5e5e; font-weight: regular; float: left; margin-bottom:10px; font-family: OpenSans; width:100%; margin-top:10px;}

body .btn.formButton, input.btn.formBack, a.commandButton, body .btn.commandButton, input[type="file"] {height: 40px; padding-right:35px; padding-left:35px; border: none; font-size: 18px; background-image:none; margin-left: 10px; margin-bottom: 10px}

.formButton.disabled, .commandButton.disabled, input[type="file"].disabled {background-color: #cccccc; border: 1px solid #cccccc; color: #959595; background-image:none; cursor:auto;}

.whiteOnDisabled.disabled { background-color: white !important; }

.formButton.disabled:focus, .commandButton.disabled:focus{outline:none;}

.formButton.active, input.btn.formBack, .commandButton.active, input[type="file"].active{background-color: #DA291C; border: 1px solid #DA291C; color: white; background-image:none;cursor:pointer;}

.formButton.active:focus, input.btn.formBack:focus, .commandButton.active:focus, input[type="file"].active:focus {outline:none;}

.colStyle { width: 100%; display: block; margin-bottom: 30px; min-height: 65px;}

.colStyle1, .col1{width:50%; float:left; display:inline-block; box-sizing:border-box; margin-bottom: 30px; height: 65px;}

.colStyle2, .col2{width:50%; float: right; display:inline-block; box-sizing:border-box;  margin-bottom: 30px; height: 65px;}

.colStyle .colStyle1 { margin-bottom: 0px; height: auto; }

.colStyle .colStyle2 { float: none; margin-bottom: 0px; height: auto; }

.header-nav{margin-left:8px; margin-right:5px;}

.header-nav.anchor{font-family: OpenSans; font-weight:200; font-size:20px; color:#53565a; opacity:0.498039215686275;text-align: center; zoom:1; text-decoration:none;}

.header-nav.anchor:hover { color: #DA291C; text-decoration: underline;}

.header-nav.anchor.active{font-family: OpenSans; color:#DA291C; opacity:1; font-weight:400; text-decoration:none;}

.header-nav.anchor.active .fa.fa-chevron-right{color: #DA291C; opacity:0; font-weight:400; text-decoration:none;}

.headerBar a#loginBtn:hover{
	color: white;
}

.preNav.anchor{font-family: OpenSans; font-weight:200; font-size:30px; color:#FFFFFF; text-align: center; text-decoration:none; margin-left:20%}

.preNav.reg.anchor{padding-top:100px; margin-left:0px;}

.preNav.line.anchor{margin-right:5px;}


.cs_options { margin: 5% auto; text-align: center; }
.cs_options div { padding: 0px 5%; display: inline; }

div.PhoneObject { width: 85%; }

div.CallbackSections { width: 49%; display: inline-block; vertical-align: top; }


.modal{position: absolute;top: 50%;left: 50%;height: 10px;width: 221px;background-color: white;margin-left: -120px;margin-top: -98px;box-sizing: border-box;padding: 11% 15%;}

.overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}

div.modal img, div.modal span{position:inherit;}

div.modal img{margin-left:-14%}

div.modal span{margin-left:-6%}

.ot3{height:0px;}

.home.header-nav.anchor{cursor:pointer}

.captcha{margin-left:100px;color:red;}

.g-recaptcha{clear:left}

.register-nav{display: inline-block; position: relative; margin-top:-6px;}
.home-navigation{flex-grow: 1;}

.reg-nav{ width:100%; padding-left: 0px; margin-left: 28px;}
.home-nav{ padding-left: 0px; margin: 0; }

.home-nav li, .reg-nav li{display: inline-block; text-align:center; white-space:nowrap; list-style:none; margin-top:-2px; margin-left:0;}

.reg-headers{cursor:auto; /*float:none;*/ margin-left:0px; text-transform:none; width:100%; }

.red-header {color:red;}
.red-header a {color:red;}

.emptyCol{width:50%; clear:both;}

.roleObject, .roleObjectPrePopulated{display:inline-block;float:left;}

.roleObjectPrePopulated{color:#cccccc}

.wrapper.active label, .wrapper.active span.customer {color:#333333;}

label.roleLabel, label.roleLabelPrePopulated{display:inline-block;text-align:left;}

label.roleLabelPrePopulated{color:#cccccc;}

.roleContainer{margin-top:10px; margin-left:25px; width:87%; margin-bottom:20px;}

.advocateLabel{display:inline-block; float:right; margin-left: 5px; margin-top: -2px;}

.advocateContainer, .customerContainer{margin-top:10px; float:left; clear:both;}

.commentBox{height:75px; margin-bottom:20px;}

.regButtons, .popButtons{float:right; display:block;margin-top:50px;}

.popButtons{margin-top: 30px;}

.regStep2.fa.fa-chevron-down, .profileDrop.fa.fa-chevron-down{position:relative; float:right; z-index: 3; font-size: 20px; color: #666666; left:18px; bottom:23px;}

.regRequired{margin-top:0px; text-transform:uppercase; text-align: left; float:right; margin-right:15%;}

div.wrapper.disabled div.regRequired{display:none;}

input.pwd.formObject.regInput{margin-bottom:0px;}

.info{font-family: OpenSans; font-size: 14px;  color:#5e5e5e; margin-top:0px;}

.fa.fa-info-circle{font-size:16px; color:#DA291C; margin-top: 5px; margin-right: 5px;}

.checkbox{width: 23px; height: 21px; margin: 1em auto;}

.checked{background: transparent url(http://i.stack.imgur.com/S4p2R.png ) no-repeat 80% 50%}

.custPopup{background-color: white; opacity: 1;border-width: 2px;border-style: solid;z-index: 9999;padding:10px;position: fixed;width: 600px; margin-left: 18%; top:100px;}

.popList{list-style-type:circle; font-family: OpenSans; font-size: 14px;}

.popupBackground{background-color:black;opacity: 0.20;position: fixed; width: 100%; height: 100%;top: 0; left: 0; z-index: 9998;}

.text{font-family: OpenSans; font-size: 14px; color:#5e5e5e; margin-top:2px;}

.tableClass{border-style: solid; border-width:.25px; border-color:#cccccc; margin-top: 30px;}

.tableClass th{font-family: OpenSans; background-color: #5e5e5e; color:white; text-align: center; border-style: solid; border-width:.1px; border-color:#cccccc; font-size:16px; height: 30px; text-align:center; vertical-align:middle; font-weight:300 !important;}

.tableClass th a {color: white;}

.tableClass td{border-style: solid; border-width: 1px; border-color:#cccccc; font-family: OpenSans; height: 35px;}

.tableText, .gc-cs-link, .phone{margin-left: 5px; font-family: OpenSans; font-size: 14px;}

.tableClass td.communityStatus{width:20%; text-align:center; height:35px;}

input.tableChecks{display:none;}

.email{width: 30%}

input.btn.sendEmail, .btn.logout{background:none; border:none; font-family: FontAwesome; color: #DA291C; font-size:22px; cursor:pointer; margin-left:8px;}

.btn.logout{color:#53565a; font-size:16px; margin-top:5px;}

.btn.logout:hover { color: #DA291C;}

.inputWrapper{position:relative;}

.fa.fa-edit{color:#DA291C; display: inline-block; margin-left:8px; font-size: 22px;}

.fa.fa-edit:hover{text-decoration:none; cursor:pointer;}

div.wrapper.active a.fa-edit{display:none;}

.reg-headers>p{display:inline-Block}

/*.reg-headers{float:left;}*/

.col1{margin-bottom: 5px; height: 15px;}

.col2{margin-bottom: 5px; height: 15px;}

.changePass{margin-top:8px;}

.wrapper.disabled .profileDrop.fa.fa-chevron-down{color:#cccccc;}

.profile-buttons{display:inline-block; float:right; margin-top:3%}

div.wrapper.disabled div.reg-headers div.profile-buttons{display:none;}

.fa.fa-arrow-circle-right{margin-left:5px}

.customer.content{color:#cccccc;}

.customerContainer{margin-left:25px; margin-top:5px;}

.profile.formButton.active{margin-top:68px;}

.popup{background-color: white;opacity:1;border-width: 3px;border-style: solid;z-index: 9999;left: 50%;padding:10px;position: absolute;width: 500px;margin-left: -400px;top:150px;width: 500px;height: 300px;}

.popupBg{background-color:black;opacity: 0.70;filter: alpha(opacity = 100);position: absolute;width: 1500px;height: 1000px;top: 0;left: 0;z-index: 9998;}
    
.first {float: left;width: 25%;height: 100px;background-color: light yellow;margin:5px 5px 0 0; padding:2px;}
tr.first { float: none; width: auto; height: auto; margin: auto; padding: 0;}

.landingWrapper{margin:0 auto; text-align:center;}

.landingWrapper th{width: 160px; height: 160px; font-size: 24px;color: #DA291C; line-height: 24px; border-width: .5px; border-color:#DA291C}

.rich-tabpanel-content {background-color:white!important;}

.panels{height:600px;}

.communityStatus.tableChecks{text-align:center;}

.landingBox{font-family: OpenSans; border-width:1px; border-color:#DA291C; border-style: solid; display:block; max-height:225px; width: 155px; margin-right: 15%; margin-left:15%; display: inline-block; margin-top:40px;}

.landingHeader{color:#DA291C; font-size: 24px; font-weight:400;}

.landingSecondary{color:#DA291C; font-size: 18px; font-weight:200;}

.fa.fa-arrow-circle-right{color: #DA291C; text-decoration:none; float:right; margin-right: 5%; margin-top:5%; font-size: 24px; margin-bottom:5px;}

.profile.fa.fa-arrow-circle-right{margin:0px; margin-left:5px;margin-top:.5px;font-size:15px;}

.checkbox.fa.fa-check-circle, .checkbox{color:#DA291C; font-size:20px; margin:0px;}

.checkbox{font-size:16px;}

.Buttons{float:right;}

.pwdinfo1{margin-top:-15px; margin-bottom:3px;}

.tcwarp{height:600px;overflow:auto;clear:both;}

#capthavaalidateText{text-align: center; margin-bottom:5px;}

iframe{width:100%; border:none; height:400px;}

.tableClass td{text-align:center;border-style:solid; border-weight: 1px;} 

.tableClass{border-style:solid;}


/*
.activeTab {background-color: green; color:white; background-image:none;height: 50Px}

.inactiveTab { background-color: lightgrey; color:black; background-image:none}
*/

.viewcaseButtons { float: none; text-align: center; }
.viewcaseButtons .btn.commandButton { float: none; }
.inputpnl { margin: 0px 0px 20px; padding: 3px; border: 1px solid #DA291C; background-color: #DA291C; }
.inputpnl section { background-color: white; border: 1px solid #DA291C; padding: 10px 15px 15px; }
.br5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.wait, .wait *, .wait input, .wait a, .wait .formButton, .wait .formButton.disabled, .wait .commandButton.disabled { cursor: wait;, text-decoration: none; }
.regButtonsPanel { text-align: right;  margin-top: 50px; }
.regButtonsPanel .btn.formButton { float: none; }
.formObjectInline { display: inline-block; float: none; }
.profileDropWrapper.formObjectInline { margin-right: 40px; }
.fieldType { width: 15%; }
.fieldIDC { width: 30%; }
.fieldPhone { width: 40%; }
.fieldExt { width: 10%; }
.mr2 { margin-right: 2%; }

.selectableTableClass tr:hover { background-color: #DA291C; cursor: pointer; color: White; }
.selectableTableClass tr:hover td { color: White; }

.colStyle::after, clear::after{
    clear: both;
    content: "'";
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.EntryPanel {
    float: left;
    width: 59%;
}
.HintPanel{
    float: right;
    width: 40%;
    padding: 3px;
}

.ui-dialog { background: #F9D8D8; padding: 10px; font-size: larger; color: #BD5F55;}
.ui-icon-alert, .no-close .ui-dialog-titlebar-close { display: none; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: center; }
button.ui-sev2 { background: #EA7025; border-color: #EA7025; box-shadow: none; color: White; }
button.ui-sev1 { background: #A40B17; border-color: #A40B17; box-shadow: none; color: White; }
.ui-dialog .ui-widget-content { max-height: none; }
.dialog-absolute { position: absolute !important; }
.crit_field { width: 15%; }
/*.crit_conds { width: 50%; }*/

a.btn.commandButton { text-decoration: none; height: 20px; display: inline-block; padding-top: 10px; padding-bottom: 10px; vertical-align: bottom; }
a.mr2 { margin-right: 2%; }

.vcg_casenumber {width: 130px;}
.vcg_contact {width: 110px;}
.vcg_email {width: 150px;}
.vcg_status {width: 100px;}
.vcg_createddate {width: 120px;}
.vcg_severity {width: 100px;}
.vcg_defect {width: 180px;}
.vcg_survey {width: 100px;}
.vcg_owner {width: 100px;}
.vcg_image { width: 150px; }
.vcg_image img { width: 150px; }
.vcg_phone {width: 180px;}

.formRichText { margin-top: 10px; width: 85%;   
    -webkit-box-shadow: 3px 3px 14px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 14px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 14px 0px rgba(0,0,0,0.75); }
.formRichTextSelected {  
    -webkit-box-shadow: 3px 3px 10px 0px rgba(218,41,28,1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(218,41,28,1);
    box-shadow: 3px 3px 10px 0px rgba(218,41,28,1); }
.formRichText body { font-size: 16px; margin: 2px; }

.lookupInput { display: block; clear: both; }
.lookupInput input { display: inline-block; width: 80%; }
.lookupInput a { display: inline-block; width: 5%; text-align: right; height: 21px; }

.servreq-header { font-weight: bold; font-size: 115%; }
.servreq { display: inline-block; width: 20%; vertical-align: top; margin: 10px; text-decoration: none; }
.servreq .servreq_image {  }
.servreq .servreq_text {  }
.servreq img { width: 50px; }

.servreq_image { float: left; padding-right: 10px; padding-bottom: 95px; }
.servreq .servreq_delivery { font-size: 0.8em; font-style: italic; }

body .btn.pagingButton { font-size: 12px; height: 30px; padding-right: 15px; padding-left: 15px;}


.modalform { background: #fff; }
.modalform .ui-dialog-titlebar { font-size: 18px; color: #000; font-weight: bold; border-bottom: 1px solid lightgray; padding-bottom: 10px; }
.modalform .ui-dialog-content { padding-top: 10px; }
.modalform .colStyle { margin-bottom: 0px; }
.modalform .formLabel { width: 10%; display: inline-block; }
.modalform .formObject, .modalform .PhoneObject { display: inline-block; width: 88%; }
.modalform .formObject.formHalfSize { width: 41%; }
.modalform .formObject.formHalfSize:nth-child(2) { margin-right: 2%; }
.modalform .formCancelButton {}
.modalform div.edituser { display: inline; }

.DisableLink { color: #da291c; font-weight: bold; }
.EnableLink { color: green; font-weight: bold; }
.sortheader { background-position: right center; background-repeat: no-repeat; }
.sortheader a { display: block; text-decoration: none; padding: 5px 0px; }
.sortheader:hover { background-color: #DA291C; }
.sortheader:hover a { text-decoration: none; }

.processing { z-index: 1000; background: #aaaaaa; opacity: .7; filter: Alpha(Opacity=70); position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.processing img { z-index: 1001; position: absolute; top: 49%; left: 49%; }

.soladv_left { width: 50%; float: left; display: inline-block; margin-bottom: 10px; }
.soladv_right { width: 50%; float: right; }


.prof_nav { float: left; }
.prof_nav ul { list-style-type: none; padding: 0px; width: 235px; }
.prof_nav ul li {margin-bottom: 25px; padding: 0px 40px 0px 0px; cursor: pointer; font-weight: bold; font-size: 18px;}
.prof_nav ul li.selected { color: #DA291C; background-repeat: no-repeat; background-position: right center; }
.prof_main { margin-left: 240px; padding-left: 10px; border-left: black solid 2px; min-height: 600px}
.prof_main ul.subnav { list-style-type: none; padding: 0px; border-bottom: black solid 3px; }
.prof_main ul.subnav li { display: inline-block; margin: 15px; cursor: pointer; font-weight: bold; font-size: 18px; }
.prof_main ul.subnav li.selected { color: #DA291C; }
.prof_main ul.subnav li a { text-decoration: none; cursor: pointer; }
.prof_main ul.subnav li.selected a { color: #DA291C; }

.prof_nav ul li.hidden, .prof_main ul.subnav li.hidden {display: none;}
.prof_main h1.subheading { display: block; font-size: 26px; font-weight: bold;  }
.fc-toolbar { height: 50px; }

.prof_text {font-size: 14px;}

.invite { cursor: pointer; color: green; }

.ui-front { z-index: 100; }
.ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); }
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-datepicker { border-radius: 10px; border: #DA291C 5px solid; background-color: white; width: 300px; padding: 10px; display: none; }
.ui-datepicker .ui-datepicker-header { text-align: center; margin-bottom: 10px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { margin-right: 30%; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { margin-left: 30%; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title { }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { margin-left: 2%; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { margin-rightt: 2%; }
.ui-datepicker .ui-datepicker-calendar { }
.ui-datepicker .ui-datepicker-calendar thead { }
.ui-datepicker .ui-datepicker-calendar thead th { text-align: center; }
.ui-datepicker .ui-datepicker-calendar tbody { }
.ui-datepicker .ui-datepicker-calendar tbody tr { }
.ui-datepicker .ui-datepicker-calendar tbody tr td { text-align: center; padding: 5px; }
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today { }
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day { background-color: #DA291C; opacity: .7; }
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a { color: white; }
.heatdate, .heattime { display: inline-block; width: 10%; margin-right: 2%; }

.exportsection { float: right; margin-top: 9px;}

.helplink { font-size: .8em; float: right; padding-right: 15%; }

.trg{margin:auto 2%; display: flex; justify-content: center;}
.tr{display: flex; justify-content: center;}
.tc{display:inline-block; margin: 1% auto;}
 
.body {flex: 1; }

.srreadonly { background-color: #ddd; }

/*.CoveoResultList {position: fixed; left: 50vw; top: 180px; padding-left: 20px; width: 48vw; height: 50vh; overflow: auto;}
.CoveoResultLabel {position: fixed; top: 170px; padding-left: 30px; left: 50vw;}*/
.CoveoResultList {padding-left: 20px; width: 48vw; overflow: auto;}

@media only screen and (min-width:426px){
    .body {overflow: auto;}
}

@media only screen and (max-width:1300px){
        
    .user, input.btn.logout{color: #fff;}
    
    .user, input.btn.logout{font-size: 15px;}    
}

@media only screen and (max-width:1201px) and (min-width:975px){
    .iconTopBottom {font-size: 1vw;}
    
    .header-nav.anchor{margin-left:0px; font-size:15px;}
    
    .preNav.anchor{margin-left:0px;}
    
    .preNav.line.anchor{margin-right:0px;}
    
    .languageSelector{position:absolute;top: 0;right: -15px;}
    
    .languageSelector span.ui-selectmenu-button{width:64px;}
    
    .languageSelector .fa.fa-language{color: #DA291C;}
    
    .languageSelector .ui-selectmenu-text{font-size: 15px;}
    
    div.custPopup{margin-left:8%}
    
    label.roleLabelPrePopulated{max-width:75%;}
    
    label.roleLabel{max-width:75%;}
    
    div.col1{height:30px;}
    
    div.col2{height:30px;}
    
    .advocateLabel{font-size:12px; width:90%;}

    
    /*.user{position:absolute;top: 0;right: -30px;}*/
    
    .user, input.btn.logout{color: #fff;}
    
    .user, input.btn.logout{font-size: 15px;}

}

@media only screen and (max-width:974px){
    .CoveoResultList {position: relative; top: 30px; width: 90vw; left: 0}
    .CoveoResultLabel {position: static;}
    .hideOnSmallScreen {display: none;}
    .iconTopBottom {font-size: 1.2vw;}
    .header-nav.anchor{margin-left:0px; font-size:13px;}
    .user, input.btn.logout{font-size: 13px;}
    .cs_options img { width: 40%; }

    div.HintPanel { float: none; width: 100%; margin-bottom: 10px; }
    div.EntryPanel { width: 100%; }

    div.PhoneObject { width: 100%; }

    .soladv_left, .soladv_right { width: 100%; float: none; }

    div.CallbackSections { width: 100%; margin-top: 10px;}

    .modalform .formLabel { width: 15%; }
    .modalform .formObject, .modalform .PhoneObject { width: 80%; }
    .modalform .formObject.formHalfSize { width: 38%; }

    .headerBar {  }
}

@media only screen and (max-width:873px) and (min-width:375px){
    .timeclock { color: black; }
    .user, input.btn.logout{font-size: 11px;}
    .reg1.headerBar{background-color: transparent; height: 0;}
    
    .reg.headerBar{height:80px;}
    
    .header-nav.anchor{margin-left:0px; font-size:11px;}
    
    a.header-nav.anchor.active .fa.fa-chevron-right, a.header-nav.anchor.active{margin-top:5.5px;}
    
    .preNav.anchor{margin-left:0px;}
    
    .preNav.reg.anchor{font-size:24px; width:100%}
    
    div.home-navigation ul.home-nav li{ display:inline-block; margin-top:15px;}
    
    div.home-navigation ul.home-nav li a{font-size:11px;}
    
    div.home-navigation a.header-nav.anchor.active .fa.fa-chevron-right{margin-top:4px;}
    
    ul.home-nav, ul.reg-nav{box-sizing:border-box; width: 100%; margin: 0}
    
    ul.reg-nav li{box-sizing: border-box; margin: 0; margin-top: 10px;}
    ul.home-nav li{box-sizing: border-box; /*float: left;*/ margin: 0; margin-top: 10px;}

    ul.reg-nav li:first-child{width:100%; margin-top: 10px;}
    
    ul.reg-nav li:nth-child(2){display: none;}
    
    .colStyle1, .col1{float:none; width:100%;}
    
    .fid:nth-child(3){height: 110px;}
    
    .colStyle2, .col2{float:none; width:100%;}

    .colStyle { margin-bottom: 0px; min-height: auto;}
    
    .colStyle .colStyle1 { margin-bottom: 30px; height: 65px; }

    .colStyle .colStyle2 { margin-bottom: 30px; height: 65px; }
    
    .container{margin-left: 15px; margin-right: 15px;}
    
    .regInput.formObject.error{margin:0px;margin-right:0px;}
    
    .formObject{margin:0px; width:100%}
    
    div.regRequired{margin-right:0%}

    .languageSelector, .user {position:absolute;top: 0;right: -30px;} /* , input.btn.logout */
    
    .languageSelector span.ui-selectmenu-button{width:64px;}
    
    .languageSelector .fa.fa-language, .user{color: #fff;} /* , input.btn.logout*/
    
    .languageSelector .ui-selectmenu-text, .user{font-size: 15px;} /*, input.btn.logout*/
    
    .wrapperDrop{width:93%}
    
    #pid4{margin:0px; width:100%}
    
    .logoLeft{max-width:75%;}
    
    .header-nav.anchor.active .fa.fa-chevron-right{font-size:13px;}
    
    .profile-buttons{float:none; width:257px;}
    
    .reg-headers{max-height:150px; font-size:26px;}
    
    .formObjectPrePopulated{margin-right:0px; width: 100%}
    
    label.info{font-size:12px;}
    
    span.fa.fa-info-circle{font-size:12px;}
    
    div.custPopup{position: fixed; width: 83%; margin-left: 2%; }
    
    .popup{width: 50px;margin-left: 18%; height:50px}
    
    .advocateLabel{font-size:12px; width:90%;}
    
    .roleContainer{margin-left:20px;}
    
    div.popButtons{margin-right:4px;}
    
    .popButtons .btn.formCancel, .Buttons .btn.formCancel{padding-left:20px; padding-right:20px;}
    
    .popButtons .btn.formButton, .Buttons .btn.formBack, .btn.commandButton{padding-left:15px; padding-right:15px;}
    
    .Buttons .btn.formBack{margin:0px;}
    
    div.formWrapper {width: 100%;margin: 0px;box-sizing: border-box;padding: 5px; border-right: none;border-left: none;}
    
    .formWrapper iframe{width: 100%; margin-bottom:10px; margin-right: 40px;}
    
    .logo{margin:0px; margin-left:5px; margin-bottom:8px;}
    
    .top-nav {display: inline-block;margin-top: -10px;margin-bottom: 10px;height: 34px;width: 100%;}
    
    a.login.anchor {width: 50%;margin-top: 5px;box-sizing: border-box;font-size:23px;}
    
    a.register.anchor {width: 50%;margin-top: 5px; margin-left: 0px;box-sizing: border-box;font-size:23px;}
    
    .header-bar{background-color: transparent;}
    
    .btn.formLogin{margin-top:20px;}
    
    div.profileDropWrapper{width:93%}
    
    div.profile-buttons{text-align:center; float:none; margin-left:7%}
    
    input.btn.logout{color:#DA291C}
    
    .user{right:0;margin-right:30px; margin-top:20px;width:auto; color: black;}
    
    input.btn.logout{margin-top:-1px;}  
    
    img.theImage.logoLeft{max-width:145px;}
    
    .home.register-nav{width:100%}
    
    .home.header-nav.anchor{margin-left:0px; font-size:14px; margin-left:10%}
    
    .home.header-nav.anchor li:first-child{margin-left:0px; font-size:13px; margin-left:0px;}
    
    a.header-nav.anchor.active .fa.fa-chevron-right, a.header-nav.anchor.active{margin-top:5.5px;}
    
    .home a.header-nav.anchor.active{margin-left:20%}
    
    body .tableClass.table-responsive {border: 0;}
    
    body  .tableClass.table-responsive  thead {display: none;}
    
    body .tableClass.table-responsive  tbody tr {margin-bottom: 10px;display: block;border: 1px solid #ddd;background: white;}
    
    body .tableClass.table-responsive tbody th,body .tableClass.table-responsive tbody td {display: block;}
    
    body .tableClass.table-responsive tbody td {text-align: right;font-size: 13px;border-bottom: 1px solid #ddd;border-top: 0 !important;}
    
    body .tableClass.table-responsive tbody td:last-child {border-bottom: 0;}
    
    body .tableClass.table-responsive tbody td:before {content: attr(data-label);float: left;text-transform: uppercase;font-family: OpenSans;font-size:14px;font-weight: 500;}
    
    body .tableClass.table-responsive .block-column {text-align: left;}
    
    body .tableClass.table-responsive .block-column:before {float: none;display: block;margin-bottom: 5px;}
    
    body .tableClass{border-style: solid; border-width:.25px; border-color:#cccccc; margin-top: 30px;}
    
    body .tableClass thead tr th{background-color:red;}
    
    body .tableClass td{border:none; font-family: OpenSans; height: 35px;text-align: right;font-size: 13px;border-bottom: 1px solid #ddd;border-top: 0 !important;width:100%;margin-left:0px; margin-right:5px;}
    
    body .tableText, .gc-cs-link, .phone{font-family: OpenSans; text-align: right;font-size: 13px;margin-right:5px;}
    
    body .tableClass td.communityStatus{width: inherit; text-align:right; height:35px; display:block; text-align: right;font-size: 13px;border-bottom: 1px solid #ddd;border-top: 0 !important;}
    
    body input.tableChecks{text-align: right;font-size: 13px;border-bottom: 1px solid #ddd;border-top: 0 !important;display: block;}
}

@media only screen and (max-width:374px) and (min-width:320px){
    
    .reg1.headerBar{background-color: transparent;}
    
    .header-nav.anchor{margin-left:0px; font-size:13px;}
    
    a.header-nav.anchor.active .fa.fa-chevron-right, a.header-nav.anchor.active{margin-top:5.5px;}
    
    .preNav.anchor{margin-left:0px;}
    
    .preNav.reg.anchor{font-size:24px; width:100%}
    
    div.register-nav{height:100px;}
    
    div.home-navigation ul{margin-left:5px;}
    
    div.home-navigation ul.reg-nav li{ /*width:20%;*/ display:inline-block; margin-top:15px;}
    
    //div.home-navigation ul.reg-nav li:nth-child(2){width:40%}
    
    //div.home-navigation ul.reg-nav li:nth-child(3){width:25%}
    
    div.home-navigation ul.reg-nav li a{font-size:16px;}
    
    div.home-navigation a.header-nav.anchor.active .fa.fa-chevron-right{margin-top:4px;}
    
    ul.home-nav, ul.reg-nav{box-sizing:border-box; width: 100%; margin: 0}
    
    ul.reg-nav li{box-sizing: border-box; width: 33%; float: left; margin: 0; margin-top: 10px;}
    ul.home-nav li{box-sizing: border-box; width: 33%; /*float: left;*/ margin: 0; margin-top: 10px;}
    
    ul.reg-nav li:first-child{width:100%; margin-top: 10px;}
    
    ul.reg-nav li:nth-child(2){display: none;}
    
    .colStyle1, .col1{float:none; width:100%;}
    
    .fid:nth-child(3){height: 110px;}
    
    .colStyle2, .col2{float:none; width:100%;}
    
    .container{margin-left: 15px; margin-right: 15px;}
    
    .regInput.formObject.error{margin:0px;margin-right:0px;}
    
    .formObject{margin:0px; width:100%}
    
    div.regRequired{margin-right:0%}

    .languageSelector, .user{position:absolute;top: 0;right: -30px;} /*, input.btn.logout*/
    
    .languageSelector span.ui-selectmenu-button{width:64px;}
    
    .languageSelector .fa.fa-language, .user, input.btn.logout{color: #DA291C;}
    
    .languageSelector .ui-selectmenu-text, .user, input.btn.logout{font-size: 15px;}
    
    .home.header-nav.anchor{margin-left:0px; font-size:13px; margin-left:20%}
    
    .home.header-nav.anchor li:first-child{margin-left:0px; font-size:13px; margin-left:0px;}
    
    a.header-nav.anchor.active .fa.fa-chevron-right, a.header-nav.anchor.active{margin-top:5.5px;}
    
    .home a.header-nav.anchor.active{margin-left:20%}
    
    .home.register-nav{width:100%}
    
    .user{right:0;margin-right:30px; margin-top:20px;width:auto;}
    
    input.btn.logout{margin-top:-1px;}
    
    .wrapperDrop{width:93%}
    
    #pid4{margin:0px; width:100%}
    
    .logoLeft{max-width:75%;}
    
    .header-nav.anchor.active .fa.fa-chevron-right{font-size:13px;}
    
    .profile-buttons{float:none; width:257px;}
    
    .reg-headers{max-height:150px; font-size:26px;}
    
    .formObjectPrePopulated{margin-right:0px; width: 100%}
    
    label.info{font-size:12px;}
    
    span.fa.fa-info-circle{font-size:12px;}
    
    div.custPopup{position: fixed; width: 83%; margin-left: 2%; }
    
    .popup{width: 50px;margin-left: 18%; height:50px}
    
    .advocateLabel{font-size:12px; width:90%;}
    
    .roleContainer{margin-left:20px;}
    
    div.popButtons{margin-right:4px;}
    
    .popButtons .btn.formCancel, .Buttons .btn.formCancel{padding-left:20px; padding-right:20px; font-size:14px;}
    
    .popButtons .btn.formButton, .Buttons .btn.formBack, .btn.commandButton{padding-left:15px; padding-right:15px;font-size:14px;}
    
    .Buttons .btn.formBack{margin:0px;}
    
    div.formWrapper {width: 100%;margin-top:-50px;box-sizing: border-box;padding: 5px; border-right: none;border-left: none;}
    
    .formWrapper iframe{width: 100%; margin-bottom:10px; margin-right: 40px; margin-left:-15px;}
    
    .logo{margin:0px; margin-left:5px; margin-bottom:8px;}
    
    .top-nav {display: inline-block;margin-top: -10px;margin-bottom: 10px;height: 34px;width: 100%;}
    
    a.login.anchor {width: 50%;margin-top: 5px;box-sizing: border-box;font-size:19px;}
    
    a.register.anchor {width: 50%;margin-top: 5px; margin-left: 0px;box-sizing: border-box;font-size:19px;}
    
    .btn.formLogin{margin-top:20px;}
    
    div.profileDropWrapper{width:93%}
    
    .ui-menu.ui-corner-bottom.ui-widget.ui-widget-content{width:93%}
    
    div.profile-buttons{text-align:center; float:none; margin-left:-9px;}
    
    img.theImage.logoLeft{max-width:75%;}
    
    .reg.headerBar{height:80px;}
	
	
    
    body .tableClass.table-responsive {border: 0;}
    
    body  .tableClass.table-responsive  thead {display: none;}
    
    body .tableClass.table-responsive  tbody tr {margin-bottom: 10px;display: block;border: 1px solid #ddd;background-image: url(https://c.na68.visual.force.com/resource/1512075440000/Portal_Background);}
    
    body .tableClass.table-responsive tbody th,body .tableClass.table-responsive tbody td {display: block;}
    
    body .tableClass.table-responsive tbody td {text-align: right;font-size: 13px;border-bottom: 1px solid #ddd;border-top: 0 !important;}
    
    body .tableClass.table-responsive tbody td:last-child {border-bottom: 0;}
    
    body .tableClass.table-responsive tbody td:before {content: attr(data-label);float: left;text-transform: uppercase;font-family: OpenSans;font-size:14px;font-weight: 500;}
    
    body .tableClass.table-responsive .block-column {text-align: left;}
    
    body .tableClass.table-responsive .block-column:before {float: none;display: block;margin-bottom: 5px;}
    
    body .tableClass{ margin-top: 30px;}
    
    body .tableClass thead tr th{background-color:red;}
    
    body .tableClass td{border:none; font-family: OpenSans; height: 35px;text-align: right;font-size: 13px;border-bottom: 1px solid #ddd;border-top: 0 !important;width:100%;margin-left:0px; margin-right:5px;}
    
    body .tableText, .gc-cs-link, .phone{font-family: OpenSans; text-align: right;font-size: 13px;margin-right:5px;}
    
    body .tableClass td.communityStatus{width: inherit; text-align:right; height:35px; display:block; text-align: right;font-size: 13px;border-bottom: 1px solid #ddd;border-top: 0 !important;}
    
    body input.tableChecks{text-align: right;font-size: 13px;border-bottom: 1px solid #ddd;border-top: 0 !important;display: block;}
}

.hidethis { visibility: hidden; }