#loginpage {background-color: #272e3c;}
#loginpage div.outerContainer {display: block; height: 100%; width: 100%; position: relative;}
div#slideshow {background: url(../images/animated-clouds.png) repeat-x 0px 0px; height: 260px; width: 100%; position: absolute; top: 0; left: 0; z-index: 10;
	-webkit-animation: scene2 50s linear infinite ;
	-moz-animation: scene2 50s linear infinite ;
	-o-animation: scene2 50s linear infinite ;
	-ms-animation: scene2 50s linear infinite ;
	animation: scene2 50s linear infinite ;
}
@-webkit-keyframes scene2 {
	0% { background-position: 0px 0, 0px 0, 0 0; }
	100% { background-position: 1800px 0, 900px 0, 0 0; }
}
@-moz-keyframes scene2 {
	0% { background-position: 0px 0, 0px 0, 0 0; }
	100% { background-position: 1800px 0, 900px 0, 0 0; }
}
@-o-keyframes scene2 {
	0% { background-position: 0px 0, 0px 0, 0 0; }
	100% { background-position: 1800px 0, 900px 0, 0 0; }
}
@-ms-keyframes scene2 {
	0% { background-position: 0px 0, 0px 0, 0 0; }
	100% { background-position: 1800px 0, 900px 0, 0 0; }
}
@keyframes scene2 {
	0% { background-position: 0px 0, 0px 0, 0 0; }
	100% { background-position: 1800px 0, 900px 0, 0 0; }
}
div#logincontainer {max-width: 1062px; text-align: center; margin: 0 auto; background: url(../images/login/logincontainerback.png) no-repeat center top; height: 800px;
	position: relative; min-width: 960px;
}
div#logincontent {position: absolute; left: 0px; top: 160px; height: 600px;}
div#logintext {position: absolute; left: 50px; top: 82px; color: #fff;z-index: 20; width: 250px; text-align: left;}
div#logintext h2 {font-size: 29px; padding: 0 0 20px 0;text-shadow: 0px 1px 1px #000;}
div#logintext p {font-size: 12px; text-shadow: 0px 1px 1px #000; line-height: 1.6;padding: 0 0 10px 0;}
a#forgotPwClick {color: #fff;}
a#forgotPwClick:hover {color: #e96c2e;}
div#loginform {position: absolute; left: 310px; top: -9px; width: 305px; height: 324px; background: url(../images/login/loginformback.png) no-repeat 0px 0px; z-index: 50;-webkit-border-radius: 6px; border-radius: 6px;-webkit-box-shadow:  0px 0px 3px 3px rgba(00, 00, 00, .1);
box-shadow:  0px 0px 3px 3px rgba(00, 00, 00, .1);}
div#reflection {width: 305px; height: 127px; background: url(../images/login/reflection.png) no-repeat center top; position: absolute; left: 310px; top: 321px;}
div#loginaction {width: 272px; height: 180px; position: absolute; top: 140px; left: 17px; color: #fff; text-align: left;}
div#loginaction legend {display: none;}
div#loginaction div {padding-bottom: 17px; display: block;}
div#loginaction div label {padding-bottom: 9px; display: block; text-shadow: 0px 1px 1px #000;}
div#loginaction div input {border: 1px solid #242835; width: 264px; height: 26px; padding-left: 6px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(204,204,204,1) 6%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(6%,rgba(204,204,204,1)), color-stop(6%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(204,204,204,1) 6%,rgba(255,255,255,1) 6%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(204,204,204,1) 6%,rgba(255,255,255,1) 6%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(204,204,204,1) 6%,rgba(255,255,255,1) 6%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(204,204,204,1) 6%,rgba(255,255,255,1) 6%,rgba(255,255,255,1) 100%);
}
.sost-login-container .panel fieldset input.sost-username{
  background-image: url("../images/icon_user.png");
  background-repeat: no-repeat;
  background-position: 97% 12px;
}
.sost-login-container .panel fieldset input.sost-password {
  background-image: url("../images/icon_lock.png");
  background-repeat: no-repeat;
  background-position: 97% 12px;
  margin-top:15px;
}

div#loginaction div button {float: right; text-align: center; height: 26px; border: 2px solid #e96c2e; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; width: 108px; font-weight: bold; text-shadow: 0px 1px 1px #000;
background: rgb(236,126,71);
background: -moz-linear-gradient(top,  rgba(236,126,71,1) 0%, rgba(233,108,46,1) 50%, rgba(236,126,71,1) 50%, rgba(233,108,46,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,126,71,1)), color-stop(50%,rgba(233,108,46,1)), color-stop(50%,rgba(236,126,71,1)), color-stop(100%,rgba(233,108,46,1)));
background: -webkit-linear-gradient(top,  rgba(236,126,71,1) 0%,rgba(233,108,46,1) 50%,rgba(236,126,71,1) 50%,rgba(233,108,46,1) 100%);
background: -o-linear-gradient(top,  rgba(236,126,71,1) 0%,rgba(233,108,46,1) 50%,rgba(236,126,71,1) 50%,rgba(233,108,46,1) 100%);
background: -ms-linear-gradient(top,  rgba(236,126,71,1) 0%,rgba(233,108,46,1) 50%,rgba(236,126,71,1) 50%,rgba(233,108,46,1) 100%);
background: linear-gradient(to bottom,  rgba(236,126,71,1) 0%,rgba(233,108,46,1) 50%,rgba(236,126,71,1) 50%,rgba(233,108,46,1) 100%);
}
.defaultError{display:none;}
div.loginerror {width: 250px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px 5px 15px;-webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #414652;border-bottom: 3px solid #414652;
background: rgb(65,70,82);
background: -moz-linear-gradient(top,  rgba(65,70,82,1) 0%, rgba(42,49,63,1) 8%, rgba(42,49,63,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,70,82,1)), color-stop(8%,rgba(42,49,63,1)), color-stop(100%,rgba(42,49,63,1)));
background: -webkit-linear-gradient(top,  rgba(65,70,82,1) 0%,rgba(42,49,63,1) 8%,rgba(42,49,63,1) 100%);
background: -o-linear-gradient(top,  rgba(65,70,82,1) 0%,rgba(42,49,63,1) 8%,rgba(42,49,63,1) 100%);
background: -ms-linear-gradient(top,  rgba(65,70,82,1) 0%,rgba(42,49,63,1) 8%,rgba(42,49,63,1) 100%);
background: linear-gradient(to bottom,  rgba(65,70,82,1) 0%,rgba(42,49,63,1) 8%,rgba(42,49,63,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414652', endColorstr='#2a313f',GradientType=0 );}
div.loginerror h3 {font-size: 16px; padding: 0 0 12px 0; color: #f4762d; text-shadow: 0px 1px 1px #000;}
a.closeerror {float: right; display: block; width: 20px; height: 20px; text-indent: -99999px;background: url(../images/error-close.png) no-repeat 0px 0px;}
a:hover.closeerror {background-position: 0px -20px;}

#forgottenPWPopup{display:none;}
#fpwResponse, #forgotEmail {display:block;}
#forgottenPWPopup input[type="email"]{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;height: 28px; line-height: 24px;text-indent: 4px;display:block;width:100%;border: 1px solid #cecece;-webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; color: #747474; background: #fff;}
span#fpwResponse { line-height: 1.3; color: #747474;font-family: 'DroidSansRegular'; margin: 5px; display: block;}
div.recoverPwlayoutDiv {display: block; margin: 3px 5px; position: relative;}
div.recoverPwlayoutDiv.recoverPwButton {text-align: right; padding-top: 10px;}
div.recoverPwlayoutDiv label {clear: right; color: #747474; display: block; font-family: 'DroidSansRegular'; min-height: 16px; padding-top: 2px;}
p.forgottenPWPopupLabel {color: #747474; line-height: 1.3; padding: 0 0 10px 0;}

.sost-login-container .panel .loginOption {text-align:center;}
.sost-login-container .loginOption fieldset {border: unset;}
.sost-login-container .sost-message-container {padding: 20px; border:unset;margin-top:30px; margin-bottom:30px;}
.sost-login-container .sost-message-container .loginerror {width:100%; color:white; font-size:1.8em; background:unset; border:unset;}
.sost-login-container .sost-message-container .loginerror p {line-height:1em;}

/*************** logout page ******************/
.sost-login-container .sost-form.logout h3 {margin-top:100px; color:white; font-size:24px; font-weight:normal;}

/************** MFA Options pages ****************/
.sost-login-container .loginOption h3 {color:white;text-align:left;margin-bottom:5px; margin-top:5px;font-size: 1.2em;}

/************** Register Options pages ****************/
.sost-login-container.mfa-register .loginOption h3 {margin-top:0;}
.sost-login-container.mfa-register .loginOption label {display:block; color:white; font-size:1.1em; text-align:left;}
.sost-login-container.mfa-register .loginOption #sost-qr-code {display:inline-block;background-color:white;margin:10px auto;}
.sost-login-container.mfa-register .loginOption #sost-qr-code img,
.sost-login-container.mfa-register .loginOption #sost-qr-code canvas {display:block; height:130px; width:130px;padding:5px;}

/********************** Auth code page *******************/
.hide {display: none;}
.sost-login-container.authcode .loginOption fieldset {margin-top: 24px; padding: 5px 0; text-align: left;}
.sost-login-container.authcode .panel .sost-atag {display:block; color: white; text-decoration: none; margin-top: 1em;}
.sost-login-container.authcode .panel .sost-atag:hover {color: #ef6423;}

/*********************** Cookie consent ******************/
.cc-link{text-decoration: underline !important;}
.cc-window.cc-floating{max-width: 100%;}