@charset "utf-8";
/* --------------------------------- 
Basic CSS for OnPoint version:01
Create Date: 26/10/2015
------------------------------------ */
@import"reset.css";

@font-face {
		font-family: 'Roboto';
		src: url('../../WebPages/Landing/fonts/Roboto-Regular/roboto-regular.eot');
		src: url('../../WebPages/Landing/fonts/Roboto-Regular/roboto-regular.eot') format('embedded-opentype'),
			 url('../../WebPages/Landing/fonts/Roboto-Regular/roboto-regular.woff') format('woff'),
			 url('../../WebPages/Landing/fonts/Roboto-Regular/roboto-regular.ttf') format('truetype'),
			 url('../../WebPages/Landing/fonts/Roboto-Regular/roboto-regular.svg#RobotoRegular') format('svg');
}
	@font-face {
    font-family: 'RobotoCondensed';
    src: url('../../WebPages/Landing/fonts/RobotoCondensed-Light/robotocondensed-light.eot');
    src: url('../../WebPages/Landing/fonts/RobotoCondensed-Light/robotocondensed-light.eot') format('embedded-opentype'),
         url('../../WebPages/Landing/fonts/RobotoCondensed-Light/robotocondensed-light.woff') format('woff'),
         url('../../WebPages/Landing/fonts/RobotoCondensed-Light/robotocondensed-light.ttf') format('truetype'),
         url('../../WebPages/Landing/fonts/RobotoCondensed-Light/robotocondensed-light.svg#Robotocondensedlight') format('svg');
}
	
HTML, BODY{width:100%; height:100%; overflow:hidden;}
BODY{margin:0px auto; padding:0px; line-height:1; color:#333; font-family:Roboto !important; font-size:14px; font-weight:normal;}

.d-none{display:none;}
.pos01{bottom:45px; right:10px;}
.fr{ float:right;}
.fl{ float:left;}
.cls{ clear:both;}
form{ height:100%;}

/*Login Start*/
.languageBar{ float:right;}
.languageBar a{ float:left; color:#fff;}
.errMsg{padding-bottom: 15px; color: #ffdd00; line-height: 22px;}
.padbot0{ padding-bottom:0px;}
.successMsg{color: #fff; padding: 0px 0px 20px 0px; font-size:17px;}
.spriteLogin{background-image:url(../../App_Themes/RWD/Images/onpoint-sprite.png); background-repeat:no-repeat;}
.login-wrapper{ width:100%; height:100%; margin:0; padding:0; background:#0d5fa9; box-sizing:border-box; display:inline-block; overflow:auto; position:absolute; top:0px;}
.login-box{ width:405px; margin:100px auto; box-sizing:border-box; text-align:center; padding:10px;}
.login-logo{ width:150px; height:61px; background-position:0px 0px; display: inline-block; margin-bottom:25px;}
.login-logo img{ display:none;}
.tag-line{ width:100%; text-align:center; color:#fff; margin-bottom:25px; line-height: 20px;}
.login-box h3{ display:inline-block; width:100%; text-align:center; margin-bottom:25px; font-size:18px; color:#fff;}
.login-box ul li{ margin-bottom:15px;}
.login-box ul li span.requiredfield{ position:relative; margin-top:-25px; margin-right:10px; float:right; background:#fff; color:#9e0202 !important;}
.login-box input[type="text"], .login-box input[type="password"], .login-box input[type="email"]{ width:100%; padding:10px 10px 10px 30px; border:none; font-family:Roboto; font-size:14px; background-color:#fff; box-sizing:border-box; height:auto;}
.login-box ul li.spriteLogin.user input[type="text"]{background-image:url(../../App_Themes/RWD/Images/onpoint-sprite.png); background-repeat:no-repeat; background-position:-475px -372px;}
.login-box ul li.spriteLogin.password input[type="text"], .login-box ul li.spriteLogin.password input[type="password"]{background-image:url(../../App_Themes/RWD/Images/onpoint-sprite.png); background-repeat:no-repeat; background-position:-475px -402px;}
.login-box ul li.spriteLogin.reenter-password input[type="text"], .login-box ul li.spriteLogin.reenter-password input[type="password"]{background-image:url(../../App_Themes/RWD/Images/onpoint-sprite.png); background-repeat:no-repeat; background-position:-475px -430px;}
.login-box ul li.spriteLogin.email input[type="text"]{ background-image:url(../../App_Themes/RWD/Images/onpoint-sprite.png); background-repeat:no-repeat; background-position:-470px -459px;}
.login-box ul li.spriteLogin.scqus input[type="text"]{ background-image:url(../../App_Themes/RWD/Images/onpoint-sprite.png); background-repeat:no-repeat; background-position:-470px -343px;}
.login-box ul li.spriteLogin.scans input[type="text"]{ background-image:url(../../App_Themes/RWD/Images/onpoint-sprite.png); background-repeat:no-repeat; background-position:-470px -314px;}
.login-box ul li div.spriteLogin.capt input[type="text"]{ background-image:url(../../App_Themes/RWD/Images/onpoint-sprite.png); background-repeat:no-repeat; background-position:-470px -287px;}
.links-inline{display:inline-block; width:100%; text-align:center;}
.links-inline a{ color:#fff; text-decoration:underline;}
.login-button-wrap{display:inline-block; width:100%; text-align:center; margin:25px 0;}
.login-button-wrap input[type="submit"].btn{ border:1px solid #939ba3; background:#c6c7c7; padding:10px 20px; margin-right:20px; font-family:Roboto; font-size:14px; color:#333;}
.login-button-wrap input[type="submit"].btn:hover{ background:#a1d3ff; border:1px solid ##c9e0f5;}
.login-button-wrap input[type="submit"].btn.noMar{ margin-right:0px;}
.login-footer{display:inline-block; width:100%; text-align:center; border-top:1px solid #2071bb; color:#fff; padding-top:20px;}
.login-footer a{color:#fff; text-decoration:underline; padding-left:10px;}
.instructions{display:inline-block; width:100%; text-align:center; margin-bottom:15px; color:#5aa9f1; line-height:20px;}
.loginHintText{color:#888!important;}
.captchaImg{ padding-top:15px;}
.signupfrm{margin:30px auto;}
ul.forgotpasswizard li{ text-align:left;}
ul.forgotpasswizard li span{ color:#ccc; margin-right:10px;}
ul.forgotpasswizard li span.boldfont{color:#fff;}
/*Login End*/

@media only screen and (max-width: 319px) and (min-width: 240px){
	.login-box{ width:100%; margin:30px auto;}
	/*.login-footer{ position:absolute; bottom:0px; left:0px; background:#0d5fa9; padding-bottom:20px;}*/
	.signupfrm{ margin-top:15px; margin-bottom:10px;}	
}
@media only screen and (max-width: 479px) and (min-width: 320px) {
	.login-box{ width:100%; margin:30px auto;}
	/*.login-footer{ position:absolute; bottom:0px; left:0px; background:#0d5fa9; padding-bottom:20px;}*/
	.signupfrm{ margin-top:15px; margin-bottom:10px;}
}