/* A restrained Anaphora layer on Roundcube's supported Elastic skin. */
body.task-login {
  background: radial-gradient(circle at 50% 10%, #25383f 0, #111e27 42%, #0a121b 100%);
  color: #e6e2d8;
}
body.task-login #layout-content {
  background: transparent;
}
body.task-login #login-form {
  background: rgba(13, 23, 34, .88);
  border: 1px solid #526654;
  border-radius: 18px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .25);
  padding: 28px;
}
body.task-login #login-form .form-control,
body.task-login #login-form .input-group-text {
  background: #111c1b;
  border-color: #4b6258;
  color: #eee9de;
}
body.task-login #login-form .form-control::placeholder {
  color: #aeb5ad;
}
body.task-login #login-form .form-control:focus {
  border-color: #c7a96f;
  box-shadow: 0 0 0 .15rem rgba(199, 169, 111, .22);
}
body.task-login #login-form .btn-primary {
  background: #c7a96f;
  border-color: #c7a96f;
  color: #14201d;
  font-weight: 600;
}
body.task-login #login-form .btn-primary:hover,
body.task-login #login-form .btn-primary:focus {
  background: #e0c48d;
  border-color: #e0c48d;
}
body.task-login #login-footer {
  color: #c8bea9;
}
body.task-login #logo {
  background: #e9e5dc;
  border: 1px solid #c7a96f;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 8px 12px;
}
@media (max-width: 540px) {
  body.task-login #login-form { padding: 18px; }
}