.login-logo > img {  width: 120px;  }
.login-page, .register-page {  background: url("../images/bg-login.jpg") no-repeat center/cover;  }
.login-box-body, .register-box-body {  background: rgba(2,119,178,0.42);  padding: 44px 75px;  }
.login-box{  width: 534px;  padding-top: 9%;  }
.login-box-msg, .register-box-msg {  color: #fff;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.6rem;  }
#login-form .form-control, #login-form .form-control:focus {  border-radius: 0;  box-shadow: none;  border-color: transparent;  background: transparent;  border-bottom: 1px solid #d2d2d2 !important;  color: #fff;  }
#login-form .form-control::placeholder{color: #8fa6b5;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {  color: #d4d4d4;  }
#login-form-submit{  background: #0277b2;  padding: 18px;  font-size: 15px;  text-transform: uppercase;  font-weight: 100;  letter-spacing: 0.2rem;  margin-top: 19px;  }
.login-box, .register-box {  margin: 0 auto;  }

@media (max-width: 550px) {
    .login-box, .register-box {  width: auto; padding: 47px 20px 20px;  }
    .login-box-body, .register-box-body {  padding: 23px;  }
}
.login-box-body a{color: #fff; margin-top: 5px; opacity: 0.5;}
.kl-more-user{text-align: center; margin-top: 10px;}
.kl-more-user a{margin: 0 5px; }
.kl-more-user:hover a{color: #fff!important; opacity: 1;}