@media screen and (min-width: 768px) {
  .br-wide::before {
    content: "\A";
    white-space: pre;
  }
}

#link-edit-profile,
#link-change-password {
  margin-top: 40px;
}

.form_userRegist_input_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.form_userRegist_input_container>a {
  margin-top: 0.5rem;
  text-decoration: underline;
}

.form_userRegist_input_container>p {
  margin-top: 0.5rem;
  font-size: 0.9em;
}

#pass-strength-result {
  box-sizing: border-box;
  flex: 1 1 100%;
  width: 100%;
  min-height: 2rem;
  font-size: 0.9em;
  display: flex;
  justify-content: left;
  padding-top: 0.5rem;
}

#pass-strength-result>.strength.short {
  color: #ff2c14;
}

#pass-strength-result>.strength.bad {
  color: #ff2c14;
}

#pass-strength-result>.strength.good {
  color: #f0a126;
}

#pass-strength-result>.strength.strong {
  color: #00b200;
}

#btn-pass-change:disabled {
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
  color: #666;
}

.btn-on-input {
  flex: 0 0 auto;
  padding: 0 0.5rem;
}

.btn-on-input>img {
  height: 1.5rem;
  width: 1.5rem;
}

.field-with-icon {
  display: flex;
  align-items: center;
}

.btn-on-input>.hide {
  display: none;
}