@charset "utf-8";
/* Login CSS Document */

body {font-family: AmericanSansRegular, arial, sans-serif !important; font-weight: normal; font-size: 15px !important; color: #333 !important;}

@font-face {font-family: 'AmericanSansRegular'; src: url('../fonts/AmericanSansRegular.ttf'); }

@font-face {font-family: 'AmericanSansLight'; src: url('../fonts/AmericanSansLight.ttf'); font-weight: lighter; font-style: normal;}

.login{background: url(../images/login-bg.jpg) no-repeat top fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}

.login_logo{background-color: #fff !important;padding:24px 20px;border-radius: 10px 10px 0 0;overflow: hidden;text-align:center;}

.login_body{padding:20px 20px 1px;}

.form-control{font-size:16px;background-color:#fff !important;border:1px solid #d7d7d7!important;border-radius:4px;color:#555;display:block;padding:20px 12px 18px 12px !important; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width:100%;box-shadow:none !important;}
	
.login-form .form-control::-webkit-input-placeholder{color:#ccc!important;opacity:1;}
  
/*Chrome/Opera/Safari */ .login-form .form-control::-moz-placeholder{color: #ccc !important;opacity:1;}

/* Firefox 19+ */ .login-form .form-control:-ms-input-placeholder{color: #ccc!important;opacity:1;}  

/*IE 10+*/ .login-form .form-control:-moz-placeholder{color: #ccc !important;opacity:1;} 

.btn-log{background-color:#168fce;border-color: #168fce;color:#fff;margin-bottom:2px!important;margin-left:1px;outline:none;padding:7px 20px 5px 20px !important;font-size:16px!important;margin-bottom:15px!important;}

.login-form .custom-control-label{font-size:14px !important; line-height: 25px;}

.login p a{color:#333; font-size:14px;}

.code-btn{border:none !important; color: #FFF !important; padding: 8px 8px !important;
	  background: rgb(255,105,2);
background: -moz-linear-gradient(-90deg, rgba(255,105,2,1) 1%, rgba(255,22,0,1) 100%);
background: -webkit-linear-gradient(-90deg, rgba(255,105,2,1) 1%, rgba(255,22,0,1) 100%);
background: linear-gradient(-90deg, rgba(255,105,2,1) 1%, rgba(255,22,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6902",endColorstr="#ff1600",GradientType=1); }

.login-bg .input-group{margin:16px 0;}

.footerlog{font-size:14px;width:100%;position:fixed;bottom:0px;color:#fff !important;padding:4px 16px;}

.footerlog .logo{float:left;}

.privacy-terms{padding:16px 10px 13px 10px;float:left;font-size:14px !important;color:#fff !important;}

.privacy-terms a{ color:#fff !important;}

.copyright{float: right;text-align:right !important;font-size:14px;padding:16px 10px 13px 10px;}

.alert-light{color:#000 !important;}

.alert-light a{ color:#000 !important;}

.spl-mrg-bot1{ margin-bottom:1px;}

.login .login-form{background:rgba(255,255,255,0.75);max-width:450px;  margin: 10% auto; padding: 16px 10px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:5px;box-shadow:5px 1px 1px #000; -webkit-box-shadow: 1px 1px 5px #000;-moz-box-shadow: 0px 0px 5px #000;-ms-box-shadow:0px 0px 5px #000;-o-box-shadow: 0px 0px 5px #000;}

.login .login-form h1{font-size:20px; color:#3e3e3e; text-align:center; margin:0 0 20px 0 !important;}

.login .login-form p{text-align:center; font-size:16px; margin:0px;}

.captcha-bg{background:#808080; padding:3px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:5px; margin-bottom:16px;}

.captcha-bg .list-inline{margin-bottom:0px;}

/********* Label Outside of Input filed *********/

.position-relative {position: relative !important;}

input.outside,input[type=text].outside{color:#555; width:100%; font-size:15px; height:45px; line-height:normal; border:#ddd solid 1px; border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:-1px; padding:10px; -webkit-appearance:none; -moz-appearance:none; position:relative; z-index:1; background: rgba(255, 255, 255, 0.5); margin-bottom:20px;}

input:focus,select:focus{outline:0!important; color:#555!important; border-color:#9e9e9e; z-index:2;}

input:focus~.floating-label-outside input:not(:focus):valid~.floating-label-outside{top:12px; left:15px; font-size:10px;opacity:1; font-weight:400;}

input:focus~.floating-label-outside,input:valid~.floating-label-outside{top:-7px; opacity:1; font-size:10px; color:#333;background:#fff; padding:0px 5px; /*display:none;*/}

input:focus~.floating-label-outside,input:not(:focus):valid~.floating-label-outside{left:15px;}

.floating-label-outside{position:absolute; pointer-events:none; left:15px; top:13px; transition:.2s ease all; color:#333;font-weight:400; font-size:14px; letter-spacing:.5px; z-index:3;}

.input-icon-outside{position:absolute; top:18px; left:15px; z-index:3; color:#727272;}

.login .login-form .login-btn {margin: 0px 2px 10px 0 !important; border:none !important; border-radius:5px;  width: 100%;
    color: #FFF !important; padding: 9px 0px !important; font-size: 18px !important;
	 background: rgb(37,163,218);
background: -moz-linear-gradient(90deg, rgba(37,163,218,1) 1%, rgba(1,107,209,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(37,163,218,1) 1%, rgba(1,107,209,1) 100%);
background: linear-gradient(90deg, rgba(37,163,218,1) 1%, rgba(1,107,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25a3da",endColorstr="#016bd1",GradientType=1); }

.login .login-form .login-btn:hover{ background: rgb(37,163,218);
background: -moz-linear-gradient(-90deg, rgba(37,163,218,1) 1%, rgba(1,107,209,1) 100%);
background: -webkit-linear-gradient(-90deg, rgba(37,163,218,1) 1%, rgba(1,107,209,1) 100%);
background: linear-gradient(-90deg, rgba(37,163,218,1) 1%, rgba(1,107,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25a3da",endColorstr="#016bd1",GradientType=1);  }

.alert-box{background:#fff;width:400px!important;float:right;padding:20px 26px 20px 26px !important;position:absolute;bottom:60px;right:12px;}

@media (min-width: 320px) and (max-width: 479px) {

.logo{margin:10px 50px !important;}

}

@media (min-width:576px) and (max-width:991.98px) {

.login .login-form{margin:80px auto 0px !important;} 

.alert-box{width:96%!important;float:none !important;padding:20px 0px 20px 26px !important;position:absolute;bottom:0px;}

}

#error{display: none;}