/* Remove padding on all marketing component forms */
div.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"] > form.dynamic-target.form-horizontal.clearfix.modern-panel.modern-spacing-3xl {
  padding: 0 !important;
}

/* Ensure marketing components behave well in grid/flex layouts */
div.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"] {
  justify-self: stretch !important;
  align-self: stretch !important;
}


/* Two columns only for the provided Marketing components on page 3/4 */
[id^="page_"]:not([style*="display: none"]) .modern-page-content {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 16px !important;
  row-gap: 24px !important;
  align-items: start !important;
}

/* Keep all non-marketing components full width so nothing else shifts */
[id^="page_"] .modern-page-content > :not([data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]) {
  grid-column: 1 / -1 !important;
}

/* Ensure marketing components auto-flow in the 2-column grid */
/* #page_2 .modern-page-content > div.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"],
#page_3 .modern-page-content > div.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
*/
.modern-page-content > div.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"] {
  grid-column: auto !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
}

/* Make each certification option fill the full row instead of right-shifting */
[id^="page_"] .modern-page-content > .component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] {
  display: block !important;
}

[id^="page_"] .modern-page-content > .component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"]
  > .modern-input-label-container {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

[id^="page_"] .modern-page-content > .component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"]
  .modern-input-field-wrapper {
  display: block !important;
  width: 100% !important;
}

[id^="page_"] .modern-page-content > .component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"]
  .modern-input-field-wrapper > .modern-option.callout {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

@media (max-width: 768px) {
  [id^="page_"]:not([style*="display: none"]) .modern-page-content {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }
}

/* Force a guaranteed visible gap between components on page 3 */
[id^="page_"] .modern-page-content > :nth-child(2)::after {
  content: "";
  display: block;
  height: 24px;
  width: 100%;
}

/* Preserve internal panel spacing on page 3 modern spacing panels */
[id^="page_"] .modern-page-content .modern-panel.modern-spacing-xl {
  padding: 24px !important;
}

/* Keep text elements styled correctly */
#page_2 .modern-page-content .modern-panel p,
#page_2 .modern-page-content .modern-panel h1,
#page_2 .modern-page-content .modern-panel h2,
#page_2 .modern-page-content .modern-panel h3,
#page_2 .modern-page-content .modern-panel h4,
#page_2 .modern-page-content .modern-panel h5 {
  font-style: normal !important;
}

/* Keep the Please note text italicized */
#page_2 .modern-page-content h5[id^="anchor_2e7b"],
#page_2 .modern-page-content h5[class*="note"] {
  font-style: italic !important;
}

/* Force non-italic text on pages 3, 4, and 5 */
[id^="page_"],
[id^="page_"] * {
  font-style: normal !important;
}

/* Bold forcing on page 2 is intentionally disabled. */
/*
#page_0,
#page_0 * {
  font-weight: 700 !important;
}
*/

/* Bold forcing for ticket type heading is intentionally disabled. */
/*
div[id="39f5fe59-8177-96a3-0434-3a217777d0d4"],
div[id="39f5fe59-8177-96a3-0434-3a217777d0d4"] * {
  font-weight: 700 !important;
}
*/

/* Keep navigation buttons normal (not bold/italic) */
.navbar-btn,
.page-backward,
.page-forward,
.page-summary,
.group-forward,
.form-submit {
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Keep summary warning text non-bold */
[id^="page_"] .summary-heading h4,
[id^="page_"] .summary-heading h4 *,
[id^="page_"] .summary-heading h4 b,
[id^="page_"] .summary-heading h4 strong {
  font-weight: 400 !important;
}

/* Prefix all displayed fee amounts with a dollar sign */
.fee-amount::before {
  content: "$";
}

/* Hide placeholder labels in hidden marketing-style rows */
div.input-container.form-group.has-feedback[data-visibility="hidden"] .modern-input-label-container > label.theme-modern-label {
  display: none !important;
}

/* Keep required marker tight to the left of dropdowns / custom fields */
.component.modern-component .cstField .input-container {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.component.modern-component .cstField .modern-input-label-container {
  width: max-content !important;
  min-width: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.component.modern-component .cstField .modern-input-label-container > label {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.component.modern-component .cstField .input-container > .ss-main {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Hard override with exact ContactComponent/ProfileComponent DOM chain */
.component.modern-component > form.dynamic-target.form-horizontal.clearfix.modern-panel.modern-spacing-xl .row.form-group.has-feedback.cstField > .col-sm-12 > .input-container {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.component.modern-component > form.dynamic-target.form-horizontal.clearfix.modern-panel.modern-spacing-xl .row.form-group.has-feedback.cstField > .col-sm-12 > .input-container
> .modern-input-label-container:has(label:empty) {
  flex: 0 0 12px !important;
  width: 12px !important
}

.component.modern-component > form.dynamic-target.form-horizontal.clearfix.modern-panel.modern-spacing-xl .row.form-group.has-feedback.cstField > .col-sm-12 > .input-container > .modern-input-label-container {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: max-content !important;
  margin: 0 !important;
  padding: 0 12px 0 0 !important;
}

.component.modern-component > form.dynamic-target.form-horizontal.clearfix.modern-panel.modern-spacing-xl .row.form-group.has-feedback.cstField > .col-sm-12 > .input-container > .ss-main {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Matchmaking: keep first dropdown as-is, shift later field rows right next to label text */
[id^="page_"] .cstField:nth-of-type(n+2) .input-container {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

[id^="page_"] .cstField:nth-of-type(n+2) .modern-input-label-container {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
}

[id^="page_"] .cstField:nth-of-type(n+2) .modern-input-label-container > label {
  display: inline-block !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

[id^="page_"] .cstField:nth-of-type(n+2) .input-container > .ss-main {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 220px !important;
  margin-left: 6px !important;
}

/* Matchmaking middle dropdown row: keep label text visible and place dropdown to its right */
[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .modern-input-label-container {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .modern-input-label-container > label {
  display: inline-block !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .ss-main {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 220px !important;
  margin-left: 6px !important;
}

/* Final override: middle Matchmaking row uses two columns so label text never gets covered */
[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container {
  display: grid !important;
  grid-template-columns: max-content minmax(220px, 420px) !important;
  align-items: center !important;
  column-gap: 12px !important;
  width: 100% !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .modern-input-label-container {
  grid-column: 1 !important;
  width: max-content !important;
  min-width: max-content !important;
  flex: none !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .ss-main {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 220px !important;
  margin: 0 !important;
}

/* Certified rows: remove visible "Please select" placeholder and keep full-width callout tiles */
[id^="page_"] .modern-page-content > .component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] .ss-main .ss-placeholder {
  display: none !important;
}

[id^="page_"] .modern-page-content > .component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] .ss-main {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

/* Absolute override: middle Matchmaking row must keep label text visible */
[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .modern-input-label-container {
  display: block !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* This one */
[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .modern-input-label-container > label.theme-modern-label {
  display: inline-block !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .ss-main {
  display: inline-flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 240px !important;
  margin-left: 10px !important;
}

/* Absolute override: certified marketing rows span full width and hide placeholder text */
.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] {
  display: block !important;
}

.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] > .modern-input-label-container {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] .modern-input-field-wrapper,
.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] .modern-option.callout,
.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] .ss-main {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="hidden"] .ss-main .ss-placeholder {
  display: none !important;
}

/* Certified checkbox rows rendered as visible: remove placeholder label gutter and fill full width */
.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="visible"] > .modern-input-label-container {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="visible"] > .modern-input-field-wrapper,
.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"]
  .input-container.form-group.has-feedback[data-visibility="visible"] > .modern-input-field-wrapper > .modern-option.callout {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

/* Matchmaking middle row final lock: keep dropdown right of "I am a:" without overlap */
[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .modern-input-label-container {
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: max-content !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .ss-main {
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: calc(100% - 14px) !important;
  min-width: 220px !important;
  margin-left: 0 !important;
}

/* Current Matchmaking middle row: keep dropdown to the right of "I am a:" */
[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .modern-input-label-container {
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .modern-input-label-container > label {
  display: inline-block !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

[id^="page_"] .cstField:nth-of-type(2) > .col-sm-12 > .input-container > .ss-main {
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: calc(100% - 14px) !important;
  min-width: 220px !important;
  margin-left: 0 !important;
}

/* Field-locked fix for "I am a:" dropdown using select position */
[id^="page_"] .cstField:nth-of-type(2) .input-container {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
}

[id^="page_"] .cstField:nth-of-type(2) .modern-input-label-container > label {
  display: inline-block !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

[id^="page_"] .cstField:nth-of-type(2) select + .ss-main {
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: calc(100% - 14px) !important;
  min-width: 220px !important;
  margin-left: 0 !important;
}

/* Hard nudge for "I am a:" line when host layout keeps collapsing label width */
[id^="page_"] .cstField:nth-of-type(2) .modern-input-label-container {
  min-width: 88px !important;
  width: 88px !important;
  flex: 0 0 88px !important;
}

[id^="page_"] .cstField:nth-of-type(2) select + .ss-main {
  position: relative !important;
/*  left: 32px !important; */
  transform: translateX(0) !important;
}

/* Page-independent fallback for certification marketing checkboxes */
div.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"] .input-container.form-group.has-feedback[data-visibility="hidden"] > .modern-input-label-container {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

div.component.modern-component[data-component-type="NextGen.Online.Components.Client.Marketing.MarketingComponent"] .input-container.form-group.has-feedback[data-visibility="hidden"] .modern-input-field-wrapper > .modern-option.callout {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

/* ==========================================================================
   HIGH-SPECIFICITY OVERRIDES (GUARANTEES DISPLAY IN EVENTSAIR THEME)
   ========================================================================== */

/* 1. QUESTIONS & FIELD LABELS (#2A1430) */
#theme-modern .modern-input-label-container > label.theme-modern-label,
#theme-modern .modern-input-label-container > label.field-required-theme,
#theme-modern .modern-input-label-container > label.theme-modern-label.field-required-theme,
#theme-modern .modern-input-label-container > span.theme-modern-label,
#theme-modern .modern-input-label-container > span.field-required-theme,
#theme-modern .modern-input-label-container > span.theme-modern-label.field-required-theme,
#theme-modern .modern-input-label-container > label,
#theme-modern .modern-input-label-container > span,
#theme-modern label.theme-modern-label,
#theme-modern label.field-required-theme,
#theme-modern .modern-field-label,
#theme-modern .modern-input-label-container > label *,
#theme-modern .modern-input-label-container > span *,
#theme-modern label.theme-modern-label *,
#theme-modern label.field-required-theme *,
#theme-modern .modern-field-label *,
html body #theme-modern .modern-input-label-container label,
html body #theme-modern .modern-input-label-container span,
html body #theme-modern label.theme-modern-label,
html body #theme-modern .modern-field-label {
  color: #3E1C46 !important;
  -webkit-text-fill-color: #3E1C46 !important;
}



/* 2. CERTIFICATION OPTIONS, OPTION CARDS & TICKET DESCRIPTIONS (#2A1430) */
#theme-modern .modern-option,
#theme-modern .modern-option *,
#theme-modern .modern-option.callout,
#theme-modern .modern-option.callout *,
#theme-modern .callout,
#theme-modern .callout *,
#theme-modern .callout.fee-option-card,
#theme-modern .callout.fee-option-card *,
#theme-modern .fee-option-card,
#theme-modern .fee-option-card *,
#theme-modern .fee-option,
#theme-modern .fee-option *,
#theme-modern .fee-option-details,
#theme-modern .fee-option-details *,
#theme-modern .fee-option-additional,
#theme-modern .fee-option-additional *,
#theme-modern .modern-html-container,
#theme-modern .modern-html-container *,
#theme-modern .modern-html-container p,
#theme-modern .modern-html-container span,
#theme-modern .modern-html-container [dir],
#theme-modern .no-theme.modern-html-container,
#theme-modern .no-theme.modern-html-container *,
#theme-modern .no-theme.modern-html-container p,
#theme-modern .no-theme.modern-html-container span,
#theme-modern .no-theme.modern-html-container [dir],
#theme-modern .theme-component-registration,
#theme-modern .theme-component-registration *,
#theme-modern .theme-component-registration p,
#theme-modern .theme-component-registration span,
#theme-modern .theme-component-registration [dir],
html body #theme-modern .modern-option *,
html body #theme-modern .callout *,
html body #theme-modern .fee-option-card p,
html body #theme-modern .fee-option-card span,
html body #theme-modern .fee-option-card [dir],
html body #theme-modern .modern-html-container p,
html body #theme-modern .modern-html-container span,
html body #theme-modern .modern-html-container [dir],
html body #theme-modern .no-theme.modern-html-container p,
html body #theme-modern .no-theme.modern-html-container span,
html body #theme-modern .no-theme.modern-html-container [dir] {
  color: #3E1C46 !important;
  -webkit-text-fill-color: #3E1C46 !important;
}

/* 3. SECTION HEADERS (#8A2E6B) */
#theme-modern .modern-heading,
#theme-modern .modern-heading.text-left,
#theme-modern h1.modern-heading,
#theme-modern h2.modern-heading,
#theme-modern h3.modern-heading,
#theme-modern h4.modern-heading,
#theme-modern h5.modern-heading,
#theme-modern h6.modern-heading,
#theme-modern h1.modern-heading *,
#theme-modern h2.modern-heading *,
#theme-modern h3.modern-heading *,
#theme-modern h4.modern-heading *,
#theme-modern h5.modern-heading *,
#theme-modern h6.modern-heading *,
#theme-modern h1[id^="anchor_"],
#theme-modern h2[id^="anchor_"],
#theme-modern h3[id^="anchor_"],
#theme-modern h4[id^="anchor_"],
#theme-modern h5[id^="anchor_"],
#theme-modern h6[id^="anchor_"],
#theme-modern h1[id^="anchor_"] *,
#theme-modern h2[id^="anchor_"] *,
#theme-modern h3[id^="anchor_"] *,
#theme-modern h4[id^="anchor_"] *,
#theme-modern h5[id^="anchor_"] *,
#theme-modern h6[id^="anchor_"] *,
#theme-modern .summary-table .modern-summary-heading,
#theme-modern .summary-table .modern-summary-heading *,
html body #theme-modern .modern-heading,
html body #theme-modern h1[id^="anchor_"] *,
html body #theme-modern h2[id^="anchor_"] *,
html body #theme-modern h3[id^="anchor_"] *,
html body #theme-modern h4[id^="anchor_"] *,
html body #theme-modern h5[id^="anchor_"] *,
html body #theme-modern h6[id^="anchor_"] * {
  color: #8A2E6B !important;
  -webkit-text-fill-color: #8A2E6B !important;
}

/* Override summary section headings to use darker color */
html body #theme-modern .summary-table .modern-summary-heading,
html body #theme-modern .summary-table .modern-summary-heading * {
  color: #8A2E6B !important;
  -webkit-text-fill-color: #8A2E6B !important;
}

/* Fix specific summary section headers that should be light purple */
#theme-modern .summary-content h3,
#theme-modern .summary-heading > div > h3,
#theme-modern .terms-conditions .heading-description-container h3 {
  color: #8A2E6B !important;
}

/* 3b. SMALL SUB-HEADERS / QUESTION HEADERS (#3E1C46) */
/* Targets h5 and h4 elements using the .h5/.h4 size class WITHOUT .modern-heading
   (e.g. "What is your company's industry?", "Company Information").
   Uses both [id^="anchor_"] and the html body prefix to out-specificity the #8A2E6B rule above. */
#theme-modern h4.h4:not(.modern-heading)[id^="anchor_"] {
  color: #8A2E6B !important;
  -webkit-text-fill-color: #8A2E6B !important;
}
#theme-modern h5.h5[id^="anchor_"] {
  color: #3E1C46 !important;
  -webkit-text-fill-color: #3E1C46 !important;
}


/* Heading sub-headers that act as section headers should remain light purple */
#theme-modern h4[id^="anchor_"] {
  color: #8A2E6B !important;
  -webkit-text-fill-color: #8A2E6B !important;
}

/* Make specific text dark purple */
#theme-modern .modal-body.component h4 {
  color: #3E1C46 !important;
  -webkit-text-fill-color: #3E1C46 !important;
}

/* 4. SUMMARY SECTION VALUES */
#theme-modern .summary-table .modern-field-label,
#theme-modern .summary-table .modern-field-label * {
  color: #3E1C46 !important;
  -webkit-text-fill-color: #3E1C46 !important;
}

#theme-modern .summary-table .modern-field-value,
#theme-modern .summary-table .modern-field-value * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* 5. FILLED BUTTONS & FILLED "EDIT" BUTTONS (#3E1C46 BACKGROUND WITH #ffffff WHITE TEXT) */
#theme-modern .btn.theme-btn-primary,
#theme-modern .btn.btn-primary,
#theme-modern .btn.btn-filled,
#theme-modern .page-forward,
#theme-modern .page-summary,
#theme-modern .group-forward,
#theme-modern .form-submit,
#theme-modern .summary-table a.btn.theme-btn-primary,
#theme-modern .summary-table a.btn.filled,
#theme-modern .summary-table a.btn.btn-primary,
html body #theme-modern .theme-btn-primary,
html body #theme-modern .page-forward,
html body #theme-modern .summary-table a.btn.theme-btn-primary,
.theme-btn-primary,
.btn-primary,
.page-forward,
.page-summary,
.group-forward,
.form-submit,
input[type="submit"] {
  background-color: #3E1C46 !important;
  background: #3E1C46 !important;
  border-color: #3E1C46 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#theme-modern .btn.theme-btn-primary *,
#theme-modern .btn.btn-primary *,
#theme-modern .page-forward *,
#theme-modern .summary-table a.btn.theme-btn-primary *,
html body #theme-modern .theme-btn-primary *,
.theme-btn-primary *,
.page-forward * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Ensure filled button icons render white */
#theme-modern .btn.theme-btn-primary .arrow-icon::before,
#theme-modern .btn.theme-btn-primary .icon-button::before,
html body #theme-modern .theme-btn-primary .arrow-icon::before {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* 6. UNFILLED / OUTLINED BUTTONS & UNFILLED "EDIT" BUTTONS (OUTLINE #3E1C46 & TEXT #3E1C46) */
#theme-modern .btn-outline,
#theme-modern .btn-outline-primary,
#theme-modern .btn-outline-secondary,
#theme-modern .theme-btn-secondary,
#theme-modern .modern-secondary-button,
#theme-modern .page-backward,
#theme-modern .page-cancel,
#theme-modern .page-cancelAll,
#theme-modern .summary-table a.btn.theme-btn-secondary,
#theme-modern .summary-table a.btn.modern-secondary-button,
#theme-modern .summary-table a.btn.btn-outline,
#theme-modern .summary-table a.btn-outline,
#theme-modern .summary-table a.btn:not(.theme-btn-primary):not(.btn-primary),
html body #theme-modern .modern-secondary-button,
html body #theme-modern .theme-btn-secondary,
html body #theme-modern .btn-outline,
html body #theme-modern .page-backward,
html body #theme-modern .summary-table a.btn:not(.theme-btn-primary),
.btn-outline,
.btn-outline-primary,
.btn-outline-secondary,
.theme-btn-secondary,
.modern-secondary-button,
.page-backward,
.page-cancel,
.page-cancelAll {
  background-color: transparent !important;
  background: transparent !important;
  border-color: #3E1C46 !important;
  color: #3E1C46 !important;
  -webkit-text-fill-color: #3E1C46 !important;
}

#theme-modern .btn-outline *,
#theme-modern .theme-btn-secondary *,
#theme-modern .modern-secondary-button *,
#theme-modern .page-backward *,
#theme-modern .summary-table a.btn.theme-btn-secondary *,
#theme-modern .summary-table a.btn.modern-secondary-button *,
#theme-modern .summary-table a.btn.btn-outline *,
#theme-modern .summary-table a.btn:not(.theme-btn-primary) *,
html body #theme-modern .modern-secondary-button *,
html body #theme-modern .theme-btn-secondary *,
html body #theme-modern .btn-outline *,
html body #theme-modern .page-backward *,
html body #theme-modern .summary-table a.btn:not(.theme-btn-primary) *,
.btn-outline *,
.theme-btn-secondary *,
.modern-secondary-button *,
.page-backward * {
  color: #3E1C46 !important;
  -webkit-text-fill-color: #3E1C46 !important;
}

/* Ensure icons in unfilled / outline buttons render #3E1C46 */
#theme-modern .modern-secondary-button .modern-secondary-button-icon::before,
#theme-modern .modern-secondary-button .modern-secondary-button-icon::after,
#theme-modern .btn-outline .arrow-icon::before,
#theme-modern .btn-outline .icon-button::before,
#theme-modern .summary-table a.btn:not(.theme-btn-primary) ::before,
html body #theme-modern .modern-secondary-button-icon::before,
html body #theme-modern .page-backward .modern-secondary-button-icon::before {
  background-color: #3E1C46 !important;
  background: #3E1C46 !important;
}

/* Hover state for unfilled / outline buttons (fills with #3E1C46 and white text on hover) */
#theme-modern .btn-outline:hover,
#theme-modern .theme-btn-secondary:hover,
#theme-modern .modern-secondary-button:hover,
#theme-modern .page-backward:hover,
#theme-modern .page-cancel:hover,
#theme-modern .page-cancelAll:hover,
#theme-modern .summary-table a.btn.theme-btn-secondary:hover,
#theme-modern .summary-table a.btn.modern-secondary-button:hover,
#theme-modern .summary-table a.btn.btn-outline:hover,
#theme-modern .summary-table a.btn:not(.theme-btn-primary):hover,
html body #theme-modern .modern-secondary-button:hover,
html body #theme-modern .theme-btn-secondary:hover,
html body #theme-modern .btn-outline:hover,
.btn-outline:hover,
.theme-btn-secondary:hover,
.modern-secondary-button:hover,
.page-backward:hover {
  background-color: #3E1C46 !important;
  background: #3E1C46 !important;
  border-color: #3E1C46 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#theme-modern .btn-outline:hover *,
#theme-modern .theme-btn-secondary:hover *,
#theme-modern .modern-secondary-button:hover *,
#theme-modern .page-backward:hover *,
#theme-modern .summary-table a.btn:not(.theme-btn-primary):hover *,
html body #theme-modern .modern-secondary-button:hover *,
html body #theme-modern .btn-outline:hover *,
.btn-outline:hover *,
.theme-btn-secondary:hover *,
.modern-secondary-button:hover * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#theme-modern .btn-outline:hover .modern-secondary-button-icon::before,
#theme-modern .theme-btn-secondary:hover .arrow-icon::before,
#theme-modern .modern-secondary-button:hover .modern-secondary-button-icon::before {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* These are per page / per element fixes */
div#\30 43e1658-9359-4f22-ad02-8767c8d58061 {
    width: var(--panel-max-width) !important;
}


div#\30 43e1658-9359-4f22-ad02-8767c8d58061 .input-container.form-group.has-feedback {
    padding: var(--Desktop-CardPadding);
}

div#\30 43e1658-9359-4f22-ad02-8767c8d58061 .modern-input-label-container.radio-group-label {
    display: none !important;
}

/* These are per page / per element fixes - apex */
div#\34 87e70e4-edce-4640-a70f-f29ac6a16937 {
    width: var(--panel-max-width) !important;
}


div#\34 87e70e4-edce-4640-a70f-f29ac6a16937 .input-container.form-group.has-feedback {
    padding: var(--Desktop-CardPadding);
}

div#\34 87e70e4-edce-4640-a70f-f29ac6a16937 .modern-input-label-container.radio-group-label {
    display: none !important;
}

/* These are per page / per element fixes general*/
div#\66 21ff2cd-0d84-4f04-bc8a-33076553ed0b {
    width: var(--panel-max-width) !important;
}


div#\66 21ff2cd-0d84-4f04-bc8a-33076553ed0b .input-container.form-group.has-feedback {
    padding: var(--Desktop-CardPadding);
}

div#\66 21ff2cd-0d84-4f04-bc8a-33076553ed0b .modern-input-label-container.radio-group-label {
    display: none !important;
}