body.auth-page main {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.auth-page .wrapper {
  padding-left: 0 !important;
}

body.auth-page main > .container-lg,
body.auth-page main > .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

body.auth-page header.header,
body.auth-page footer.footer,
body.auth-page .breadcrumb {
  display: none !important;
}

body.auth-page .bg-auth {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
}

@supports (height: 100svh) {
  body.auth-page .bg-auth {
    min-height: 100svh;
  }
}
@supports (height: 100dvh) {
  body.auth-page .bg-auth {
    min-height: 100dvh;
  }
}

body.auth-page main.body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.auth-page,
body.auth-page main {
  overflow-x: hidden;
}

.auth-narrow,
.card-auth {
  width: 100%;
  max-width: 420px;
  box-sizing: border-box;
}

@media (max-width: 575.98px) {
  .auth-narrow,
  .card-auth {
    max-width: 92vw;
  }
}

.brand .brand-logo {
  width: 64px;
  height: 64px;
}

.alert-wrap {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}
.alert-wrap .alert-text {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  display: inline;
}

body.auth-page .input-group.input-group-lg .input-group-text,
body.auth-page .input-group.input-group-lg .form-control,
body.auth-page .input-group.input-group-lg .btn {
  min-height: 48px;
  line-height: 1.3;
}

body.auth-page #caps-tip {
  margin-top: 0.25rem;
}

body.auth-page #login-btn.btn-soft-ivory {
  background-color: #fefaf2 !important;
  border-color: #fbf5ed !important;
  color: #000 !important;
  box-shadow: none !important;
}

body.auth-page #login-btn.btn-soft-ivory:hover {
  background-color: #fefaf2 !important;
  border-color: #fbf5ed !important;
  color: #000 !important;
  box-shadow: none !important;
}

body.auth-page #login-btn.btn-soft-ivory:focus,
body.auth-page #login-btn.btn-soft-ivory:active {
  background-color: #fefaf2 !important;
  border-color: #fbf5ed !important;
  color: #000 !important;
  box-shadow: none !important;
}

body.auth-page #login-btn.btn-soft-ivory:focus-visible {
  outline: 3px solid #fbf5ed;
  outline-offset: 2px;
}

body.auth-page #login-btn.btn-soft-ivory:disabled {
  background-color: #fefaf2 !important;
  border-color: #fbf5ed !important;
  color: #000 !important;
  box-shadow: none !important;
  opacity: 1;
}
