/* Styles for Single Product Purchase - SPP Affiliate Membership */
/*
 * Base64 font family.
 */
@font-face {
  font-family: "soa-affiliate";
  src: url("data:font/woff2;charset=utf-8;base64,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") format("woff2"), url("data:font/woff;charset=utf-8;base64,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") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[data-icon]:before {
  font-family: "soa-affiliate" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "soa-affiliate" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tick:before {
  content: "a";
}

.icon-spinner-1:before {
  content: "c";
}

.icon-chevron-dn:before {
  content: "d";
}

.icon-chevron-lt:before {
  content: "e";
}

.icon-chevron-rt:before {
  content: "f";
}

.icon-chevron-up:before {
  content: "g";
}

.icon-help-circled:before {
  content: "h";
}

.icon-eye:before {
  content: "k";
}

.icon-eye-slash:before {
  content: "l";
}

.icon-edit:before {
  content: "b";
}

.icon-edit-1:before {
  content: "i";
}

.icon-info-circled:before {
  content: "j";
}

.icon-information-black:before {
  content: "m";
}

.icon-information-circled:before {
  content: "n";
}

.icon-calendar-1:before {
  content: "p";
}

.icon-calendar-2:before {
  content: "q";
}

.icon-calendar-3:before {
  content: "r";
}

.icon-plus-round:before {
  content: "o";
}

.icon-plus:before {
  content: "s";
}

.icon-plus-1:before {
  content: "t";
}

.icon-attachment:before {
  content: "u";
}

.icon-paper-clip:before {
  content: "v";
}

.icon-exclamation-circle:before {
  content: "w";
}

.icon-cloud-upload-2:before {
  content: "x";
}

.icon-out:before {
  content: "y";
}

.icon-close-circled:before {
  content: "z";
}

.icon-close:before {
  content: "A";
}

/*
 * Overwrite SOA styles.
 */
.button {
  transition: none;
}

/*
 * Reset styles.
 */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.spp__ikon {
  box-sizing: content-box;
}

.spp__module-wrapper,
.spp__module-wrapper th,
.spp__module-wrapper td {
  box-sizing: initial;
}

.spp__module-wrapper div,
.spp__module-wrapper p,
.spp__module-wrapper form,
.spp__module-wrapper input,
.spp__module-wrapper textarea {
  box-sizing: border-box;
}

.spp__selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.spp__input::placeholder {
  color: rgb(180, 180, 180);
}

/*
 * CSS Spiners loading.io/css
 */
.spp__spinner-1 {
  display: none;
  position: relative;
  width: 18px;
  height: 14px;
}

.spp__spinner-1.show {
  display: inline-block;
}

.spp__spinner-1 div {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 4px;
  border-radius: 2px;
  background: rgb(80, 80, 80);
  animation: spp__spinner-anim-1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.spp__spinner-1 div:nth-child(1) {
  left: 0;
  animation-delay: -0.24s;
}

.spp__spinner-1 div:nth-child(2) {
  left: 7px;
  animation-delay: -0.12s;
}

.spp__spinner-1 div:nth-child(3) {
  left: 14px;
  animation-delay: 0;
}

@keyframes spp__spinner-anim-1 {
  0% {
    top: 4px;
    height: 18px;
  }
  50%, 100% {
    top: 8px;
    height: 10px;
  }
}
.spp__spinner-2 {
  position: relative;
  width: 34px;
  height: 34px;
  display: none;
}

.spp__spinner-2.show {
  display: inline-block;
}

.btn-continue .spp__spinner-2,
.spp__button-btn[type=button] .spp__spinner-2,
.spp__button-btn[type=submit] .spp__spinner-2 {
  margin-left: -10px;
}

.spp__spinner-2.spp__50pc {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.spp__spinner-2 > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  animation: spp__spinner-anim-2 1s linear infinite;
}

.spp__spinner-2 > div > div {
  position: relative;
  top: 2px;
  left: 50%;
  display: inline-block;
}

.btn-continue .spp__spinner-2 > div > div,
.spp__button-btn[type=button] .spp__spinner-2 > div > div,
.spp__button-btn[type=submit] .spp__spinner-2 > div > div {
  left: 0;
}

.spp__spinner-2 span {
  margin: 5px 0 0 0;
  position: absolute;
  top: 0;
  left: -2px;
  width: 4px;
  height: 12px;
  display: block;
  /*border-radius: 4px;*/
  background-color: rgb(2, 77, 124);
  -webkit-transform-origin: 2px -5px;
  -moz-transform-origin: 2px -5px;
  -ms-transform-origin: 2px -5px;
  transform-origin: 2px -5px;
}

.spp__spinner-2.spp__wht span {
  background-color: rgb(255, 255, 255);
}

.spp__spinner-2 span:nth-child(1) {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.spp__spinner-2 span:nth-child(2) {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.spp__spinner-2 span:nth-child(3) {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.spp__spinner-2 span:nth-child(4) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.spp__spinner-2 span:nth-child(5) {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.spp__spinner-2 span:nth-child(6) {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

@keyframes spp__spinner-anim-2 {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spp__spinner-selector {
  display: none;
}

.spp__spinner-selector.show {
  display: block;
}

.spp__spinner-selector i,
.spp__spinner-selector .spp__spinner-3 {
  vertical-align: middle;
  display: inline-block;
  color: rgb(80, 80, 80);
}

.spp__spinner-country {
  display: none;
}

.spp__spinner-country.show {
  display: block;
}

.spp__spinner-country i,
.spp__spinner-country .spp__spinner-3 {
  vertical-align: middle;
  display: inline-block;
  color: rgb(80, 80, 80);
}

.spp__spinner-3 {
  margin-left: -18px;
  position: relative;
  top: 2px;
  width: 70px;
  text-align: center;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
}

.spp__spinner-3 > div {
  width: 18px;
  height: 18px;
  background-color: rgb(80, 80, 80);
  border-radius: 100%;
  display: inline-block;
  animation: spp__spinner-anim-3 1.4s infinite ease-in-out both;
}

.spp__spinner-3 .spp__bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spp__spinner-3 .spp__bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@keyframes spp__spinner-anim-3 {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/*
 * Button styles.
 */
.spp__button-lnk {
  padding: 0;
  color: #0090bc;
  font-size: 15px;
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
  outline: none;
  border: none;
  background-color: transparent;
}

.spp__button-btn {
  padding: 8px 20px;
  font-size: 17px;
  line-height: 1em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  cursor: pointer;
  user-select: none;
  outline: none;
  border-radius: 4px;
  border: none;
  background-color: transparent;
}

.spp__button-lnk:focus,
.spp__button-btn:focus {
  outline: none;
}

.spp__button-lnk:hover {
  color: #024c7b;
}

.spp__disabled,
.spp__button-btn.disabled,
.spp__button-btn:disabled,
.spp__module-wrapper.fetching .spp__button-btn {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.spp__module-wrapper.submitting .spp__button-btn {
  cursor: not-allowed;
  pointer-events: none;
}

.spp__module-wrapper.submitting .spp__checkboxes {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.spp__button--blue {
  color: rgb(255, 255, 255);
  background-color: rgb(2, 77, 124);
  /*box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);*/
}

.spp__button--grey {
  color: rgb(255, 255, 255);
  background-color: rgb(171, 171, 171);
}

.spp__button--outline-blue {
  color: rgb(2, 77, 124);
  border: 2px solid rgb(2, 77, 124);
  background-color: rgb(255, 255, 255);
}

.spp__flex-realign {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.spp__flex-jus-ctr {
  justify-content: center;
}

.spp__flex-aln-ctr {
  align-items: center;
}

.spp__button--blue--secondary {
  color: rgb(2, 77, 124);
}

.spp__btn-standard {
  min-width: 280px;
  height: 45px;
}

.spp__flex-btns .spp__btn-standard {
  min-width: auto;
}

.btn-continue,
.spp__button-btn[type=button],
.spp__button-btn[type=submit] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.spp__filter-bttns {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.spp__filter-bttn,
.spp__filter-bttn:focus {
  margin: 7px 7px 0 0;
  padding: 8px;
  outline: none;
  color: rgb(0, 0, 0);
  font-size: 14px;
  border: 1px solid rgb(189, 189, 189);
  background-color: rgb(255, 255, 255);
}

.spp__filter-bttn.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.spp__filter-bttn.selected {
  color: rgb(255, 255, 255);
  border-color: rgb(2, 77, 124);
  background-color: rgb(2, 77, 124);
}

.spp__btn-uploader {
  width: 200px;
  min-width: initial;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spp__btn-uploader:before {
  content: "y";
  margin-right: 10px;
  font-size: 18px;
  font-family: "soa-affiliate";
  border-radius: initial;
}

.spp__btn-uploader input[type=file] {
  display: none;
}

.spp__btn-file-remove {
  width: 40px;
  height: 40px;
  position: relative;
}

.spp__btn-file-remove:before {
  content: "z";
  position: absolute;
  top: calc(50% - 9px);
  right: calc(50% - 9px);
  cursor: pointer;
  font-size: 22px;
  font-family: "soa-affiliate";
  border-radius: initial;
}

/*
 * Form styles.
 */
.spp__field-dynamic,
.spp_form-dynamic-section {
  display: none;
}

.spp__field-dynamic.show,
.spp_form-dynamic-section.show {
  display: block;
}

.spp__fake-required label:after,
.spp__input-required:after,
.spp__label-required:after,
.spp__selector-required:after,
.spp__chkbox-required:after {
  content: "*";
  color: rgb(255, 0, 64);
  font-size: 17px;
  font-weight: 700;
}

.spp__inputs-wrapper {
  max-width: 70%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.spp__inputs-wrapper.flex-aln-lft {
  justify-content: flex-start;
}

.spp__inputs-wrapper > div:first-child {
  padding-right: 5px;
}

.spp__inputs-wrapper > div:last-child {
  padding-left: 5px;
}

.spp__inputs-wrapper.spp__fields-wrap .spp__input-wrapper,
.spp__inputs-wrapper.spp__fields-wrap .spp__selector-wrapper {
  width: 49%;
}

.spp__input-wrapper,
.spp__selector-wrapper,
.spp__part-info {
  max-width: 70%;
}

.spp__input-header,
.spp__selector-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: baseline;
}

.spp__input-prompt,
.spp__selector-prompt {
  padding-bottom: 15px;
}

.spp__input-label-info {
  color: #8c8c8c;
  font-size: 13px;
  font-weight: 500;
}

.spp__input-field,
.spp__selector-field {
  padding-top: 6px;
  position: relative;
}

.spp__input,
.spp__selector,
.spp__selector-btn {
  padding: 7px;
  width: 100%;
  min-height: 38px;
  color: rgb(50, 50, 50);
  font-size: 15px;
  text-align: left;
  border-radius: 0;
  border: 1px solid rgb(189, 189, 189);
  background-color: transparent;
}

.spp__selector-btn {
  padding-right: 40px;
}

.spp__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.spp__input:focus,
.spp__selector:focus,
.spp__selector-btn:focus {
  outline: 1px solid #bdbdbd !important;
}

.spp__input-card-number {
  padding-right: 85px;
}

.spp__input.input-validation-error,
.spp__selector-btn.input-validation-error {
  border: 1px solid rgb(255, 0, 64);
}

.spp__input-slash {
  padding: 31px 6px 0 6px;
}

.spp__selector-btn {
  cursor: pointer;
}

.spp__input-label label,
.spp__selector-label label {
  margin-bottom: 0;
  color: rgb(0, 0, 0);
}

.spp__field-dashed {
  padding: 8px 7px 6px 7px;
  width: 100%;
  min-height: 38px;
  color: rgb(50, 50, 50);
  font-size: 15px;
  text-align: left;
  border: 1px dashed rgb(170, 170, 170);
}

.spp__module-wrapper.fetching .spp__input,
.spp__module-wrapper.fetching .spp__input-label,
.spp__module-wrapper.fetching .spp__selector-btn,
.spp__module-wrapper.fetching .spp__selector-label,
.spp__module-wrapper.fetching .spp__selector-chevron,
.spp__module-wrapper.fetching .spp__ctrl-radio,
.spp__module-wrapper.fetching .spp__filter-wrapper,
.spp__module-wrapper.submitting .spp__input,
.spp__module-wrapper.submitting .spp__input-label,
.spp__module-wrapper.submitting .spp__selector-btn,
.spp__module-wrapper.submitting .spp__selector-label,
.spp__module-wrapper.submitting .spp__selector-chevron,
.spp__module-wrapper.submitting .spp__ctrl-radio,
.spp__module-wrapper.submitting .spp__button-lnk,
.spp__module-wrapper.submitting .spp__filter-wrapper {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}

.spp__selector-field {
  position: relative;
  display: block;
}

.spp__selector-chevron {
  position: absolute;
  top: 23px;
  right: 30px;
  pointer-events: none;
}

.spp__selector-chevron i:before,
.spp__selector-chevron i:after {
  content: "";
  position: absolute;
  display: block;
  border: 8px solid transparent;
}

.spp__selector-chevron i:before {
  top: 0;
  border-top-color: rgb(189, 189, 189);
}

.spp__selector-chevron i:after {
  top: -2px;
  border-top-color: rgb(255, 255, 255);
}

.spp__selector-btn.input-validation-error + .spp__selector-chevron i:before {
  border-top-color: rgb(255, 0, 64);
}

.spp__input:focus-visible,
.spp__selector:focus-visible {
  outline: none;
}

.spp__form-msg span,
.spp__input-msg span,
.spp__selector-msg span,
.spp__filter-msg span {
  display: none;
}

.spp__form-msg span {
  padding-bottom: 5px;
}

.spp__display-none {
  display: none;
}

.spp__form-msg .field-validation-error {
  padding-bottom: 25px;
  display: block;
}

.spp__input-msg .field-validation-error,
.spp__selector-msg .field-validation-error,
.spp__filter-msg .field-validation-error {
  padding-top: 6px;
  display: block;
}

.spp__input-msg .field-validation-error p,
.spp__selector-msg .field-validation-error p,
.spp__filter-msg .field-validation-error p {
  padding: 0 2px 8px 2px !important;
}

.spp__input-msg .field-validation-error ol,
.spp__input-msg .field-validation-error ul,
.spp__selector-msg .field-validation-error ol,
.spp__selector-msg .field-validation-error ul,
.spp__filter-msg .field-validation-error ol,
.spp__filter-msg .field-validation-error ul {
  padding: 0 2px 12px 33px !important;
}

.spp__input-msg .field-validation-error a,
.spp__selector-msg .field-validation-error a,
.spp__filter-msg .field-validation-error a {
  color: inherit;
}

.spp__form-msg.inline-spans .field-validation-error {
  padding-bottom: 0;
  display: inline-block;
}

.spp__selector-dynamic {
  position: relative;
  top: -4px;
  max-height: 0;
  overflow-y: hidden;
  background-color: rgb(255, 255, 255);
  transition: max-height 0.2s ease-out;
}

.spp__selector-dynamic.show {
  max-height: 200px;
}

.spp__selector-dynamic > div {
  padding-top: 4px;
  height: 194px;
  overflow-y: hidden;
  border-radius: 0 0 4px 4px;
  border-left: 1px solid rgb(189, 189, 189);
  border-bottom: 1px solid rgb(189, 189, 189);
  border-right: 1px solid rgb(189, 189, 189);
}

.spp__selector-dynamic ul {
  margin: 0;
  padding: 0 !important;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  border-top: 1px solid #bdbdbd;
}

.spp__selector-dynamic ul li span,
.spp__selector-dynamic ul li button {
  padding: 6px 6px;
  display: block;
  cursor: pointer;
  text-align: left;
  color: rgb(51, 51, 51);
  border: none;
  background-color: rgb(255, 255, 255);
}

.spp__selector-dynamic ul li span.spp__selector-padding {
  padding: 6px 0 0 0;
  cursor: default;
}

.spp__selector-dynamic ul li span.spp__seperator {
  margin: 0 6px 6px 6px;
  padding: 6px 0 0 0;
  cursor: default;
  border-bottom: 1px dashed #bdbdbd;
}

.spp__selector-dynamic ul li span:focus-visible,
.spp__selector-dynamic ul li button:focus-visible {
  outline: none;
}

.spp__selector-dynamic ul li span:not(.spp__seperator):not(.spp__selector-padding):not(.spp__options-title):focus,
.spp__selector-dynamic ul li span:not(.spp__seperator):not(.spp__selector-padding):not(.spp__options-title):hover,
.spp__selector-dynamic ul li button:focus,
.spp__selector-dynamic ul li button:hover {
  border: none;
  outline: none;
  background-color: rgb(240, 240, 240);
}

.spp__ctrl-radio,
.spp__ctrl-chkbox {
  margin-bottom: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  cursor: pointer;
}

.spp__ctrl-radio:last-of-type,
.spp__ctrl-chkbox:last-of-type {
  margin-bottom: 0;
}

.spp__ctrl-radio input[type=radio],
.spp__ctrl-chkbox input[type=checkbox] {
  display: none;
}

.spp__ctrl-radio .spp__ikon,
.spp__ctrl-chkbox .spp__ikon {
  margin-right: 12px;
  order: 1;
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  border-radius: 50%;
  border: 1px solid rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
}

.spp__ctrl-chkbox .spp__ikon {
  position: relative;
  border-radius: 6px;
}

.spp__ctrl-radio .spp__ikon:after,
.spp__ctrl-chkbox .spp__ikon:after {
  content: "";
  margin: 5px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background-color: transparent;
}

.spp__ctrl-chkbox .spp__ikon:after {
  content: "a";
  position: absolute;
  top: -2px;
  left: -2px;
  opacity: 0;
  font-size: 18px;
  font-family: "soa-affiliate";
  border-radius: initial;
}

.spp__ctrl-radio input[type=radio]:checked ~ .spp__ikon:after {
  background-color: rgb(51, 51, 51);
}

.spp__ctrl-chkbox input[type=checkbox]:checked ~ .spp__ikon:after {
  opacity: 1;
}

.spp__ctrl-radio .spp__label,
.spp__ctrl-chkbox .spp__label {
  order: 2;
}

.spp__ctrl-chkbox .spp__label {
  line-height: 24px;
}

.spp__card-images {
  height: 18px;
}

.spp__card-cvv {
  padding-left: 20px;
  height: 32px;
}

.spp__card-images img,
.spp__card-cvv img {
  margin-left: 1px;
  width: auto;
  height: 100%;
  vertical-align: baseline;
}

.spp__grayout {
  opacity: 0.2;
  filter: grayscale(100%);
}

.spp__card-type-hint {
  position: absolute;
  top: 16px;
  right: 8px;
  display: none;
  color: rgb(180, 180, 180);
}

.spp__card-type-hint.show {
  display: block;
}

.spp__placeholder-custom {
  position: absolute;
  top: 6px;
  left: 0;
  z-index: 5;
  display: inline-block;
  box-sizing: border-box;
  pointer-events: none;
  color: rgb(180, 180, 180);
}

.spp__placeholder-custom + .spp__input {
  position: relative;
  z-index: 10;
}

.spp__module-wrapper input[type=date] {
  position: relative;
}

.spp__module-wrapper input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  z-index: 1;
  background: none;
  outline: none;
}

.spp__module-wrapper input[type=date]:before {
  content: "p";
  position: absolute;
  top: 7px;
  right: 7px;
  color: rgb(153, 153, 153);
  font-size: 18px;
  font-family: "soa-affiliate";
  outline: none;
}

.spp__inp-error {
  border: 1px solid rgb(255, 0, 0);
}

.spp__pg-wrapper input[type=radio]:focus + .spp__ikon,
.spp__pg-wrapper input[type=checkbox]:focus + .spp__ikon,
.spp__pg-wrapper input[type=text]:focus,
.spp__pg-wrapper button.spp__filter-bttn:focus {
  box-shadow: rgba(99, 99, 99, 0.25) 0px 2px 8px 0px;
}

/*
 * Text styles.
 */
.spp__pg-wrapper h1,
.spp__module-wrapper h1 {
  padding: 24px 0 30px 0;
  font-size: 28px !important;
}

.spp__module-wrapper {
  color: rgb(51, 51, 51);
  font-size: 15px;
  line-height: 1.3em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__h3,
.spp__module-wrapper h3 {
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__input-label,
.spp__selector-label {
  font-weight: 500;
}

.spp__txt-red {
  color: rgb(255, 0, 64);
}

.spp__txt-blu {
  color: rgb(2, 77, 124);
}

.spp__txt-gry {
  color: rgb(180, 180, 180);
}

.spp__txt-bld {
  font-weight: bold;
}

.spp__font-monospace {
  padding: 10px 7px 6px 7px;
  font-family: "Lucida Console", monospace;
  letter-spacing: 3px;
}

.spp__txt-lnk {
  color: #0090bc !important;
  text-decoration: underline;
  transition: none;
}

.spp__txt-lnk:active,
.spp__txt-lnk:focus,
.spp__txt-lnk:hover {
  color: #024c7b !important;
}

.spp__txt-radio-label {
  color: rgb(51, 51, 51);
  font-size: 15px;
  line-height: 1.3em;
}

.spp__field-block-title {
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-weight: 400;
}

.spp__title-attest {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 700;
}

.spp__txt-sml {
  color: rgb(140, 140, 140);
  font-size: 13px;
  font-weight: 500;
}

.spp__txt-lnk-sml {
  font-size: 80%;
}

.spp__tbl-preview-payment thead,
.spp__tbl-success-payment thead {
  font-size: 20px;
  font-weight: bold;
}

.spp__pg-wrapper .validation-summary-errors {
  font-size: 15px;
}

.spp__txt-truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spp__para-header {
  padding-bottom: 15px;
  color: #1e1e1e;
  font-weight: 100;
  font-size: 1.8rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__vee-file-uploader .spp__txt-chkbox-label {
  line-height: 1.2em;
}

.spp__options-title {
  color: #999999;
  font-size: 13px;
  font-weight: 600;
}

/*
 * Layout styles.
 */
.spp__pg-wrapper {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}

.spp__pg-wrapper .main {
  padding-top: 6rem;
  padding-bottom: 0;
  flex: auto;
  border-bottom: none;
}

.spp__pg-wrapper .main .container {
  margin: 0;
  padding: 0 30px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__pg-wrapper [data-loginpage] .card .form {
  padding: 0;
}

.spp__pg-wrapper [data-loginpage] .login__headline {
  padding-bottom: 0;
}

.spp__pg-wrapper [data-loginpage] .card__headline {
  font-size: 20px;
}

.spp__pg-wrapper [data-loginpage] .card.login__register .card__footer {
  display: none;
}

.spp__pg-wrapper .maintenance-message {
  font-size: 15px;
}

.spp__pg-wrapper .login__login .row .alert__icon,
.spp__pg-wrapper .login__login .row .validation-summary-errors {
  margin-top: 20px;
}

.spp__pg-wrapper [data-loginpage] .card .login__label {
  color: rgb(51, 51, 51);
  font-size: 15px;
  font-weight: 500;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__pg-wrapper [data-loginpage] .card .login__label.validation-summary-errors {
  color: #c71d28;
}

.spp__pg-wrapper [data-loginpage] .card .login__label input {
  margin-top: 5px;
  padding: 7px;
  font-size: 15px;
  border-radius: 0;
  border: 1px solid #bdbdbd;
  box-shadow: none;
}

.spp__pg-wrapper [data-loginpage] .card .login__label input:focus {
  outline: 1px solid #bdbdbd;
  border: 1px solid #bdbdbd;
}

.spp__pg-wrapper [data-loginpage] .card .form .form-group--forgot {
  padding-top: 0.8rem;
}

.spp__pg-wrapper [data-loginpage] .card .form a {
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__pg-wrapper a:not(.button) {
  text-decoration: underline;
  transition: none;
}

.spp__pg-wrapper [data-loginpage] .card .form .button {
  font-size: 17px;
  font-weight: normal;
}

.spp__pg-header {
  padding: 15px 30px;
  min-height: 100px;
  background-color: rgb(2, 77, 124);
}

.spp__site-logo {
  margin: -7px 0 0 -7px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.spp__site-logo .spp__svg {
  width: 45px;
  height: 45px;
  transform: scale(0.7);
}

.spp__site-logo .spp__svg svg {
  fill: rgb(255, 255, 255);
  transform-origin: left top;
}

.spp__site-logo span {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__site-title {
  color: rgb(255, 255, 255);
  font-size: 40px;
  font-weight: bold;
  line-height: 1em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__pg-footer {
  padding: 15px 30px;
  text-align: center;
  font-size: 12px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__module-wrapper {
  padding: 30px;
  max-width: 650px;
  flex: auto;
}

.spp__module-wrapper p:not(.spp__p):not(.spp__para-header) {
  margin: 0;
  padding-bottom: 0;
}

.spp__block-payment,
.spp__block-payment-confirm,
.spp__block-waiver.spp__block-hme,
.spp__block-waiver.spp__block-mem,
.spp__block-waiver.spp__block-int {
  display: none;
}

.spp__block-payment.show,
.spp__block-payment-confirm.show,
.spp__block-waiver.spp__block-hme.show,
.spp__block-waiver.spp__block-mem.show,
.spp__block-waiver.spp__block-int.show {
  display: block;
}

.spp__flex-cols {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.spp__flex-col-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.spp__flex-space-between {
  justify-content: space-between;
}

.spp__flex-align-center {
  align-items: center;
}

.spp__tbl-preview-payment,
.spp__tbl-success-payment {
  margin: 30px 0 30px 0;
  width: 100%;
}

.spp__tbl-preview-payment thead tr th,
.spp__tbl-success-payment thead tr th {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  border-bottom: 1px solid rgb(140, 140, 140);
}

.spp__tbl-preview-payment tbody tr td,
.spp__tbl-success-payment tbody tr td {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  vertical-align: bottom;
}

.spp__tbl-preview-payment tr td.spp__tr-border-top,
.spp__tbl-success-payment tr td.spp__tr-border-top {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  border-top: 1px solid rgb(220, 220, 220);
}

.spp__cov-scroll-win {
  margin-bottom: 20px;
  padding: 15px;
  height: 36vh;
  overflow-y: auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.spp__p {
  margin: 0;
  padding: 0 0 15px 0;
}

.spp__h3,
.spp__module-wrapper h3 {
  margin: 0;
  padding: 0 0 10px 0;
  letter-spacing: normal;
}

.spp__filter-header {
  color: rgb(0, 0, 0);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.spp__file-uploader-content {
  margin: 0 auto;
  width: 100%;
  max-width: 520px;
}

.spp__file-list-item {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgb(222, 222, 222);
}

.spp__file-item-txt {
  padding: 15px 10px 15px 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spp__module-algn-cntr .spp__vee-components,
.spp__module-algn-cntr .spp__vee-file-uploader {
  max-width: 650px;
}

.spp__vee-component {
  margin-bottom: 15px;
  padding: 30px;
  border-radius: 12px;
  border: 1px solid rgb(222, 222, 222);
}

.spp__border-block {
  margin-bottom: 25px;
  padding: 30px;
  border-radius: 12px;
  border: 1px solid rgb(222, 222, 222);
}

.spp__p-border {
  margin-bottom: 15px;
  padding: 30px;
  border-radius: 12px;
  border: 1px solid rgb(222, 222, 222);
}

.spp__p-border ul {
  padding-bottom: 0;
}

.spp__btn-attach-wrapper {
  margin-bottom: 20px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
}

.spp__btn-attach-wrapper label {
  margin-bottom: 0;
}

.spp__vee-parts,
.spp__grade-other,
.spp__part-dynamic,
.spp__vee-file-uploader {
  display: none;
}

.spp__vee-parts.show,
.spp__grade-other.show,
.spp__part-dynamic.show,
.spp__vee-file-uploader.show {
  display: block;
}

.spp__inline-block {
  display: inline-block;
}

.spp_make-children-inline > * {
  display: inline;
}

.spp__list {
  padding: 0 0 30px 0;
}

.spp__list-header label {
  color: rgb(0, 0, 0);
}

.spp__mb-5px {
  margin-bottom: 5px !important;
}

.spp__mb-10px {
  margin-bottom: 10px !important;
}

.spp__mb-15px {
  margin-bottom: 15px !important;
}

.spp__mb-20px {
  margin-bottom: 20px !important;
}

.spp__mb-30px {
  margin-bottom: 30px !important;
}

.spp__pt-0px {
  padding-top: 0;
}

.spp__pt-2px {
  padding-top: 2px;
}

.spp__pt-5px {
  padding-top: 5px;
}

.spp__pt-6px {
  padding-top: 6px !important;
}

.spp__pt-10px {
  padding-top: 10px !important;
}

.spp__pt-15px {
  padding-top: 15px !important;
}

.spp__pt-20px {
  padding-top: 20px;
}

.spp__pt-25px {
  padding-top: 25px;
}

.spp__pt-30px {
  padding-top: 30px;
}

.spp__pt-40px {
  padding-top: 40px;
}

.spp__pb-5px {
  padding-bottom: 5px;
}

.spp__pb-0px {
  padding-bottom: 0px;
}

.spp__pb-6px {
  padding-bottom: 6px !important;
}

.spp__pb-10px {
  padding-bottom: 10px !important;
}

.spp__pb-15px {
  padding-bottom: 15px !important;
}

.spp__pb-20px {
  padding-bottom: 20px !important;
}

.spp__pb-25px {
  padding-bottom: 25px !important;
}

.spp__pb-30px {
  padding-bottom: 30px;
}

.spp__pb-40px {
  padding-bottom: 40px !important;
}

.spp__pl-5px {
  padding-left: 5px;
}

.spp__pl-10px {
  padding-left: 10px;
}

.spp__pl-20px {
  padding-left: 20px;
}

.spp__pl-35px {
  padding-left: 35px;
}

.spp__pr-10px {
  padding-right: 10px;
}

.spp__pr-5px {
  padding-right: 5px;
}

.spp__pr-20px {
  padding-right: 20px;
}

.spp__pr-30px {
  padding-right: 30px;
}

.spp__pr-95px {
  padding-right: 95px;
}

.spp__wdh-80px {
  width: 80px;
}

.spp__wdh-90px {
  width: 90px;
}

.spp__wdh-120px {
  width: 120px;
}

.spp__wdh-300px {
  width: 300px;
}

.spp__wdh-35pc {
  width: 35%;
}

.spp__wdh-49pc {
  width: 49%;
}

.spp__wdh-fit-content {
  max-width: fit-content;
}

.spp__max-wdh-800px {
  max-width: 800px;
}

.spp__max-wdh-none {
  max-width: none !important;
}

.spp__aln-cntr {
  text-align: center;
}

.spp__aln-lft {
  text-align: left;
}

.spp__aln-rgt {
  text-align: right;
}

.spp__show-block {
  display: block;
}

.spp__block-expander {
  max-height: 0;
  overflow: hidden;
  transition-duration: 0.2s;
  transition-property: max-height;
  transition-timing-function: linear;
}

.spp__mgn-revert p {
  margin-bottom: revert;
}

.spp__block-attest.disabled,
.spp__selector-wrapper.disabled,
.spp__filter-wrapper.disabled {
  opacity: 0.5;
  pointer-events: none;
}

#spp__form-code-conduct .spp__field-block-title {
  color: rgb(51, 51, 51);
  font-size: 16px;
  font-weight: 700;
}

.spp__pg-summary {
  padding-bottom: 30px;
}

.spp__icon-xtra {
  margin-bottom: 15px;
  height: 40px;
  position: relative;
}

.spp__icon-xtra:before {
  content: "o";
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #444444;
  font-size: 22px;
  line-height: 40px;
  font-family: "soa-affiliate";
  border-radius: 50%;
  background-color: #eeeeee;
}

.spp__icon-xtra.spp__icon-part {
  max-width: 70%;
}

.spp__icon-xtra.spp__icon-part:before {
  color: #444444;
  background-color: #eeeeee;
}

.spp__icon-xtra.spp__icon-component {
  max-width: 100%;
}

.spp__icon-xtra.spp__icon-component:before {
  color: #eeeeee;
  background-color: #444444;
}

.spp__part-info {
  margin-bottom: 10px;
  padding: 15px;
  position: relative;
  border-radius: 12px;
  background-color: rgb(238, 238, 238);
}

.spp__part-info:after {
  content: "j";
  position: absolute;
  top: -8px;
  left: -8px;
  color: rgb(68, 68, 68);
  font-size: 20px;
  font-family: "soa-affiliate";
}

.spp__part-info .spp__p {
  padding-bottom: 6px;
}

.spp__part-prompt {
  padding-bottom: 15px;
  max-width: 70%;
}

.spp__icon-paperclip {
  padding-left: 22px;
  position: relative;
}

.spp__icon-paperclip:before {
  content: "u";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-family: "soa-affiliate";
}

.spp__course-preview {
  margin-bottom: 5px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.spp__flex-btns {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}

.spp__icon-bang {
  padding-left: 30px !important;
  position: relative;
}

.spp__icon-bang:before {
  content: "w";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 22px;
  font-family: "soa-affiliate";
}

.spp__module-algn-cntr {
  max-width: none;
}

.spp__module-algn-cntr .spp__vee-component {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
}

.spp__module-algn-cntr .spp__vee-component .spp__flex-col-row,
.spp__module-algn-cntr .spp__vee-component .spp_form-dynamic-section,
.spp__module-algn-cntr .spp__vee-component .spp__component-prompt {
  width: 100%;
  max-width: 520px;
}

.spp__module-algn-cntr .spp__vee-component .spp__selector-wrapper,
.spp__module-algn-cntr .spp__vee-component .spp__part-info,
.spp__module-algn-cntr .spp__vee-component .spp__inputs-wrapper,
.spp__module-algn-cntr .spp__vee-component .spp__input-wrapper,
.spp__module-algn-cntr .spp__vee-component .spp__icon-xtra.spp__icon-part,
.spp__module-algn-cntr .spp__vee-component .spp__part-prompt {
  max-width: none;
}

.spp__container {
  padding: 4rem 1.6rem 2.4rem 1.6rem;
}

/*
 *  Responsive styles.
 */
@media only screen and (max-width: 540px) {
  .spp__pg-wrapper .main {
    padding-top: 4rem;
  }
  .spp__pg-header {
    padding: 15px 15px;
    height: 80px;
  }
  .spp__module-wrapper {
    padding: 30px 15px;
    max-width: none;
  }
  .spp__site-title {
    font-size: 35px;
  }
  .spp__inputs-wrapper:not(.spp__wdh-fit-content),
  .spp__input-wrapper,
  .spp__selector-wrapper,
  .spp__part-info,
  .spp__icon-xtra.spp__icon-part {
    max-width: 100%;
  }
  .spp__flex-realign {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .spp__flex-btns {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    gap: 15px;
  }
  .spp__flex-col-row {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .spp__button-lnk {
    text-align: center;
  }
  .spp__tbl-preview-payment tr th:first-child,
  .spp__tbl-preview-payment tr td:first-child,
  .spp__tbl-success-payment tr th:first-child,
  .spp__tbl-success-payment tr td:first-child {
    padding-left: 0;
  }
  .spp__tbl-preview-payment tr th:last-child,
  .spp__tbl-preview-payment tr td:last-child,
  .spp__tbl-success-payment tr th:last-child,
  .spp__tbl-success-payment tr td:last-child {
    padding-right: 0;
  }
  .spp__form-msg span {
    text-align: center;
  }
  .spp__cov-scroll-win {
    height: 32vh;
  }
  .spp__pg-summary {
    padding-bottom: 25px;
  }
  .spp__vee-component {
    padding-left: 15px;
    padding-right: 15px;
  }
  .spp__inputs-wrapper.spp__fields-wrap {
    flex-flow: column nowrap;
  }
  .spp__inputs-wrapper.spp__fields-wrap .spp__input-wrapper,
  .spp__inputs-wrapper.spp__fields-wrap .spp__selector-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
}
@media only screen and (max-width: 360px) {
  .spp__site-title {
    font-size: 28px;
  }
  .spp__card-type-hint,
  .spp__card-type-hint.show {
    display: none;
  }
  .spp__input-card-number {
    padding-right: 7px;
  }
}
/* Styles end. */

/*# sourceMappingURL=singleProductPurchase.css.map */