/* Timebinder Redesign Styles */

#kt_app_body:has(.signin-shell) {
  background-color: #eef0f7;
}

.signin-shell {
  min-height: 100vh;
}

.signin-card {
  max-width: 1080px;
  border-radius: 16px;
  overflow: hidden;
}

.signin-image-panel {
  position: relative;
  min-height: 360px;
  background-size: cover;
  background-position: center;
}

.tb-password-input::-ms-reveal,
.tb-password-input::-ms-clear {
  background-image: none !important;
  display: none;
}

.tb-password-input::-webkit-credentials-auto-fill-button,
.tb-password-input::-webkit-textfield-decoration-container {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.signup-field-wrapper {
  position: relative;
  padding-bottom: 1.5rem;
  /* reserve space for error text */
}

.signup-field-wrapper .signup-field-error {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Hide Bootstrap's default exclamation-mark validation icon inside inputs */
.signup-field-wrapper .form-control.is-invalid,
.signup-field-wrapper .was-validated .form-control:invalid {
  background-image: none !important;
  padding-right: 3rem;
  /* keep space for the eye-toggle button only */
}