/*@inputColor:#c8ddee;
@buttonColor:#88bad1;
@buttonDarkColor:#749db1;
    */
body.bg {
  text-align: center;
}
body.bg {
  background: url("/templates/admin/img/login-bg.jpg") repeat center center;
}
a,
a:hover {
  text-decoration: none;
}
.main-image-container {
  padding-right: 0;
  padding-left: 0;
}
.main-image {
  max-width: 100%;
  max-height: 100%;
}
.box {
  background-color: white;
  margin: 50px auto;
  border: 1px solid #cccccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
  border-radius: 15px;
  min-height: 450px;
  overflow: auto;
}
.box .site-title {
  font: 16px CustomFont;
  color: #888888;
}
.box .login-title {
  font: 16pt CustomFont;
  margin-bottom: 20px;
}
.box .login-title .subtitle {
  font-size: 11pt;
  color: #777777;
}
.box .login-input {
  height: 35px;
  background-color: #d0d9ac;
  margin-bottom: 10px;
  border: 1px solid #d0d9ac;
  max-width: 100%;
  border-color: #efefef;
  padding-right: 30px;
}
.box .btnLogin,
.box .btnRegister {
  font: 8pt tahoma;
  background-color: #a5ad58;
  border: 1px solid #868d49;
  color: white;
  padding: 5px 10px;
}
.box .btnLogin:hover,
.box .btnRegister:hover {
  background-color: #868d49;
}
.box .btnRegister {
  background-color: #868d49;
  margin-top: 0;
}
.box .btnRegister:hover {
  background-color: #a5ad58;
}
.box .lnkForget {
  font: 8pt tahoma;
  color: black;
}
.box .lnkForget:hover {
  color: #868d49;
}
.box .input-icon {
  position: relative;
  overflow: auto;
}
.box .input-icon i {
  position: absolute;
  top: 5px;
  right: 10px;
  color: white;
  font-size: 24px;
}