.change-password-header {
  background: #40528E;
  top: 0;
  color: #FFFFFF;
}
.change-password-field {
  width: 100%;
  height: 40px;
  border-radius: 2px;
  background-color: #f2f2f2;
  border: 1px solid #e1e1e1;
  padding: 10px;
}
.cp-field-container .change-password-field:focus {
  outline: none;
  border-color: #394889;
  border-color: var(--mdc-theme-primary);
}
.change-password-btn {
  height: 40px;
  font-size: 14px;
}
.change-password-cancel {
  height: 40px;
  font-size: 14px;
  text-transform: none;
  margin-left: 20px;
}
.change-password-label {
  color: #757575;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10pt;
  letter-spacing: 0.09rem;
  font-weight: normal;
}
.cp-field-container {
  display: flex;
  position: relative;
  flex-flow: column nowrap;
  margin-top: 20px;
}
.cp-field-container .change-password-field.input-validation-error {
  border-color: #98141F;
}
.cp-field-required {
  position: absolute;
  right: 14px;
  top: calc(50% + 0.1em);
  color: #98141F;
  font-weight: 700;
  user-select: none;
}
.mdc-button--outlined:not(:disabled) {
  border-color: #394889;
}