/*****************************************HM .CSS**************************************************************/
@charset "utf-8";
/* CSS Document */
*{ margin: 0px; padding: 0px; outline:none; border:0px;}
html {height:100%; width:100%; margin:0px; padding:0px}
p{ margin: 0px; padding: 0px 0px 13px 0px;}
body { margin: 0px; padding: 0px;  font-family:'OpenSansReg', Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color:#ececec; font-weight:normal; }
a{color: #666; text-decoration:none }
a:hover{ color:#333;  text-decoration:none}
*, * focus {    margin: 0;     outline: medium none; }
.clr{ clear:both}
.clear{ clear:both}
.clearfix:after {visibility: hidden; 	display: block; 	font-size: 0; 	content: " "; 	clear: both; 	height: 0; 	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body, html{ margin:0; padding:0; height:100%;}
.ui-loader{ display:none;}

@font-face {font-family: OpenSansReg; 
    src: url('//assets/css/fonts/OpenSans-Regular.ttf') format('truetype')}
@font-face {font-family: OpenSansReg; 
    src: url('//assets/css/fonts/OpenSans-Italic.ttf') format('truetype'); font-style:italic}	
@font-face {font-family: OpenSansBol; 
    src: url('//assets/css/fonts/OpenSans-Bold.ttf') format('truetype'); font-weight:bold}
@font-face {font-family: OpenSansBol; 
    src: url('//assets/css/fonts/OpenSans-BoldItalic.ttf') format('truetype'); font-weight:bold; font-style:italic}

#lognpnl{ width:348px; background-image:url(../../assets/images/layout/ic_lock.png); background-position: 342px 15px; background-repeat:no-repeat; padding:30px 16px 20px 16px; background-color:#FFF; margin:0 auto 0px auto; -webkit-box-shadow: 0px 0px 2px 1px #999999; box-shadow: 0px 0px 2px 1px #999999; -webkit-border-radius: 6px; border-radius: 6px;  }
#lognpnl h1{  font-family: 'OpenSansBol',Arial,Helvetica,sans-serif;
    font-size: 25px;
    margin-bottom: 29px;
    padding-top: 15px;
    text-align: center; color: #99cc00;}
#lognpnl p{ color: #999999;
    font-size: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;}
.frgt{ text-align:center; padding:10px 0px 3px 0px;}
#lognpnl a{ color:#99CC00}
#lognpnl a:hover{ text-decoration:underline}
.inp1{   border: 1px solid #CCCCCC; font-family:'OpenSansReg', Arial, Helvetica, sans-serif;     border-radius: 6px;    box-shadow: 2px -2px 6px 1px #E7E7E7 inset;     color: #333333;    font-size: 18px;    height: 35px;     margin-bottom: 23px;     padding: 5px 2%; width:96%;}
	
.logo{ width:100%; padding:20px 0px; margin-top:100px; text-align:center;}

.gr{ background-color:#e3fdda;    border-radius: 3px;  border:1px solid #a1e6ac; padding:3px 10px; font-size:12px; color:#02ac06; margin-bottom:10px; font-family:'OpenSansReg', Arial, Helvetica, sans-serif;}
.re{ background-color:#fddada;  border-radius: 3px;  border:1px solid #ff9e9e; padding:3px 10px; font-size:12px; color:#ff1d1d; margin-bottom:10px; font-family:'OpenSansReg', Arial, Helvetica, sans-serif;}
.btn_sub{ background-color: #99cc00;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: 'OpenSansBol',Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 4px 0 10px;
    padding: 9px;
    text-align: center;
    width: 100%;}
.forg{ text-align:center; color:#fb5623; font-weight:bold;}
.forg a{ text-align:center; color:#99cc00!important}
#lognpnl .error{ margin-bottom:2px; color: #FF0000; }
input[type="submit"], input[type="reset"], button{ cursor:pointer;}
.logo img{ height:auto; width:auto}
#lognpnl .error p{ color: #FF0000; }
@media screen and (max-width: 786px){ 
.logo{ width:100%; padding:20px 0px; margin-top:10px;}
}

@media screen and (max-width: 480px){ 
#lognpnl{ width:270px;}
.inp1{  padding: 5px 3%; width:94%;}
}

/*css forget password 22July2016*/
#lognpnl.passchng{ width: 720px}
.loginPassLeft{  float: left; width: 46%;}
.loginRight{background:#fff; border: 1px solid #d6ec9a; border-radius: 4px; float: right;margin:3px 11px 0 0; padding:10px 10px;
width:47%;position:relative;   box-shadow:0 0 7px #f5f5f5 inset;-moz-box-shadow:0 0 7px #f5f5f5 inset;-webkit-box-shadow:0 0 7px #f5f5f5 inset;}
.loginRight h2{ color: #99cc00; font-size: 15px;margin: 0;padding: 0;text-align: left;text-transform: uppercase;}
.loginRight  ul{ color: #666;font-size: 12px;line-height: 15px; margin: 6px 0 0 17px; padding: 0;}
.loginRight  ul li{  margin-bottom: 3px;}
.arrowpass{ display: block; height: 14px;  left: -10px; position: absolute;  top: 39%; width: 10px; background:url(../../assets/images/layout/arrow_login2.png) no-repeat 0 0;}
input.btn_sub{ cursor: pointer}
#lognpnl p.passError{ padding: 2px 0;}

/*End css forget password 22July2016*/

/* google captcha */
.g-recaptcha {
    -webkit-transform: scale(1.15, 0.85);
    transform-origin: 0 0;
}