@font-face {
  font-family: 'Aeroport';
  src: url(/sfsites/c/resource/B2B_CC_Theme_AU/font/AeroportMedium.ttf);
}

.grecaptcha-badge {
  z-index: 9 !important;
}

.themeLayoutStarterWrapper {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}
.cB2B_CMS_Custom_Footer {
  display: flex !important;
  justify-content: center !important;
  margin-top: 64px !important;
  padding-top: 0px !important;
}
.themeLayoutStarterWrapper > .body {
  flex: 1 !important;
  padding: 64px 0 !important;
}
.first-line {
  padding-bottom: 10px !important;
}
p {
  font-size: 14px !important;
}
.forceCommunityFlowCommunity {
  --lwc-colorBackground: none !important;
  border: none !important;
}

.customClass {
  color: #fff !important;
  border-radius: 4px !important;
  border: none !important;
  background: #afca0b !important;
  font-size: 16px !important;
  padding: 8px !important;
  text-align: center !important;
  display: block !important;
}

input[type='checkbox']:checked {
  color: #ffd369 !important;
}

.slds-button_brand:active:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button),
.slds-button--brand:active:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button),
.slds-button_brand:focus:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button),
.slds-button_neutral:active:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button),
.slds-button_neutral:focus:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button) {
  background-color: #032b63 !important;
  border-color: #032b63 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.slds-button_icon:hover {
  color: #004f9f !important;
}
.siteforceContentArea {
  max-width: 768px;
  margin: auto !important;
}
.pageHeader span {
  font-size: 18px !important;
  line-height: 20px !important;
  display: block !important;
}

.readOnlyGrey {
  background-color: #f2f2f2 !important;
  color: #333 !important;
  border-radius: 3px !important;
  width: 100% !important;
  padding: 4px 12px !important;
  margin-top: -32px !important;
  min-height: 32px !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
}

.errorHeader {
  color: #c23934 !important;
  border: none !important;
  border-left: 4px solid #c23934 !important;
  border-radius: 0 !important;
  padding-left: 12px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.pageHeader {
  color: #004f9f !important;
  border: none !important;
  border-left: 4px solid #004f9f !important;
  border-radius: 0 !important;
  padding-left: 12px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-weight: bold !important;
  font-size: 18px !important;
  margin: 64px 0 -16px !important;
  display: block !important;
  pointer-events: none !important;
}

.slds-input,
.slds-select,
.slds-combobox__input,
.slds-textarea {
  box-shadow: none !important;
  border-radius: 3px !important;
  font-size: 14px !important;
}

.slds-input:focus {
  --slds-c-input-color-border: #ef7d00 !important;
}

.slds-form-element__label {
  display: flex !important;
  color: #0e2b63 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: pre-wrap !important;
}

.slds-form-element__label:empty {
  display: none !important;
}

.slds-form-element__label:not(.flowruntime-inline) > span:first-child,
.flowruntime-input-label {
  display: inline-flex !important;
}

.slds-required {
  order: 1 !important;
  font-size: 16px !important;
}

.slds-button_brand,
.slds-button_neutral {
  border-radius: 3px !important;
  font-size: 16px !important;
}

.slds-button_brand:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button),
.slds-button_neutral:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button) {
  color: white !important;
  background-color: #0e2b63 !important;
  border-color: #0e2b63 !important;
}

.slds-button_brand:hover:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button),
.slds-button_neutral:hover:not(:disabled):not(.slds-file-selector__input[disabled]
    ~ .slds-file-selector__body
    > .slds-file-selector__button) {
  background-color: #004f9f !important;
  border-color: #004f9f !important;
  color: white !important;
}

.backClass .slds-button,
.nextClass .slds-button {
  margin: 0 8px !important;
}

.cms-button .slds-button {
  width: 80% !important;
  height: 48px !important;
  font-size: 16px !important;
  background-color: #0e2b63 !important;
  border-color: #0e2b63 !important;
  border-radius: 3px !important;
  text-align: center !important;
}

.cms-button .slds-button:hover {
  color: white !important;
  background-color: #004f9f !important;
  border-color: #004f9f !important;
}

.slds-text-body_small {
  font-size: 14px !important;
}

.flowruntime-inline-container {
  gap: 8px !important;
  align-items: flex-start !important;
}

/* Landing page ======================================== */
.themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
  > .body {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 45%),
    url(/sfsites/c/resource/B2B_CMS_Theme/assets/LandingPageBg.jpg) !important;
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
  .siteforceContentArea {
  width: 45% !important;
  margin: 0 auto 0 45% !important;
}

.themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
  img[src$='_Logo'] {
  width: 400px !important;
  max-width: calc(100vw - 64px) !important;
  margin-bottom: 16px !important;
}

.themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
  .cms-button
  .slds-button {
  width: 400px !important;
  max-width: calc(100vw - 64px) !important;
  height: 48px !important;
  margin-top: 32px !important;
}

.themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
  .slds-rich-text-editor__output {
  display: block;
  margin-top: 64px;
  color: #0e2b63;
}

.themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
  .slds-spinner_container {
  position: fixed !important;
}

.themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
  .body
  > .slds-m-bottom_x-small {
  margin: 0 !important;
}

/* Forms ======================================== */
body {
  --slds-c-checkbox-color-border: #d9d7d5 !important;
  --slds-c-input-color-border: #d9d7d5 !important;
  --lwc-colorBorderInputActive: #ef7d00 !important;
  --lwc-colorBorderBrandPrimary: #ef7d00 !important;
  --lwc-colorBorderError: #c23934 !important;
  --lwc-colorTextError: #c23934 !important;
  --lwc-borderRadiusSmall: 3px !important;
  --lwc-squareIconMediumContent: 24px !important;
  --slds-c-checkbox-shadow: none !important;
  --lwc-colorBackgroundPathComplete: #50af47 !important;
  --lwc-colorBackgroundPathCompleteHover: #afca0b !important;
  --lwc-spacingXxSmall: 0 !important;
  --slds-c-tooltip-text-color: #fff !important;
  --slds-c-tooltip-color-background: #004f9f !important;
  --lwc-shadowButtonFocus: none !important;
  --lwc-colorTextButtonBrand: #fff !important;
  --lwc-colorTextButtonBrandHover: #fff !important;
  --lwc-brandAccessible: #0e2b63 !important;
  --lwc-brandAccessibleActive: #004f9f !important;
  --lwc-colorTextSuccess: #50af47 !important;
  --slds-c-modal-sizing-border: 1px !important;
  --lwc-progressBarColorBackgroundFill: #00b1eb !important;
  --slds-c-card-heading-font-weight: bold !important;
  --slds-c-card-color-background: none !important;
  --lwc-colorTextBrandPrimary: #fff !important;
}

.slds-form-element__help {
  position: absolute !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.flowruntime-input-error__inline {
  grid-row: 2 !important;
}

.helptext__popup {
  color: #fff !important;
  --lwc-colorTextIconDefault: #fff !important;
  --lwc-colorBackgroundAlt: #004f9f !important;
  --lwc-squareIconSmallBoundary: 16px !important;
}

.slds-modal__header,
.slds-modal__footer {
  border: none !important;
}

.body > .slds-m-bottom_x-small,
.field-element > .container {
  margin-bottom: 32px !important;
}

.slds-input__icon-group {
  top: 0 !important;
  margin: 0 !important;
  height: 32px !important;
}

.slds-has-error .slds-input__icon-group {
  --lwc-colorTextIconDefault: #c23934 !important;
}

.slds-input:focus + .slds-input__icon-group {
  --lwc-colorTextIconDefault: #ef7d00 !important;
}

.slds-checkbox--faux,
.slds-checkbox_faux {
  border-width: 1px !important;
  box-shadow: none !important;
  width: 24px !important;
  height: 24px !important;
}

.slds-checkbox [type='checkbox']:checked + .slds-checkbox_faux:after,
.slds-checkbox [type='checkbox']:checked + .slds-checkbox--faux:after,
.slds-checkbox [type='checkbox']:checked ~ .slds-checkbox_faux:after,
.slds-checkbox [type='checkbox']:checked ~ .slds-checkbox--faux:after,
.slds-checkbox
  [type='checkbox']:checked
  + .slds-checkbox__label
  .slds-checkbox_faux:after,
.slds-checkbox
  [type='checkbox']:checked
  + .slds-checkbox__label
  .slds-checkbox--faux:after {
  width: 16px !important;
  height: 8px !important;
  top: 40% !important;
  transform: translate3d(-50%, -50%, 0) rotate(-50deg) skew(-10deg) !important;
  border-color: #ef7d00 !important;
}

.slds-wrap {
  flex-wrap: nowrap !important;
}

.slds-gutters,
.slds-gutters .slds-col {
  margin: 0 !important;
  padding: 0 !important;
}

.slds-medium-size_1-of-12 {
  width: 32px !important;
}

.slds-medium-size_11-of-12 {
  flex: auto !important;
  width: auto !important;
}

.slds-input__icon_right {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  top: 0 !important;
  right: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.slds-form-element_compound .slds-form-element__row + .slds-form-element__row {
  margin-top: 32px !important;
}

.slds-form-element_address .slds-form-element__row {
  align-items: flex-start !important;
}

.slds-file-selector_files {
  width: 100% !important;
}

.slds-file-selector__dropzone {
  flex: auto !important;
  background: #fff !important;
  margin: 4px 0 0 !important;
}

.slds-file-selector__dropzone.slds-has-drag-over {
  box-shadow: none !important;
  border-style: dashed !important;
}

slot[interop-primitiveFileDroppableZone_primitiveFileDroppableZone] {
  display: inline-block !important;
  width: 100% !important;
}

.slds-file-selector__body {
  padding: 16px !important;
  color: #004f9f !important;
}

.slds-file-selector__button {
  box-shadow: none !important;
}

lightning-primitive-icon {
  display: contents !important;
}

c-b2b-file-upload .slds-card__header-title {
  max-width: 80% !important;
  font-weight: normal !important;
}
c-b2b-file-upload .slds-card__header.slds-grid {
  padding: 8px 8px 8px 16px !important;
  color: #333 !important;
  background: #fbfbfb !important;
  margin: 0 !important;
  border-radius: 4px 4px 0 0 !important;
}

.slds-form-element_compound
  .slds-form-element__row
  .slds-form-element
  + .slds-form-element {
  padding-left: 16px !important;
}

c-b2b-cc-related-list {
  --lwc-buttonColorBorderPrimary: transparent !important;
}

c-b2b-cc-related-list .slds-card {
  background: #fbfbfb !important;
  margin-bottom: 16px !important;
}

c-b2b-cc-related-list > lightning-card:not(:first-child) > .slds-card {
  margin: 32px 0 0 !important;
}

c-b2b-record-edit > .slds-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

c-b2b-record-edit > .slds-grid > .slds-col {
  width: 100% !important;
}

c-b2b-record-edit > .slds-grid > *:only-child {
  grid-column: 1/-1 !important;
}

c-b2b-cc-related-list .slds-card__header.slds-grid {
  padding: 8px 8px 8px 16px !important;
  color: #032b63 !important;
  background: #f2f2f2 !important;
  margin: 0 !important;
  border-radius: 4px 4px 0 0 !important;
}

c-b2b-cc-related-list .slds-card__body {
  padding: 16px !important;
  margin: 0 !important;
}

c-b2b-cc-related-list .slds-card__body .slds-card__body {
  padding: 0 !important;
}

c-b2b-cc-related-list .slds-card__body .slds-card__header.slds-grid {
  border-radius: 4px !important;
}

c-b2b-cc-related-list lightning-input-address {
  margin: 32px 0 !important;
  padding: 32px 0 !important;
  border-top: dashed 1px #d9d7d5 !important;
  border-bottom: dashed 1px #d9d7d5 !important;
}

c-b2b-cc-related-list lightning-button:last-child {
  display: block !important;
  margin-top: 32px !important;
}

c-b2b-cc-related-list .slds-spinner_container {
  margin: -16px -16px -80px !important;
}

c-b2b-address-finder .slds-form-element__legend .slds-required {
  display: none !important;
}

/* For mobile ======================================== */
@media screen and (max-width: 1024px) {
  .themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
    > .body {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 50%),
      url(/sfsites/c/resource/B2B_CMS_Theme/assets/LandingPageBg.jpg) !important;
    background-size: 100% auto !important;
    background-position: top !important;
    padding: 32px 0 !important;
  }

  .themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
    .siteforceContentArea {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
    .slds-rich-text-editor__output {
    text-align: start !important;
  }

  .themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
    .cms-footer {
    text-align: center !important;
  }

  .forceContentPanelFooter .uiButton--brand[disabled] {
    --lwc-brandDisabled: transparent !important;
  }

  .slds-file-selector__body {
    padding: 0 !important;
  }

  .slds-file-selector__dropzone {
    border: none !important;
    background: none !important;
  }
}

@media screen and (max-width: 767px) {
  .slds-medium-size_1-of-12 {
    display: none !important;
  }

  .slds-medium-size_11-of-12 {
    padding: 0 0 0 32px !important;
  }
}

@media screen and (max-width: 568px) {
  .themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
    > .body {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 25%),
      url(/sfsites/c/resource/B2B_CMS_Theme/assets/LandingPageBg.jpg) !important;
  }

  .themeLayoutStarterWrapper[data-flow-screen='CMS-entry-screen__landing-page']
    .cms-button
    .slds-button {
    margin-top: 16px !important;
  }

  .cB2B_CMS_Custom_Footer {
    flex-direction: column !important;
  }

  .backClass .slds-button,
  .nextClass .slds-button {
    margin: 8px 0 !important;
    height: 48px !important;
    width: 100% !important;
  }

  c-b2b-record-edit > .slds-grid {
    grid-template-columns: 1fr !important;
  }

  .slds-form-element__help {
    position: static !important;
  }

  .readOnlyGrey {
    margin-top: -24px !important;
  }

  .body > .slds-m-bottom_x-small,
  .field-element > .container {
    margin-bottom: 24px !important;
  }

  .slds-form-element_compound
    .slds-form-element__row
    + .slds-form-element__row {
    margin-top: 24px !important;
  }

  c-b2b-record-edit > .slds-grid {
    gap: 12px 16px !important;
  }
}