/*!
* This file contains css rules which are common between login page and other application pages.
*/
/* Alerts - start */
.ct-alert-success {
  color: #000;
  background-color: #5fd255;
  border-color: #5fd255;
}

.ct-alert-danger {
  color: #000;
  background-color: #f58791;
  border-color: #f58791;
}

.ct-alert-warning {
  color: #000;
  background-color: #fff4ce;
  border-color: #fff4ce;
}

.ct-alert-severe-warning {
  color: #000;
  background-color: #fa4100;
  border-color: #fa4100;
}

.ct-alert-info {
  color: #000;
  background-color: #e0f0fa;
  border-color: #e0f0fa;
}

/* Alerts - end */
html body {
  color: #141932;
}

.login {
  min-height: 100vh;
}

.bg-image {
  background-size: cover;
  background-position: center;
}

.login-heading, .change-password-heading {
  font-weight: 650;
  border-bottom: 1px solid #b4c7d8;
  padding: 18px 0;
}

.heading {
  color: #0e3857;
  font-weight: 650;
  font-size: 1.5rem;
}

.form-floating input {
  border: 1px solid #b4c7d8;
}

#change-password-btn i {
  margin-right: 5px;
}

.forgot-password-block {
  text-align: right;
  padding-top: 3px;
  padding-bottom: 2px;
}

.forgot-password-text {
  text-decoration: none;
  color: inherit;
}

.biometric-login {
  text-align: center;
}

.biometric-login a {
  text-decoration: none;
  color: #91a8bf;
}

.biometric-login a:hover {
  color: #556b80;
}

#loginFormErrorBlock, #changePasswordFormErrorBlock {
  display: none;
}

.grid-template-columns {
  display: grid;
  grid-template-columns: auto 30px 1fr;
  align-items: center;
  gap: 10px;
}

.hidden-selection::selection {
  background: transparent;
  color: inherit;
}

.cursor-pointer {
  cursor: pointer;
}

/* Buttons - start */
button:disabled {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

.btn-login-primary, .btn-login-secondary,
.btn-login-primary-active, .btn-login-secondary-active {
  font-size: 14px;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
}

.btn-login-primary:disabled {
  color: #91a8bf !important;
  background-color: #eaf0f8 !important;
  border-color: #eaf0f8 !important;
  opacity: 1 !important;
}

.btn-login-secondary:disabled {
  color: #141932 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  opacity: 0.65;
}

.btn-login-secondary-active {
  color: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #b4c7d8 !important;
  color: #141932 !important;
}

.btn-login-secondary-active:hover {
  background-color: #eaf0f8 !important;
}

.img-login-icons {
  width: 20px;
  height: 20px;
}

/* Buttons - end */
#otp-inputs {
  min-width: 318px;
  max-width: 318px;
  min-height: 46px;
}

@media (max-width: 1500px) {
  #otp {
    flex-direction: column;
  }
  #resend-code-btn {
    margin: 1rem 0px 0px 0px !important;
    max-width: fit-content;
  }
}