.field-editpass {
  .pass-input {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
    @media (max-width: 575.98px) {
      flex-flow: column;
    }
    @media (min-width: 576px) and (max-width: 767.98px) {
      flex-flow: column;
    }
    label {
      font-size: 16px;
      width: 40%;
      margin-right: 20px;
      @media (max-width: 575.98px) {
        width: 100%;
        margin-right: 0;
      }
      @media (min-width: 576px) and (max-width: 767.98px) {
        width: 100%;
        margin-right: 0;
      }
    }
    .pass-input-item {
      position: relative;
      width: 100%;
      i {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        color: green;
        font-size: 16px;
      }
      & > label.error, & >label.error-new-pass, & >label.error-old-pass, & >label.error-renew-pass{
        color: red;
        font-size: 14px;
        font-style: italic;
        font-weight: normal;
        width: 100%;
      }
      input[type="password"] {
        width: 100%;
      }
    }
    input[type="password"] {
      height: 40px;
      padding: 12px;
      border: 1px solid #E2E5EC;
      box-shadow: none;
      border-radius: 3px;
    }
  }

}