.buttonLogin {
  border: 1px solid #444444;
  font-size: 11px;
  color: #ffffff;
  background-color: #666666;
  font-weight: bold;
}

#recaptcha_image {
  height: 47.5px !important;
  width: 250px !important;
}

#recaptcha_image img {
  height: 47.5px;
  width: 250px;
}

.loginBox {
  border: 1px solid #abc3d7;
  padding: 20px;
}

.password {
  padding: 5px 20px 5px 20px;
  border: 1px solid #999;
  border-top: 0px none;
  background-color: #fff;
}

/* NEW LOGIN - COVER */
.authentication-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  width: 100%;
}

.authentication-wrapper .authentication-inner {
  width: 100%;
}

.authentication-wrapper.authentication-cover {
  align-items: flex-start;
}

.authentication-wrapper.authentication-cover .authentication-inner {
  height: 100vh;
}

.authentication-wrapper .authentication-bg {
  background-color: var(--white-color);
}

#authentication-container {
  position: relative;
  overflow: hidden;
}

.authentication-inner {
  position: absolute;
  top: 0;
  transition: all 0.6s ease-in-out;
}

.authentication-login {
  left: 0;
  z-index: 2;
}

#authentication-container.fg-form-active .authentication-login {
  transform: translateX(100%);
}

.authentication-fg {
  left: -100%;
  z-index: 1;
  opacity: 0;
}

#authentication-container.fg-form-active .authentication-fg {
  transform: translateX(100%);
  opacity: 1;
  z-index: 3;
  animation: show 0.6s;
}

@keyframes show {
  0%,
  49.99% {
    opacity: 0;
    z-index: 1;
  }

  50%,
  100% {
    opacity: 1;
    z-index: 5;
  }
}

/* MOBILE */
@media screen and (max-width: 575px) {
  .authentication-wrapper.authentication-cover .authentication-inner {
     align-items: center;
     inline-size: 100%;
  }

  .authentication-wrapper .authentication-bg{
     background-color: transparent;
     padding: 1.5rem;
  }
}