@import "https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600;700&display=swap";

#activenow-table-container .activenow-form-class-description .activenow-class-row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #E5E5E5;
  padding: 10px 0;
  border-radius: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row:first-child {
  padding-top: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-label {
  position: relative;
  float: left;
  width: 50%;
  min-width: 0;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.005em;
  text-transform: uppercase;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value-holder {
  display: flex;
  align-items: center;
  width: 50%;
  min-width: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.005em;
  min-width: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .red-text {
  color: #CA101B;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-discount-note {
  font-size: 12px;
  letter-spacing: -0.005em;
  line-height: 18px;
  font-weight: 400;
  color: #2E69FD;
  margin: 0;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-billable-period-class {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  letter-spacing: -0.005em;
  line-height: 18px;
  font-weight: 400;
  color: #919097;
  position: relative;
  top: -2px;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-monthly-pricing-class,
#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-custom-billing-schedule-class {
  display: inline-block;
  font-weight: 600;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value:has(.activenow-billable-period-class) {
  margin-bottom: -2px;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value:has(.activenow-monthly-pricing-class),
#activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value:has(.activenow-custom-billing-schedule-class) {
  line-height: 24px;
}

#activenow-table-container .activenow-form-class-description .activenow-class-row *,
#activenow-table-container .activenow-form-class-description .activenow-class-row *:before,
#activenow-table-container .activenow-form-class-description .activenow-class-row *:after {
  box-sizing: border-box;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] #activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value .activenow-discount-note {
  color: #6541B0;
}
/* TAILWIND CONTEXT END */

@media (max-width: 767px) {
  #activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-label {
    width: 40%;
  }

  #activenow-table-container .activenow-form-class-description .activenow-class-row .activenow-class-value-holder {
    width: 60%;
  }
}

.activenow-timing-component-excluded-dates {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.005em;
  color: #1E1435;
  margin-top: 8px;
}

.activenow-timing-component-excluded-dates .activenow-timing-component-excluded-dates-title {
  font-weight: 600;
}

.activenow-instructors-component {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 7px;
  line-height: 15px;
}

.activenow-instructors-component .activenow-instructors-component-instructor {
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.activenow-instructors-component .activenow-instructors-component-instructor-details {
  display: flex;
  flex-direction: column;
  margin-top: 2px;
  gap: 2px;
}

.activenow-instructors-component .activenow-instructors-component-date {
  font-size: 12px;
  font-weight: 400;
  color: #919097;
}

.activenow-instructors-component .activenow-instructors-component-instructor img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.activenow-venue-component {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #1E1435;
  line-height: 15px;
  letter-spacing: 0.005em;
  font-weight: 400;
}

.activenow-venue-component-name {
  font-size: 14px;
}

.activenow-venue-component-secondary-text {
  font-size: 12px;
}

#activenow-table-container .activenow-venue-component .activenow-venue-component-secondary-text a {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  color: #2E69FD;
  text-decoration: underline;
  cursor: pointer;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] #activenow-table-container .activenow-venue-component .activenow-venue-component-secondary-text a {
  color: #6541B0;
}
/* TAILWIND CONTEXT END */
#activenow-table-container .activenow-form-class-description {
  width: auto;
  padding: 16px;
  background-color: #EAF0FF;
  border-radius: 5px;
  color: #1E1435;
  margin-bottom: 12px;
}

#activenow-table-container #activenow-form-eventable-description-holder {
  display: flex;
  flex-direction: column;
}

#activenow-table-container #activenow-form-eventable-description-holder > .activenow-form-class-description:not(.additional-information) {
  order: 1;
}

#activenow-table-container #activenow-form-eventable-description-holder > .activenow-discount-code-holder {
  order: 2;
}

#activenow-table-container #activenow-form-eventable-description-holder > .additional-information {
  order: 3;
}

#activenow-table-container .activenow-form-class-description.additional-information img {
  max-width: 100%;
}

#activenow-table-container .activenow-form-class-description:has(+ .activenow-form-class-description.additional-information) {
  margin-bottom: 20px;
}

#activenow-table-container .activenow-form-class-description .activenow-form-description-header {
  font-family: "Fira Sans";
  color: #2E69FD;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 10px;
}

#activenow-table-container .activenow-form-class-description.additional-information .activenow-form-description-header {
  color: #1E1435;
}

#activenow-table-container .activenow-form-class-description .activenow-form-description-subheader {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

#activenow-table-container .activenow-form-class-description .activenow-form-description-subheader .activenow-form-description-divider {
  margin-top: 4px;
}

#activenow-table-container .activenow-form-class-description .activenow-form-description-text {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
}

#activenow-table-container .activenow-form-class-description:has(.activenow-full-class) {
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
}

#activenow-table-container .activenow-form-class-description .activenow-full-class .activenow-form-description-header {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.011em;
}

#activenow-table-container .activenow-form-class-description .activenow-full-class .activenow-form-description-subheader {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

#activenow-table-container .activenow-waiting-list-badge {
  display: inline-block;
  background-color: #F5E1E1;
  color: #CA101B;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.011em;
  line-height: 150%;
  padding: 4px 12px;
  margin: 0;
  margin-bottom: 10px;
  border-radius: 24px;
}

/* TAILWIND CONTEXT */
body[data-style-context="tailwind"] #activenow-table-container .activenow-form-class-description .activenow-form-description-header {
  color: #6541B0;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-form-class-description {
  background-color: #F9F6FE;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-form-class-description.additional-information .activenow-form-description-header {
  color: #1E1435;
}
/* TAILWIND CONTEXT END */

@supports(container-type: inline-size) {
  @container activenow-table-container (max-width: 768px) {
    #activenow-table-container #activenow-form-eventable-description-holder > .activenow-discount-code-holder {
      order: 3;
    }

    #activenow-table-container #activenow-form-eventable-description-holder > .additional-information {
      order: 2;
    }

    #activenow-table-container .activenow-form-class-description .activenow-full-class .activenow-form-description-header {
      font-size: 20px;
      line-height: 30px;
    }

    #activenow-table-container .activenow-form-class-description:has(.activenow-full-class) {
      text-align: left;
    }
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 768px) {
    #activenow-table-container #activenow-form-eventable-description-holder > .activenow-discount-code-holder {
      order: 3;
    }

    #activenow-table-container #activenow-form-eventable-description-holder > .additional-information {
      order: 2;
    }

    #activenow-table-container .activenow-form-class-description .activenow-full-class .activenow-form-description-header {
      font-size: 20px;
      line-height: 30px;
    }

    #activenow-table-container .activenow-form-class-description:has(.activenow-full-class) {
      text-align: left;
    }
  }
}

#activenow-table-container .activenow-form-after-submit-class-section {
  --section-gap: 32px;

  display: flex;
  gap: var(--section-gap);
}

#activenow-table-container .activenow-form-after-submit-class-section > .activenow-form-after-submit-info,
#activenow-table-container .activenow-form-after-submit-class-section > #activenow-form-eventable-description-holder {
  width: calc(50% - var(--section-gap) / 2);
}

#activenow-table-container .activenow-form-after-submit-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.005em;
  color: #1E1435;
}

#activenow-table-container .activenow-form-after-submit-info .activenow-form-after-submit-info-title {
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.011em;
}

#activenow-table-container .activenow-form-after-submit-info .activenow-form-after-submit-info-button {
  font-family: "Open Sans";
  display: block;
  box-sizing: border-box;
  width: 100%;
  background-color: #2E69FD;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border: none;
  padding: 12px 24px;
  margin: 24px 0 0;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

#activenow-table-container .activenow-form-after-submit-info .activenow-form-after-submit-info-button:hover {
  background-color: #0049FF;
}

#activenow-table-container .activenow-form-after-submit-info .activenow-form-after-submit-info-button:focus {
  outline: none;
  animation: activenow-signup-summary-button-focus 0.3s ease-in-out;
}

@keyframes activenow-signup-summary-button-focus {
  0% { background: #0049FF; }
  50% { background: #2554CA; }
  100% { background: #0049FF; }
}

@supports(container-type: inline-size) {
  @container activenow-table-container (max-width: 768px) {
    #activenow-table-container .activenow-form-after-submit-class-section {
      flex-direction: column;
    }

    #activenow-table-container .activenow-form-after-submit-class-section > .activenow-form-after-submit-info,
    #activenow-table-container .activenow-form-after-submit-class-section > #activenow-form-eventable-description-holder {
      width: 100%;
    }

    #activenow-table-container .activenow-form-after-submit-info {
      text-align: left;
    }
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 768px) {
    #activenow-table-container .activenow-form-after-submit-class-section {
      flex-direction: column;
    }

    #activenow-table-container .activenow-form-after-submit-class-section > .activenow-form-after-submit-info,
    #activenow-table-container .activenow-form-after-submit-class-section > #activenow-form-eventable-description-holder {
      width: 100%;
    }

    #activenow-table-container .activenow-form-after-submit-info {
      text-align: left;
    }
  }
}

.activenow-form-field.activenow-radio-input-component {
  --activenow-radio-accent-color: #6F5BA5;
  --activenow-radio-gap: 16px;
  --activenow-radio-size: 16px;
  --activenow-radio-border-width: 1px;
  --activenow-radio-inner-gap: 3px;

  display: flex;
  flex-direction: row;
  gap: var(--activenow-radio-gap);
  margin-top: 8px;
}

.activenow-form-field.activenow-radio-input-component.activenow-radio-input-component-inline {
  --activenow-radio-accent-color: #2E69FD;
  --activenow-radio-gap: 32px;
  --activenow-radio-size: 20px;
  --activenow-radio-border-width: 2px;

  margin-top: 16px;
}

.activenow-form-field.activenow-radio-input-component .activenow-radio-input-component-option {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.activenow-form-field.activenow-radio-input-component-inline .activenow-radio-input-component-option {
  margin: 0;
}

.activenow-form-field.activenow-radio-input-component input[type="radio"] {
  display: block;
  align-self: center;
  flex: 0 0 var(--activenow-radio-size);
  width: var(--activenow-radio-size);
  height: var(--activenow-radio-size);
  min-width: var(--activenow-radio-size);
  min-height: var(--activenow-radio-size);
  margin: 0 8px 0 0;
  padding: 0;
  border: var(--activenow-radio-border-width) solid #4B4B4F;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.activenow-form-field.activenow-radio-input-component input[type="radio"]:checked {
  border-color: var(--activenow-radio-accent-color);
  background-color: var(--activenow-radio-accent-color);
  box-shadow: inset 0 0 0 var(--activenow-radio-inner-gap) #fff;
}

.activenow-form-field.activenow-radio-input-component .activenow-radio-input-component-label {
  display: inline;
  width: auto;
  margin-top: 1px;
}

.activenow-form-field.activenow-radio-input-component-inline .activenow-radio-input-component-label {
  margin: 0;
  color: #1E1435;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .activenow-form-field.activenow-radio-input-component:not(.activenow-radio-input-component-inline) {
    flex-direction: column;
    gap: 8px;
  }
}

@supports (container-type: inline-size) {
  @container activenow-table-container (max-width: 768px) {
    .activenow-form-field.activenow-radio-input-component-inline {
      flex-direction: column;
      gap: 12px;
    }
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 768px) {
    .activenow-form-field.activenow-radio-input-component-inline {
      flex-direction: column;
      gap: 12px;
    }
  }
}

#activenow-table-container .activenow-error {
  background: none;
  width: auto;
  min-width: 0;
  min-height: 0;
  font-size: 11px;
  font-weight: 400;
  color: #CA101B;
  align-self: start;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-error.soft-d-none {
  display: none;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component {
  --toggle-width: 37px;
  --toggle-height: 21px;
  --toggle-thumb-size: 15px;
  --toggle-offset: 3px;
  --toggle-travel: calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-offset) - var(--toggle-offset));

  display: flex;
  flex-direction: column;
  margin-top: 16px;
  -webkit-tap-highlight-color: transparent;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component.hidden {
  display: none;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component .activenow-toggle-input-component-cont {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component .activenow-toggle-input-component-label {
  margin: 0;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  text-transform: inherit;
  color: #939299;
  transition: color 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component.active .activenow-toggle-input-component-label {
  color: #1E1435;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component .activenow-toggle-input-component-switch {
  position: relative;
  width: var(--toggle-width);
  height: var(--toggle-height);
  margin-top: 0;
  margin-bottom: auto;
  background-color: #D1D5DB;
  border-radius: 999px;
  flex-shrink: 0;
  transition: background-color 0.2s ease-in-out;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component.active .activenow-toggle-input-component-switch {
  background-color: #2E69FD;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component .activenow-toggle-input-component-switch-inner {
  position: absolute;
  width: var(--toggle-thumb-size);
  height: var(--toggle-thumb-size);
  background-color: #fff;
  border-radius: 999px;
  top: var(--toggle-offset);
  left: var(--toggle-offset);
  transition: transform 0.2s ease-in-out;
}

#activenow-table-container .activenow-form-field.activenow-toggle-input-component.active .activenow-toggle-input-component-switch-inner {
  transform: translateX(var(--toggle-travel));
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-form-field.activenow-toggle-input-component.active .activenow-toggle-input-component-switch {
  background-color: #6541B0;
}
body[data-style-context="tailwind"] #activenow-table-container .activenow-form-field.activenow-toggle-input-component:first-child {
  margin-top: 0;
}
#activenow-table-container .activenow-form-field.activenow-text-input-component {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component .activenow-text-input-component-label {
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 5px;
  color: #1E1435;
  text-transform: uppercase;
  align-self: start;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component input {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: 8px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  background-color: #fff;
  box-shadow: none;
  color: #1E1435;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: -0.005em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component input.activenow-error-active,
#activenow-table-container .activenow-form-field.activenow-text-input-component input.border-danger {
  border-color: #CA101B;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component input::-moz-placeholder {
  font-family: 'Open Sans';
  color: #919097;
  font-weight: 400;
}

#activenow-table-container .activenow-form-field.activenow-text-input-component input::placeholder {
  font-family: 'Open Sans';
  color: #919097;
  font-weight: 400;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-form-field.activenow-text-input-component:first-child {
  margin-top: 0;
}

#activenow-table-container .activenow-discount-code-component {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-bottom: 16px;
}

#activenow-table-container .activenow-discount-code-component .activenow-discount-code-component-controls {
  display: flex;
  align-items: center;
  width: 100%;
}

#activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: normal;
  color: #2E69FD;
  background-color: #fff;
  padding: 10px 12px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #2E69FD;
  border-radius: 4px;
  margin-top: auto;
  margin-bottom: 0;
  text-transform: uppercase;
  opacity: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button:hover {
  background: none;
  background-color: #EAF0FF;
  border-color: #0049FF;
}

#activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button:focus {
  outline: none;
  animation: discountCodeButtonFocus 0.3s ease-in-out;
}

#activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button:disabled {
  cursor: default;
  opacity: 0.5;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button {
  color: #7638F2;
  border-color: #7638F2;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button:hover {
  background-color: #F9F6FE;
  border-color: #7638F2;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-discount-code-component button.activenow-discount-code-component-button:focus {
  animation-name: discountCodeButtonTailwindFocus;
}

#activenow-table-container .activenow-discount-code-component p.discount-code-error {
  align-self: start;
  color: #CA101B;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
}

#activenow-table-container .activenow-discount-code-component .activenow-form-field.activenow-text-input-component {
  margin-top: 0;
}

@keyframes discountCodeButtonFocus {
  0% {border-color: #0049FF;}
  50% {border-color: #2554CA;}
  100% {border-color: #0049FF;}
}

@keyframes discountCodeButtonTailwindFocus {
  0% {border-color: #7638F2;}
  50% {border-color: #6541B0;}
  100% {border-color: #7638F2;}
}

#activenow-table-container .activenow-form-field.activenow-select-input-component {
  --activenow-select-input-component-border-radius: 4px;

  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.hidden {
  display: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.disabled {
  background-color: #F9FAFB;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .svg-icon {
  background-color: #1E1435;
  margin-right: 0;
  margin-left: auto;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .svg-icon.hidden {
  display: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-select {
  min-width: 0;
  min-height: 0;
  margin: 0;
  box-shadow: none;
  font: inherit;
  letter-spacing: inherit;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-select,
#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-select {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  background-color: #fff;
  color: #939299;
  padding: 0 8px;
  text-align: left;
  border-radius: var(--activenow-select-input-component-border-radius);
  border: 1px solid #E5E5E5;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  -moz-appearance: none;
       appearance: none;
  background-image: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-select:focus,
#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-option:focus {
  outline: 2px solid #4464B9;
  outline-offset: 2px;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-select:focus:not(:focus-visible),
#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-option:focus:not(:focus-visible) {
  outline: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-option:focus {
  outline-offset: -2px;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.disabled .activenow-select-input-component-select,
#activenow-table-container .activenow-form-field.activenow-select-input-component.disabled button.activenow-select-input-component-select {
  cursor: default;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component input.activenow-error-active ~ .activenow-select-input-component-select,
#activenow-table-container .activenow-form-field.activenow-select-input-component input.activenow-error-active ~ button.activenow-select-input-component-select {
  border-color: #CA101B;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-label {
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 5px;
  color: #1E1435;
  text-transform: uppercase;
  align-self: start;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-select .activenow-select-input-component-placeholder,
#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-select .activenow-select-input-component-placeholder {
  margin: 0;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 400;
  color: #919097;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-select .activenow-select-input-component-placeholder.option-selected,
#activenow-table-container .activenow-form-field.activenow-select-input-component button.activenow-select-input-component-select .activenow-select-input-component-placeholder.option-selected {
  color: #1E1435;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options {
  display: none;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: auto;
  width: calc(100% - 2px);
  max-height: 250px;
  top: calc(100% - 1px);
  box-sizing: content-box;
  padding: 0;
  z-index: 20;
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 0 0 var(--activenow-select-input-component-border-radius) var(--activenow-select-input-component-border-radius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  overflow-y: auto;
  overflow-x: hidden;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.open .activenow-select-input-component-select,
#activenow-table-container .activenow-form-field.activenow-select-input-component.open button.activenow-select-input-component-select {
  border-radius: var(--activenow-select-input-component-border-radius) var(--activenow-select-input-component-border-radius) 0 0;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component.open .activenow-select-input-component-options {
  display: flex;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options button.activenow-select-input-component-option {
  box-sizing: content-box;
  width: auto;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options .activenow-select-input-component-option,
#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options button.activenow-select-input-component-option {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 8px 12px;
  margin: 0;
  min-height: 18px;
  color: #1E1435;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options .activenow-select-input-component-option:hover,
#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options button.activenow-select-input-component-option:hover {
  background-color: #F9FAFB;
}

#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options .activenow-select-input-component-option.selected,
#activenow-table-container .activenow-form-field.activenow-select-input-component .activenow-select-input-component-options button.activenow-select-input-component-option.selected {
  color: #6541b0;
  background-color: #f9f6fe;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-form-field.activenow-select-input-component:first-child {
  margin-top: 0;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component label.activenow-checkbox-component-checkbox {
  display: flex;
  margin: 0;
  margin-top: 16px;
  color: #1E1435;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox input[type="checkbox"] {
  display: block;
  margin-right: 8px;
  margin-left: 0;
  margin-top: 2px;
  margin-bottom: auto;
  border: 1px solid #939299;
  outline: none;
  border-radius: .25rem;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  flex-shrink: 0;
  padding: 0;
  box-sizing: content-box;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: none;
  box-shadow: none;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox input[type="checkbox"]:checked {
  background-color: #2E69FD;
  border-color: #2E69FD;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox input[type="checkbox"]:checked::after {
  content: '';
  display: block;
  width: 4px;
  height: 7px;
  border: 2px solid white;
  border-top: none;
  border-left: none;
  transform: rotate(45deg) translate(1px, 1px);
  margin: auto;
  box-sizing: content-box;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox input[type="checkbox"].activenow-error-active {
  border-color: #CA101B;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox .activenow-checkbox-component-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.005em;
  text-align: left;
  color: #1E1435;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox .activenow-checkbox-component-text a:link {
  color: #2E69FD;
  text-decoration: underline;
  cursor: pointer;
}

#activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-error {
  margin-left: 24px;
}

body[data-style-context="tailwind"] #activenow-table-container .activenow-form-field.activenow-checkbox-component .activenow-checkbox-component-checkbox .activenow-checkbox-component-text a {
  color: #6541B0;
}
body[data-style-context="tailwind"] #activenow-table-container .activenow-form-field.activenow-checkbox-component:first-child label.activenow-checkbox-component-checkbox {
  margin-top: 0;
}
.activenow-form-container {
  color: #1E1435;
}

.checkbox-error{
  background-position-y: 4px;
}

#activenow-table-container #active-now-submit {
  font-family: "Open Sans";
  display: block;
  box-sizing: border-box;
  width: 100%;
  background-color: #2E69FD;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border: none;
  padding: 12px 24px;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

#activenow-table-container #active-now-submit.soft-d-none {
  display: none;
}

#activenow-table-container #active-now-submit:hover {
  background-color: #0049FF;
}

#activenow-table-container #active-now-submit:focus {
  outline: none;
  animation: myColor 0.3s ease-in-out;
}

@keyframes myColor {
  0% {background: #0049FF;}
  50% {background: #2554CA;}
 100% {background: #0049FF;}
}

#activenow-table-container .activenow-form-container .activenow-form-client-details {
  --form-client-details-gap: 20px;

  display: flex;
  flex-direction: row;
  margin: 0;
  width: 100%;
  max-width: 100%;
  gap: var(--form-client-details-gap);
  align-items: start;
}

#activenow-table-container .activenow-form-container .activenow-form-main-column {
  width: calc(50% - var(--form-client-details-gap) / 2);
}

#activenow-table-container .activenow-form-container .activenow-form-holder {
  margin-bottom: 32px;
}

#activenow-table-container #activenow-form-eventable-description-holder {
  width: calc(50% - var(--form-client-details-gap) / 2);
}

#activenow-table-container .activenow-form-container {
  width: 100%;
  text-align: left;
  font-size: .9rem;
}

#activenow-table-container .activenow-form-container .w-100 { width: 100%; }

#activenow-table-container .activenow-form-container .flex-column { flex-direction: column; }

#activenow-table-container .activenow-form-container .d-flex { display: flex; }

#activenow-table-container .activenow-form-container .align-items-center { align-items: center; }

#activenow-table-container .activenow-form-container .activenow-form-field {
  width: 100%;
  display: flex;
}

#activenow-table-container .activenow-form-container .activenow-form-field.hidden {
  display: none;
}

#activenow-table-container .activenow-form-container .activenow-form-field a:link {
  color: black;
}

#activenow-table-container .activenow-form-container .activenow-form-field input.ios-device:after {
  color: #ccc;
  content: attr(placeholder);
}

#activenow-table-container .activenow-form-container .activenow_confirmation_message {
  position: fixed;
  top: 100px;
  right: 20px;
  z-index: 1500;
  width: 400px;
  color: #23722b;
  background-color: #daf8dd;
  border-color: #cbf5cf;
  border-radius: 0.25em;
  border-style: solid;
  padding: 10px 20px;
}

#activenow-table-container .activenow-form-container .activenow_confirmation_message .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #1E1435;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  padding: 0;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

#activenow-table-container .activenow-form-container .activenow_confirmation_message .close:hover {
  text-decoration: none;
  opacity: .75;
}

#activenow-table-container .activenow-form-container .soft-d-none {
  display: none;
}

#activenow-table-container .activenow-form-container .line-through {
  text-decoration: line-through;
}

#activenow-table-container .activenow-form-container .activenow-form-fields-container {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 16px;
}

#activenow-table-container .activenow-form-container .activenow-form-fields-container + .activenow-form-fields-container {
  margin-top: 16px;
}

#activenow-table-container .activenow-form-container .activenow-parent-toggle-container .activenow-radio-input-component {
  margin-top: 0;
  margin-bottom: 16px;
}

#activenow-table-container .activenow-form-container .activenow-form-fields-container .activenow-form-fields-header {
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 400;
  text-align: start;
  padding-bottom: 8px;
}

#activenow-table-container .activenow-form-container .activenow-form-client-details.activenow-full-class-layout .activenow-form-main-column {
  display: none;
}

#activenow-table-container .activenow-form-container .activenow-form-client-details.activenow-full-class-layout #activenow-form-eventable-description-holder {
  width: 100%;
}

.activenow-table-container {
  container-name: activenow-table-container;
  container-type: inline-size;
}

@supports(container-type: inline-size) {
  @container activenow-table-container (max-width: 768px) {
    #activenow-table-container .activenow-form-container .activenow-form-client-details {
      flex-direction: column;
    }

    #activenow-table-container .activenow-form-container .activenow-form-main-column {
      display: contents;
    }

    #activenow-table-container .activenow-form-container .activenow-form-holder {
      order: 1;
      width: 100%;
      margin-bottom: 4px;
    }

    #activenow-table-container .activenow-form-container #activenow-form-eventable-description-holder {
      order: 2;
      width: 100%;
    }

    #activenow-table-container .activenow-form-container .activenow-form-button-holder {
      order: 3;
      width: 100%;
    }

    #activenow-table-container #active-now-submit {
      width: 100%;
    }

    #activenow-table-container .activenow-form-container {
      overflow-x: hidden;
    }

    #activenow-table-container .activenow-form-container .activenow_confirmation_message {
      width: 200px;
    }

    #activenow-table-container .activenow-discount-code-component {
      margin-top: 4px;
      margin-bottom: 12px;
    }
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 768px) {
    #activenow-table-container .activenow-form-container .activenow-form-client-details {
      flex-direction: column;
    }

    #activenow-table-container .activenow-form-container .activenow-form-main-column {
      display: contents;
    }

    #activenow-table-container .activenow-form-container .activenow-form-holder {
      order: 1;
      width: 100%;
      margin-bottom: 4px;
    }

    #activenow-table-container .activenow-form-container #activenow-form-eventable-description-holder {
      order: 2;
      width: 100%;
    }

    #activenow-table-container .activenow-form-container .activenow-form-button-holder {
      order: 3;
      width: 100%;
    }

    #activenow-table-container #active-now-submit {
      width: 100%;
    }

    #activenow-table-container .activenow-form-container {
      overflow-x: hidden;
    }

    #activenow-table-container .activenow-form-container .activenow_confirmation_message {
      width: 200px;
    }

    #activenow-table-container .activenow-discount-code-component {
      margin-top: 4px;
      margin-bottom: 12px;
    }
  }
}