#login_error{
  color: #690000;
}
.message{
  color: #3a8c25;
}
.login #pass-strength-result {
  font-weight: 600;
  margin: -1px 5px 16px 0;
  padding: 6px 5px;
  text-align: center;
  width: 100%
}
#pass-strength-result {
  background-color: #eee;
  border: 1px solid #ddd;
  color: #23282d;
  margin: -2px 5px 5px 1px;
  padding: 3px 5px;
  text-align: center;
  width: 12.3em;
  box-sizing: border-box;
  opacity: 1;
}

#pass-strength-result.short {
  background-color: #f1adad;
  border-color: #e35b5b;
  opacity: 1
}

#pass-strength-result.bad {
  background-color: #fbc5a9;
  border-color: #f78b53;
  opacity: 1
}

#pass-strength-result.good {
  background-color: #ffe399;
  border-color: #ffc733;
  opacity: 1
}

#pass-strength-result.strong {
  background-color: #c1e1b9;
  border-color: #83c373;
  opacity: 1
}

#pass1-text.short,#pass1.short {
  border-color: #e35b5b
}

#pass1-text.bad,#pass1.bad {
  border-color: #f78b53
}

#pass1-text.good,#pass1.good {
  border-color: #ffc733
}

#pass1-text.strong,#pass1.strong {
  border-color: #83c373
}
.user-pass2-wrap{
  display:none;
}
.password-input-wrapper{

}
.password-input-wrapper{
  display: block;
  margin-bottom: 10px;
}
input#wp-submit:disabled {
  background: grey;
}
.back-to-login {
  display: table;
  color: #cc0001;
  cursor: pointer;
}
.shake{
  animation: shake 0.4s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
.pop-out{
  display:table;
  animation: pop-out 0.6s ease both;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}

@keyframes pop-out {
  0%{
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  85% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}