@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');

body { margin:0px; padding:0px; 
     background:url(../images/back-bg.jpg) no-repeat center center; 
     background-size:cover; background-attachment:fixed; }
html,body { min-height:100%; overflow: hidden;}

body:before{ content:''; position:absolute; width:100%; height:100%; 
    /* background:rgba(0,0,0,0.1); */ left:0; top:0; }

.center-div {	position:relative; margin-top:80px; width:100%; text-align:center; }
.login-form{ max-width:450px; min-height: 500px; margin:auto; width:90%; background:#1a2942; -webkit-border-radius:5px; border-radius:5px;  -webkit-box-sizing:border-box; box-sizing:border-box; padding:30px 44px 44px; display:inline-block; vertical-align:middle; }

.login-logo { text-align:center;}
.login-form .in { width:100%; margin-bottom:15px;}
.login-form h2 { margin:20px 0px 30px; padding:0px; font-size:30px; font-weight:400;
     color:#fff; text-align:center;}
.login-form .in input { width:100%; outline: none; text-align:left; height:55px; 
    background:#3f4c63!important; padding-left: 20px;  font-size:18px; font-weight:300;  
    -webkit-border-radius:5px; border-radius:5px; color:#a8aeb7 !important; border:none; 
    font-family: 'Montserrat', sans-serif; font-weight:300;}

.login-form .in input:focus{border:0px!important;}
.copytext{color: #333333!important;}
.login-btn { width:100%; margin:auto;}

.login-form .in  input:-webkit-autofill,
.login-form .in  input:-webkit-autofill:hover, 
.login-form .in  input:-webkit-autofill:focus, 
.login-form .in  input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #f4f4f4 inset !important;
    -webkit-background :#d1d1d1 url('../img/img_user.png') no-repeat 10px center!important;
}

.login-btn input.btn-col, a.btn-success { width:100%; height:55px; background:#000000!important; border:1px solid #000000!important; -webkit-border-radius:0px; border-radius:0px; text-align:center; font-weight:600; font-size:18px; color:#fff; border:none; cursor:pointer;}
 a.btn-success:hover, .login-btn input.btn-col:hover{background: #0c0c0c!important;}
.login-form p.center {    text-align: center; color:#625f5a;}
.login-form p.center a{ color:#625f5a; text-decoration:none;}
.loginbox-forgot{display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px;}
.loginbox-forgot .checkbox{display: flex; margin: 0px; padding: 0px;}
.loginbox-forgot .checkbox .text {color: #6d757d;}
.loginbox-forgot .link_forget:hover {color:#949ba2; transition: 0.5s ease all;}
.loginbox-forgot .link_forget {color: #6d757d;}

.forgotpass table{width:100%;}
.forgotpass .btn{width: 100%; display: block; height: 55px; font-size: 18px; font-weight: 600; line-height: 40px; margin-bottom: 10px;}
.login-form h3{margin-bottom: 30px!important;}

@media(max-width:767px) {
.center-div { position:relative; left:0; top:0; -webkit-transform:translate(0); transform:translate(0); padding:40px 0; 	}	
.login-form { padding:0 25px 25px}
.login-logo img{ max-width:95%;}
}