.eye-open {
  background: url("images/eye-open.svg") no-repeat;
  display: block;
  height: 16px;
  width: 24px;
  margin-top: 2px;
  background-size: 20px;
}

.eye-close {
  background: url("images/eye-close.svg") no-repeat;
  display: block;
  height: 16px;
  width: 24px;
  margin-top: 2px;
  background-size: 20px;
}

.password-eye {
  float: right;
  margin-right: 10px;
  margin-top: -1.45em;
  color: rgb(102, 102, 102);
  font-size: large;
  position: relative;
  cursor: pointer;
  z-index: 2;
}

.form-group.form-type-password,
body.path-checkout .commerce-checkout-flow .form-item-login-register-password.form-type-password {
  margin-bottom: -1px;
}

meter {
  margin: 0 auto 1em;
  width: 100%;
  height: .5em;

  background: #efefef;
  background-color: rgba(0,0,0,0.1);
  margin-top: -1rem;
}

meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0,0,0,0.1);
}

.meter[value="0"]::-webkit-meter-optimum-value { background: red; }
.meter[value="1"]::-webkit-meter-optimum-value { background: red; }
.meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
.meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
.meter[value="4"]::-webkit-meter-optimum-value { background: green; }

.meter[value="0"]::-moz-meter-bar { background: red; }
.meter[value="1"]::-moz-meter-bar { background: red; }
.meter[value="2"]::-moz-meter-bar { background: yellow; }
.meter[value="3"]::-moz-meter-bar { background: orange; }
.meter[value="4"]::-moz-meter-bar { background: green; }

.meter::-webkit-meter-optimum-value,
.meter::-webkit-meter-suboptimum-value,
.meter::-webkit-meter-even-less-good-value {
  transition: width 1s, background 0.25s;
}