@CHARSET "UTF-8";
body.hold-transition {
  background-image: url(../images/login_bg.jpg);
}
body.hold-transition input::-webkit-input-placeholder {
  color: #999;
}
body.hold-transition .login-logo {
  padding-top: 20px;
  margin-bottom: 0;
}
body.hold-transition .login-logo b {
  color: #fff;
  font-size: 60px;
  font-family: "Microsoft Himalaya";
}
body.hold-transition .login-box-body {
  background: rgba(255, 255, 255, 0.4);
}
body.hold-transition .login-box-body > p {
  color: #fff;
}
body.hold-transition .login-box-body > form .form-group input {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}
body.hold-transition .login-box-body > form .form-group input::-webkit-input-placeholder {
  color: #fff;
  font-size: 12px;
}
body.hold-transition .login-box-body > form .form-group input:focus {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
body.hold-transition .login-box-body > form .form-group > span {
  color: rgba(255, 255, 255, 0.9);
}
body.hold-transition .login-box-body > form #btn {
  background: rgba(0, 0, 0, 0.3);
}
body.hold-transition .main-footer {
  width: 100%;
  background: #3c8dbc;
  height: 30px;
  line-height: 30px;
  color: #fff;
  margin: 0;
  padding: 0;
  text-align: center;
  position: fixed;
  bottom: 0;
  border: 0;
}
body.hold-transition .main-footer a {
  text-decoration: none;
  color: #fff;
}
@media screen and (max-width: 968px) {
  body.hold-transition {
    background-image: url("../images/login_bg_media2.jpg");
  }
}
@media screen and (max-width: 768px) {
  body.hold-transition {
    background-image: url("../images/login_bg_media1.jpg");
  }
}