/* CSS Document */ /* CSS Document */
/***********************/
/*******  Colors  ******/
/***********************/
/***********************/
/******  Shadows  ******/
/***********************/
/***********************/
/******  Timings  ******/
/***********************/
main#fp-main .login-background,
main#inner-main .login-background {
  background-image: url("../images/login/bg-login.jpg");
  filter: blur(6px);
  background-size: cover;
  -webkit-filter: blur(6px);
  position: absolute;
  height: 100%;
  width: 100%;
}

#login-wrap {
  min-height: 100vh;
  position: relative;
}

.login-page,
.register-page {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login-block {
  border-radius: 3px;
}

.validation-icon {
  position: absolute;
  right: -22px;
}

.validation-icon.username-valid .far, .validation-icon.password-valid .far, .validation-icon.confirmation-valid .far {
  color: #5cb85c;
}
.validation-icon.username-invalid .far, .validation-icon.password-invalid .far, .validation-icon.confirmation-invalid .far {
  color: #da3b36;
}

#pw-message {
  text-align: left;
}
#pw-message h3 {
  color: #fff;
}
#pw-message p {
  color: #da3b36;
}
#pw-message p.valid {
  color: #5cb85c;
}

#loginform {
  text-align: center;
}
#loginform label {
  width: 100%;
  margin: 0;
}