.identity-bg-layout {
  background-position: center right;
  transform: scale(1);
}

.identity-page--ready .identity-bg-layout {
  animation-name: fadeIn;
}

.identity-container__panel {
  align-items: center;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0px 1.5rem;
  width: 100%;
}

.identity-container__form {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  max-width: 470px;
  overflow: visible;
  padding: 0 1.25rem;
  width: 100%;
}

.identity-section--highlight:focus {
  box-shadow: none !important;
}

/* Hide arrow icons on otp input */
input.identity-otp-input::-webkit-outer-spin-button,
input.identity-otp-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

/* Firefox */
input.identity-otp-input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.bb-input-password__input.is-invalid + .input-group-append .btn {
  border-color: var(--danger);
}

.dropdown-menu .dropdown-item:focus {
  border: 3px solid #0072c8;
}

.identity-icon-emblem {
  background-image: url(../img/BCS_Emblem.svg);
  background-size: contain;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
}

.identity-card-section:focus-visible {
  box-shadow: inset 0 0 0 3px #dceaf7;
}

.bb-card:not(.bb-card--ignore).identity-card--outline:focus {
  box-shadow: 0 0 0 3px #dceaf7;
}

.identity-icon--push-device {
  background-image: url(../img/SMS-OTP.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  width: 35px;
}

@media (max-width: 428px) {
  .identity-bg-layout {
    display: block;
    height: 35%;
    transform: scale(1);
  }

  .identity-container__panel {
    padding: 0;
  }
}

.bb-icon--primary:not(.bb-icon__background--primary) {
  color: #0072c8;
}

.btn-link-text:not(:disabled):not(.disabled):hover,
.btn-link-text-light:not(:disabled):not(.disabled):hover {
  color: #0072c8;
}