.um-account {
  .um-form {
    form {
      display: flex;
      flex-direction: column;

      @media (min-width: 800px) {
        flex-direction: row;

        .um-account-main {
          margin-right: 3rem;
        }
      }

      .um_request_name {
        opacity: 0;
      }

      .um-field-error {
        color: red;
      }


      #um_account_submit_password {
        margin-top: 2rem;
        margin-bottom: 5rem;
      }

      #um_account_submit_general, #um_account_submit_billing {
        margin-top: 2rem;
      }

      .um-notice {
        padding: 4px 12px;

        &.success {
          color: white;
        }
      }
    }
  }


  .um-account-title.uimob800-hide {
    margin-left: 0.5rem;
  }

  .um-account-side ul {
    list-style: none;
  }
}

.um-field-area input[type="checkbox"] {
  display: none;
}


#profile-wrapper .um-account-main div.um-account-heading {
  margin-bottom: 24px !important;
}

#profile-wrapper .um-account-side li {
  padding-left: 0.5rem !important;
  max-width: 250px;
}

.page-template-profile-template .um-field label.um-field-checkbox .um-field-checkbox-state {
  height: 23px;
}

.page-template-profile-template .um-field label.um-field-checkbox .um-field-checkbox-state, .page-template-profile-template .um-field label.um-field-checkbox .um-field-radio-state {
  margin-right: auto;
  margin-left: unset;
}

.um-field-show_location_to_mentors {
  display: none;
}


.um-notice.success {
  .um-icon-ios-close-empty {
    margin: 0 6px;
  }
}


.um-account-name .um-account-profile-link a.um-link, div.uimob800 .um-account-meta a {
  border: none !important;
}


.um-account-main {
  margin-bottom: 3rem;
}

.um-dropdown {
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  bottom: -64px !important;
  top: unset !important;
  width: 100% !important;

  @media (min-width: 981px) {
    padding-right: 8% !important;
  }

  .um-dropdown-b {
    .um-dropdown-arr {
      display: none;
    }

    ul {
      list-style: none;
      margin: 0 24px;
      display: flex;
      justify-content: center;
      gap: 1rem;
      padding: 0;

      li {
        /*a {*/
        /*  display: inline-block;*/
        /*  padding: 4px 16px;*/
        /*  background: #c6a055;*/
        /*  color: white;*/
        /*  white-space: nowrap;*/
        /*  border-radius: 4px !important;*/

        /*}*/

        a {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 150px;
          height: 40px;
          background-color: #c6a055;
          /*font-family: "DIN W05 Bold";*/
          font-size: 12px;
          font-weight: bold !important;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #131126;
          text-transform: uppercase !important;
          border-radius: 0 !important;

          white-space: pre !important;
          padding-block: 1px !important;
          padding-inline: 6px !important;
          border-width: 2px !important;
          border-style: solid !important;
          border-color: buttonborder !important;
          border-top-color: #545454 !important;
          border-left-color: #545454 !important;
          border-right-color: #000000 !important;
          border-bottom-color: #000000 !important;
        }
      }
    }
  }

}

#member-fields {
  position: relative;
  z-index: 2;
}


.um-profile-photo {
  position: relative;
}

.um-profile-photo.um-trigger-menu-on-click .um-dropdown {
  top: unset !important;
}


#member-data span {
  display: inline-block;
}

.um-profile-headericon {
  display: inline-block;
}


.cropper-container.cropper-bg {
  display: none;
}


#um_upload_single {
  .upload {
    width: min-content;
    padding: 6px 12px;
    border-radius: 4px;
    margin-top: 1rem;
    color: white;
  }

  .str {
    .um-max-filesize {
      display: none;
    }
  }
}


.um-rating.um-raty {
  display: inline-block;
  font-size: 24px;
  user-select: none;
}

.um-rating.um-raty i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 2px;
}

.um-rating.um-raty i.star-on-png {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ffb300" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.89 1.452 8.21-7.388-3.89-7.388 3.89 1.452-8.21-6.064-5.89 8.332-1.151z"/></svg>');
}

.um-rating.um-raty i.star-off-png {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ddd" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.89 1.452 8.21-7.388-3.89-7.388 3.89 1.452-8.21-6.064-5.89 8.332-1.151z"/></svg>');
}

.um-rating.um-raty i.star-off-png[data-alt="4"],
.um-rating.um-raty i.star-on-png[data-alt="4"],
.um-rating.um-raty i.star-off-png[data-alt="5"],
.um-rating.um-raty i.star-on-png[data-alt="5"] {
  display: none;
}


.um_request_name {
  display: none;
}

.um-form:not(:has(#member-photo)) .um-row-heading {
  display: none;
}

.um-button.um-prev-btn {
  margin-bottom: 2rem;
}

#member-photo {
  @media (max-width: 772px) {
    h1 {
      bottom: -55px !important;
    }
  }
}


@media (max-width: 772px) {
  #member-fields {
    margin-top: 55px !important;
  }
}

.um-form input[type="text"].um-form-field,
.um-form input[type="password"].um-form-field,
.um-form input[type="tel"].um-form-field {
  width: 100%;
}

.um-field.um-field-checkbox.um-field-show_location_to_skiers {
  display: none;
}

.um-form .select2-selection b[role="presentation"] {
  display: none;
}