@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:6px;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; /*margin-bottom:20px !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:15px !important; line-height: 25px;}

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

.footerlog .logo{float:left;}

.footerlog {
    /*background: rgba(255,255,255,0.45);*/
    font-size: 12px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    color: #ffffff !important;
    padding: 4px 16px;
}

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

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

.copyright{float: right;text-align:right !important;font-size:13px;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: 530px;
	margin: 5% auto;
	padding: 16px 20px;
	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;}

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

.position-relative {position: relative !important;margin-bottom: 20px;}

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);*/}

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:12px;opacity:1; font-weight:400;}

input:focus~.floating-label-outside,input:valid~.floating-label-outside{top:-7px; opacity:1; font-size:12px; color:#727272;background:#fff; padding:0px 5px;}

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:#777;font-weight:400; font-size:16px; letter-spacing:.5px; z-index:3; /*text-transform:uppercase;*/}

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

.login .login-form .btn {border:none !important; border-radius:5px;  width: 100% !important;
    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%) !important;
	background: -webkit-linear-gradient(90deg, rgba(37,163,218,1) 1%, rgba(1,107,209,1) 100%) !important;
	background: linear-gradient(90deg, rgba(37,163,218,1) 1%, rgba(1,107,209,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25a3da",endColorstr="#016bd1",GradientType=1) !important; 
}

.login .login-form .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);  }

.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}

@media (min-width:576px){

.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}
}

@media (min-width:768px){
.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}
}

@media (min-width:992px){
.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}
}

@media (min-width:1200px){
.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}
}

.flex-box{flex-wrap:wrap; }

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


@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;}

}

@media (min-width:1366px) {
	.login .container{width: 1170px}
}

@media (min-width: 320px) and (max-width: 479px) {
	
.login-form{width: 280px !important; margin: 8% auto;}

.login{background: url(../images/login-bg.jpg) no-repeat center center; min-height:100%; background-size:auto;}	

.flex-box{display:grid; flex-wrap:wrap; }

}

@media (min-width: 768px) and (max-width: 1023px) {	

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

.logo{margin:0 auto 16px auto !important;}

}

@media (min-width: 1024px) and (max-width: 1279px) {

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

}

@media (min-width: 1280px) and (max-width: 1920px) {

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

}

.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;
}

.text-center a, .pass-txt a, .pass-txt{
	font-size: 14px;
	color: #000000 !important;
	text-align: center !important;
}

.input3_img {
    width: 40%;
    height: 40px;
}
.order-xl-1, .order-xl-2{
	margin-right: 0px !important;
}
.sendotpcss{
	background: none !important;
	color: rgb(1, 107, 209) !important;
	width: 30% !important;
	order: 2;
	padding-top: 0px !important;
	position: relative;
	left: 70% !important;
	display: flex;
	-webkit-order: 2;
}

.modal-body {
	padding:15px!important;
	position: relative;
}
.modal-title{
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 500;
	line-height: 1.42857;
	margin: 0;
	}
.modal-header {
	background:#008fd5 none repeat scroll 0 0;
	font-family: "Segoe UI", arial, sans-serif !important;
	border-bottom: none !important;
	font-weight: normal !important;
	color: #fff !important;
	padding:6px 15px 7px !important;
	position:relative;
}

.modal-header .close {
	margin-top: 0px;
	color: #fff !important;
    font-weight: normal !important;
    line-height: 1;
    font-size: 21px !important;
    text-shadow: 0 1px 0 #fff !important;
    opacity: 0.8 !important;
    background: transparent none repeat scroll 0 0 !important;
    top: 0px !important;
    width : auto !important;
    right: 0px !important;
    outline: none !important;
}
.close {
	background: url("../images/close_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	height: 20px;
	opacity: 10 !important;
	position: relative;
	right: 2px;
	top: 5.5px;
	width: 25px;
}
.errorMessage > li  {
	list-style-type: none !important;
	color: red;
}
.errorMessage {
	color: red;
	margin-left: 0px !important;
    padding-left: 0px !important;
}
.mand{
	border-color: red !important;
}
.mrg-btm-0px{
	margin-bottom: 0px!important;
}
.mrg-top-5px{
	margin-top: 5px !important;
}
.mrgbtm-10px{
	margin-bottom: 10px !important;
}
.error{
	color: red;
}