:root {
  --blue-yonder-font-family: 'Accord', sans-serif;
  --blue-yonder-heading-font-family: 'Open Sans', Arial, Helvetica;
  --blue-yonder-white: #fff;
  --blue-yonder-midnightblue-200: #000e4e;
  --blue-yonder-primary: #00b7f1;
  --blue-yonder-reg-banner: url("https://static.rainfocus.com/blueyonder/icon2026/static/staticfile/staticfile/Hero%20Background%20Image_1769436907483001fZXE.png");
  --blue-yonder-grey: #CCC;
  --rf-brand-font-family: var(--blue-yonder-font-family);
  --rf-brand-font-family-heading: var(--blue-yonder-heading-font-family);
  --rf-brand-color-primary: var(--blue-yonder-primary);
  --rf-comp-button-primary-color-background: var(--blue-yonder-primary);
  --rf-comp-button-primary-color-border: var(--blue-yonder-primary);
  --rf-comp-button-primary-hover-color-background: var(--blue-yonder-midnightblue-200);
  --rf-comp-button-primary-color-on-background: var(--blue-yonder-white);
  --rf-comp-link-hover-color: var(--blue-yonder-midnightblue-200);
  --rf-comp-link-color: var(--blue-yonder-primary);
  --rf-comp-button-secondary-color-background: var(--blue-yonder-midnightblue-200);
  --rf-comp-button-secondary-hover-color-background: var(--blue-yonder-primary);
  --rf-comp-button-secondary-color-on-background: var(--blue-yonder-white);
  --rf-comp-button-secondary-hover-color-on-background: var(--blue-yonder-white);
  --rf-comp-button-secondary-color-border: var(--blue-yonder-midnightblue-200);
  --rf-comp-button-secondary-hover-color-border: var(--blue-yonder-primary);
  --rf-comp-button-space-padding: 8px 16px;
  --rf-brand-color-widget-background: transparent;
}

* {
  box-sizing: border-box;
}

body,
html,
.rf-body,
.rf-workflow {
  margin: 0;
  padding: 0;
  min-width: 100%;
  max-width: 100%;
}

a:link, a:visited {
  color: var(--blue-yonder-midnightblue-200, #000e4e);
  text-decoration: underline;
  text-decoration-color: var(--blue-yonder-primary, #00b7f1);
}
a:active, a:focus, a:hover, a:visited:focus, a:visited:hover {
  color: var(--blue-yonder-primary, #00b7f1);
  text-decoration: underline;
  text-decoration-color: var(--blue-yonder-primary, #00b7f1);
}

ol,
ul {
  display: list-item;
}

body {
  display: flex;
  flex-direction: column;
}

.rf-workflow {
  flex: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--blue-yonder-midnightblue-200, #000e4e);
  font-weight: 200;
}

.rfComp-canvas h1 {
  color: var(--blue-yonder-midnightblue-200, #000e4e);
  font-size: 1.75rem;
  font-weight: 500;
}

.rfComp-canvas h2 {
  font-weight: 200;
}

.rfComp-canvas * {
  font-size: 1rem;
}

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}

.mdBtnR {
  border-radius: 4px;
}

.confirm .mdBtnR-text {
  color: var(--blue-yonder-white, #fff);
}

.rfComp-canvas .cfp-home-page .rf-text-container h3 {
  margin-bottom: 0;
  margin-top: 16px;
}

.rf-workflow-body-content .page-builder-display-reset.has-panel-left {
  max-width: 100%;
}

.page-builder-display-reset .page-builder-canvas,
.page-builder-template-preview .page-builder-canvas {
  width: 1000px;
  min-width: 80%;
}

.rf-body:has(#contact-info .form-render-page.workflow-form-render, .orders-page, #workflow-login-page, .rfwf-verification-code, .confirmation-page) {
  background: var(--blue-yonder-reg-banner);
  background-color: var(--blue-yonder-white);
  background-size: cover;
  background-repeat: no-repeat;
}
.rf-body:has(#contact-info .form-render-page.workflow-form-render, .orders-page, #workflow-login-page, .rfwf-verification-code, .confirmation-page) .rfwf-body-content.rf-workflow-body-content {
  padding-inline: 20px;
}

#contact-info .workflow-form-render,
.orders-page {
  border-radius: 4px;
  border: 1px solid var(--blue-yonder-grey);
  background-color: var(--rf-brand-color-surface);
  padding: 20px;
  max-width: 1300px;
  margin: 100px auto;
}
#contact-info .workflow-form-render .rfwf-full-panel,
.orders-page .rfwf-full-panel {
  padding: 0;
  border: none;
}
#contact-info .workflow-form-render .rfwf-full-panel .rfwf-panel-interior, #contact-info .workflow-form-render .rfwf-alert-panel .rfwf-panel-interior,
.orders-page .rfwf-full-panel .rfwf-panel-interior,
.orders-page .rfwf-alert-panel .rfwf-panel-interior {
  padding: 0;
}

#rf-content:has(.orders-page) .rf-workflow-header {
  display: none;
}

.md-frame {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.rfwf-orders-payment {
  background-color: var(--rf-brand-color-surface);
}

.orders-page .rfwf-full-panel.rfwf-orders-details {
  padding-block-start: 24px;
}

.md-frame.create-account-frame .md-frame-body {
  padding-block-end: 36px;
}

@media all and (min-width: 769px) {
  #workflow-login-page {
    margin-block-start: 100px;
  }
}