@keyframes button-loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.button-loading {
  border: 1px solid #c4cdd5;
  cursor: default;
  text-shadow: none;
  color: transparent !important;
  position: relative;
  transition: border-color 0.2s ease-out;
}
.button-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  animation: button-loading-spinner 1s linear infinite;
  border-color: #ffffff;
  border-bottom-color: transparent;
}
.button-loading:hover, .button-loading:focus, .button-loading:active {
  color: transparent;
}

.member--list__info {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #F4F5F6;
}
.member--list__info .d-flex {
  flex-direction: column !important;
}
.member--list__info .member--list__info--logo {
  width: 120px;
  height: 72px;
  display: block;
  padding-right: 12px;
  box-sizing: border-box;
  border: 1px solid #F4F5F6;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.member--list__info .member--list__info--name {
  color: #23262f;
  padding-bottom: 12px;
}
.member--list__info .member--list__info--address,
.member--list__info .member--list__info--mobilephone,
.member--list__info .member--list__info--email,
.member--list__info .member--list__info--telephone {
  color: #353945;
  padding-bottom: 12px;
  display: flex;
  align-items: start;
}
.member--list__info .member--list__info--address::before,
.member--list__info .member--list__info--mobilephone::before,
.member--list__info .member--list__info--email::before,
.member--list__info .member--list__info--telephone::before {
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px;
}
.member--list__info .member--list__info--website {
  display: flex;
  align-items: start;
}
.member--list__info .member--list__info--website a {
  color: #0095d9 !important;
}
.member--list__info .member--list__info--website a:hover {
  color: #353945;
}
.member--list__info .member--list__info--website::before {
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px;
}
.member--list__info .row,
.member--list__info .row > * {
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.member--list__info .member--list__info--address::before {
  content: url("../images/icons/address-icon-svg.svg");
}
.member--list__info .member--list__info--mobilephone::before {
  content: url("../images/icons/mobile-phone-icon-svg.svg");
}
.member--list__info .member--list__info--email::before {
  content: url("../images/icons/mail-icon-svg.svg");
}
.member--list__info .member--list__info--telephone::before {
  content: url("../images/icons/tele-phone-icon-svg.svg");
}
.member--list__info .member--list__info--website::before {
  content: url("../images/icons/website-icon-svg.svg");
}

@media only screen and (max-width: 768px) {
  .member--list__info .member--list__info--logo {
    margin: auto !important;
  }
  .member--list__info .member--list__info--name {
    text-align: center !important;
  }
}
#signature-modal .modal-header {
  flex-direction: column;
  align-items: start !important;
}
#signature-modal .modal-title {
  color: var(--neutrals-07);
}
#signature-modal .modal-description {
  color: var(--neutrals-05);
}
#signature-modal .hyper-link {
  color: var(--text-color-hyperlink);
}
#signature-modal .modal-body #signature-canvas {
  border: 2px dashed var(--border-color);
  background: var(--neutrals-02);
}

.sub-title {
  padding-top: 34px;
  padding-bottom: 16px;
}
.sub-title .sub-title-first {
  padding-bottom: 18px;
}

.form-check-member-class {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  background: #ffffff;
  border: 2px solid #e6e8ec;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
}

.premium::after {
  content: url("../images/icons/icon-form-premium-membership.svg");
  padding: 8px;
}