html{
  height: 100%;
}
.login{
  min-height: 100%;
  background-color: #2D1832;
  background-image: url("../img/login_bg.png");
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
  background-repeat: no-repeat;
}
.login a{color:#EB742C!important}
.login .logo{margin:100px auto 0;padding:15px;text-align:center;}
.login .content{
  width: 100%;
  height: 100%;
  position: absolute;
}
.login .form-title{text-align: center;margin-bottom:20px;color:#EB742C;font-size:19px;font-weight:400!important}
.login .form-subtitle{color:#dfdfdf;font-size:17px;font-weight:300!important;padding-left:10px}
.login .content h4{color:#555}
.login .content .hint{color:#b7d1e2;padding:0;font-size:14px;margin:15px 0 7px}
.login .content .forget-form,
.login .content .login-form{
  padding-top: 40vh;
  margin: 0 auto;
  position: relative;
  width: 400px;
}
.login .content .form-control{background-color:rgba(235,116,44, 0.5);text-align: center;border:1px solid #EB742C;height:43px;color:#ffffff}
.login .content .form-control:active,
.login .content .form-control:focus{border:1px solid #83b8db}
.login .content .form-control::-moz-placeholder{color:#d9ecf9;opacity:1}
.login .content .form-control:-ms-input-placeholder{color:#d9ecf9}
.login .content .form-control::-webkit-input-placeholder{color:#d9ecf9}
.login .content select.form-control{padding-left:9px;padding-right:9px}
.login .content .forget-form,.login .content .register-form{display:none}
.login .content .form-title{font-weight:300;margin-bottom:25px}
.login .content .form-actions{clear:both;border:0;padding:0 30px 25px;margin-left:-30px;margin-right:-30px}
.form-actions .forget-password-block{padding-top:7px}
.login-options{margin-top:30px;padding-top:20px;padding-bottom:50px;border-top:1px solid #69a0c4;border-bottom:1px solid #69a0c4}
.login-options h4{margin-top:8px;font-weight:600;font-size:15px;color:#b7d1e2!important}
.login .forget-password{font-size:14px}.login-options .social-icons{float:right;padding-top:3px}
.login-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}
.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}
.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}
.login .btn,
.login .btn-default{font-weight:600;padding:10px 25px!important;background-color:#5995bb;color:#8fc4e5}
.login .content .form-actions .checkbox{margin-top:8px;display:inline-block}
.login .content .form-actions .btn{margin-top:1px}
.login .btn{border:1px solid #72a9cc}
.login .btn:hover{border:1px solid #90bbd7;background-color:#5995bb;color:#8fc4e5}
.login .btn-default{border:1px solid #72a9cc}
.login .btn-default:hover{border:1px solid #90bbd7;background-color:#5995bb;color:#8fc4e5}
.login .content .forget-password{color:#d7eaf7;font-size:15px}
.login .content .rememberme{margin-top:8px}
.login .content .mt-checkbox{color:#dfdfdf!important}
.login .content .mt-checkbox>span:after{border-color:#dfdfdf!important}
.login .content .create-account{text-align:center;margin-top:20px}
.login .content .create-account p a{font-weight:300;font-size:16px;color:#fff}
.login .content .create-account a{display:inline-block;margin-top:5px}
.login .copyright{
  text-align: center;
  padding: 10px;
  color: #dfdfdf;
  font-size: 13px;
  bottom: 10px;
  position: absolute;
  width: 400px;
  margin-left: calc(50% - 200px);
}
.login-body{
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn-login{
  border: 1.5px solid #fff!important;
  -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  border-radius: 5px!important;
  background-color:transparent!important;
  color: #fff!important;
}
@media (max-width:1400px){
  .login .logo{margin-top:100px}
}
@media (max-width:480px){
  .login .logo{margin-top:30px;padding:0}
  .login .content h3{font-size:22px}
  .login .checkbox{font-size:13px}
  .login .content .login-form{
    width:245px;
  }
}
@media (max-width:320px){
}