/**
 * Center funnel quote-results content on wide screens.
 * Loaded globally so production/CDN cache cannot miss dynamically injected CSS.
 */

#phf-funnel-modal .modal-body,
#funnel-flow-root {
  width: 100% !important;
  box-sizing: border-box;
}

#phf-funnel-modal #funnel-flow-root {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  min-height: 100%;
  min-width: 0 !important;
  max-width: 100% !important;
}

.quote-results-layout,
#quote-results-root {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

#phf-funnel-modal .quote-results-layout,
#funnel-flow-root .quote-results-layout {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#phf-funnel-modal #phf-funnel,
#funnel-flow-root #phf-funnel,
.quote-results-layout #phf-funnel,
#quote-results-root #phf-funnel {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

#phf-funnel-modal #phf-funnel > .container,
#funnel-flow-root #phf-funnel > .container,
.quote-results-layout #phf-funnel > .container,
#quote-results-root #phf-funnel > .container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  float: none !important;
}
