body.app-blank {
  background:
    radial-gradient(circle at 82% 8%, rgba(255, 107, 44, 0.15), transparent 26rem),
    radial-gradient(circle at 12% 94%, rgba(94, 116, 160, 0.2), transparent 28rem),
    #101828 !important;
}

body.app-blank #app_root > div {
  background-image: none !important;
}

body.app-blank .bg-body {
  background: rgba(20, 29, 46, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.25rem !important;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.3) !important;
}

body.app-blank #sign_in_form img[alt="Logo"] {
  filter: none;
  max-width: 4.8rem;
  object-fit: contain;
}

body.app-blank #sign_in_form h1 {
  color: #f7f8fa !important;
  font-size: 2.35rem !important;
  letter-spacing: 0.055em;
}

body.app-blank #sign_in_form .container .row > .col-5 {
  width: auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
}

body.app-blank #sign_in_form .container .row > .col-7 {
  width: auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0.5rem;
}

body.app-blank #sign_in_form .container .row > .col-7 h1 {
  width: auto;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  text-align: left;
}

body.app-blank .form-control.form-control-solid {
  background: #0f1726 !important;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #f7f8fa !important;
}

body.app-blank .form-control.form-control-solid:focus {
  border-color: #ff6b2c;
  box-shadow: 0 0 0 0.2rem rgba(255, 107, 44, 0.16);
}

body.app-blank .btn-primary {
  background: #ff6b2c !important;
  border-color: #ff6b2c !important;
}

body.app-blank .btn-primary:hover,
body.app-blank .btn-primary:focus {
  background: #e0541c !important;
  border-color: #e0541c !important;
}