/* Login Card Centered */

.login {
  overflow-y: auto;
}

.login main[role=main], .passwordreset main[role=main], .otp main[role=main] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

/* Login, Reset Password */

#login-card,
#reset-password-card,
#one-time-password-card {
  background-color: var(--theme-content-bg-color);
  box-shadow: 0 3px 3px rgb(0 0 0 / 25%), 0 -1px 6px rgb(0 0 0 / 22%);
}

#one-time-password-container {
  height: 100vh;
  display: flex;
  align-items: center;
}
.one-time-password-inner {
  flex: 1;
  justify-content: center;
}

#login-card .card,
#reset-password-card .card,
#one-time-password-card .card,
.login-card__login-copy * {
  color: var(--theme-content-bg-text-color);
}

.customEvent .form-group.login-card__form-group.row,
.customEvent .form-group.reset-password-card__form-group.row {
  justify-content: center;
}

.login-card .login-card__card,
.reset-password-card .reset-password-card__card,
.one-time-password-card .one-time-password-card__card {
  font-size: 14px;
}

.login-card .login-card__card h3,
.reset-password-card .reset-password-card__card h3,
.one-time-password-card .one-time-password-card__card h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: var(--theme-content-bg-text-color);
  margin-top: 4px;
}

.login-card__login-copy,
.card {
  color: var(--theme-content-bg-text-color);
}

#login-card-container .password-toggle-icon {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: .5;
}
#login-card-container .password-input-wrapper {
  position: relative;
}

/* - One Time Password - */
.one-time-password-button-wrapper {
  margin-bottom: 1rem;
}
.one-time-password-request-link {
  text-align: right;
  color: var(--theme-link-color);
}
.one-time-password-card__button-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.one-time-password_back-to-login {
  display: flex;
  align-items: center;
  gap: 5px;
}

.one-time-password_back-to-login:hover {
  text-decoration: none;
}

.one-time-password_back-to-login i {
  font-size: 11px;
}
.baseEvent .one-time-password-card-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.one-time-password-card-subtitle {
  font-size: 14px;
}
.forgot-password-link {
  text-align: right;
}

/* - Logo on desktop and mobile */
.logged-out .login-card .login-card__logo,
.logged-out .reset-password-card .reset-password-card__logo,
.logged-out .one-time-password-card .one-time-password-card__logo {
  width: 100%;
}

.logged-out .login-card .login-card__image,
.logged-out .reset-password-card .reset-password-card__image,
.logged-out .one-time-password-card .one-time-password-card__image {
  max-height: 150px;
}

.login-card__card .login-card__label,
.reset-password-card__card .reset-password-card__label,
.one-time-password-card .one-time-password-card__label {
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 896px) {
  .logged-out .login-card .login-card__image,
  .logged-out .reset-password-card .reset-password-card__image,
  .logged-out .one-time-password-card .one-time-password-card__image {
    max-height: 100px;
  }
}

@media (max-width: 596px) {
  #login-card, 
  #reset-password-card,
  #one-time-password-card {
    max-width: 90%;
    margin: 0 auto;
  }
}

/* ---- Error Messaging ---  */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a4aaae;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

/* ---- Holding Page --- */
#outer_holding{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#holding_wrapper{
    background-color: var(--theme-event-bg-color);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    box-sizing: content-box;
    resize: horizontal;
    overflow: hidden;
    max-width: 100%;
    height: 100vh;
}
#holding_image_disabled {
    cursor: pointer;
    z-index: 5000;
    position: absolute;  
    width: 50px;
    height: 50px;
    color: transparent;
    background: none;
    border: none;
    overflow: hidden;
}
#holding_image_disabled button{
    color: transparent;
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    padding: 0 0;
}