body {
  background-color: #fff;
}

#auth {
  height: 100vh;
  overflow-x: hidden;
}
#auth #auth-right {
  height: 100%;
  background-image: url(/images/background.webp?b195ef82105f4ad35aead8f93a72e73c);
  background-size: cover;
}
#auth #auth-left {
  padding: 5rem 8rem;
}
#auth #auth-left .auth-title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  white-space: nowrap;
}
#auth #auth-left .auth-subtitle {
  font-size: 1.2rem;
  line-height: 150%;
  color: #444444;
}
#auth #auth-left .auth-logo {
  margin-bottom: 4rem;
  height: 5rem;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
#auth #auth-left .form-group {
  position: relative;
}
#auth #auth-left .form-control-icon {
  position: absolute;
  transform: translateY(215%);
  width: 20px;
  height: 20px;
  pointer-events: none;
  left: 15px;
  right: auto;
}
#auth #auth-left .form-control-icon-reset-password {
  position: absolute;
  transform: translateY(-190%);
  width: 20px;
  height: 20px;
  pointer-events: none;
  left: 15px;
  right: auto;
}
#auth #auth-left .with-icon {
  padding-left: 45px !important;
}
#auth #auth-left .form-control-icon-right {
  position: absolute;
  transform: translateY(-190%);
  width: 20px;
  height: 20px;
  right: 15px;
  cursor: pointer;
}
#auth #auth-left .with-icon-right {
  padding-right: 45px !important;
}
#auth #auth-left .error-input {
  border: 1px solid #F05252;
  background: #FDF2F2;
  color: red;
}
#auth #auth-left .error-input::-moz-placeholder {
  color: red !important;
}
#auth #auth-left .error-input::placeholder {
  color: red !important;
}
#auth #auth-left .error-label {
  color: red;
}
#auth #auth-left .error-icon {
  filter: brightness(0) saturate(100%) invert(22%) sepia(95%) saturate(5343%) hue-rotate(349deg) brightness(92%) contrast(118%);
}
@media screen and (max-width: 767px) {
  #auth #auth-left {
    padding: 5rem;
  }
}
@media screen and (max-width: 576px) {
  #auth #auth-left {
    padding: 5rem 3rem;
  }
}

body.theme-dark #auth-right {
  background: url(/images/4853433.png?45649b87e0b3f50bfa1372c6cdb4595f), linear-gradient(90deg, #2d499d, #3f5491);
}