@charset "UTF-8";
.authentication-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  width: 100%;
}
.authentication-wrapper .authentication-inner {
  width: 100%;
  position: relative;
}
.authentication-wrapper .authentication-inner.row::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('../img/login_bg.jpg');
    background-size: cover;
    background-position: bottom;
    z-index: -1;
}

.authentication-wrapper.authentication-cover {
  align-items: flex-start;
}
.authentication-wrapper.authentication-cover .authentication-inner {
  height: 100vh;
}
.authentication-wrapper .auth-input-wrapper .auth-input {
  max-width: 50px;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  font-size: 150%;
}

@media (max-width: 575.98px) {
  .authentication-wrapper .auth-input-wrapper .auth-input {
    font-size: 1.125rem;
  }
}
#twoStepsForm .fv-plugins-bootstrap5-row-invalid .form-control {
  border-color: #ff3e1d;
}

.light-style .authentication-wrapper .authentication-bg {
  background-color: #ffffffe6;
  padding-top: 0 !important;
}
.light-style .authentication-wrapper .authentication-bg a.app-brand-link {
    /*background: #fff;*/
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 50px;
    justify-content: center;
}
.light-style .authentication-wrapper .app-brand-link img {
    width: auto;
}

.authentication-inner input.form-control,
.authentication-inner input.form-control:focus {
    background-color: #fff !important;
    border-color: #0eb89e;
}
.authentication-inner .input-group-text {
    border: 1px solid #0eb89e;
}