/*body {
  background: url('../../img/tropical-beach-background-8.jpg') no-repeat center center fixed;
  background-size: cover;
  color: #666666;
   font-family: Arial, sans-serif;

}*/
@font-face {
  font-family: 'Montserrat';
  src: url('../../font/Montserrat-Regular.otf') format("opentype");
}
@font-face {
  font-family: MontserratSemibold;
  src: url('../../font/Montserrat-SemiBold.otf') format("opentype");
}
@font-face {
  font-family: MontserratBold;
  src: url('../../font/Montserrat-Bold.otf') format("opentype");
}
.backgroundIE {
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -3 !important;  
    width: 100%;
    height: 100%;
    min-width:1100px;
	min-height:600px;
}
@supports (-ms-accelerator:true ){
	@media print {
		.backgroundIE {
			display:none;
		}
	}
}

.noBackground {
    display: none;
}
/*.ie7 .backgroundIE,
.ie8 .backgroundIE {
  position: fixed;
  top: 0%;
  left: 0%;
  display: block;
  width: auto;
  height: auto;
  min-width:1000px;
  z-index: -3 !important;
}*/
.ie7 body,
.ie8 body {
  background: none;
}
/*@font-face {
  font-family: 'Marydale';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/marydale.eot?') format("eot"), url('../../font/style_136579.woff') format('woff'), url('../../font/marydale.ttf') format("truetype"), url("../../font/marydale.svg#Marydale") format("svg");
}*/
#logoContainer {
  position: absolute;
  left: 0;
}
span.logo {
  background: url("../../img/cua-logo.gif") no-repeat scroll left top #ffffff;
  height: 80px;
  width: 150px;
  display: inline-block;
}
#contactInfo {
  position: absolute;
  right: 0;
}
#numpadContainerLogin {
  top: 30px !important;
}
#numpadContainer {
  top: 30px !important;
}
.divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
  position: relative;
  top: -14px;
  width: 75%;
}
.loginTag {
  font-size: 15px;
  color: #ffffff;
}
#numpadContainerLogin .btn:hover,
#numpadContainerLogin .btn:active,
#numpadContainerLogin .btn.active,
#numpadContainerLogin .btn.disabled,
#numpadContainerLogin .btn[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
#forgetDiv .alert {
  padding: 0 !important;
  margin-top: 10px !important;
}
#forgetDiv .close {
  right: 2px !important;
}
.errorTag {
  padding-left: 18% !important;
  width: auto !important;
}
#head3 {
  width: 250px;
  position: absolute;
  right: 0;
  z-index: 3;
}
#head2Container {
  border-radius: 10px 0 0 10px;
}
#head2 {
  width: 100%;
  height: 725px;
  position: relative;
  margin-top: 20px;
}
/*.overridehead2Width{
	width: 100% !important;
	height: 825px !important;
	
	}*/
@media (max-width: 720px) {
	#head3 {
	    display: none;
	}
}
@media (max-width: 965px) {
  /*#head3 {
    display: none;
  }*/
  #rightContainer {
    width: 80% !important;
  }
  #head2 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #head2 {
    height: 1024px !important;
  }
  #rightContainer {
    width: 100% !important;
    margin-left: 0px !important;
  }
}
@media (max-width: 510px) {
  #rightContainer {
    width: 502px !important;
    margin-left: 0px !important;
  }
  #sideMenuDiv {
    width: 500px;
  }
  #menu-items {
    position: absolute;
    top: 5px;
    left: 460px;
  }
  .headOverrideLogin {
    width: 500px !important;
  }
}
@media only screen and (max-device-width: 950px) {
	/*#head3{
		display: none !important;
	}
	#main-content{
		right: 0px !important;
	}*/
	/*#rightContainer {
	   width: 1040px !important;
  	}
	#head3{
		right: -260px !important;
	}
	#main-content{
		width: 780px !important;
	}
	#head1{
		width: 1220px !important;
	}*/
}
.rightContainerMargin {
  margin-left: 0px !important;
}
.ie8 #copyrightTag #copyright,
.ie9 #copyrightTag #copyright {
  margin-left: 26% !important;
}
.ie8 #contactInfo,
.ie9 #contactInfo {
  width: 10% !important;
  text-align: right !important;
}
.ie7 #numpadContainerLogin {
  top: 24px !important;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  background: url("../../img/calendar-icon.png") no-repeat -96px -96px;
  background-size:14px;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}
.icon-question-sign {
  background-image: url("../../img/glyphicons-halflings.png") !important;
  height: 15px !important;
  margin-right: 36px !important;
  text-indent: 20px !important;
  width: 15px !important;
}
/*@media (max-width: 1200px) {
  #logout-div-background{
    width: 98% !important;
  }
}*/
@media (min-width: 980px) and (max-width: 1200px) {
  #logout-div-background{
    width: 98% !important;
  }
}
#head1Container, .head1ContainerCls {
    padding: 0px 20px;
    /*position: relative;*/
}
.whiteBackground{
	background-color: #fff;
}
@media (min-width: 1050px) and (max-width: 1280px) {
  #head1Container, .head1ContainerCls {
    margin: 0 26px;
  }
  #chat-div-wrap[data-override="wrap"]{
	margin: 0 26px;
  }
  #LoginPage #head1Container {
    margin: 0 22px;
  }
}
@media (min-width: 1280px) and (max-width: 1550px) {
  #head1Container, .head1ContainerCls {
    margin: 0 62px;
  }
  #chat-div-wrap[data-override="wrap"]{
	margin: 0 62px;
  }
  #LoginPage #head1Container {
    margin: 0 42px;
  }
  #maskMenuId {
    width: 88%;
  }
  #logout-div-background{
    width: 86.2% !important;
  }
}
@media (min-width: 1550px) {
  #head1Container, .head1ContainerCls {
    margin: 0 10%;
  }
  #chat-div-wrap[data-override="wrap"]{
	margin: 0 10%;
  }
  #maskMenuId {
    width: 80%;
  }
}
.sideMargin {
  margin: 0 10% !important;
}
.sideMargin6 {
  margin: 0 6% !important;
}
.maskMenu {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  /*border-radius: 10px;*/
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
  z-index: 100001 !important;
  width: 98%;
  position: absolute;
  height: 740px;
  margin-top: 10px;
}
.ie7 .maskMenu,
.ie8 .maskMenu {
   background-color: white; 
    filter: alpha(opacity=90);
}
.widthMaskMenu {
  width: 80%;
}
.loading {
  text-align: center;
  background-image: url("../../img/loader.GIF");
  height: 12px;
  width: 32px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
}

/*#copyrightTag {
  position: absolute;
  top: 90%;
  width: 150px !important;
  z-index: 1000;
}*/
#copyrightTag a {
  color: #555 !important;
}
.complianceCopyrightTag{
	position: absolute; 
	top:95%;
}
/*#leftWhiteBackground{
	position: absolute;
    border-left: 20px solid #fff;
    left: -20px;
}
#rightWhiteBackground{
	position: absolute;
    right: -20px;
    border-left: 20px solid #fff;
}*/
#forgottenWAC #head2
{
	    margin-top:20px !important;
}
.livechat-fab{
    height: 56px;
    padding: 0 16px;
    background: #665aa7; 
    border-radius: 32px; 
    cursor: pointer; 
    position: fixed; 
    bottom: 24px; 
    right: 30px; 
    z-index: 2147483000 !important; 
    overflow: hidden; 
    transition: all 0.1s ease-in; 
  } 
.livechat-fab[data-toggle="1"]{ 
    width: 24px; 
    box-sizing: unset;
}
.livechat-fab_container{
	display: flex; 
	align-items: center; 
	height: 100%; 
}
.livechat-fab_icon{
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(-1 -1)' fill='none' fill-rule='evenodd'%3E%3Cpath d='M15.279 1a8.237 8.237 0 0 1 8.23 8.237v1.786a8.231 8.231 0 0 1-8.23 8.23h-5.16l-5.823 2.722c-.417.193-.901.159-1.284-.084l-.124-.09a1.343 1.343 0 0 1-.466-1.342l.861-3.72-.198-.215a8.199 8.199 0 0 1-2.08-5.197L1 11.023V9.237A8.238 8.238 0 0 1 9.231 1Zm0 1.1H9.231A7.138 7.138 0 0 0 2.1 9.237v1.788a7.1 7.1 0 0 0 2.17 5.146.55.55 0 0 1 .154.52l-.93 4.013a.242.242 0 0 0 .338.273l5.933-2.772a.55.55 0 0 1 .233-.051h5.28a7.131 7.131 0 0 0 7.131-7.131V9.237A7.137 7.137 0 0 0 15.28 2.1ZM6.741 7.732a2.115 2.115 0 1 1 0 4.23 2.115 2.115 0 0 1 0-4.23Zm5.475 0a2.115 2.115 0 1 1 0 4.23 2.115 2.115 0 0 1 0-4.23Zm5.475 0a2.115 2.115 0 1 1 0 4.23 2.115 2.115 0 0 1 0-4.23Zm-10.95 1.1a1.015 1.015 0 1 0 0 2.03 1.015 1.015 0 0 0 0-2.03Zm5.475 0a1.015 1.015 0 1 0 0 2.03 1.015 1.015 0 0 0 0-2.03Zm5.475 0a1.015 1.015 0 1 0 0 2.03 1.015 1.015 0 0 0 0-2.03Z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E"); 
    width: 24px; 
    height: 24px; 
    background-size: 24px; 
    background-repeat: no-repeat; 
    background-position: center; 
    flex-shrink: 0; 
} 
[data-toggle="1"] .livechat-fab_icon{
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.613.21.094.083L8 6.585 14.293.293a1 1 0 0 1 1.497 1.32l-.083.094-7 7a.995.995 0 0 1-.53.277l-.118.014h-.118a.996.996 0 0 1-.648-.29l-7-7A1 1 0 0 1 1.613.21Z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E"); 
} 
.livechat-fab_text{
	font-family: TTNormsProMedium; 
	margin-left: 8px; 
	margin-bottom: 2px; 
	color: #fff; 
	font-size: 18px; 
	flex-shrink: 0; 
	white-space: nowrap; 
	opacity: 1;
	line-height: 24px;
    letter-spacing: 0px;
	text-align: right;
	display: none;
}
[data-toggle="1"] .livechat-fab_text{
	opacity: 0; 
}
#icChat[data-override="iframe"]{
	width: 400px !important; 
	height: 100% !important; 
}
#chat-div-wrap[data-override="wrap"]{
    bottom: 100px !important; 
    right: 30px !important; 
    left: auto !important; 
    top: auto !important; 
    height: calc(70% - 130px) !important; 
    width: 400px !important; 
    padding: unset !important;
    min-height: 480px !important;
    max-height: 616px !important;
}
@media (min-width: 768px){
	.livechat-fab {
		box-sizing: border-box;
		width: 159px;
	    bottom: 16px;
	    right: 30px;
	}
}
@media (min-width: 768px){
	.livechat-fab_text{
	    display: flex;
	}
}
/* Starter CSS only to work with on-page-java.js */