/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/theme/variables.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "sofia-pro";
  src: url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "sofia-pro";
  src: url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "sofia-pro";
  src: url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "sofia-pro";
  src: url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
/** Ionic CSS Variables **/
:root {
  --ion-background-color: #e6e6e6;
  --ion-font-family: "sofia-pro";
  /** primary **/
  --ion-color-primary: #006d6d;
  --ion-color-primary-rgb: 0,109,109;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #006060;
  --ion-color-primary-tint: #1a7c7c;
  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #000000;
  --ion-color-tertiary-rgb: 0,0,0;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255,255,255;
  --ion-color-tertiary-shade: #000000;
  --ion-color-tertiary-tint: #1a1a1a;
  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --cap-primary-color: #006d6d;
}
@media (prefers-color-scheme: dark) {
  /*
   * Dark Colors
   * -------------------------------------------
   */
  body {
    --ion-color-primary: #377777;
    --ion-color-primary-rgb: 55,119,119;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #306969;
    --ion-color-primary-tint: #4b8585;
    --ion-color-secondary: #50c8ff;
    --ion-color-secondary-rgb: 80,200,255;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255,255,255;
    --ion-color-secondary-shade: #46b0e0;
    --ion-color-secondary-tint: #62ceff;
    --ion-color-tertiary: #000000;
    --ion-color-tertiary-rgb: 0,0,0;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255,255,255;
    --ion-color-tertiary-shade: #000000;
    --ion-color-tertiary-tint: #1a1a1a;
    --ion-color-success: #2fdf75;
    --ion-color-success-rgb: 47,223,117;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0,0,0;
    --ion-color-success-shade: #29c467;
    --ion-color-success-tint: #44e283;
    --ion-color-warning: #ffd534;
    --ion-color-warning-rgb: 255,213,52;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0,0,0;
    --ion-color-warning-shade: #e0bb2e;
    --ion-color-warning-tint: #ffd948;
    --ion-color-danger: #ff4961;
    --ion-color-danger-rgb: 255,73,97;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255,255,255;
    --ion-color-danger-shade: #e04055;
    --ion-color-danger-tint: #ff5b71;
    --ion-color-dark: #222428;
    --ion-color-dark-rgb: 34, 36, 40;
    --ion-color-dark-contrast: #ffffff;
    --ion-color-dark-contrast-rgb: 255, 255, 255;
    --ion-color-dark-shade: #1e2023;
    --ion-color-dark-tint: #383a3e;
    --ion-color-medium: #989aa2;
    --ion-color-medium-rgb: 152,154,162;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb: 0,0,0;
    --ion-color-medium-shade: #86888f;
    --ion-color-medium-tint: #a2a4ab;
    --ion-color-light: #222428;
    --ion-color-light-rgb: 34,36,40;
    --ion-color-light-contrast: #ffffff;
    --ion-color-light-contrast-rgb: 255,255,255;
    --ion-color-light-shade: #1e2023;
    --ion-color-light-tint: #383a3e;
  }

  /*
   * iOS Dark Theme
   * -------------------------------------------
   */
  .ios body {
    --ion-background-color: #000000;
    --ion-background-color-rgb: 0,0,0;
    --ion-text-color: #e6e6e6;
    --ion-text-color-rgb: 255,255,255;
    --ion-color-step-50: #0d0d0d;
    --ion-color-step-100: #1a1a1a;
    --ion-color-step-150: #262626;
    --ion-color-step-200: #333333;
    --ion-color-step-250: #404040;
    --ion-color-step-300: #4d4d4d;
    --ion-color-step-350: #595959;
    --ion-color-step-400: #666666;
    --ion-color-step-450: #737373;
    --ion-color-step-500: #808080;
    --ion-color-step-550: #8c8c8c;
    --ion-color-step-600: #999999;
    --ion-color-step-650: #a6a6a6;
    --ion-color-step-700: #b3b3b3;
    --ion-color-step-750: #bfbfbf;
    --ion-color-step-800: #cccccc;
    --ion-color-step-850: #d9d9d9;
    --ion-color-step-900: #e6e6e6;
    --ion-color-step-950: #f2f2f2;
    --ion-item-background: #000000;
    --ion-card-background: #1c1c1d;
  }

  .ios ion-modal {
    --ion-background-color: var(--ion-color-step-100);
    --ion-toolbar-background: var(--ion-color-step-150);
    --ion-toolbar-border-color: var(--ion-color-step-250);
  }

  /*
   * Material Design Dark Theme
   * -------------------------------------------
   */
  .md body {
    --ion-background-color: #e6e6e6;
    --ion-background-color-rgb: 18,18,18;
    --ion-text-color: #000000;
    --ion-text-color-rgb: 255,255,255;
    --ion-border-color: #222222;
    --ion-color-step-50: #1e1e1e;
    --ion-color-step-100: #2a2a2a;
    --ion-color-step-150: #363636;
    --ion-color-step-200: #414141;
    --ion-color-step-250: #4d4d4d;
    --ion-color-step-300: #595959;
    --ion-color-step-350: #656565;
    --ion-color-step-400: #717171;
    --ion-color-step-450: #7d7d7d;
    --ion-color-step-500: #898989;
    --ion-color-step-550: #949494;
    --ion-color-step-600: #a0a0a0;
    --ion-color-step-650: #acacac;
    --ion-color-step-700: #b8b8b8;
    --ion-color-step-750: #c4c4c4;
    --ion-color-step-800: #d0d0d0;
    --ion-color-step-850: #dbdbdb;
    --ion-color-step-900: #e7e7e7;
    --ion-color-step-950: #f3f3f3;
    --ion-item-background: #ffffff;
    --ion-toolbar-background: #ffffff;
    --ion-tab-bar-background: #ffffff;
    --ion-card-background: #ffffff;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}
html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}
html {
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}
/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 *
 * Do not use :not(.overlay-hidden) in place of
 * .show-modal because that triggers a memory
 * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768
 */
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}
/**
 * When making custom dialogs, using
 * ion-content is not required. As a result,
 * some developers may wish to have dialogs
 * that are automatically sized by the browser.
 * These changes allow certain dimension values
 * such as fit-content to work correctly.
 */
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0,  0,  0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
/**
 * The .ion-datetime-button-overlay class contains
 * styles that allow any modal/popover to be
 * sized according to the dimensions of the datetime
 * when used with ion-datetime-button.
 */
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
/**
 * The grid variant can scale down when inline.
 * When used in a `fit-content` overlay, this causes
 * the overlay to shrink when the month/year picker is open.
 * Explicitly setting the dimensions lets us have a consistently
 * sized grid interface.
 */
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  /**
   * Because body has position: fixed,
   * it should be promoted to its own
   * layer.
   *
   * WebKit does not always promote
   * the body to its own layer on page
   * load in Ionic apps. Once scrolling on
   * ion-content starts, WebKit will promote
   * body. Unfortunately, this causes a re-paint
   * which results in scrolling being halted
   * until the next user gesture.
   *
   * This impacts the Custom Elements build.
   * The lazy loaded build causes the browser to
   * re-paint during hydration which causes WebKit
   * to promote body to its own layer.
   * In the CE Build, this hydration does not
   * happen, so the additional re-paint does not occur.
   */
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
/* Optional CSS utils that can be commented out */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

  .ion-float-sm-right {
    float: right !important;
  }

  .ion-float-sm-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }

  .ion-float-md-right {
    float: right !important;
  }

  .ion-float-md-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }

  .ion-float-lg-right {
    float: right !important;
  }

  .ion-float-lg-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }

  .ion-float-xl-right {
    float: right !important;
  }

  .ion-float-xl-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

  .ion-text-sm-justify {
    text-align: justify !important;
  }

  .ion-text-sm-start {
    text-align: start !important;
  }

  .ion-text-sm-end {
    text-align: end !important;
  }

  .ion-text-sm-left {
    text-align: left !important;
  }

  .ion-text-sm-right {
    text-align: right !important;
  }

  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

  .ion-text-md-justify {
    text-align: justify !important;
  }

  .ion-text-md-start {
    text-align: start !important;
  }

  .ion-text-md-end {
    text-align: end !important;
  }

  .ion-text-md-left {
    text-align: left !important;
  }

  .ion-text-md-right {
    text-align: right !important;
  }

  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

  .ion-text-lg-justify {
    text-align: justify !important;
  }

  .ion-text-lg-start {
    text-align: start !important;
  }

  .ion-text-lg-end {
    text-align: end !important;
  }

  .ion-text-lg-left {
    text-align: left !important;
  }

  .ion-text-lg-right {
    text-align: right !important;
  }

  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

  .ion-text-xl-justify {
    text-align: justify !important;
  }

  .ion-text-xl-start {
    text-align: start !important;
  }

  .ion-text-xl-end {
    text-align: end !important;
  }

  .ion-text-xl-left {
    text-align: left !important;
  }

  .ion-text-xl-right {
    text-align: right !important;
  }

  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
/* Importing website framework css for use here, Global rules should be okay for this, set more specific stuff on a page by page basis */
/* Column layouts */
div.twoCols,
div.threeCols,
div.fourCols,
div.fiveCols,
div.sixCols {
  display: flex;
  flex-flow: row wrap;
  clear: both;
  box-sizing: border-box;
  width: 100%;
}
div.twoCols .col:nth-child(2n-1) {
  position: relative;
  float: left;
  clear: left;
  width: 49%;
  margin-right: 1%;
}
div.twoCols .col:nth-child(2n-0) {
  position: relative;
  float: right;
  width: 49%;
  margin-left: 1%;
}
div.twoCols.twoThirds {
  margin-bottom: 1em;
}
div.twoCols.twoThirds .col:nth-child(2n-1) {
  position: relative;
  float: left;
  clear: left;
  width: 59%;
  margin-right: 1%;
}
div.twoCols.twoThirds .col:nth-child(2n-0) {
  position: relative;
  float: right;
  width: 39%;
  margin-left: 1%;
}
div.twoCols.twoThirds .col.pictureCol {
  margin-top: -49px;
}
@media screen and (max-width: 1300px) {
  div.twoCols.twoThirds .col.pictureCol {
    margin-top: 0;
  }
}
div.twoCols.twoThirds .col.noHeading {
  margin-top: 55px;
}
@media screen and (max-width: 1300px) {
  div.twoCols.twoThirds .col.noHeading {
    margin-top: 0;
  }
}
div.twoCols.twoThirdsReverse .col:nth-child(2n-1) {
  position: relative;
  float: left;
  clear: left;
  width: 39% !important;
  margin-right: 1% !important;
}
div.twoCols.twoThirdsReverse .col:nth-child(2n-0) {
  position: relative;
  float: right;
  width: 59% !important;
  margin-left: 1% !important;
}
div.twoCols.layout1 .col:nth-child(2n-1) {
  width: 31%;
  margin-right: 3%;
}
div.twoCols.layout1 .col:nth-child(2n-0) {
  width: 63%;
  margin-left: 3%;
}
div.threeCols .col.col:nth-child(3n-2) {
  position: relative;
  float: left;
  width: 32%;
  margin-right: 1%;
}
div.threeCols .col.col:nth-child(3n-1) {
  position: relative;
  float: left;
  width: 32%;
  margin-right: 1%;
  margin-left: 1%;
}
div.threeCols .col.col:nth-child(3n-0) {
  position: relative;
  float: right;
  width: 32%;
  margin-left: 1%;
}
div.fourCols .col:nth-child(4n-3) {
  position: relative;
  float: left;
  width: 24%;
  margin-right: 0.6666%;
}
div.fourCols .col:nth-child(4n-2) {
  position: relative;
  float: left;
  width: 24%;
  margin-right: 0.6666%;
  margin-left: 0.6666%;
}
div.fourCols .col:nth-child(4n-1) {
  position: relative;
  float: left;
  width: 24%;
  margin-right: 0.6666%;
  margin-left: 0.6666%;
}
div.fourCols .col:nth-child(4n-0) {
  position: relative;
  float: left;
  width: 24%;
  margin-left: 0.6666%;
}
div.fiveCols .col.col:nth-child(5n-4) {
  position: relative;
  float: left;
  width: 19%;
  margin-right: 0.625%;
}
div.fiveCols .col.col:nth-child(5n-3) {
  position: relative;
  float: left;
  width: 19%;
  margin-right: 0.625%;
  margin-left: 0.625%;
}
div.fiveCols .col.col:nth-child(5n-2) {
  position: relative;
  float: left;
  width: 19%;
  margin-right: 0.625%;
  margin-left: 0.625%;
}
div.fiveCols .col.col:nth-child(5n-1) {
  position: relative;
  float: left;
  width: 19%;
  margin-right: 0.625%;
  margin-left: 0.625%;
}
div.fiveCols .col.col:nth-child(5n-0) {
  position: relative;
  float: right;
  width: 19%;
  margin-left: 0.625%;
}
div.sixCols .col.col:nth-child(6n-5) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
}
div.sixCols .col.col:nth-child(6n-4) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}
div.sixCols .col.col:nth-child(6n-3) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}
div.sixCols .col.col:nth-child(6n-2) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}
div.sixCols .col.col:nth-child(6n-1) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}
div.sixCols .col.col:nth-child(6n-0) {
  position: relative;
  float: left;
  width: 16%;
  margin-left: 0.4%;
}
/* Responsive stlying for all column layouts */
@media screen and (max-width: 767px) {
  div.twoCols,
div.threeCols,
div.fourCols,
div.fiveCols,
div.sixCols {
    float: left !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  div.twoCols .col:nth-child(2n-1),
div.threeCols .col:nth-child(2n-1),
div.fourCols .col:nth-child(2n-1),
div.fiveCols .col:nth-child(2n-1),
div.sixCols .col:nth-child(2n-1) {
    width: 49% !important;
    clear: left !important;
    margin-right: 1% !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  div.twoCols .col:nth-child(2n-0),
div.threeCols .col:nth-child(2n-0),
div.fourCols .col:nth-child(2n-0),
div.fiveCols .col:nth-child(2n-0),
div.sixCols .col:nth-child(2n-0) {
    width: 49% !important;
    clear: left !important;
    margin-left: 1% !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  div.twoCols .col:nth-child(2n-1),
div.threeCols .col:nth-child(2n-1),
div.fourCols .col:nth-child(2n-1),
div.fiveCols .col:nth-child(2n-1),
div.sixCols .col:nth-child(2n-1) {
    width: 100% !important;
    clear: left !important;
    margin: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  div.twoCols .col:nth-child(2n-0),
div.threeCols .col:nth-child(2n-0),
div.fourCols .col:nth-child(2n-0),
div.fiveCols .col:nth-child(2n-0),
div.sixCols .col:nth-child(2n-0) {
    width: 100% !important;
    clear: left !important;
    margin: 0 !important;
  }
}
/* Content Items these usually appear in widgets on the website */
.contentItem .thumbnail {
  line-height: 0;
  padding-right: 20px;
}
.contentItem .thumbnail.original img {
  max-width: 100%;
  max-height: none;
  width: auto;
  height: auto;
}
.contentItem .thumbnail:not(.original) img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
}
.contentItem .thumbnail.huge {
  width: 320px;
}
.contentItem .thumbnail.large {
  width: 240px;
}
.contentItem .thumbnail.medium {
  width: 160px;
}
.contentItem .thumbnail.small {
  width: 100px;
}
.contentItem .thumbnail.tiny {
  width: 80px;
}
.contentItem .text .title .publishInfo {
  margin-bottom: 10px;
}
.contentItem .text .title .publishInfo .date,
.contentItem .text .title .publishInfo .author {
  display: inline-block;
}
.contentItem .text .summary {
  margin: 0 0 1.5em;
}
.contentItem .text .summary .readMore {
  display: block;
  margin-top: 0.75em;
}
.contentItem:first-child, .contentItem.last-child {
  margin-top: 0 !important;
}
/* .imageLeft and .imageRight for content items */
.imageLeft .contentItem,
.imageRight .contentItem {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 1.5em;
}
.imageLeft .contentItem .thumbnail,
.imageRight .contentItem .thumbnail {
  max-width: 50%;
  flex-shrink: 0;
  /* Don't get smaller. */
}
.imageLeft .contentItem .text,
.imageRight .contentItem .text {
  width: 100%;
  flex-grow: 0;
  /* Don't grow and push the image around. */
}
.imageLeft .contentItem .text .title,
.imageRight .contentItem .text .title {
  margin-top: 0;
}
.imageLeft .contentItem .thumbnail {
  order: 1;
}
.imageLeft .contentItem .text {
  order: 2;
}
.imageRight .contentItem .thumbnail {
  order: 2;
  padding-left: 20px;
  padding-right: 0;
}
.imageRight .contentItem .text {
  order: 1;
}
/* Cards stlying for contentItems */
.cards {
  display: inline-block;
  width: 100%;
  /* For IE11, which we still support. */
}
.cards .content .contentItem {
  position: relative;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 32%;
  margin: 0 0 1.5em;
  overflow: hidden;
  background: #d8d4d0;
}
.cards .content .contentItem:nth-child(3n-1) {
  /* The middle one */
  margin: 0 2% 1.5em;
}
.cards .content .contentItem:nth-child(3n+1) {
  clear: left;
}
.cards .content .contentItem .thumbnail {
  position: relative;
  float: left;
  max-width: 100%;
  width: 100%;
  /*height: 200px;*/
  padding: 0 !important;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.cards .content .contentItem .thumbnail a img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: 100% !important;
}
.cards .content .contentItem .text {
  display: flex;
  flex-flow: wrap;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
}
.cards .content .contentItem .text * {
  width: 100%;
}
.cards .content .contentItem .text .title {
  margin-top: 0;
}
.cards .content .contentItem .text .title a {
  display: block;
  margin: 0;
}
.cards .content .contentItem .text .publishInfo {
  display: inline-block;
  width: 100%;
  /* Otherwise it does odd things in .masonry views */
  box-sizing: border-box;
  /*order: -1;*/
  /* Make sure it's first in the flex wrap .text box */
}
.cards .content .contentItem .text .summary .readMore {
  display: block;
  margin-top: 10px;
}
.cards .content .contentItem .text:last-child {
  margin-bottom: 0 !important;
}
.cards .noContent {
  margin: 0 0 1.5em;
}
.cards.panorama .content .contentItem .thumbnail {
  position: relative;
  height: 150px;
  max-height: 150px;
}
.cards.panorama .content .contentItem .thumbnail img,
.cards.panorama .content .contentItem .thumbnail a img {
  position: absolute;
  top: -99999em;
  right: -99999em;
  left: -99999em;
  bottom: -99999em;
  margin: auto !important;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  width: auto;
  height: auto;
  margin: auto;
}
.cards.panorama.fullWidth .content .contentItem {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.cards.padded .content .contentItem .thumbnail {
  width: calc(100% - 40px);
  margin: 20px 20px 0 !important;
}
.cards.dateOverlay .content .contentItem .text .publishInfo {
  /* Note: Won't work well when there's no thumbnail, it'll disappear outside the .card box boundary */
  position: absolute;
  left: 0;
  top: -60px;
  /*background-color: rgba(255,255,255,0.75);*/
  padding: 15px 20px;
  font-size: 0.925rem;
  font-weight: bold;
  line-height: 125%;
}
.cards.padded.dateOverlay .content .contentItem .text .publishInfo {
  padding-left: 45px;
}
.cards.padded.dateOverlay .content .contentItem .text .publishInfo * {
  color: #fff;
  text-shadow: 1px 1px 3px black;
}
/* Responsive styling for cards */
@media screen and (max-width: 767px) {
  .cards .content .contentItem {
    width: 47.5%;
  }
  .cards .content .contentItem:nth-child(3n+1) {
    clear: none;
  }
  .cards .content .contentItem:nth-child(3n-1) {
    margin: 0 0 40px;
  }
  .cards .content .contentItem:nth-child(2n-1) {
    margin: 0 5% 40px 0;
  }
}
@media screen and (max-width: 480px) {
  .cards .content .contentItem {
    width: 100%;
  }
  .cards .content .contentItem:nth-child(3n-1), .cards .content .contentItem:nth-child(2n-1) {
    margin: 0 0 40px 0 !important;
  }
}
/* ####################################
   General Form HTML Tags
   ################################## */
.formPanel,
.dataContainer {
  position: relative;
  float: none;
  clear: both;
  /* RW: Is this a good idea? */
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 1.5em;
}
fieldset,
.fieldset {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  /* Important for some browsers (including Firefox and Chrome) to stop growing too wide with visual editors and other content with stubborn width settings. */
  padding: 20px;
  margin: 0 0 1.5em;
  border: #ebebeb 2px solid;
  border-radius: 0;
}
fieldset legend,
.fieldset .legend {
  position: relative;
  float: left;
  box-sizing: content-box;
  width: 100%;
  padding: 10px 22px;
  margin: -22px -22px 22px;
  color: #000000;
  font-weight: bold;
  font-size: 125%;
  /* Default is equivalent to h3. */
  background: #ebebeb;
}
fieldset .summary, fieldset p, fieldset h1, fieldset h2, fieldset h3, fieldset h4, fieldset h5, fieldset h6,
.fieldset .summary, .fieldset p, .fieldset h1, .fieldset h2, .fieldset h3, .fieldset h4, .fieldset h5, .fieldset h6 {
  clear: left;
  /* Fix floating next to div.legend */
}
/* ####################################
   Form & Data Fields Lists
   ################################## */
.formFields,
.dataFields {
  display: inline-block !important;
  /* Nothing should mess with this. Make sure floated elements inside the form don't cause headaches for things around the form. */
  width: 100% !important;
  /* Nothing should mess with this. */
  padding: 25px !important;
  /* Nothing should mess with this. */
  margin: 0 !important;
  /* Nothing should mess with this. */
  list-style: none !important;
  /* Nothing should mess with this. */
}
.formFields > li,
.dataFields > li {
  list-style: none;
}
/* Don't inherit list-style for child lists of .formFields by default, because they're probably regular content. */
.formFields ol,
.dataFields ol {
  list-style: decimal;
  margin-bottom: 1.5em;
}
.formFields ul,
.dataFields ul {
  list-style: disc;
  margin-bottom: 1.5em;
}
/* ####################################
   Form & Data Field Wrappers (usually inside lists)
   ################################## */
.fieldContainer,
.formFields > li,
.dataFields > li {
  position: relative;
  float: left;
  clear: left;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0.5em 0;
}
/* The following wrappers should be inside a .fieldContainer wrapper if the .fieldContainer class is used. However the CSS below does not specify .fieldContainer so that the following classes can also be used when .fieldContainer is not used (e.g. in simple forms). */
.fieldTitle,
.formFields label,
.dataFields label {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 20%;
  padding: 10px 10px 10px 0;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  .fieldTitle,
.formFields label,
.dataFields label {
    width: 100%;
  }
}
.fieldContent,
.fieldControls,
.fieldData,
.fieldText {
  /* Legacy support: It's possible due to old code that .fieldControls/.fieldData/.fieldText exists without a .fieldContent wrapper. */
  display: block;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 100%;
  max-width: 80%;
}
@media screen and (max-width: 900px) {
  .fieldContent,
.fieldControls,
.fieldData,
.fieldText {
    max-width: 100%;
  }
}
.fieldContent .fieldControls,
.fieldContent .fieldData,
.fieldContent .fieldText {
  /* When these fields ARE inside the .fieldContent wrapper. Might need to override settings from .fieldControls/.fieldData above. */
  display: inline-block;
  float: none;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  /* Make sure the contents are contained and don't spill outside. Adjust this and .helperControl if you want help notes floating to the right of a field. */
  max-width: 100%;
  border-radius: 0;
  background: none;
}
.fieldContent .fieldData,
.fieldContent .fieldText {
  padding-top: 10px;
}
.fieldContent .fieldData > :last-child,
.fieldContent .fieldText > :last-child {
  margin-bottom: 0 !important;
}
.fieldData ~ *, .fieldText ~ * {
  /* Default separation for elements below .fieldText. You might want to override this in some cases. */
  margin-top: 1em !important;
}
.fieldContent .fieldData ul,
.fieldContent .fieldText ul,
.fieldContent .fieldData ol,
.fieldContent .fieldText ol {
  margin: 0.75em 0;
}
.fieldContent .fieldData ul li,
.fieldContent .fieldText ul li {
  list-style: disc;
  margin: 0 0 5px !important;
}
.fieldContent .fieldContentTop {
  display: inline-block;
  margin: 0 0 4px;
  width: 100%;
}
.fieldContent .fieldContentBottom {
  display: inline-block;
  clear: left;
  margin: 4px 0 0;
  width: 100%;
}
.fieldContent .helperControl {
  margin-top: 10px;
  padding-left: 24px;
}
.fieldContent .helperControl:before {
  content: "i";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 1px 3px;
  margin: -3px 3px 0 -24px;
  width: 16px;
  font-family: Courier New, Courier, monospace;
  font-weight: bold;
  font-size: 13px;
  line-height: 11px;
  color: #0000d8;
  border: #0000d8 2px solid;
  border-radius: 100%;
}
.fieldControls > .helperControl {
  vertical-align: top;
}
.fieldContent > h1,
.fieldContent > h2,
.fieldContent > h3,
.fieldContent > h4,
.fieldContent > h5,
.fieldContent > h6,
.fieldContent > p,
.fieldContent > ul,
.fieldContent > ol {
  margin: 0.25em 0;
}
.desktopMenu {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.desktopMenu div {
  display: flex;
  align-items: center;
}
.desktopMenu div .userRoleCheck {
  display: flex;
  position: relative;
  align-items: center;
}
.desktopMenu div .userRoleCheck .label {
  margin-right: 10px;
}
.desktopMenu div .userRoleCheck .userRole {
  font-weight: bold;
  color: #006d6d;
  font-size: 1.2em;
}
.desktopMenu div ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.desktopMenu div ul li {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin-right: 15px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  .desktopMenu {
    display: none;
  }
}
ion-content {
  font-size: 16px;
}
.featureHeading {
  font-size: 76px;
  font-weight: bold;
  color: #006d6d;
}
@media screen and (max-width: 1200px) {
  .featureHeading {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .featureHeading {
    font-size: 36px;
  }
}
.mainContent {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.mainPartialContent {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.mainContent.visible {
  opacity: 1;
  transition: opacity 1.5s;
}
.mainContent.hidden {
  opacity: 0;
}
.mainPartialContent.visible {
  opacity: 1;
  transition: opacity 1.5s;
}
.mainPartialContent.hidden {
  opacity: 0;
}
.topManagement {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.topManagement h1 {
  margin: 0 40px 10px 0;
}
.topManagement .buttons {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  align-items: center;
}
.topManagement .buttons ion-icon {
  color: #006d6d;
}
@media screen and (max-width: 500px) {
  .topManagement .buttons {
    margin: 0;
    width: 100%;
  }
}
.topManagement .quotePaging {
  display: flex;
  margin-left: 5px;
}
.topManagement .quotePaging .next,
.topManagement .quotePaging .previous {
  color: #ffffff;
  background-color: #006d6d;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-indent: -2000000000000em;
  position: relative;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.topManagement .quotePaging .previous {
  background-image: url('arrow-alt-circle-left-solid.png');
  margin-right: 10px;
}
.topManagement .quotePaging .next {
  background-image: url('arrow-alt-circle-right-solid.png');
}
@media screen and (max-width: 500px) {
  .topManagement .quotePaging {
    margin: 5px 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .menu {
    display: none;
  }
}
ion-menu-button {
  height: 58px;
  width: 58px;
  font-size: 54px;
  color: var(--cap-primary-color);
}
ion-menu-button:hover, ion-menu-button:focus {
  color: #006d6d;
  --color-hover: #006d6d !important;
}
ion-button::part(native) {
  text-transform: capitalize;
  border-radius: 0;
  background-color: var(--cap-primary-color);
  font-size: 16px;
}
ion-button.button-clear::part(native) {
  background-color: transparent;
  color: var(--cap-primary-color);
}
ion-button.rounded::part(native) {
  border-radius: 50px;
}
ion-button.menuButton::part(native) {
  font-size: 16px;
  font-weight: 400;
}
ion-button.logOutButton::part(native) {
  background: transparent;
  border: 2px solid #fff;
}
.headerTools {
  display: flex;
  align-items: center;
  justify-content: space-between !important;
}
.headerTools .headerLeft {
  display: flex;
}
.headerTools .headerLeft img {
  max-width: 180px;
  max-height: 53px;
}
@media screen and (max-width: 500px) {
  .topMenu {
    flex-direction: column;
  }
}
.flexCenter {
  display: flex;
  align-items: center;
}
.flexWrap {
  flex-wrap: wrap;
}
.partialWidth {
  display: flex;
  align-self: center;
  max-width: 1200px;
  width: 100%;
}
input,
select {
  background-color: #fff;
  padding: 5px;
  max-width: 100%;
  width: 100%;
}
.legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 3.25em;
  align-items: center;
  color: #006d6d;
  margin-bottom: 15px;
}
.legend div {
  flex-grow: 1;
  align-self: flex-end;
}
@media screen and (max-width: 700px) {
  .legend div {
    flex-grow: unset;
    margin-right: 10px;
  }
}
.legend div img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.primaryBox {
  background: white;
  padding: 10px;
  width: 100%;
}
.secondaryBox {
  background: #bfcecb;
  padding: 10px;
  width: 100%;
}
.transparentBg {
  background: none;
}
.fullWidth {
  width: 100%;
}
.bold {
  font-weight: 700;
}
.alert-radio-label.sc-ion-alert-md,
[aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md {
  color: #000;
}
.bidList .bid.firstBid {
  color: #fff;
  background: #006d6d !important;
}
.bidList .bid.firstBid .company .companyRating button ion-icon {
  color: #fff !important;
}
.bidList .bid.firstBid .questions .question img {
  filter: grayscale(1) brightness(4.5);
}
.bidList .bid.firstBid .status:after {
  filter: grayscale(1) brightness(4.5);
}
.bidList .bid.firstBid .managementButtons ion-button::part(native) {
  background-color: var(--cap-secondary-color);
}
.bidList .bid.promoted {
  color: #fff;
  background: #384286 !important;
}
.bidList .bid.promoted .company .companyRating button ion-icon {
  color: #fff !important;
}
.bidList .bid.promoted .questions .question img {
  filter: grayscale(1) brightness(4.5);
}
.bidList .bid.promoted .status:after {
  filter: grayscale(1) brightness(4.5);
}
.accordionPanel .quoteItem.firstBid {
  color: #fff;
  background: #006d6d !important;
}
.accordionPanel .quoteItem.firstBid .seller .rating button ion-icon {
  color: #fff !important;
}
.accordionPanel .quoteItem.promoted {
  color: #fff;
  background: #384286 !important;
}
.accordionPanel .quoteItem.promoted .seller .rating button ion-icon {
  color: #fff !important;
}
.listItem {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 7px 10px;
  margin-bottom: 15px;
  box-sizing: border-box;
  background-color: var(--ion-background-color);
}
.listItem.new {
  border: #006d6d 2px solid;
}
.listItem.promoted {
  color: #fff;
  background: #384286 !important;
}
.listItem.promoted .listItemRow .companyDetails .sellerRating button ion-icon {
  color: #fff !important;
}
.listItem.promoted .listItemRow .managementPanel div.status:after {
  filter: grayscale(1) brightness(4.5);
}
.listItem.promoted .listItemRow .question img {
  filter: grayscale(1) brightness(4.5);
}
.listItem.firstBid {
  color: #fff;
  background: #006D6D;
}
.listItem.firstBid .listItemRow .companyDetails .sellerRating button ion-icon {
  color: #fff !important;
}
.listItem.firstBid .listItemRow .managementPanel div.status:after {
  filter: grayscale(1) brightness(4.5);
}
.listItem.firstBid .listItemRow .question img {
  filter: grayscale(1) brightness(4.5);
}
.listItem .listItemRow {
  display: flex;
  width: 100%;
}
.listItem .listItemRow .managementPanel {
  display: flex;
  flex-grow: 1;
  align-self: center;
  max-width: 40%;
  width: 100%;
}
.listItem .listItemRow .managementPanel div {
  margin-right: 5px;
}
.listItem .listItemRow .managementPanel div.status {
  position: relative;
  width: auto;
  flex-grow: 0;
  padding-left: 22px;
}
.listItem .listItemRow .managementPanel div.status:after {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
}
.listItem .listItemRow .managementPanel div.status.bidsubmitted:after {
  background-image: url('paper-plane-solid.png');
  background-size: contain;
}
.listItem .listItemRow .managementPanel div.status.new:after {
  background-image: url('envelope-solid.png');
  background-size: contain;
}
.listItem .listItemRow .managementPanel div.status.viewed:after {
  background-image: url('envelope-open-solid.png');
  background-size: contain;
}
.listItem .listItemRow .managementPanel div.status.updaterequested:after {
  background-image: url('exclamation-solid.png');
  background-size: contain;
}
.listItem .listItemRow .managementPanel div.status.accepted:after {
  background-image: url('check-solid.png');
  background-size: contain;
}
.listItem .listItemRow .managementPanel div.status.rejected:after {
  background-image: url('times-solid.png');
  background-size: contain;
}
.listItem .listItemRow .managementPanel div.status.cancelled:after {
  background-image: url('ban-solid.png');
  background-size: contain;
}
.listItem .listItemRow .managementPanel .question {
  width: 100%;
  max-width: 24px;
  margin-right: 5px;
}
.listItem .listItemRow .managementPanel .question img {
  max-width: 21px;
}
.listItem .listItemRow .managementPanel .requestTimer {
  min-width: 70px;
}
.listItem .listItemRow .managementPanel .unreadQuestion {
  min-width: 15px;
  text-align: end;
}
.listItem .listItemRow .requestData {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-self: center;
}
.listItem .listItemRow .requestData div {
  max-width: calc(50% - 5px);
  width: 100%;
}
.listItem .listItemRow .bidData {
  display: flex;
  width: 100%;
}
.listItem .listItemRow .bidData div {
  flex-grow: 1;
}
.listItem .listItemRow .bidData div.orderProgress {
  max-width: 75px;
  width: 100%;
  flex-grow: 0;
  align-self: center;
  height: 21px;
  margin-right: 5px;
}
.inputBg {
  background: #fff;
}
.marginBottomLg {
  margin-bottom: 1.5em;
}
@media screen and (max-width: 400px) {
  .marginBottomLg {
    margin-bottom: 0.75em;
  }
}
.marginBottomMd {
  margin-bottom: 1em;
}
@media screen and (max-width: 400px) {
  .marginBottomMd {
    margin-bottom: 0.5em;
  }
}
.marginBottomSm {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 400px) {
  .marginBottomSm {
    margin-bottom: 0.25em;
  }
}
.paddingSm {
  padding: 10px;
}
@media screen and (max-width: 400px) {
  .paddingSm {
    padding: 5px;
  }
}
.primaryTheme {
  color: #ffffff;
  background: #006d6d;
}
h1.primaryTheme, h2.primaryTheme, h3.primaryTheme, h4.primaryTheme, h5.primaryTheme, h6.primaryTheme {
  width: 100%;
}
.filterPanel {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
}
.filterPanel .filter {
  display: flex;
  flex-direction: column;
  margin: 10px;
}
.filterPanel .filter.button {
  background: #006d6d;
  color: #fff;
  padding: 2px 7px;
  border-radius: 5px;
}
.filterPanel .filter.button:hover {
  cursor: pointer;
}
.partialWidth {
  width: 59% !important;
}
@media screen and (max-width: 1300px) {
  .partialWidth {
    width: 100% !important;
  }
}
.companyName {
  cursor: pointer;
}
.orderSummary,
.quoteSummary {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 59%;
}
.orderSummary .bidState,
.quoteSummary .bidState {
  display: flex;
}
.orderSummary .bidState .time,
.orderSummary .bidState .price,
.orderSummary .bidState .status,
.quoteSummary .bidState .time,
.quoteSummary .bidState .price,
.quoteSummary .bidState .status {
  max-width: 200px;
}
.orderSummary .bidState .time .label,
.orderSummary .bidState .price .label,
.orderSummary .bidState .status .label,
.quoteSummary .bidState .time .label,
.quoteSummary .bidState .price .label,
.quoteSummary .bidState .status .label {
  display: block;
  font-weight: bold;
}
.orderSummary .bidState .time .data,
.orderSummary .bidState .price .data,
.orderSummary .bidState .status .data,
.quoteSummary .bidState .time .data,
.quoteSummary .bidState .price .data,
.quoteSummary .bidState .status .data {
  font-size: 36px;
  font-weight: bold;
  line-height: 1em;
}
@media screen and (max-width: 767px) {
  .orderSummary .bidState .time .data,
.orderSummary .bidState .price .data,
.orderSummary .bidState .status .data,
.quoteSummary .bidState .time .data,
.quoteSummary .bidState .price .data,
.quoteSummary .bidState .status .data {
    font-size: 28px;
  }
}
.orderSummary .bidState .price,
.quoteSummary .bidState .price {
  max-width: unset;
}
.orderSummary:nth-child(even),
.quoteSummary:nth-child(even) {
  width: 40%;
}
@media screen and (max-width: 600px) {
  .orderSummary:nth-child(even),
.quoteSummary:nth-child(even) {
    width: 100%;
  }
}
.orderSummary:nth-child(odd),
.quoteSummary:nth-child(odd) {
  width: 60%;
}
@media screen and (max-width: 600px) {
  .orderSummary:nth-child(odd),
.quoteSummary:nth-child(odd) {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .orderSummary .price,
.quoteSummary .price {
    order: 5;
  }
}
@media screen and (max-width: 1300px) {
  .orderSummary,
.quoteSummary {
    width: 100%;
  }
}
.quoteData {
  margin-bottom: 0.5em;
}
.quoteData .label {
  font-weight: bold;
}
.quoteData.price .label {
  display: block;
  font-size: 12px;
}
.quoteData.price .data {
  font-size: 36px;
  font-weight: bold;
  line-height: 0.9em;
}
@media screen and (max-width: 767px) {
  .quoteData.price .data {
    font-size: 28px;
  }
}
table.vehicleTable, table.companyTable {
  width: 100%;
  text-align: left !important;
  border-spacing: 5px;
  border-collapse: separate;
}
table.vehicleTable th, table.companyTable th {
  padding: 10px 0 10px 10px;
  width: 30%;
  font-weight: bold;
}
@media screen and (max-width: 500px) {
  table.vehicleTable th, table.companyTable th {
    display: block;
    width: 100%;
    padding: 5px 0;
  }
}
table.vehicleTable td, table.companyTable td {
  padding: 10px;
  width: 70%;
  background: #fff;
  word-break: break-word;
}
@media screen and (max-width: 500px) {
  table.vehicleTable td, table.companyTable td {
    display: block;
    width: 100%;
  }
}
.orderMessages {
  max-height: 140px;
  height: 140px;
  overflow-y: auto;
}
.orderMessages .message h4 {
  margin-top: 0;
}
.orderImages {
  display: flex;
  height: 175px;
  overflow-x: scroll;
}
.orderImages img {
  height: 100%;
  width: auto;
  cursor: pointer;
}
.sellerSummary {
  width: 59%;
  margin-bottom: 1.5em;
}
.sellerSummary .orderSummary,
.sellerSummary .quoteSummary {
  width: 100% !important;
}
@media screen and (max-width: 1300px) {
  .sellerSummary {
    width: 100%;
  }
}
.quoteDetails {
  width: 100%;
  margin-bottom: 1.5em;
}
.quoteDetails table tr.data td.type {
  max-width: 200px;
}
@media screen and (max-width: 1000px) {
  .quoteDetails table tr.data td.type {
    max-width: 100%;
  }
}
.quoteDetails table tr.data td.unitPrice, .quoteDetails table tr.data td.gstPrice {
  max-width: 100px;
}
@media screen and (max-width: 1000px) {
  .quoteDetails table tr.data td.unitPrice, .quoteDetails table tr.data td.gstPrice {
    max-width: 100%;
  }
}
.quoteDetails table tr.data td.deleteRow {
  width: 75px;
}
table.responsive {
  width: 100%;
  border-collapse: collapse;
  /* Zebra striping */
}
table.responsive tr:nth-of-type(even) {
  background: #eee;
}
table.responsive tr:nth-of-type(odd) {
  background: #fff;
}
table.responsive tr.partialRow {
  background: none;
}
table.responsive tr.partialRow td {
  border-right: none;
}
@media screen and (max-width: 1000px) {
  table.responsive tr.partialRow td {
    padding: 0;
    display: none !important;
  }
}
table.responsive tr.partialRow td.shippingPrice {
  display: table-cell !important;
}
table.responsive tr.partialRow td.shippingPrice .shipping {
  justify-content: flex-end;
}
table.responsive tr.partialRow td:before {
  display: none;
}
table.responsive tr.headersRow {
  background: none !important;
  border-bottom: 2px solid #006d6d;
}
table.responsive tr.headersRow th {
  border-left: 2px solid #006d6d;
  border-right: 2px solid #006d6d;
}
table.responsive tr.headersRow th:first-of-type {
  border-left: none;
}
table.responsive tr.headersRow th:last-of-type {
  border-right: none;
}
table.responsive tr.headersRow th.item {
  width: 65px;
}
table.responsive tr.headersRow th.parts {
  width: 350px;
}
table.responsive tr.headersRow th.photos {
  width: 150px;
}
table.responsive tr.headersRow th.quantity {
  width: 55px;
}
table.responsive tr.headersRow th.type {
  width: 140px;
}
table.responsive tr.headersRow th.notes {
  width: 270px;
}
table.responsive tr.headersRow th.unitPrice {
  width: 100px;
}
table.responsive tr.headersRow th.totalPrice {
  width: 150px;
}
table.responsive tr.headersRow th.buttons {
  width: 5%;
}
table.responsive tr.data {
  padding: 10px;
}
table.responsive td, table.responsive th {
  padding: 10px 6px;
  text-align: left;
}
table.responsive th {
  background: none;
  color: #000;
  font-weight: bold;
  text-align: left;
  border: none;
}
table.responsive td {
  border-right: 2px solid lightgrey;
}
table.responsive td:last-of-type {
  border: none;
}
table.responsive td.itemNo,
table.responsive td.quantity {
  text-align: center;
}
table.responsive td.gstPrice,
table.responsive td.unitPrice {
  text-align: end;
}
table.responsive td.itemNo .qrId {
  padding: 10px 0;
}
@media only screen and (max-width: 1000px) {
  /* Force table to not be like tables anymore */
  table.responsive,
table.responsive thead,
table.responsive tbody,
table.responsive th,
table.responsive td,
table.responsive tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  table.responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.responsive tr {
    border: none;
  }

  table.responsive td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: none;
    position: relative;
    padding-left: 30% !important;
  }

  table.responsive td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }

  table.responsive td.itemNo,
table.responsive td.quantity,
table.responsive td.unitPrice,
table.responsive td.gstPrice {
    text-align: left;
  }
  table.responsive td.gstPrice {
    padding-bottom: 30px;
  }

  /*
  Label the data
  */
}
@media only screen and (max-width: 1000px) and (max-width: 400px) {
  table.responsive td {
    padding-left: 40% !important;
  }
}
@media only screen and (max-width: 1000px) {
  table.responsive td:nth-of-type(1):before {
    content: "Item No";
    font-weight: bold;
  }
}
@media only screen and (max-width: 1000px) {
  table.responsive td:nth-of-type(2):before {
    content: "Parts";
    font-weight: bold;
  }
}
@media only screen and (max-width: 1000px) {
  table.responsive td:nth-of-type(3):before {
    content: "Photo's";
    font-weight: bold;
  }
}
@media only screen and (max-width: 1000px) {
  table.responsive td:nth-of-type(4):before {
    content: "Qty";
    font-weight: bold;
  }
}
@media only screen and (max-width: 1000px) {
  table.responsive td:nth-of-type(5):before {
    content: "Type";
    font-weight: bold;
  }
}
@media only screen and (max-width: 1000px) {
  table.responsive td:nth-of-type(6):before {
    content: "Notes";
    font-weight: bold;
  }
}
@media only screen and (max-width: 1000px) {
  table.responsive td:nth-of-type(7):before {
    content: "Unit Price";
    font-weight: bold;
  }
}
@media only screen and (max-width: 1000px) {
  table.responsive td:nth-of-type(8):before {
    content: "Total Price \ainc GST";
    white-space: pre;
    font-weight: bold;
  }
}
.errorBox .alert-wrapper {
  max-width: 700px;
}
.errorBox .alert-wrapper .alert-message {
  color: black;
}
.lightBox .alert-wrapper {
  max-width: 850px;
  width: 100%;
  margin: 0 10px;
}
.lightBox .alert-wrapper .alert-message.sc-ion-alert-md {
  color: black;
  max-height: unset;
}
.lightBox .fullWidth {
  margin-bottom: 1em;
}
.lightBox textarea {
  width: 100%;
  height: 150px;
  color: #000000;
  background: #ffffff;
}
.Accepted,
.Paid {
  background: url('acceptedStatus.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 21px;
}
.Ready {
  background: url('readyStatus.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 21px;
}
.Sent,
.Collected {
  background: url('sentStatus.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 21px;
}
.Received {
  background: url('receivedStatus.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 21px;
}
@media screen and (max-width: 900px) {
  div.twoCols.filters .col:nth-child(2n-0),
div.twoCols.filters .col:nth-child(2n-1) {
    width: 100% !important;
  }
  div.twoCols.filters .col:last-child {
    justify-content: unset !important;
    margin-left: 0 !important;
  }
}
.history {
  width: 100%;
}
.questionList {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.questionList .question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  padding: 10px;
}
@media screen and (max-width: 800px) {
  .questionList .question {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.questionList .question div {
  margin-right: 5px;
}
@media screen and (max-width: 800px) {
  .questionList .question {
    margin-bottom: 20px;
  }
}
.questionList .question .received {
  max-width: 150px;
  width: 100%;
  margin-right: 20px;
}
.questionList .question .state {
  max-width: 22px;
  width: 100%;
  margin-right: 20px;
}
.questionList .question .status {
  max-width: 80px;
  width: 100%;
  margin-right: 20px;
  text-align: center;
}
.questionList .question .companyInfo {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  width: 100%;
}
.questionList .question .companyInfo .sellerCompany {
  font-weight: 700;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  .questionList .question .companyInfo .sellerCompany {
    width: 100%;
    margin-right: 0;
  }
}
.questionList .question .sellerEnquiry {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
}
.questionList .question .sellerEnquiry .type {
  font-weight: 700;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  .questionList .question .sellerEnquiry .type {
    width: 100%;
    margin-right: 0;
  }
}
.questionList .question .sellerEnquiry .sellerQuestion {
  width: 100%;
  margin-right: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 1300px) {
  .questionList .question .sellerEnquiry .sellerQuestion {
    width: 100%;
    margin-right: 0;
  }
}
.questionList .question .answer {
  max-width: 600px;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .questionList .question .answer {
    width: 100%;
    margin-right: 0;
  }
}
.questionList .question .managementButtons {
  max-width: 99px;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}
ng-autocomplete .autocomplete-container {
  box-shadow: none;
}
ng-autocomplete .autocomplete-container .input-container input {
  color: #006D6D;
  font-size: 16px !important;
  padding: 0 8px !important;
}
ng-autocomplete .autocomplete-container .suggestions-container ul li a {
  color: #006D6D;
}
.price input[type=number]::-webkit-inner-spin-button,
.price input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.price input::placeholder {
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .price input::placeholder {
    text-align: start;
  }
}
.error {
  display: block;
  width: 100%;
  border: 4px solid #df3939 !important;
  background: rgba(223, 57, 57, 0.2) !important;
  color: black !important;
  padding: 10px;
  margin-bottom: 10px;
}
.warning {
  display: block;
  width: 100%;
  border: 4px solid #dfca13 !important;
  background-color: rgba(223, 202, 19, 0.2) !important;
  color: black !important;
  padding: 10px;
  margin-bottom: 10px;
}
.informationMessage {
  display: block;
  width: 100%;
  border: 4px solid #006d6d !important;
  background-color: rgba(0, 109, 109, 0.2) !important;
  color: black !important;
  padding: 10px;
  margin-bottom: 10px;
}
.transactionInformation {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.featured-content .feature-container .feature-content {
  display: block;
  box-sizing: border-box;
  max-width: 1368px;
  width: 100%;
  max-height: 152px;
  height: 100%;
  background-color: #fff;
  margin: 0px auto;
  overflow: hidden;
}
.featured-content.sidebar-content {
  text-align: unset;
}
.featured-content.sidebar-content .feature-container {
  height: 100%;
}
.featured-content.sidebar-content .feature-container .feature-content {
  max-height: unset;
  padding: 0 10px;
}
.featured-content.secondary-ad .feature-container .feature-content {
  margin: 0px auto;
}
.featured-content.tertiary-ad .feature-container .feature-content {
  margin: 30px auto 0px auto;
}
.featured-content .twoCols {
  height: 100%;
}
.featured-content .twoCols.image-left .col:first-of-type {
  width: 29%;
}
.featured-content .twoCols.image-left .col:first-of-type img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.featured-content .twoCols.image-left .col {
  width: 69%;
}
.featured-content .twoCols.image-right .col:last-of-type {
  width: 29%;
  margin-left: 0px;
}
.featured-content .twoCols.image-right .col:last-of-type img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.featured-content .twoCols.image-right .col {
  width: 69%;
  margin-left: 1%;
}
@media screen and (max-width: 1300px) {
  .featured-content.tertiary-ad .feature-container .feature-content {
    margin: 0px auto;
  }
  .featured-content.sidebar-content {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .featured-content .feature-container .feature-content {
    max-height: unset;
  }
  .featured-content .twoCols {
    height: 100%;
  }
  .featured-content .twoCols.image-left .col:first-of-type {
    width: 29% !important;
  }
  .featured-content .twoCols.image-left .col {
    width: 69% !important;
  }
  .featured-content .twoCols.image-right .col:last-of-type {
    width: 29% !important;
    margin-left: 0px;
  }
  .featured-content .twoCols.image-right .col {
    width: 69% !important;
    margin-left: 1% !important;
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 600px) {
  .featured-content .feature-container .feature-content {
    max-height: unset;
  }
  .featured-content .twoCols {
    height: 100%;
  }
  .featured-content .twoCols.image-left .col:first-of-type {
    width: 29% !important;
    padding: 0;
  }
  .featured-content .twoCols.image-left .col {
    width: 69% !important;
    padding: 0 2%;
    box-sizing: border-box;
  }
  .featured-content .twoCols.image-right .col:last-of-type {
    width: 29% !important;
    padding: 0;
  }
  .featured-content .twoCols.image-right .col {
    width: 69% !important;
    padding: 0 2%;
    box-sizing: border-box;
  }
}

/*# sourceMappingURL=styles.css.map*/