/* ==========================================================================
   DLoft v2 - Modern login page (AdminLTE 2)
   Palette: #242627 text, #010ed0 brand, #0a92d9 blue, #11b070 green, #f8c701 yellow, #ba3127 red
   ========================================================================== */

body.login-page, .login-page {
  background: #f9fbfd url('/3190.jpg') no-repeat center center fixed;
  background-size: cover;
  color: #242627;
}

.login-logo a { color: #010ed0; }
.login-logo img { max-width: 240px; height: auto; }

.login-box {
  width: 420px;
  margin: 6% auto;
}

.login-box-body {
  background: #ffffff;
  border: 1px solid #e1e7f0;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(2,10,28,0.12);
  padding: 28px 26px 24px 26px;
}

.login-box-msg {
  color: #242627;
  font-weight: 600;
  margin: 0 0 18px 0;
}

.form-control {
  border-radius: 10px;
  border-color: #e1e7f0;
  color: #242627;
}
.form-control:focus {
  border-color: #010ed0;
  box-shadow: 0 0 0 3px rgba(1, 14, 208, 0.18);
}

/* icons */
.form-control-feedback { color: #8aa4bf; }

/* Button */
.btn-primary {
  background-color: #010ed0;
  border-color: #010ed0;
  color: #ffffff !important;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(1,14,208,0.32);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #0b0fcd;
  border-color: #0b0fcd;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(1,14,208,0.38);
}

/* links */
.login-page a { color: #0a92d9; }
.login-page a:hover { color: #010ed0; }

/* iCheck if present */
.icheck > label { color: #242627; }

/* responsive */
@media (min-height: 900px) {
  .login-box { margin-top: 5%; }
}
@media (max-width: 480px) {
  .login-box { width: 92%; margin: 10% auto; }
  .login-logo img { max-width: 200px; }
}