.article.my-password-title h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 17px;
}

.article.my-password > .margin > .padding {
  padding-top: 0px;
}
.article.my-password .content {
  border: solid 1px #e3e3e3;
  padding: 20px;
}
.article.my-password .message {
  margin-bottom: 30px;
  display: none;
}
.article.my-password .message.success, .article.my-password .message.error {
  display: flex;
}
.article.my-password input:not([type=button], [type=checkbox], [type=color], [type=file], [type=radio], [type=range], [type=reset], [type=submit]) {
  width: 100%;
  padding: 10px;
  border: solid 1px var(--defaultDarkGrey);
  color: var(--defaultBorderColor);
  border-radius: 0px;
  appearance: none;
}
.article.my-password .info-row {
  margin-bottom: 20px;
}
.article.my-password .info-row.last-child {
  margin-bottom: 0px;
}
.article.my-password .info-row > label {
  font-weight: 400;
  font-size: var(--smallerFontSize);
  color: #626262;
  padding-bottom: 3px;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.article.my-password .info-row .value {
  position: relative;
}
.article.my-password .info-row .register-passkey,
.article.my-password .info-row .save-new-password {
  display: inline-block;
  padding: 10px 40px;
  background-color: var(--defaultBlue);
  color: var(--defaultWhite);
  cursor: pointer;
  margin-bottom: 0px;
  text-align: center;
  font-size: var(--smallerFontSize);
  border: none;
}
.article.my-password .info-row .register-passkey.disabled,
.article.my-password .info-row .save-new-password.disabled {
  background-color: var(--defaultDarkGrey);
  color: #adadad;
  cursor: not-allowed;
}
.article.my-password .info-row .register-passkey:not(.disabled):hover,
.article.my-password .info-row .save-new-password:not(.disabled):hover {
  background-color: #0d7dde;
  transition: background-color var(--shortTransition);
}
.article.my-password .info-row .toggle-pass {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  color: #a0a0a0;
  font-weight: 300;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

/* Grade A */
/* Grade B */
/* Grade C */
/* Grade D */
@media (max-width: 479px) {
  .article.my-password .info-row > .value > .register-passkey,
  .article.my-password .info-row > .value > .save-new-password {
    width: 100%;
  }
}

/*# sourceMappingURL=myPassword.css.map */