html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html{height:100%;}
body{background:#353B40;}

.authBanner {
	background: rgb(255,255,255);
    width: 100%;
    display: none;
}

.authBanner > div {
    padding: 10px 0px 10px 0px;
    font-family: "museo-sans-rounded",sans-serif;
	font-size:14px;
	color: #707b7b;
	position: relative;
}

.loginbox { width: 400px; margin: 4% auto 0 auto; position: relative; }
.loginboxinner {
	
	padding: 20px; position: relative;
	border: 0px solid #333;
}
.loginheader { 
	margin-bottom:20px;
	padding-bottom: 20px;
	text-align: center;
	 }
.loginheader .welcome {
	margin-top: 96px;
	color: #FFFFFF;
	font-family: Montserrat;
	font-size: 42px;
	font-weight: 400;
	margin-bottom: 48px;
}
.loginform { margin-top: 20px; }
.loginform .formbox {
	padding: 16px 32px;
	margin: -16px -32px;	
}

p input#password{margin: 0px 0 15px 0;}
p input#username{border-bottom:1px solid}
.loginbox label { display: block; color: #666; letter-spacing: 1px; font-size: 18px; }
.loginbox label#checkbox { display: inline-block;font-size:100%;color:#FFFFFF;}

.loginbox input { 	padding: 12px 10px 12px 51px;
 
	font-family: Arial, Helvetica, sans-serif; margin-top: 8px; font-size: 15px; border: 0; width:360px; 
	-moz-box-shadow: 0 1px 0 #444; -webkit-box-shadow: 0 1px 0 #444; box-shadow: 0 1px 0 #444; outline: none; 
}
.loginbox input#username{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.loginbox input#password{	border-bottom-right-radius: 5px;	border-bottom-left-radius: 5px;}
.loginbox input#captchaCode{
	/*border-top-right-radius: 5px;
	border-top-left-radius: 5px;*/
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 12px 10px 12px 10px;
    margin: 1px 0 7px 0;
}
.BDC_CaptchaImageDiv img{
	width: 335px;
	height: 40px;
	border-top-left-radius: 5px;
}
.loginbox input.checkbox{	width: 13px;	height: 13px;	padding: 0;	margin: 0;	vertical-align: bottom;	position: relative;	top: -1px;}
.loginbox .button { 
//	background: #77BD43;
	padding: 10px 20px; font-size: 18px;
	border: 0;
	letter-spacing: 1px;
//	color: #333;
	width: 360px;
	-moz-box-shadow: 1px 1px 3px #222;
	-webkit-box-shadow: 1px 1px 3px #222;
	box-shadow: 1px 1px 3px #222;
	cursor: pointer;
	border-radius:5px;
//	color:white;
	margin-bottom:10px;
	-webkit-appearance:none;
	color: #4b566c;
	border-color: #6474;
	background: #58b5de;
}
.loginbox .button.default,
.loginbox .button.hover,
.loginbox .button:active { background: ##77BD43; color: #white; }
.loginerror { color: #990000; background: #fbe3e3; padding: 0 10px; overflow: hidden; display: none; }
.loginerror { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.loginerror p { margin: 10px 0; }

.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  /*border: 1px solid red;*/ }
.title { font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif; }

p{
	position:relative;
}
form#login  span{position:absolute;	background:#B0B0B0;	left:0px;	top:8px;	width:41px;	height:31px;	text-align:center;
	padding-top:10px;color:#B0B0B0;}

#login span:before{	font-family:icomoon;speak: none;	font-style: normal;
	font-weight: normal;	font-variant: normal; font-size:120%;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	}

form#login  span#username_span{border-top-left-radius: 5px;}
form#login  span#username_span:before{content:"\e673";}
form#login  span#password_span{top:0px;border-bottom-left-radius:5px;}
form#login  span#password_span:before{content:"\e682";}
#login_footer{font-size:12px;position:absolute;width:100%;text-align:center;bottom:20px;left:0px;color:white;
	font-family:museo_sans500, Arial, sans-serif;height:60px;  z-index: -1000;
	}
#remembermediv{display:inline-block;*display: inline;*zoom:1;color:#FFFFFF;width:50%;}
#forgot_login_link{display:inline-block;*display: inline;*zoom:1;color:#FFFFFF;}
#forgot_login_link a{color: #FFFFFF;text-decoration: none;font-weight: bold;}
#template_footer{display:none;}
#menubar{display:none;}

.icon-email{ *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ''); font-family: 'icomoon'}
.icon-password{ *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ''); font-family: 'icomoon'}

.logo img{width:50%;}
@media screen and (max-width: 430px) {
	
	body { font-size: 11px; }
	button, input, select, textarea { font-size: 11px; }
	#template_renderBody
	.loginbox .logo{width:auto;}
	
	.loginbox { width: auto; margin: 10px 0px 10px 0px; }
	.loginbox input { width: 100%;-webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; }
	.loginbox .button { width: 100%;margin-bottom:10px; }
	#template_renderBody{min-width: 1px;}
	#login_helper{font-size:10px;}
}	

//Fonts
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/report/image/login/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/report/image/login/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/report/image/login/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/report/image/login/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/report/image/login/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}