body,
.page-content-wrapper,
.page_content,
main.container {
  background: #0f141a !important;
  color: #f4f7fb !important;
}

.for-login .page-card,
.for-forgot .page-card,
.for-login-with-email-link .page-card,
.for-signup .page-card,
.for-email-login .page-card {
  background: #151d26 !important;
  border-color: #2d3b49 !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.34) !important;
}

.for-login .page-card .page-card-head h4,
.for-forgot .page-card .page-card-head h4,
.for-login-with-email-link .page-card .page-card-head h4,
.for-signup .page-card .page-card-head h4,
.for-email-login .page-card .page-card-head h4,
.for-login .page-card label,
.for-forgot .page-card label,
.for-login-with-email-link .page-card label,
.for-signup .page-card label,
.for-email-login .page-card label,
.for-login .forgot-password-message,
.for-login .sign-up-message {
  color: #f4f7fb !important;
}

.for-login .form-control,
.for-forgot .form-control,
.for-login-with-email-link .form-control,
.for-signup .form-control,
.for-email-login .form-control {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #0f141a !important;
  border-color: #344454 !important;
  color: #f4f7fb !important;
}

.for-login .form-control::placeholder,
.for-forgot .form-control::placeholder,
.for-login-with-email-link .form-control::placeholder,
.for-signup .form-control::placeholder,
.for-email-login .form-control::placeholder {
  color: #9aa8b7 !important;
}

.for-login .form-control:focus,
.for-forgot .form-control:focus,
.for-login-with-email-link .form-control:focus,
.for-signup .form-control:focus,
.for-email-login .form-control:focus {
  border-color: #24bde5 !important;
  box-shadow: 0 0 0 3px rgba(36, 189, 229, 0.18) !important;
}

.for-login a,
.for-forgot a,
.for-login-with-email-link a,
.for-signup a,
.for-email-login a {
  color: #46ddf4 !important;
}

.for-login .btn-primary,
.for-forgot .btn-primary,
.for-login-with-email-link .btn-primary,
.for-signup .btn-primary,
.for-email-login .btn-primary {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #f4f7fb !important;
  border-color: #f4f7fb !important;
  color: #0f141a !important;
}

.for-login .btn-primary:hover,
.for-forgot .btn-primary:hover,
.for-login-with-email-link .btn-primary:hover,
.for-signup .btn-primary:hover,
.for-email-login .btn-primary:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.for-login .page-card .page-card-body .btn-login-option,
.for-forgot .page-card .page-card-body .btn-login-option,
.for-login-with-email-link .page-card .page-card-body .btn-login-option,
.for-signup .page-card .page-card-body .btn-login-option,
.for-email-login .page-card .page-card-body .btn-login-option {
  background: #1a2430 !important;
  color: #f4f7fb !important;
}

.splash img,
.app-logo,
.navbar-brand img[src*="erpnext"],
img[src*="erpnext-logo"] {
  content: url("/files/devburner-splash-badge.svg");
}