.login-aside{
    background-image: url('../../login/img/DSCF7937.jpg');
    background-repeat: no-repeat;
    background-position: right;
    -webkit-background-size: cover;
    background-size: cover;
    color: white !important;
    position: relative;
}
.login-aside::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: #2530b4;
  background: -webkit-linear-gradient(to right, #2948ff, #2530b4);
  background: linear-gradient(to right, #2948ff, #2530b4);
}
.login-aside .flex-column{
  z-index: 99;
}
.flash-verify_email_error{
    background: var(--danger);
    color: white;
    padding: 16px;
    margin-bottom: 8px;
}
.lang_container {
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-align: right;
}
.btn-oauth{
  width: 200px;
}
@media (max-width: 992px) {
    .lang_container {
      top: 170px;
      right: unset !important;
      left: unset !important;
      bottom: unset !important;
      margin: auto;
      position: absolute !important;
    }
    .lang_container .fw-bolder{
      display: none;
    }
    .login-aside{
      height: 150px;
    }
    .login-columns{
      flex-direction: column-reverse !important;
    }
    .kt-login__form .w-lg-700px{
      width: 100vw !important;
    }
    .btn-oauth{
      width: 30% !important;;
      font-size: 0px !important;
    }
    .btn-oauth svg{
      margin: 0px !important;
    }
}

/* COPY FROM FILE login-1.css */

.login.login-1 .login-aside .aside-img {
    min-height: 350px;
  }
  .login.login-1 .login-signin,
  .login.login-1 .login-signup,
  .login.login-1 .login-forgot {
    display: none;
  }
  .login.login-1.login-signin-on .login-signup {
    display: none;
  }
  .login.login-1.login-signin-on .login-signin {
    display: block;
  }
  .login.login-1.login-signin-on .login-forgot {
    display: none;
  }
  .login.login-1.login-signup-on .login-signup {
    display: block;
  }
  .login.login-1.login-signup-on .login-signin {
    display: none;
  }
  .login.login-1.login-signup-on .login-forgot {
    display: none;
  }
  .login.login-1.login-forgot-on .login-signup {
    display: none;
  }
  .login.login-1.login-forgot-on .login-signin {
    display: none;
  }
  .login.login-1.login-forgot-on .login-forgot {
    display: block;
  }
  
  @media (min-width: 992px) {
    .login.login-1 .login-aside {
      width: 100%;
      max-width: 700px;
    }
    .login.login-1 .login-content {
      width: 100%;
      max-width: 500px;
    }
    .login.login-1 .login-content .login-form {
      width: 100%;
      max-width: 450px;
    }
    .header-holder{
      text-align: end !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1399.98px) {
    .login.login-1 .login-aside {
      background-position: 75%;
      width: 100%;
      max-width: 450px;
    }
  }
  @media (max-width: 991.98px) {
    .login.login-1 .login-content .login-form {
      width: 100%;
      max-width: 400px;
    }
  }
  @media (max-width: 575.98px) {
    .login.login-1 .aside-img {
      min-height: 300px !important;
      background-size: 400px;
    }
    .login.login-1 .login-content .login-form {
      width: 100%;
      max-width: 100%;
    }
  }
  .change-password-rules {
    margin-top: 10px;
}

.change-password-rules--rate {
    width: 100% !important;
}

.change-password-rules--content {
    margin-top: 1rem;
}

.change-password-rules--content-list {
    list-style: none;
    transition: color 0.3s ease;
}

.change-password-rules--content-list > li {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.change-password-rules--content-text {
    padding-left: 0.75rem;
    color:rgba(181, 184, 177, 0.8);
}

.passRule > i, .passRule > a {
    color: green;
}

form.showErrors :required:not(:valid) {
  background: rgba(255,0,0,0.05);
  border: 1px solid var(--bs-active-danger);
}