/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://p.typekit.net/p.css?s=1&k=gpo2nlj&ht=tk&f=731.732.735.736&a=3744867&app=typekit&e=css);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** Ionic CSS Variables **/
:root_DISABLED {
  --ion-background-color: transparent;
  --ion-font-family: "Roboto", Arial, Helvetica, sans-serif;
  --ion-text-color: #000;
  /** primary **/
  --ion-color-primary: #000;
  --ion-color-primary-rgb: 0,109,109;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: rgb(226, 225, 225);
  --ion-color-primary-tint: rgb(194, 194, 194);
  /** 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: rgba(0,0,0,0.15);
  --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: #e6ce8a;
}
@media (prefers-color-scheme: dark) {
  /*
   * Dark Colors
   * -------------------------------------------
   */
  body_DISABLED {
    --ion-color-primary: #fff;
    --ion-color-primary-rgb: 55,119,119;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #961103;
    --ion-color-primary-tint: #cc2f1e;
    --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_DISABLED {
    --ion-background-color: #000000;
    --ion-background-color-rgb: 0,0,0;
    --ion-text-color: #fff;
    --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_DISABLED {
    --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_DISABLED {
    --ion-background-color: #e6ce8a;
    --ion-background-color-rgb: 18,18,18;
    --ion-text-color: #fff;
    --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 (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * 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-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;
}
/* Optional CSS utils that can be commented out */
/*@import "~@ionic/angular/css/padding.css";
@import "~@ionic/angular/css/float-elements.css";
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";*/
/* 
    Acora App Theme 
    - The order matters. Cascading and overrides have been considered.

    1. Core 
    2. Priority Elements
    3. Other Elements
    4. Modules
    5. Custom Elements
    6. General Page Layout
*/
/* Acora App Theme - Core */
/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }
.fa-xs {
  font-size: .75em; }
.fa-sm {
  font-size: .875em; }
.fa-1x {
  font-size: 1em; }
.fa-2x {
  font-size: 2em; }
.fa-3x {
  font-size: 3em; }
.fa-4x {
  font-size: 4em; }
.fa-5x {
  font-size: 5em; }
.fa-6x {
  font-size: 6em; }
.fa-7x {
  font-size: 7em; }
.fa-8x {
  font-size: 8em; }
.fa-9x {
  font-size: 9em; }
.fa-10x {
  font-size: 10em; }
.fa-fw {
  text-align: center;
  width: 1.25em; }
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
.fa-ul > li {
    position: relative; }
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }
.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }
.fa-pull-left {
  float: left; }
.fa-pull-right {
  float: right; }
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }
.fa-spin {
  animation: fa-spin 2s infinite linear; }
.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }
@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }
.fa-stack-1x {
  line-height: inherit; }
.fa-stack-2x {
  font-size: 2em; }
.fa-inverse {
  color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }
.fa-abacus:before {
  content: "\f640"; }
.fa-accessible-icon:before {
  content: "\f368"; }
.fa-accusoft:before {
  content: "\f369"; }
.fa-acorn:before {
  content: "\f6ae"; }
.fa-acquisitions-incorporated:before {
  content: "\f6af"; }
.fa-ad:before {
  content: "\f641"; }
.fa-address-book:before {
  content: "\f2b9"; }
.fa-address-card:before {
  content: "\f2bb"; }
.fa-adjust:before {
  content: "\f042"; }
.fa-adn:before {
  content: "\f170"; }
.fa-adversal:before {
  content: "\f36a"; }
.fa-affiliatetheme:before {
  content: "\f36b"; }
.fa-air-conditioner:before {
  content: "\f8f4"; }
.fa-air-freshener:before {
  content: "\f5d0"; }
.fa-airbnb:before {
  content: "\f834"; }
.fa-alarm-clock:before {
  content: "\f34e"; }
.fa-alarm-exclamation:before {
  content: "\f843"; }
.fa-alarm-plus:before {
  content: "\f844"; }
.fa-alarm-snooze:before {
  content: "\f845"; }
.fa-album:before {
  content: "\f89f"; }
.fa-album-collection:before {
  content: "\f8a0"; }
.fa-algolia:before {
  content: "\f36c"; }
.fa-alicorn:before {
  content: "\f6b0"; }
.fa-alien:before {
  content: "\f8f5"; }
.fa-alien-monster:before {
  content: "\f8f6"; }
.fa-align-center:before {
  content: "\f037"; }
.fa-align-justify:before {
  content: "\f039"; }
.fa-align-left:before {
  content: "\f036"; }
.fa-align-right:before {
  content: "\f038"; }
.fa-align-slash:before {
  content: "\f846"; }
.fa-alipay:before {
  content: "\f642"; }
.fa-allergies:before {
  content: "\f461"; }
.fa-amazon:before {
  content: "\f270"; }
.fa-amazon-pay:before {
  content: "\f42c"; }
.fa-ambulance:before {
  content: "\f0f9"; }
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }
.fa-amilia:before {
  content: "\f36d"; }
.fa-amp-guitar:before {
  content: "\f8a1"; }
.fa-analytics:before {
  content: "\f643"; }
.fa-anchor:before {
  content: "\f13d"; }
.fa-android:before {
  content: "\f17b"; }
.fa-angel:before {
  content: "\f779"; }
.fa-angellist:before {
  content: "\f209"; }
.fa-angle-double-down:before {
  content: "\f103"; }
.fa-angle-double-left:before {
  content: "\f100"; }
.fa-angle-double-right:before {
  content: "\f101"; }
.fa-angle-double-up:before {
  content: "\f102"; }
.fa-angle-down:before {
  content: "\f107"; }
.fa-angle-left:before {
  content: "\f104"; }
.fa-angle-right:before {
  content: "\f105"; }
.fa-angle-up:before {
  content: "\f106"; }
.fa-angry:before {
  content: "\f556"; }
.fa-angrycreative:before {
  content: "\f36e"; }
.fa-angular:before {
  content: "\f420"; }
.fa-ankh:before {
  content: "\f644"; }
.fa-app-store:before {
  content: "\f36f"; }
.fa-app-store-ios:before {
  content: "\f370"; }
.fa-apper:before {
  content: "\f371"; }
.fa-apple:before {
  content: "\f179"; }
.fa-apple-alt:before {
  content: "\f5d1"; }
.fa-apple-crate:before {
  content: "\f6b1"; }
.fa-apple-pay:before {
  content: "\f415"; }
.fa-archive:before {
  content: "\f187"; }
.fa-archway:before {
  content: "\f557"; }
.fa-arrow-alt-circle-down:before {
  content: "\f358"; }
.fa-arrow-alt-circle-left:before {
  content: "\f359"; }
.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }
.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }
.fa-arrow-alt-down:before {
  content: "\f354"; }
.fa-arrow-alt-from-bottom:before {
  content: "\f346"; }
.fa-arrow-alt-from-left:before {
  content: "\f347"; }
.fa-arrow-alt-from-right:before {
  content: "\f348"; }
.fa-arrow-alt-from-top:before {
  content: "\f349"; }
.fa-arrow-alt-left:before {
  content: "\f355"; }
.fa-arrow-alt-right:before {
  content: "\f356"; }
.fa-arrow-alt-square-down:before {
  content: "\f350"; }
.fa-arrow-alt-square-left:before {
  content: "\f351"; }
.fa-arrow-alt-square-right:before {
  content: "\f352"; }
.fa-arrow-alt-square-up:before {
  content: "\f353"; }
.fa-arrow-alt-to-bottom:before {
  content: "\f34a"; }
.fa-arrow-alt-to-left:before {
  content: "\f34b"; }
.fa-arrow-alt-to-right:before {
  content: "\f34c"; }
.fa-arrow-alt-to-top:before {
  content: "\f34d"; }
.fa-arrow-alt-up:before {
  content: "\f357"; }
.fa-arrow-circle-down:before {
  content: "\f0ab"; }
.fa-arrow-circle-left:before {
  content: "\f0a8"; }
.fa-arrow-circle-right:before {
  content: "\f0a9"; }
.fa-arrow-circle-up:before {
  content: "\f0aa"; }
.fa-arrow-down:before {
  content: "\f063"; }
.fa-arrow-from-bottom:before {
  content: "\f342"; }
.fa-arrow-from-left:before {
  content: "\f343"; }
.fa-arrow-from-right:before {
  content: "\f344"; }
.fa-arrow-from-top:before {
  content: "\f345"; }
.fa-arrow-left:before {
  content: "\f060"; }
.fa-arrow-right:before {
  content: "\f061"; }
.fa-arrow-square-down:before {
  content: "\f339"; }
.fa-arrow-square-left:before {
  content: "\f33a"; }
.fa-arrow-square-right:before {
  content: "\f33b"; }
.fa-arrow-square-up:before {
  content: "\f33c"; }
.fa-arrow-to-bottom:before {
  content: "\f33d"; }
.fa-arrow-to-left:before {
  content: "\f33e"; }
.fa-arrow-to-right:before {
  content: "\f340"; }
.fa-arrow-to-top:before {
  content: "\f341"; }
.fa-arrow-up:before {
  content: "\f062"; }
.fa-arrows:before {
  content: "\f047"; }
.fa-arrows-alt:before {
  content: "\f0b2"; }
.fa-arrows-alt-h:before {
  content: "\f337"; }
.fa-arrows-alt-v:before {
  content: "\f338"; }
.fa-arrows-h:before {
  content: "\f07e"; }
.fa-arrows-v:before {
  content: "\f07d"; }
.fa-artstation:before {
  content: "\f77a"; }
.fa-assistive-listening-systems:before {
  content: "\f2a2"; }
.fa-asterisk:before {
  content: "\f069"; }
.fa-asymmetrik:before {
  content: "\f372"; }
.fa-at:before {
  content: "\f1fa"; }
.fa-atlas:before {
  content: "\f558"; }
.fa-atlassian:before {
  content: "\f77b"; }
.fa-atom:before {
  content: "\f5d2"; }
.fa-atom-alt:before {
  content: "\f5d3"; }
.fa-audible:before {
  content: "\f373"; }
.fa-audio-description:before {
  content: "\f29e"; }
.fa-autoprefixer:before {
  content: "\f41c"; }
.fa-avianex:before {
  content: "\f374"; }
.fa-aviato:before {
  content: "\f421"; }
.fa-award:before {
  content: "\f559"; }
.fa-aws:before {
  content: "\f375"; }
.fa-axe:before {
  content: "\f6b2"; }
.fa-axe-battle:before {
  content: "\f6b3"; }
.fa-baby:before {
  content: "\f77c"; }
.fa-baby-carriage:before {
  content: "\f77d"; }
.fa-backpack:before {
  content: "\f5d4"; }
.fa-backspace:before {
  content: "\f55a"; }
.fa-backward:before {
  content: "\f04a"; }
.fa-bacon:before {
  content: "\f7e5"; }
.fa-bacteria:before {
  content: "\e059"; }
.fa-bacterium:before {
  content: "\e05a"; }
.fa-badge:before {
  content: "\f335"; }
.fa-badge-check:before {
  content: "\f336"; }
.fa-badge-dollar:before {
  content: "\f645"; }
.fa-badge-percent:before {
  content: "\f646"; }
.fa-badge-sheriff:before {
  content: "\f8a2"; }
.fa-badger-honey:before {
  content: "\f6b4"; }
.fa-bags-shopping:before {
  content: "\f847"; }
.fa-bahai:before {
  content: "\f666"; }
.fa-balance-scale:before {
  content: "\f24e"; }
.fa-balance-scale-left:before {
  content: "\f515"; }
.fa-balance-scale-right:before {
  content: "\f516"; }
.fa-ball-pile:before {
  content: "\f77e"; }
.fa-ballot:before {
  content: "\f732"; }
.fa-ballot-check:before {
  content: "\f733"; }
.fa-ban:before {
  content: "\f05e"; }
.fa-band-aid:before {
  content: "\f462"; }
.fa-bandcamp:before {
  content: "\f2d5"; }
.fa-banjo:before {
  content: "\f8a3"; }
.fa-barcode:before {
  content: "\f02a"; }
.fa-barcode-alt:before {
  content: "\f463"; }
.fa-barcode-read:before {
  content: "\f464"; }
.fa-barcode-scan:before {
  content: "\f465"; }
.fa-bars:before {
  content: "\f0c9"; }
.fa-baseball:before {
  content: "\f432"; }
.fa-baseball-ball:before {
  content: "\f433"; }
.fa-basketball-ball:before {
  content: "\f434"; }
.fa-basketball-hoop:before {
  content: "\f435"; }
.fa-bat:before {
  content: "\f6b5"; }
.fa-bath:before {
  content: "\f2cd"; }
.fa-battery-bolt:before {
  content: "\f376"; }
.fa-battery-empty:before {
  content: "\f244"; }
.fa-battery-full:before {
  content: "\f240"; }
.fa-battery-half:before {
  content: "\f242"; }
.fa-battery-quarter:before {
  content: "\f243"; }
.fa-battery-slash:before {
  content: "\f377"; }
.fa-battery-three-quarters:before {
  content: "\f241"; }
.fa-battle-net:before {
  content: "\f835"; }
.fa-bed:before {
  content: "\f236"; }
.fa-bed-alt:before {
  content: "\f8f7"; }
.fa-bed-bunk:before {
  content: "\f8f8"; }
.fa-bed-empty:before {
  content: "\f8f9"; }
.fa-beer:before {
  content: "\f0fc"; }
.fa-behance:before {
  content: "\f1b4"; }
.fa-behance-square:before {
  content: "\f1b5"; }
.fa-bell:before {
  content: "\f0f3"; }
.fa-bell-exclamation:before {
  content: "\f848"; }
.fa-bell-on:before {
  content: "\f8fa"; }
.fa-bell-plus:before {
  content: "\f849"; }
.fa-bell-school:before {
  content: "\f5d5"; }
.fa-bell-school-slash:before {
  content: "\f5d6"; }
.fa-bell-slash:before {
  content: "\f1f6"; }
.fa-bells:before {
  content: "\f77f"; }
.fa-betamax:before {
  content: "\f8a4"; }
.fa-bezier-curve:before {
  content: "\f55b"; }
.fa-bible:before {
  content: "\f647"; }
.fa-bicycle:before {
  content: "\f206"; }
.fa-biking:before {
  content: "\f84a"; }
.fa-biking-mountain:before {
  content: "\f84b"; }
.fa-bimobject:before {
  content: "\f378"; }
.fa-binoculars:before {
  content: "\f1e5"; }
.fa-biohazard:before {
  content: "\f780"; }
.fa-birthday-cake:before {
  content: "\f1fd"; }
.fa-bitbucket:before {
  content: "\f171"; }
.fa-bitcoin:before {
  content: "\f379"; }
.fa-bity:before {
  content: "\f37a"; }
.fa-black-tie:before {
  content: "\f27e"; }
.fa-blackberry:before {
  content: "\f37b"; }
.fa-blanket:before {
  content: "\f498"; }
.fa-blender:before {
  content: "\f517"; }
.fa-blender-phone:before {
  content: "\f6b6"; }
.fa-blind:before {
  content: "\f29d"; }
.fa-blinds:before {
  content: "\f8fb"; }
.fa-blinds-open:before {
  content: "\f8fc"; }
.fa-blinds-raised:before {
  content: "\f8fd"; }
.fa-blog:before {
  content: "\f781"; }
.fa-blogger:before {
  content: "\f37c"; }
.fa-blogger-b:before {
  content: "\f37d"; }
.fa-bluetooth:before {
  content: "\f293"; }
.fa-bluetooth-b:before {
  content: "\f294"; }
.fa-bold:before {
  content: "\f032"; }
.fa-bolt:before {
  content: "\f0e7"; }
.fa-bomb:before {
  content: "\f1e2"; }
.fa-bone:before {
  content: "\f5d7"; }
.fa-bone-break:before {
  content: "\f5d8"; }
.fa-bong:before {
  content: "\f55c"; }
.fa-book:before {
  content: "\f02d"; }
.fa-book-alt:before {
  content: "\f5d9"; }
.fa-book-dead:before {
  content: "\f6b7"; }
.fa-book-heart:before {
  content: "\f499"; }
.fa-book-medical:before {
  content: "\f7e6"; }
.fa-book-open:before {
  content: "\f518"; }
.fa-book-reader:before {
  content: "\f5da"; }
.fa-book-spells:before {
  content: "\f6b8"; }
.fa-book-user:before {
  content: "\f7e7"; }
.fa-bookmark:before {
  content: "\f02e"; }
.fa-books:before {
  content: "\f5db"; }
.fa-books-medical:before {
  content: "\f7e8"; }
.fa-boombox:before {
  content: "\f8a5"; }
.fa-boot:before {
  content: "\f782"; }
.fa-booth-curtain:before {
  content: "\f734"; }
.fa-bootstrap:before {
  content: "\f836"; }
.fa-border-all:before {
  content: "\f84c"; }
.fa-border-bottom:before {
  content: "\f84d"; }
.fa-border-center-h:before {
  content: "\f89c"; }
.fa-border-center-v:before {
  content: "\f89d"; }
.fa-border-inner:before {
  content: "\f84e"; }
.fa-border-left:before {
  content: "\f84f"; }
.fa-border-none:before {
  content: "\f850"; }
.fa-border-outer:before {
  content: "\f851"; }
.fa-border-right:before {
  content: "\f852"; }
.fa-border-style:before {
  content: "\f853"; }
.fa-border-style-alt:before {
  content: "\f854"; }
.fa-border-top:before {
  content: "\f855"; }
.fa-bow-arrow:before {
  content: "\f6b9"; }
.fa-bowling-ball:before {
  content: "\f436"; }
.fa-bowling-pins:before {
  content: "\f437"; }
.fa-box:before {
  content: "\f466"; }
.fa-box-alt:before {
  content: "\f49a"; }
.fa-box-ballot:before {
  content: "\f735"; }
.fa-box-check:before {
  content: "\f467"; }
.fa-box-fragile:before {
  content: "\f49b"; }
.fa-box-full:before {
  content: "\f49c"; }
.fa-box-heart:before {
  content: "\f49d"; }
.fa-box-open:before {
  content: "\f49e"; }
.fa-box-tissue:before {
  content: "\e05b"; }
.fa-box-up:before {
  content: "\f49f"; }
.fa-box-usd:before {
  content: "\f4a0"; }
.fa-boxes:before {
  content: "\f468"; }
.fa-boxes-alt:before {
  content: "\f4a1"; }
.fa-boxing-glove:before {
  content: "\f438"; }
.fa-brackets:before {
  content: "\f7e9"; }
.fa-brackets-curly:before {
  content: "\f7ea"; }
.fa-braille:before {
  content: "\f2a1"; }
.fa-brain:before {
  content: "\f5dc"; }
.fa-bread-loaf:before {
  content: "\f7eb"; }
.fa-bread-slice:before {
  content: "\f7ec"; }
.fa-briefcase:before {
  content: "\f0b1"; }
.fa-briefcase-medical:before {
  content: "\f469"; }
.fa-bring-forward:before {
  content: "\f856"; }
.fa-bring-front:before {
  content: "\f857"; }
.fa-broadcast-tower:before {
  content: "\f519"; }
.fa-broom:before {
  content: "\f51a"; }
.fa-browser:before {
  content: "\f37e"; }
.fa-brush:before {
  content: "\f55d"; }
.fa-btc:before {
  content: "\f15a"; }
.fa-buffer:before {
  content: "\f837"; }
.fa-bug:before {
  content: "\f188"; }
.fa-building:before {
  content: "\f1ad"; }
.fa-bullhorn:before {
  content: "\f0a1"; }
.fa-bullseye:before {
  content: "\f140"; }
.fa-bullseye-arrow:before {
  content: "\f648"; }
.fa-bullseye-pointer:before {
  content: "\f649"; }
.fa-burger-soda:before {
  content: "\f858"; }
.fa-burn:before {
  content: "\f46a"; }
.fa-buromobelexperte:before {
  content: "\f37f"; }
.fa-burrito:before {
  content: "\f7ed"; }
.fa-bus:before {
  content: "\f207"; }
.fa-bus-alt:before {
  content: "\f55e"; }
.fa-bus-school:before {
  content: "\f5dd"; }
.fa-business-time:before {
  content: "\f64a"; }
.fa-buy-n-large:before {
  content: "\f8a6"; }
.fa-buysellads:before {
  content: "\f20d"; }
.fa-cabinet-filing:before {
  content: "\f64b"; }
.fa-cactus:before {
  content: "\f8a7"; }
.fa-calculator:before {
  content: "\f1ec"; }
.fa-calculator-alt:before {
  content: "\f64c"; }
.fa-calendar:before {
  content: "\f133"; }
.fa-calendar-alt:before {
  content: "\f073"; }
.fa-calendar-check:before {
  content: "\f274"; }
.fa-calendar-day:before {
  content: "\f783"; }
.fa-calendar-edit:before {
  content: "\f333"; }
.fa-calendar-exclamation:before {
  content: "\f334"; }
.fa-calendar-minus:before {
  content: "\f272"; }
.fa-calendar-plus:before {
  content: "\f271"; }
.fa-calendar-star:before {
  content: "\f736"; }
.fa-calendar-times:before {
  content: "\f273"; }
.fa-calendar-week:before {
  content: "\f784"; }
.fa-camcorder:before {
  content: "\f8a8"; }
.fa-camera:before {
  content: "\f030"; }
.fa-camera-alt:before {
  content: "\f332"; }
.fa-camera-home:before {
  content: "\f8fe"; }
.fa-camera-movie:before {
  content: "\f8a9"; }
.fa-camera-polaroid:before {
  content: "\f8aa"; }
.fa-camera-retro:before {
  content: "\f083"; }
.fa-campfire:before {
  content: "\f6ba"; }
.fa-campground:before {
  content: "\f6bb"; }
.fa-canadian-maple-leaf:before {
  content: "\f785"; }
.fa-candle-holder:before {
  content: "\f6bc"; }
.fa-candy-cane:before {
  content: "\f786"; }
.fa-candy-corn:before {
  content: "\f6bd"; }
.fa-cannabis:before {
  content: "\f55f"; }
.fa-capsules:before {
  content: "\f46b"; }
.fa-car:before {
  content: "\f1b9"; }
.fa-car-alt:before {
  content: "\f5de"; }
.fa-car-battery:before {
  content: "\f5df"; }
.fa-car-building:before {
  content: "\f859"; }
.fa-car-bump:before {
  content: "\f5e0"; }
.fa-car-bus:before {
  content: "\f85a"; }
.fa-car-crash:before {
  content: "\f5e1"; }
.fa-car-garage:before {
  content: "\f5e2"; }
.fa-car-mechanic:before {
  content: "\f5e3"; }
.fa-car-side:before {
  content: "\f5e4"; }
.fa-car-tilt:before {
  content: "\f5e5"; }
.fa-car-wash:before {
  content: "\f5e6"; }
.fa-caravan:before {
  content: "\f8ff"; }
.fa-caravan-alt:before {
  content: "\e000"; }
.fa-caret-circle-down:before {
  content: "\f32d"; }
.fa-caret-circle-left:before {
  content: "\f32e"; }
.fa-caret-circle-right:before {
  content: "\f330"; }
.fa-caret-circle-up:before {
  content: "\f331"; }
.fa-caret-down:before {
  content: "\f0d7"; }
.fa-caret-left:before {
  content: "\f0d9"; }
.fa-caret-right:before {
  content: "\f0da"; }
.fa-caret-square-down:before {
  content: "\f150"; }
.fa-caret-square-left:before {
  content: "\f191"; }
.fa-caret-square-right:before {
  content: "\f152"; }
.fa-caret-square-up:before {
  content: "\f151"; }
.fa-caret-up:before {
  content: "\f0d8"; }
.fa-carrot:before {
  content: "\f787"; }
.fa-cars:before {
  content: "\f85b"; }
.fa-cart-arrow-down:before {
  content: "\f218"; }
.fa-cart-plus:before {
  content: "\f217"; }
.fa-cash-register:before {
  content: "\f788"; }
.fa-cassette-tape:before {
  content: "\f8ab"; }
.fa-cat:before {
  content: "\f6be"; }
.fa-cat-space:before {
  content: "\e001"; }
.fa-cauldron:before {
  content: "\f6bf"; }
.fa-cc-amazon-pay:before {
  content: "\f42d"; }
.fa-cc-amex:before {
  content: "\f1f3"; }
.fa-cc-apple-pay:before {
  content: "\f416"; }
.fa-cc-diners-club:before {
  content: "\f24c"; }
.fa-cc-discover:before {
  content: "\f1f2"; }
.fa-cc-jcb:before {
  content: "\f24b"; }
.fa-cc-mastercard:before {
  content: "\f1f1"; }
.fa-cc-paypal:before {
  content: "\f1f4"; }
.fa-cc-stripe:before {
  content: "\f1f5"; }
.fa-cc-visa:before {
  content: "\f1f0"; }
.fa-cctv:before {
  content: "\f8ac"; }
.fa-centercode:before {
  content: "\f380"; }
.fa-centos:before {
  content: "\f789"; }
.fa-certificate:before {
  content: "\f0a3"; }
.fa-chair:before {
  content: "\f6c0"; }
.fa-chair-office:before {
  content: "\f6c1"; }
.fa-chalkboard:before {
  content: "\f51b"; }
.fa-chalkboard-teacher:before {
  content: "\f51c"; }
.fa-charging-station:before {
  content: "\f5e7"; }
.fa-chart-area:before {
  content: "\f1fe"; }
.fa-chart-bar:before {
  content: "\f080"; }
.fa-chart-line:before {
  content: "\f201"; }
.fa-chart-line-down:before {
  content: "\f64d"; }
.fa-chart-network:before {
  content: "\f78a"; }
.fa-chart-pie:before {
  content: "\f200"; }
.fa-chart-pie-alt:before {
  content: "\f64e"; }
.fa-chart-scatter:before {
  content: "\f7ee"; }
.fa-check:before {
  content: "\f00c"; }
.fa-check-circle:before {
  content: "\f058"; }
.fa-check-double:before {
  content: "\f560"; }
.fa-check-square:before {
  content: "\f14a"; }
.fa-cheese:before {
  content: "\f7ef"; }
.fa-cheese-swiss:before {
  content: "\f7f0"; }
.fa-cheeseburger:before {
  content: "\f7f1"; }
.fa-chess:before {
  content: "\f439"; }
.fa-chess-bishop:before {
  content: "\f43a"; }
.fa-chess-bishop-alt:before {
  content: "\f43b"; }
.fa-chess-board:before {
  content: "\f43c"; }
.fa-chess-clock:before {
  content: "\f43d"; }
.fa-chess-clock-alt:before {
  content: "\f43e"; }
.fa-chess-king:before {
  content: "\f43f"; }
.fa-chess-king-alt:before {
  content: "\f440"; }
.fa-chess-knight:before {
  content: "\f441"; }
.fa-chess-knight-alt:before {
  content: "\f442"; }
.fa-chess-pawn:before {
  content: "\f443"; }
.fa-chess-pawn-alt:before {
  content: "\f444"; }
.fa-chess-queen:before {
  content: "\f445"; }
.fa-chess-queen-alt:before {
  content: "\f446"; }
.fa-chess-rook:before {
  content: "\f447"; }
.fa-chess-rook-alt:before {
  content: "\f448"; }
.fa-chevron-circle-down:before {
  content: "\f13a"; }
.fa-chevron-circle-left:before {
  content: "\f137"; }
.fa-chevron-circle-right:before {
  content: "\f138"; }
.fa-chevron-circle-up:before {
  content: "\f139"; }
.fa-chevron-double-down:before {
  content: "\f322"; }
.fa-chevron-double-left:before {
  content: "\f323"; }
.fa-chevron-double-right:before {
  content: "\f324"; }
.fa-chevron-double-up:before {
  content: "\f325"; }
.fa-chevron-down:before {
  content: "\f078"; }
.fa-chevron-left:before {
  content: "\f053"; }
.fa-chevron-right:before {
  content: "\f054"; }
.fa-chevron-square-down:before {
  content: "\f329"; }
.fa-chevron-square-left:before {
  content: "\f32a"; }
.fa-chevron-square-right:before {
  content: "\f32b"; }
.fa-chevron-square-up:before {
  content: "\f32c"; }
.fa-chevron-up:before {
  content: "\f077"; }
.fa-child:before {
  content: "\f1ae"; }
.fa-chimney:before {
  content: "\f78b"; }
.fa-chrome:before {
  content: "\f268"; }
.fa-chromecast:before {
  content: "\f838"; }
.fa-church:before {
  content: "\f51d"; }
.fa-circle:before {
  content: "\f111"; }
.fa-circle-notch:before {
  content: "\f1ce"; }
.fa-city:before {
  content: "\f64f"; }
.fa-clarinet:before {
  content: "\f8ad"; }
.fa-claw-marks:before {
  content: "\f6c2"; }
.fa-clinic-medical:before {
  content: "\f7f2"; }
.fa-clipboard:before {
  content: "\f328"; }
.fa-clipboard-check:before {
  content: "\f46c"; }
.fa-clipboard-list:before {
  content: "\f46d"; }
.fa-clipboard-list-check:before {
  content: "\f737"; }
.fa-clipboard-prescription:before {
  content: "\f5e8"; }
.fa-clipboard-user:before {
  content: "\f7f3"; }
.fa-clock:before {
  content: "\f017"; }
.fa-clone:before {
  content: "\f24d"; }
.fa-closed-captioning:before {
  content: "\f20a"; }
.fa-cloud:before {
  content: "\f0c2"; }
.fa-cloud-download:before {
  content: "\f0ed"; }
.fa-cloud-download-alt:before {
  content: "\f381"; }
.fa-cloud-drizzle:before {
  content: "\f738"; }
.fa-cloud-hail:before {
  content: "\f739"; }
.fa-cloud-hail-mixed:before {
  content: "\f73a"; }
.fa-cloud-meatball:before {
  content: "\f73b"; }
.fa-cloud-moon:before {
  content: "\f6c3"; }
.fa-cloud-moon-rain:before {
  content: "\f73c"; }
.fa-cloud-music:before {
  content: "\f8ae"; }
.fa-cloud-rain:before {
  content: "\f73d"; }
.fa-cloud-rainbow:before {
  content: "\f73e"; }
.fa-cloud-showers:before {
  content: "\f73f"; }
.fa-cloud-showers-heavy:before {
  content: "\f740"; }
.fa-cloud-sleet:before {
  content: "\f741"; }
.fa-cloud-snow:before {
  content: "\f742"; }
.fa-cloud-sun:before {
  content: "\f6c4"; }
.fa-cloud-sun-rain:before {
  content: "\f743"; }
.fa-cloud-upload:before {
  content: "\f0ee"; }
.fa-cloud-upload-alt:before {
  content: "\f382"; }
.fa-cloudflare:before {
  content: "\e07d"; }
.fa-clouds:before {
  content: "\f744"; }
.fa-clouds-moon:before {
  content: "\f745"; }
.fa-clouds-sun:before {
  content: "\f746"; }
.fa-cloudscale:before {
  content: "\f383"; }
.fa-cloudsmith:before {
  content: "\f384"; }
.fa-cloudversify:before {
  content: "\f385"; }
.fa-club:before {
  content: "\f327"; }
.fa-cocktail:before {
  content: "\f561"; }
.fa-code:before {
  content: "\f121"; }
.fa-code-branch:before {
  content: "\f126"; }
.fa-code-commit:before {
  content: "\f386"; }
.fa-code-merge:before {
  content: "\f387"; }
.fa-codepen:before {
  content: "\f1cb"; }
.fa-codiepie:before {
  content: "\f284"; }
.fa-coffee:before {
  content: "\f0f4"; }
.fa-coffee-pot:before {
  content: "\e002"; }
.fa-coffee-togo:before {
  content: "\f6c5"; }
.fa-coffin:before {
  content: "\f6c6"; }
.fa-coffin-cross:before {
  content: "\e051"; }
.fa-cog:before {
  content: "\f013"; }
.fa-cogs:before {
  content: "\f085"; }
.fa-coin:before {
  content: "\f85c"; }
.fa-coins:before {
  content: "\f51e"; }
.fa-columns:before {
  content: "\f0db"; }
.fa-comet:before {
  content: "\e003"; }
.fa-comment:before {
  content: "\f075"; }
.fa-comment-alt:before {
  content: "\f27a"; }
.fa-comment-alt-check:before {
  content: "\f4a2"; }
.fa-comment-alt-dollar:before {
  content: "\f650"; }
.fa-comment-alt-dots:before {
  content: "\f4a3"; }
.fa-comment-alt-edit:before {
  content: "\f4a4"; }
.fa-comment-alt-exclamation:before {
  content: "\f4a5"; }
.fa-comment-alt-lines:before {
  content: "\f4a6"; }
.fa-comment-alt-medical:before {
  content: "\f7f4"; }
.fa-comment-alt-minus:before {
  content: "\f4a7"; }
.fa-comment-alt-music:before {
  content: "\f8af"; }
.fa-comment-alt-plus:before {
  content: "\f4a8"; }
.fa-comment-alt-slash:before {
  content: "\f4a9"; }
.fa-comment-alt-smile:before {
  content: "\f4aa"; }
.fa-comment-alt-times:before {
  content: "\f4ab"; }
.fa-comment-check:before {
  content: "\f4ac"; }
.fa-comment-dollar:before {
  content: "\f651"; }
.fa-comment-dots:before {
  content: "\f4ad"; }
.fa-comment-edit:before {
  content: "\f4ae"; }
.fa-comment-exclamation:before {
  content: "\f4af"; }
.fa-comment-lines:before {
  content: "\f4b0"; }
.fa-comment-medical:before {
  content: "\f7f5"; }
.fa-comment-minus:before {
  content: "\f4b1"; }
.fa-comment-music:before {
  content: "\f8b0"; }
.fa-comment-plus:before {
  content: "\f4b2"; }
.fa-comment-slash:before {
  content: "\f4b3"; }
.fa-comment-smile:before {
  content: "\f4b4"; }
.fa-comment-times:before {
  content: "\f4b5"; }
.fa-comments:before {
  content: "\f086"; }
.fa-comments-alt:before {
  content: "\f4b6"; }
.fa-comments-alt-dollar:before {
  content: "\f652"; }
.fa-comments-dollar:before {
  content: "\f653"; }
.fa-compact-disc:before {
  content: "\f51f"; }
.fa-compass:before {
  content: "\f14e"; }
.fa-compass-slash:before {
  content: "\f5e9"; }
.fa-compress:before {
  content: "\f066"; }
.fa-compress-alt:before {
  content: "\f422"; }
.fa-compress-arrows-alt:before {
  content: "\f78c"; }
.fa-compress-wide:before {
  content: "\f326"; }
.fa-computer-classic:before {
  content: "\f8b1"; }
.fa-computer-speaker:before {
  content: "\f8b2"; }
.fa-concierge-bell:before {
  content: "\f562"; }
.fa-confluence:before {
  content: "\f78d"; }
.fa-connectdevelop:before {
  content: "\f20e"; }
.fa-construction:before {
  content: "\f85d"; }
.fa-container-storage:before {
  content: "\f4b7"; }
.fa-contao:before {
  content: "\f26d"; }
.fa-conveyor-belt:before {
  content: "\f46e"; }
.fa-conveyor-belt-alt:before {
  content: "\f46f"; }
.fa-cookie:before {
  content: "\f563"; }
.fa-cookie-bite:before {
  content: "\f564"; }
.fa-copy:before {
  content: "\f0c5"; }
.fa-copyright:before {
  content: "\f1f9"; }
.fa-corn:before {
  content: "\f6c7"; }
.fa-cotton-bureau:before {
  content: "\f89e"; }
.fa-couch:before {
  content: "\f4b8"; }
.fa-cow:before {
  content: "\f6c8"; }
.fa-cowbell:before {
  content: "\f8b3"; }
.fa-cowbell-more:before {
  content: "\f8b4"; }
.fa-cpanel:before {
  content: "\f388"; }
.fa-creative-commons:before {
  content: "\f25e"; }
.fa-creative-commons-by:before {
  content: "\f4e7"; }
.fa-creative-commons-nc:before {
  content: "\f4e8"; }
.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }
.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }
.fa-creative-commons-nd:before {
  content: "\f4eb"; }
.fa-creative-commons-pd:before {
  content: "\f4ec"; }
.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }
.fa-creative-commons-remix:before {
  content: "\f4ee"; }
.fa-creative-commons-sa:before {
  content: "\f4ef"; }
.fa-creative-commons-sampling:before {
  content: "\f4f0"; }
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }
.fa-creative-commons-share:before {
  content: "\f4f2"; }
.fa-creative-commons-zero:before {
  content: "\f4f3"; }
.fa-credit-card:before {
  content: "\f09d"; }
.fa-credit-card-blank:before {
  content: "\f389"; }
.fa-credit-card-front:before {
  content: "\f38a"; }
.fa-cricket:before {
  content: "\f449"; }
.fa-critical-role:before {
  content: "\f6c9"; }
.fa-croissant:before {
  content: "\f7f6"; }
.fa-crop:before {
  content: "\f125"; }
.fa-crop-alt:before {
  content: "\f565"; }
.fa-cross:before {
  content: "\f654"; }
.fa-crosshairs:before {
  content: "\f05b"; }
.fa-crow:before {
  content: "\f520"; }
.fa-crown:before {
  content: "\f521"; }
.fa-crutch:before {
  content: "\f7f7"; }
.fa-crutches:before {
  content: "\f7f8"; }
.fa-css3:before {
  content: "\f13c"; }
.fa-css3-alt:before {
  content: "\f38b"; }
.fa-cube:before {
  content: "\f1b2"; }
.fa-cubes:before {
  content: "\f1b3"; }
.fa-curling:before {
  content: "\f44a"; }
.fa-cut:before {
  content: "\f0c4"; }
.fa-cuttlefish:before {
  content: "\f38c"; }
.fa-d-and-d:before {
  content: "\f38d"; }
.fa-d-and-d-beyond:before {
  content: "\f6ca"; }
.fa-dagger:before {
  content: "\f6cb"; }
.fa-dailymotion:before {
  content: "\e052"; }
.fa-dashcube:before {
  content: "\f210"; }
.fa-database:before {
  content: "\f1c0"; }
.fa-deaf:before {
  content: "\f2a4"; }
.fa-debug:before {
  content: "\f7f9"; }
.fa-deer:before {
  content: "\f78e"; }
.fa-deer-rudolph:before {
  content: "\f78f"; }
.fa-deezer:before {
  content: "\e077"; }
.fa-delicious:before {
  content: "\f1a5"; }
.fa-democrat:before {
  content: "\f747"; }
.fa-deploydog:before {
  content: "\f38e"; }
.fa-deskpro:before {
  content: "\f38f"; }
.fa-desktop:before {
  content: "\f108"; }
.fa-desktop-alt:before {
  content: "\f390"; }
.fa-dev:before {
  content: "\f6cc"; }
.fa-deviantart:before {
  content: "\f1bd"; }
.fa-dewpoint:before {
  content: "\f748"; }
.fa-dharmachakra:before {
  content: "\f655"; }
.fa-dhl:before {
  content: "\f790"; }
.fa-diagnoses:before {
  content: "\f470"; }
.fa-diamond:before {
  content: "\f219"; }
.fa-diaspora:before {
  content: "\f791"; }
.fa-dice:before {
  content: "\f522"; }
.fa-dice-d10:before {
  content: "\f6cd"; }
.fa-dice-d12:before {
  content: "\f6ce"; }
.fa-dice-d20:before {
  content: "\f6cf"; }
.fa-dice-d4:before {
  content: "\f6d0"; }
.fa-dice-d6:before {
  content: "\f6d1"; }
.fa-dice-d8:before {
  content: "\f6d2"; }
.fa-dice-five:before {
  content: "\f523"; }
.fa-dice-four:before {
  content: "\f524"; }
.fa-dice-one:before {
  content: "\f525"; }
.fa-dice-six:before {
  content: "\f526"; }
.fa-dice-three:before {
  content: "\f527"; }
.fa-dice-two:before {
  content: "\f528"; }
.fa-digg:before {
  content: "\f1a6"; }
.fa-digging:before {
  content: "\f85e"; }
.fa-digital-ocean:before {
  content: "\f391"; }
.fa-digital-tachograph:before {
  content: "\f566"; }
.fa-diploma:before {
  content: "\f5ea"; }
.fa-directions:before {
  content: "\f5eb"; }
.fa-disc-drive:before {
  content: "\f8b5"; }
.fa-discord:before {
  content: "\f392"; }
.fa-discourse:before {
  content: "\f393"; }
.fa-disease:before {
  content: "\f7fa"; }
.fa-divide:before {
  content: "\f529"; }
.fa-dizzy:before {
  content: "\f567"; }
.fa-dna:before {
  content: "\f471"; }
.fa-do-not-enter:before {
  content: "\f5ec"; }
.fa-dochub:before {
  content: "\f394"; }
.fa-docker:before {
  content: "\f395"; }
.fa-dog:before {
  content: "\f6d3"; }
.fa-dog-leashed:before {
  content: "\f6d4"; }
.fa-dollar-sign:before {
  content: "\f155"; }
.fa-dolly:before {
  content: "\f472"; }
.fa-dolly-empty:before {
  content: "\f473"; }
.fa-dolly-flatbed:before {
  content: "\f474"; }
.fa-dolly-flatbed-alt:before {
  content: "\f475"; }
.fa-dolly-flatbed-empty:before {
  content: "\f476"; }
.fa-donate:before {
  content: "\f4b9"; }
.fa-door-closed:before {
  content: "\f52a"; }
.fa-door-open:before {
  content: "\f52b"; }
.fa-dot-circle:before {
  content: "\f192"; }
.fa-dove:before {
  content: "\f4ba"; }
.fa-download:before {
  content: "\f019"; }
.fa-draft2digital:before {
  content: "\f396"; }
.fa-drafting-compass:before {
  content: "\f568"; }
.fa-dragon:before {
  content: "\f6d5"; }
.fa-draw-circle:before {
  content: "\f5ed"; }
.fa-draw-polygon:before {
  content: "\f5ee"; }
.fa-draw-square:before {
  content: "\f5ef"; }
.fa-dreidel:before {
  content: "\f792"; }
.fa-dribbble:before {
  content: "\f17d"; }
.fa-dribbble-square:before {
  content: "\f397"; }
.fa-drone:before {
  content: "\f85f"; }
.fa-drone-alt:before {
  content: "\f860"; }
.fa-dropbox:before {
  content: "\f16b"; }
.fa-drum:before {
  content: "\f569"; }
.fa-drum-steelpan:before {
  content: "\f56a"; }
.fa-drumstick:before {
  content: "\f6d6"; }
.fa-drumstick-bite:before {
  content: "\f6d7"; }
.fa-drupal:before {
  content: "\f1a9"; }
.fa-dryer:before {
  content: "\f861"; }
.fa-dryer-alt:before {
  content: "\f862"; }
.fa-duck:before {
  content: "\f6d8"; }
.fa-dumbbell:before {
  content: "\f44b"; }
.fa-dumpster:before {
  content: "\f793"; }
.fa-dumpster-fire:before {
  content: "\f794"; }
.fa-dungeon:before {
  content: "\f6d9"; }
.fa-dyalog:before {
  content: "\f399"; }
.fa-ear:before {
  content: "\f5f0"; }
.fa-ear-muffs:before {
  content: "\f795"; }
.fa-earlybirds:before {
  content: "\f39a"; }
.fa-ebay:before {
  content: "\f4f4"; }
.fa-eclipse:before {
  content: "\f749"; }
.fa-eclipse-alt:before {
  content: "\f74a"; }
.fa-edge:before {
  content: "\f282"; }
.fa-edge-legacy:before {
  content: "\e078"; }
.fa-edit:before {
  content: "\f044"; }
.fa-egg:before {
  content: "\f7fb"; }
.fa-egg-fried:before {
  content: "\f7fc"; }
.fa-eject:before {
  content: "\f052"; }
.fa-elementor:before {
  content: "\f430"; }
.fa-elephant:before {
  content: "\f6da"; }
.fa-ellipsis-h:before {
  content: "\f141"; }
.fa-ellipsis-h-alt:before {
  content: "\f39b"; }
.fa-ellipsis-v:before {
  content: "\f142"; }
.fa-ellipsis-v-alt:before {
  content: "\f39c"; }
.fa-ello:before {
  content: "\f5f1"; }
.fa-ember:before {
  content: "\f423"; }
.fa-empire:before {
  content: "\f1d1"; }
.fa-empty-set:before {
  content: "\f656"; }
.fa-engine-warning:before {
  content: "\f5f2"; }
.fa-envelope:before {
  content: "\f0e0"; }
.fa-envelope-open:before {
  content: "\f2b6"; }
.fa-envelope-open-dollar:before {
  content: "\f657"; }
.fa-envelope-open-text:before {
  content: "\f658"; }
.fa-envelope-square:before {
  content: "\f199"; }
.fa-envira:before {
  content: "\f299"; }
.fa-equals:before {
  content: "\f52c"; }
.fa-eraser:before {
  content: "\f12d"; }
.fa-erlang:before {
  content: "\f39d"; }
.fa-ethereum:before {
  content: "\f42e"; }
.fa-ethernet:before {
  content: "\f796"; }
.fa-etsy:before {
  content: "\f2d7"; }
.fa-euro-sign:before {
  content: "\f153"; }
.fa-evernote:before {
  content: "\f839"; }
.fa-exchange:before {
  content: "\f0ec"; }
.fa-exchange-alt:before {
  content: "\f362"; }
.fa-exclamation:before {
  content: "\f12a"; }
.fa-exclamation-circle:before {
  content: "\f06a"; }
.fa-exclamation-square:before {
  content: "\f321"; }
.fa-exclamation-triangle:before {
  content: "\f071"; }
.fa-expand:before {
  content: "\f065"; }
.fa-expand-alt:before {
  content: "\f424"; }
.fa-expand-arrows:before {
  content: "\f31d"; }
.fa-expand-arrows-alt:before {
  content: "\f31e"; }
.fa-expand-wide:before {
  content: "\f320"; }
.fa-expeditedssl:before {
  content: "\f23e"; }
.fa-external-link:before {
  content: "\f08e"; }
.fa-external-link-alt:before {
  content: "\f35d"; }
.fa-external-link-square:before {
  content: "\f14c"; }
.fa-external-link-square-alt:before {
  content: "\f360"; }
.fa-eye:before {
  content: "\f06e"; }
.fa-eye-dropper:before {
  content: "\f1fb"; }
.fa-eye-evil:before {
  content: "\f6db"; }
.fa-eye-slash:before {
  content: "\f070"; }
.fa-facebook:before {
  content: "\f09a"; }
.fa-facebook-f:before {
  content: "\f39e"; }
.fa-facebook-messenger:before {
  content: "\f39f"; }
.fa-facebook-square:before {
  content: "\f082"; }
.fa-fan:before {
  content: "\f863"; }
.fa-fan-table:before {
  content: "\e004"; }
.fa-fantasy-flight-games:before {
  content: "\f6dc"; }
.fa-farm:before {
  content: "\f864"; }
.fa-fast-backward:before {
  content: "\f049"; }
.fa-fast-forward:before {
  content: "\f050"; }
.fa-faucet:before {
  content: "\e005"; }
.fa-faucet-drip:before {
  content: "\e006"; }
.fa-fax:before {
  content: "\f1ac"; }
.fa-feather:before {
  content: "\f52d"; }
.fa-feather-alt:before {
  content: "\f56b"; }
.fa-fedex:before {
  content: "\f797"; }
.fa-fedora:before {
  content: "\f798"; }
.fa-female:before {
  content: "\f182"; }
.fa-field-hockey:before {
  content: "\f44c"; }
.fa-fighter-jet:before {
  content: "\f0fb"; }
.fa-figma:before {
  content: "\f799"; }
.fa-file:before {
  content: "\f15b"; }
.fa-file-alt:before {
  content: "\f15c"; }
.fa-file-archive:before {
  content: "\f1c6"; }
.fa-file-audio:before {
  content: "\f1c7"; }
.fa-file-certificate:before {
  content: "\f5f3"; }
.fa-file-chart-line:before {
  content: "\f659"; }
.fa-file-chart-pie:before {
  content: "\f65a"; }
.fa-file-check:before {
  content: "\f316"; }
.fa-file-code:before {
  content: "\f1c9"; }
.fa-file-contract:before {
  content: "\f56c"; }
.fa-file-csv:before {
  content: "\f6dd"; }
.fa-file-download:before {
  content: "\f56d"; }
.fa-file-edit:before {
  content: "\f31c"; }
.fa-file-excel:before {
  content: "\f1c3"; }
.fa-file-exclamation:before {
  content: "\f31a"; }
.fa-file-export:before {
  content: "\f56e"; }
.fa-file-image:before {
  content: "\f1c5"; }
.fa-file-import:before {
  content: "\f56f"; }
.fa-file-invoice:before {
  content: "\f570"; }
.fa-file-invoice-dollar:before {
  content: "\f571"; }
.fa-file-medical:before {
  content: "\f477"; }
.fa-file-medical-alt:before {
  content: "\f478"; }
.fa-file-minus:before {
  content: "\f318"; }
.fa-file-music:before {
  content: "\f8b6"; }
.fa-file-pdf:before {
  content: "\f1c1"; }
.fa-file-plus:before {
  content: "\f319"; }
.fa-file-powerpoint:before {
  content: "\f1c4"; }
.fa-file-prescription:before {
  content: "\f572"; }
.fa-file-search:before {
  content: "\f865"; }
.fa-file-signature:before {
  content: "\f573"; }
.fa-file-spreadsheet:before {
  content: "\f65b"; }
.fa-file-times:before {
  content: "\f317"; }
.fa-file-upload:before {
  content: "\f574"; }
.fa-file-user:before {
  content: "\f65c"; }
.fa-file-video:before {
  content: "\f1c8"; }
.fa-file-word:before {
  content: "\f1c2"; }
.fa-files-medical:before {
  content: "\f7fd"; }
.fa-fill:before {
  content: "\f575"; }
.fa-fill-drip:before {
  content: "\f576"; }
.fa-film:before {
  content: "\f008"; }
.fa-film-alt:before {
  content: "\f3a0"; }
.fa-film-canister:before {
  content: "\f8b7"; }
.fa-filter:before {
  content: "\f0b0"; }
.fa-fingerprint:before {
  content: "\f577"; }
.fa-fire:before {
  content: "\f06d"; }
.fa-fire-alt:before {
  content: "\f7e4"; }
.fa-fire-extinguisher:before {
  content: "\f134"; }
.fa-fire-smoke:before {
  content: "\f74b"; }
.fa-firefox:before {
  content: "\f269"; }
.fa-firefox-browser:before {
  content: "\e007"; }
.fa-fireplace:before {
  content: "\f79a"; }
.fa-first-aid:before {
  content: "\f479"; }
.fa-first-order:before {
  content: "\f2b0"; }
.fa-first-order-alt:before {
  content: "\f50a"; }
.fa-firstdraft:before {
  content: "\f3a1"; }
.fa-fish:before {
  content: "\f578"; }
.fa-fish-cooked:before {
  content: "\f7fe"; }
.fa-fist-raised:before {
  content: "\f6de"; }
.fa-flag:before {
  content: "\f024"; }
.fa-flag-alt:before {
  content: "\f74c"; }
.fa-flag-checkered:before {
  content: "\f11e"; }
.fa-flag-usa:before {
  content: "\f74d"; }
.fa-flame:before {
  content: "\f6df"; }
.fa-flashlight:before {
  content: "\f8b8"; }
.fa-flask:before {
  content: "\f0c3"; }
.fa-flask-poison:before {
  content: "\f6e0"; }
.fa-flask-potion:before {
  content: "\f6e1"; }
.fa-flickr:before {
  content: "\f16e"; }
.fa-flipboard:before {
  content: "\f44d"; }
.fa-flower:before {
  content: "\f7ff"; }
.fa-flower-daffodil:before {
  content: "\f800"; }
.fa-flower-tulip:before {
  content: "\f801"; }
.fa-flushed:before {
  content: "\f579"; }
.fa-flute:before {
  content: "\f8b9"; }
.fa-flux-capacitor:before {
  content: "\f8ba"; }
.fa-fly:before {
  content: "\f417"; }
.fa-fog:before {
  content: "\f74e"; }
.fa-folder:before {
  content: "\f07b"; }
.fa-folder-download:before {
  content: "\e053"; }
.fa-folder-minus:before {
  content: "\f65d"; }
.fa-folder-open:before {
  content: "\f07c"; }
.fa-folder-plus:before {
  content: "\f65e"; }
.fa-folder-times:before {
  content: "\f65f"; }
.fa-folder-tree:before {
  content: "\f802"; }
.fa-folder-upload:before {
  content: "\e054"; }
.fa-folders:before {
  content: "\f660"; }
.fa-font:before {
  content: "\f031"; }
.fa-font-awesome:before {
  content: "\f2b4"; }
.fa-font-awesome-alt:before {
  content: "\f35c"; }
.fa-font-awesome-flag:before {
  content: "\f425"; }
.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }
.fa-font-case:before {
  content: "\f866"; }
.fa-fonticons:before {
  content: "\f280"; }
.fa-fonticons-fi:before {
  content: "\f3a2"; }
.fa-football-ball:before {
  content: "\f44e"; }
.fa-football-helmet:before {
  content: "\f44f"; }
.fa-forklift:before {
  content: "\f47a"; }
.fa-fort-awesome:before {
  content: "\f286"; }
.fa-fort-awesome-alt:before {
  content: "\f3a3"; }
.fa-forumbee:before {
  content: "\f211"; }
.fa-forward:before {
  content: "\f04e"; }
.fa-foursquare:before {
  content: "\f180"; }
.fa-fragile:before {
  content: "\f4bb"; }
.fa-free-code-camp:before {
  content: "\f2c5"; }
.fa-freebsd:before {
  content: "\f3a4"; }
.fa-french-fries:before {
  content: "\f803"; }
.fa-frog:before {
  content: "\f52e"; }
.fa-frosty-head:before {
  content: "\f79b"; }
.fa-frown:before {
  content: "\f119"; }
.fa-frown-open:before {
  content: "\f57a"; }
.fa-fulcrum:before {
  content: "\f50b"; }
.fa-function:before {
  content: "\f661"; }
.fa-funnel-dollar:before {
  content: "\f662"; }
.fa-futbol:before {
  content: "\f1e3"; }
.fa-galactic-republic:before {
  content: "\f50c"; }
.fa-galactic-senate:before {
  content: "\f50d"; }
.fa-galaxy:before {
  content: "\e008"; }
.fa-game-board:before {
  content: "\f867"; }
.fa-game-board-alt:before {
  content: "\f868"; }
.fa-game-console-handheld:before {
  content: "\f8bb"; }
.fa-gamepad:before {
  content: "\f11b"; }
.fa-gamepad-alt:before {
  content: "\f8bc"; }
.fa-garage:before {
  content: "\e009"; }
.fa-garage-car:before {
  content: "\e00a"; }
.fa-garage-open:before {
  content: "\e00b"; }
.fa-gas-pump:before {
  content: "\f52f"; }
.fa-gas-pump-slash:before {
  content: "\f5f4"; }
.fa-gavel:before {
  content: "\f0e3"; }
.fa-gem:before {
  content: "\f3a5"; }
.fa-genderless:before {
  content: "\f22d"; }
.fa-get-pocket:before {
  content: "\f265"; }
.fa-gg:before {
  content: "\f260"; }
.fa-gg-circle:before {
  content: "\f261"; }
.fa-ghost:before {
  content: "\f6e2"; }
.fa-gift:before {
  content: "\f06b"; }
.fa-gift-card:before {
  content: "\f663"; }
.fa-gifts:before {
  content: "\f79c"; }
.fa-gingerbread-man:before {
  content: "\f79d"; }
.fa-git:before {
  content: "\f1d3"; }
.fa-git-alt:before {
  content: "\f841"; }
.fa-git-square:before {
  content: "\f1d2"; }
.fa-github:before {
  content: "\f09b"; }
.fa-github-alt:before {
  content: "\f113"; }
.fa-github-square:before {
  content: "\f092"; }
.fa-gitkraken:before {
  content: "\f3a6"; }
.fa-gitlab:before {
  content: "\f296"; }
.fa-gitter:before {
  content: "\f426"; }
.fa-glass:before {
  content: "\f804"; }
.fa-glass-champagne:before {
  content: "\f79e"; }
.fa-glass-cheers:before {
  content: "\f79f"; }
.fa-glass-citrus:before {
  content: "\f869"; }
.fa-glass-martini:before {
  content: "\f000"; }
.fa-glass-martini-alt:before {
  content: "\f57b"; }
.fa-glass-whiskey:before {
  content: "\f7a0"; }
.fa-glass-whiskey-rocks:before {
  content: "\f7a1"; }
.fa-glasses:before {
  content: "\f530"; }
.fa-glasses-alt:before {
  content: "\f5f5"; }
.fa-glide:before {
  content: "\f2a5"; }
.fa-glide-g:before {
  content: "\f2a6"; }
.fa-globe:before {
  content: "\f0ac"; }
.fa-globe-africa:before {
  content: "\f57c"; }
.fa-globe-americas:before {
  content: "\f57d"; }
.fa-globe-asia:before {
  content: "\f57e"; }
.fa-globe-europe:before {
  content: "\f7a2"; }
.fa-globe-snow:before {
  content: "\f7a3"; }
.fa-globe-stand:before {
  content: "\f5f6"; }
.fa-gofore:before {
  content: "\f3a7"; }
.fa-golf-ball:before {
  content: "\f450"; }
.fa-golf-club:before {
  content: "\f451"; }
.fa-goodreads:before {
  content: "\f3a8"; }
.fa-goodreads-g:before {
  content: "\f3a9"; }
.fa-google:before {
  content: "\f1a0"; }
.fa-google-drive:before {
  content: "\f3aa"; }
.fa-google-pay:before {
  content: "\e079"; }
.fa-google-play:before {
  content: "\f3ab"; }
.fa-google-plus:before {
  content: "\f2b3"; }
.fa-google-plus-g:before {
  content: "\f0d5"; }
.fa-google-plus-square:before {
  content: "\f0d4"; }
.fa-google-wallet:before {
  content: "\f1ee"; }
.fa-gopuram:before {
  content: "\f664"; }
.fa-graduation-cap:before {
  content: "\f19d"; }
.fa-gramophone:before {
  content: "\f8bd"; }
.fa-gratipay:before {
  content: "\f184"; }
.fa-grav:before {
  content: "\f2d6"; }
.fa-greater-than:before {
  content: "\f531"; }
.fa-greater-than-equal:before {
  content: "\f532"; }
.fa-grimace:before {
  content: "\f57f"; }
.fa-grin:before {
  content: "\f580"; }
.fa-grin-alt:before {
  content: "\f581"; }
.fa-grin-beam:before {
  content: "\f582"; }
.fa-grin-beam-sweat:before {
  content: "\f583"; }
.fa-grin-hearts:before {
  content: "\f584"; }
.fa-grin-squint:before {
  content: "\f585"; }
.fa-grin-squint-tears:before {
  content: "\f586"; }
.fa-grin-stars:before {
  content: "\f587"; }
.fa-grin-tears:before {
  content: "\f588"; }
.fa-grin-tongue:before {
  content: "\f589"; }
.fa-grin-tongue-squint:before {
  content: "\f58a"; }
.fa-grin-tongue-wink:before {
  content: "\f58b"; }
.fa-grin-wink:before {
  content: "\f58c"; }
.fa-grip-horizontal:before {
  content: "\f58d"; }
.fa-grip-lines:before {
  content: "\f7a4"; }
.fa-grip-lines-vertical:before {
  content: "\f7a5"; }
.fa-grip-vertical:before {
  content: "\f58e"; }
.fa-gripfire:before {
  content: "\f3ac"; }
.fa-grunt:before {
  content: "\f3ad"; }
.fa-guilded:before {
  content: "\e07e"; }
.fa-guitar:before {
  content: "\f7a6"; }
.fa-guitar-electric:before {
  content: "\f8be"; }
.fa-guitars:before {
  content: "\f8bf"; }
.fa-gulp:before {
  content: "\f3ae"; }
.fa-h-square:before {
  content: "\f0fd"; }
.fa-h1:before {
  content: "\f313"; }
.fa-h2:before {
  content: "\f314"; }
.fa-h3:before {
  content: "\f315"; }
.fa-h4:before {
  content: "\f86a"; }
.fa-hacker-news:before {
  content: "\f1d4"; }
.fa-hacker-news-square:before {
  content: "\f3af"; }
.fa-hackerrank:before {
  content: "\f5f7"; }
.fa-hamburger:before {
  content: "\f805"; }
.fa-hammer:before {
  content: "\f6e3"; }
.fa-hammer-war:before {
  content: "\f6e4"; }
.fa-hamsa:before {
  content: "\f665"; }
.fa-hand-heart:before {
  content: "\f4bc"; }
.fa-hand-holding:before {
  content: "\f4bd"; }
.fa-hand-holding-box:before {
  content: "\f47b"; }
.fa-hand-holding-heart:before {
  content: "\f4be"; }
.fa-hand-holding-magic:before {
  content: "\f6e5"; }
.fa-hand-holding-medical:before {
  content: "\e05c"; }
.fa-hand-holding-seedling:before {
  content: "\f4bf"; }
.fa-hand-holding-usd:before {
  content: "\f4c0"; }
.fa-hand-holding-water:before {
  content: "\f4c1"; }
.fa-hand-lizard:before {
  content: "\f258"; }
.fa-hand-middle-finger:before {
  content: "\f806"; }
.fa-hand-paper:before {
  content: "\f256"; }
.fa-hand-peace:before {
  content: "\f25b"; }
.fa-hand-point-down:before {
  content: "\f0a7"; }
.fa-hand-point-left:before {
  content: "\f0a5"; }
.fa-hand-point-right:before {
  content: "\f0a4"; }
.fa-hand-point-up:before {
  content: "\f0a6"; }
.fa-hand-pointer:before {
  content: "\f25a"; }
.fa-hand-receiving:before {
  content: "\f47c"; }
.fa-hand-rock:before {
  content: "\f255"; }
.fa-hand-scissors:before {
  content: "\f257"; }
.fa-hand-sparkles:before {
  content: "\e05d"; }
.fa-hand-spock:before {
  content: "\f259"; }
.fa-hands:before {
  content: "\f4c2"; }
.fa-hands-heart:before {
  content: "\f4c3"; }
.fa-hands-helping:before {
  content: "\f4c4"; }
.fa-hands-usd:before {
  content: "\f4c5"; }
.fa-hands-wash:before {
  content: "\e05e"; }
.fa-handshake:before {
  content: "\f2b5"; }
.fa-handshake-alt:before {
  content: "\f4c6"; }
.fa-handshake-alt-slash:before {
  content: "\e05f"; }
.fa-handshake-slash:before {
  content: "\e060"; }
.fa-hanukiah:before {
  content: "\f6e6"; }
.fa-hard-hat:before {
  content: "\f807"; }
.fa-hashtag:before {
  content: "\f292"; }
.fa-hat-chef:before {
  content: "\f86b"; }
.fa-hat-cowboy:before {
  content: "\f8c0"; }
.fa-hat-cowboy-side:before {
  content: "\f8c1"; }
.fa-hat-santa:before {
  content: "\f7a7"; }
.fa-hat-winter:before {
  content: "\f7a8"; }
.fa-hat-witch:before {
  content: "\f6e7"; }
.fa-hat-wizard:before {
  content: "\f6e8"; }
.fa-hdd:before {
  content: "\f0a0"; }
.fa-head-side:before {
  content: "\f6e9"; }
.fa-head-side-brain:before {
  content: "\f808"; }
.fa-head-side-cough:before {
  content: "\e061"; }
.fa-head-side-cough-slash:before {
  content: "\e062"; }
.fa-head-side-headphones:before {
  content: "\f8c2"; }
.fa-head-side-mask:before {
  content: "\e063"; }
.fa-head-side-medical:before {
  content: "\f809"; }
.fa-head-side-virus:before {
  content: "\e064"; }
.fa-head-vr:before {
  content: "\f6ea"; }
.fa-heading:before {
  content: "\f1dc"; }
.fa-headphones:before {
  content: "\f025"; }
.fa-headphones-alt:before {
  content: "\f58f"; }
.fa-headset:before {
  content: "\f590"; }
.fa-heart:before {
  content: "\f004"; }
.fa-heart-broken:before {
  content: "\f7a9"; }
.fa-heart-circle:before {
  content: "\f4c7"; }
.fa-heart-rate:before {
  content: "\f5f8"; }
.fa-heart-square:before {
  content: "\f4c8"; }
.fa-heartbeat:before {
  content: "\f21e"; }
.fa-heat:before {
  content: "\e00c"; }
.fa-helicopter:before {
  content: "\f533"; }
.fa-helmet-battle:before {
  content: "\f6eb"; }
.fa-hexagon:before {
  content: "\f312"; }
.fa-highlighter:before {
  content: "\f591"; }
.fa-hiking:before {
  content: "\f6ec"; }
.fa-hippo:before {
  content: "\f6ed"; }
.fa-hips:before {
  content: "\f452"; }
.fa-hire-a-helper:before {
  content: "\f3b0"; }
.fa-history:before {
  content: "\f1da"; }
.fa-hive:before {
  content: "\e07f"; }
.fa-hockey-mask:before {
  content: "\f6ee"; }
.fa-hockey-puck:before {
  content: "\f453"; }
.fa-hockey-sticks:before {
  content: "\f454"; }
.fa-holly-berry:before {
  content: "\f7aa"; }
.fa-home:before {
  content: "\f015"; }
.fa-home-alt:before {
  content: "\f80a"; }
.fa-home-heart:before {
  content: "\f4c9"; }
.fa-home-lg:before {
  content: "\f80b"; }
.fa-home-lg-alt:before {
  content: "\f80c"; }
.fa-hood-cloak:before {
  content: "\f6ef"; }
.fa-hooli:before {
  content: "\f427"; }
.fa-horizontal-rule:before {
  content: "\f86c"; }
.fa-hornbill:before {
  content: "\f592"; }
.fa-horse:before {
  content: "\f6f0"; }
.fa-horse-head:before {
  content: "\f7ab"; }
.fa-horse-saddle:before {
  content: "\f8c3"; }
.fa-hospital:before {
  content: "\f0f8"; }
.fa-hospital-alt:before {
  content: "\f47d"; }
.fa-hospital-symbol:before {
  content: "\f47e"; }
.fa-hospital-user:before {
  content: "\f80d"; }
.fa-hospitals:before {
  content: "\f80e"; }
.fa-hot-tub:before {
  content: "\f593"; }
.fa-hotdog:before {
  content: "\f80f"; }
.fa-hotel:before {
  content: "\f594"; }
.fa-hotjar:before {
  content: "\f3b1"; }
.fa-hourglass:before {
  content: "\f254"; }
.fa-hourglass-end:before {
  content: "\f253"; }
.fa-hourglass-half:before {
  content: "\f252"; }
.fa-hourglass-start:before {
  content: "\f251"; }
.fa-house:before {
  content: "\e00d"; }
.fa-house-damage:before {
  content: "\f6f1"; }
.fa-house-day:before {
  content: "\e00e"; }
.fa-house-flood:before {
  content: "\f74f"; }
.fa-house-leave:before {
  content: "\e00f"; }
.fa-house-night:before {
  content: "\e010"; }
.fa-house-return:before {
  content: "\e011"; }
.fa-house-signal:before {
  content: "\e012"; }
.fa-house-user:before {
  content: "\e065"; }
.fa-houzz:before {
  content: "\f27c"; }
.fa-hryvnia:before {
  content: "\f6f2"; }
.fa-html5:before {
  content: "\f13b"; }
.fa-hubspot:before {
  content: "\f3b2"; }
.fa-humidity:before {
  content: "\f750"; }
.fa-hurricane:before {
  content: "\f751"; }
.fa-i-cursor:before {
  content: "\f246"; }
.fa-ice-cream:before {
  content: "\f810"; }
.fa-ice-skate:before {
  content: "\f7ac"; }
.fa-icicles:before {
  content: "\f7ad"; }
.fa-icons:before {
  content: "\f86d"; }
.fa-icons-alt:before {
  content: "\f86e"; }
.fa-id-badge:before {
  content: "\f2c1"; }
.fa-id-card:before {
  content: "\f2c2"; }
.fa-id-card-alt:before {
  content: "\f47f"; }
.fa-ideal:before {
  content: "\e013"; }
.fa-igloo:before {
  content: "\f7ae"; }
.fa-image:before {
  content: "\f03e"; }
.fa-image-polaroid:before {
  content: "\f8c4"; }
.fa-images:before {
  content: "\f302"; }
.fa-imdb:before {
  content: "\f2d8"; }
.fa-inbox:before {
  content: "\f01c"; }
.fa-inbox-in:before {
  content: "\f310"; }
.fa-inbox-out:before {
  content: "\f311"; }
.fa-indent:before {
  content: "\f03c"; }
.fa-industry:before {
  content: "\f275"; }
.fa-industry-alt:before {
  content: "\f3b3"; }
.fa-infinity:before {
  content: "\f534"; }
.fa-info:before {
  content: "\f129"; }
.fa-info-circle:before {
  content: "\f05a"; }
.fa-info-square:before {
  content: "\f30f"; }
.fa-inhaler:before {
  content: "\f5f9"; }
.fa-innosoft:before {
  content: "\e080"; }
.fa-instagram:before {
  content: "\f16d"; }
.fa-instagram-square:before {
  content: "\e055"; }
.fa-instalod:before {
  content: "\e081"; }
.fa-integral:before {
  content: "\f667"; }
.fa-intercom:before {
  content: "\f7af"; }
.fa-internet-explorer:before {
  content: "\f26b"; }
.fa-intersection:before {
  content: "\f668"; }
.fa-inventory:before {
  content: "\f480"; }
.fa-invision:before {
  content: "\f7b0"; }
.fa-ioxhost:before {
  content: "\f208"; }
.fa-island-tropical:before {
  content: "\f811"; }
.fa-italic:before {
  content: "\f033"; }
.fa-itch-io:before {
  content: "\f83a"; }
.fa-itunes:before {
  content: "\f3b4"; }
.fa-itunes-note:before {
  content: "\f3b5"; }
.fa-jack-o-lantern:before {
  content: "\f30e"; }
.fa-java:before {
  content: "\f4e4"; }
.fa-jedi:before {
  content: "\f669"; }
.fa-jedi-order:before {
  content: "\f50e"; }
.fa-jenkins:before {
  content: "\f3b6"; }
.fa-jira:before {
  content: "\f7b1"; }
.fa-joget:before {
  content: "\f3b7"; }
.fa-joint:before {
  content: "\f595"; }
.fa-joomla:before {
  content: "\f1aa"; }
.fa-journal-whills:before {
  content: "\f66a"; }
.fa-joystick:before {
  content: "\f8c5"; }
.fa-js:before {
  content: "\f3b8"; }
.fa-js-square:before {
  content: "\f3b9"; }
.fa-jsfiddle:before {
  content: "\f1cc"; }
.fa-jug:before {
  content: "\f8c6"; }
.fa-kaaba:before {
  content: "\f66b"; }
.fa-kaggle:before {
  content: "\f5fa"; }
.fa-kazoo:before {
  content: "\f8c7"; }
.fa-kerning:before {
  content: "\f86f"; }
.fa-key:before {
  content: "\f084"; }
.fa-key-skeleton:before {
  content: "\f6f3"; }
.fa-keybase:before {
  content: "\f4f5"; }
.fa-keyboard:before {
  content: "\f11c"; }
.fa-keycdn:before {
  content: "\f3ba"; }
.fa-keynote:before {
  content: "\f66c"; }
.fa-khanda:before {
  content: "\f66d"; }
.fa-kickstarter:before {
  content: "\f3bb"; }
.fa-kickstarter-k:before {
  content: "\f3bc"; }
.fa-kidneys:before {
  content: "\f5fb"; }
.fa-kiss:before {
  content: "\f596"; }
.fa-kiss-beam:before {
  content: "\f597"; }
.fa-kiss-wink-heart:before {
  content: "\f598"; }
.fa-kite:before {
  content: "\f6f4"; }
.fa-kiwi-bird:before {
  content: "\f535"; }
.fa-knife-kitchen:before {
  content: "\f6f5"; }
.fa-korvue:before {
  content: "\f42f"; }
.fa-lambda:before {
  content: "\f66e"; }
.fa-lamp:before {
  content: "\f4ca"; }
.fa-lamp-desk:before {
  content: "\e014"; }
.fa-lamp-floor:before {
  content: "\e015"; }
.fa-landmark:before {
  content: "\f66f"; }
.fa-landmark-alt:before {
  content: "\f752"; }
.fa-language:before {
  content: "\f1ab"; }
.fa-laptop:before {
  content: "\f109"; }
.fa-laptop-code:before {
  content: "\f5fc"; }
.fa-laptop-house:before {
  content: "\e066"; }
.fa-laptop-medical:before {
  content: "\f812"; }
.fa-laravel:before {
  content: "\f3bd"; }
.fa-lasso:before {
  content: "\f8c8"; }
.fa-lastfm:before {
  content: "\f202"; }
.fa-lastfm-square:before {
  content: "\f203"; }
.fa-laugh:before {
  content: "\f599"; }
.fa-laugh-beam:before {
  content: "\f59a"; }
.fa-laugh-squint:before {
  content: "\f59b"; }
.fa-laugh-wink:before {
  content: "\f59c"; }
.fa-layer-group:before {
  content: "\f5fd"; }
.fa-layer-minus:before {
  content: "\f5fe"; }
.fa-layer-plus:before {
  content: "\f5ff"; }
.fa-leaf:before {
  content: "\f06c"; }
.fa-leaf-heart:before {
  content: "\f4cb"; }
.fa-leaf-maple:before {
  content: "\f6f6"; }
.fa-leaf-oak:before {
  content: "\f6f7"; }
.fa-leanpub:before {
  content: "\f212"; }
.fa-lemon:before {
  content: "\f094"; }
.fa-less:before {
  content: "\f41d"; }
.fa-less-than:before {
  content: "\f536"; }
.fa-less-than-equal:before {
  content: "\f537"; }
.fa-level-down:before {
  content: "\f149"; }
.fa-level-down-alt:before {
  content: "\f3be"; }
.fa-level-up:before {
  content: "\f148"; }
.fa-level-up-alt:before {
  content: "\f3bf"; }
.fa-life-ring:before {
  content: "\f1cd"; }
.fa-light-ceiling:before {
  content: "\e016"; }
.fa-light-switch:before {
  content: "\e017"; }
.fa-light-switch-off:before {
  content: "\e018"; }
.fa-light-switch-on:before {
  content: "\e019"; }
.fa-lightbulb:before {
  content: "\f0eb"; }
.fa-lightbulb-dollar:before {
  content: "\f670"; }
.fa-lightbulb-exclamation:before {
  content: "\f671"; }
.fa-lightbulb-on:before {
  content: "\f672"; }
.fa-lightbulb-slash:before {
  content: "\f673"; }
.fa-lights-holiday:before {
  content: "\f7b2"; }
.fa-line:before {
  content: "\f3c0"; }
.fa-line-columns:before {
  content: "\f870"; }
.fa-line-height:before {
  content: "\f871"; }
.fa-link:before {
  content: "\f0c1"; }
.fa-linkedin:before {
  content: "\f08c"; }
.fa-linkedin-in:before {
  content: "\f0e1"; }
.fa-linode:before {
  content: "\f2b8"; }
.fa-linux:before {
  content: "\f17c"; }
.fa-lips:before {
  content: "\f600"; }
.fa-lira-sign:before {
  content: "\f195"; }
.fa-list:before {
  content: "\f03a"; }
.fa-list-alt:before {
  content: "\f022"; }
.fa-list-music:before {
  content: "\f8c9"; }
.fa-list-ol:before {
  content: "\f0cb"; }
.fa-list-ul:before {
  content: "\f0ca"; }
.fa-location:before {
  content: "\f601"; }
.fa-location-arrow:before {
  content: "\f124"; }
.fa-location-circle:before {
  content: "\f602"; }
.fa-location-slash:before {
  content: "\f603"; }
.fa-lock:before {
  content: "\f023"; }
.fa-lock-alt:before {
  content: "\f30d"; }
.fa-lock-open:before {
  content: "\f3c1"; }
.fa-lock-open-alt:before {
  content: "\f3c2"; }
.fa-long-arrow-alt-down:before {
  content: "\f309"; }
.fa-long-arrow-alt-left:before {
  content: "\f30a"; }
.fa-long-arrow-alt-right:before {
  content: "\f30b"; }
.fa-long-arrow-alt-up:before {
  content: "\f30c"; }
.fa-long-arrow-down:before {
  content: "\f175"; }
.fa-long-arrow-left:before {
  content: "\f177"; }
.fa-long-arrow-right:before {
  content: "\f178"; }
.fa-long-arrow-up:before {
  content: "\f176"; }
.fa-loveseat:before {
  content: "\f4cc"; }
.fa-low-vision:before {
  content: "\f2a8"; }
.fa-luchador:before {
  content: "\f455"; }
.fa-luggage-cart:before {
  content: "\f59d"; }
.fa-lungs:before {
  content: "\f604"; }
.fa-lungs-virus:before {
  content: "\e067"; }
.fa-lyft:before {
  content: "\f3c3"; }
.fa-mace:before {
  content: "\f6f8"; }
.fa-magento:before {
  content: "\f3c4"; }
.fa-magic:before {
  content: "\f0d0"; }
.fa-magnet:before {
  content: "\f076"; }
.fa-mail-bulk:before {
  content: "\f674"; }
.fa-mailbox:before {
  content: "\f813"; }
.fa-mailchimp:before {
  content: "\f59e"; }
.fa-male:before {
  content: "\f183"; }
.fa-mandalorian:before {
  content: "\f50f"; }
.fa-mandolin:before {
  content: "\f6f9"; }
.fa-map:before {
  content: "\f279"; }
.fa-map-marked:before {
  content: "\f59f"; }
.fa-map-marked-alt:before {
  content: "\f5a0"; }
.fa-map-marker:before {
  content: "\f041"; }
.fa-map-marker-alt:before {
  content: "\f3c5"; }
.fa-map-marker-alt-slash:before {
  content: "\f605"; }
.fa-map-marker-check:before {
  content: "\f606"; }
.fa-map-marker-edit:before {
  content: "\f607"; }
.fa-map-marker-exclamation:before {
  content: "\f608"; }
.fa-map-marker-minus:before {
  content: "\f609"; }
.fa-map-marker-plus:before {
  content: "\f60a"; }
.fa-map-marker-question:before {
  content: "\f60b"; }
.fa-map-marker-slash:before {
  content: "\f60c"; }
.fa-map-marker-smile:before {
  content: "\f60d"; }
.fa-map-marker-times:before {
  content: "\f60e"; }
.fa-map-pin:before {
  content: "\f276"; }
.fa-map-signs:before {
  content: "\f277"; }
.fa-markdown:before {
  content: "\f60f"; }
.fa-marker:before {
  content: "\f5a1"; }
.fa-mars:before {
  content: "\f222"; }
.fa-mars-double:before {
  content: "\f227"; }
.fa-mars-stroke:before {
  content: "\f229"; }
.fa-mars-stroke-h:before {
  content: "\f22b"; }
.fa-mars-stroke-v:before {
  content: "\f22a"; }
.fa-mask:before {
  content: "\f6fa"; }
.fa-mastodon:before {
  content: "\f4f6"; }
.fa-maxcdn:before {
  content: "\f136"; }
.fa-mdb:before {
  content: "\f8ca"; }
.fa-meat:before {
  content: "\f814"; }
.fa-medal:before {
  content: "\f5a2"; }
.fa-medapps:before {
  content: "\f3c6"; }
.fa-medium:before {
  content: "\f23a"; }
.fa-medium-m:before {
  content: "\f3c7"; }
.fa-medkit:before {
  content: "\f0fa"; }
.fa-medrt:before {
  content: "\f3c8"; }
.fa-meetup:before {
  content: "\f2e0"; }
.fa-megaphone:before {
  content: "\f675"; }
.fa-megaport:before {
  content: "\f5a3"; }
.fa-meh:before {
  content: "\f11a"; }
.fa-meh-blank:before {
  content: "\f5a4"; }
.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }
.fa-memory:before {
  content: "\f538"; }
.fa-mendeley:before {
  content: "\f7b3"; }
.fa-menorah:before {
  content: "\f676"; }
.fa-mercury:before {
  content: "\f223"; }
.fa-meteor:before {
  content: "\f753"; }
.fa-microblog:before {
  content: "\e01a"; }
.fa-microchip:before {
  content: "\f2db"; }
.fa-microphone:before {
  content: "\f130"; }
.fa-microphone-alt:before {
  content: "\f3c9"; }
.fa-microphone-alt-slash:before {
  content: "\f539"; }
.fa-microphone-slash:before {
  content: "\f131"; }
.fa-microphone-stand:before {
  content: "\f8cb"; }
.fa-microscope:before {
  content: "\f610"; }
.fa-microsoft:before {
  content: "\f3ca"; }
.fa-microwave:before {
  content: "\e01b"; }
.fa-mind-share:before {
  content: "\f677"; }
.fa-minus:before {
  content: "\f068"; }
.fa-minus-circle:before {
  content: "\f056"; }
.fa-minus-hexagon:before {
  content: "\f307"; }
.fa-minus-octagon:before {
  content: "\f308"; }
.fa-minus-square:before {
  content: "\f146"; }
.fa-mistletoe:before {
  content: "\f7b4"; }
.fa-mitten:before {
  content: "\f7b5"; }
.fa-mix:before {
  content: "\f3cb"; }
.fa-mixcloud:before {
  content: "\f289"; }
.fa-mixer:before {
  content: "\e056"; }
.fa-mizuni:before {
  content: "\f3cc"; }
.fa-mobile:before {
  content: "\f10b"; }
.fa-mobile-alt:before {
  content: "\f3cd"; }
.fa-mobile-android:before {
  content: "\f3ce"; }
.fa-mobile-android-alt:before {
  content: "\f3cf"; }
.fa-modx:before {
  content: "\f285"; }
.fa-monero:before {
  content: "\f3d0"; }
.fa-money-bill:before {
  content: "\f0d6"; }
.fa-money-bill-alt:before {
  content: "\f3d1"; }
.fa-money-bill-wave:before {
  content: "\f53a"; }
.fa-money-bill-wave-alt:before {
  content: "\f53b"; }
.fa-money-check:before {
  content: "\f53c"; }
.fa-money-check-alt:before {
  content: "\f53d"; }
.fa-money-check-edit:before {
  content: "\f872"; }
.fa-money-check-edit-alt:before {
  content: "\f873"; }
.fa-monitor-heart-rate:before {
  content: "\f611"; }
.fa-monkey:before {
  content: "\f6fb"; }
.fa-monument:before {
  content: "\f5a6"; }
.fa-moon:before {
  content: "\f186"; }
.fa-moon-cloud:before {
  content: "\f754"; }
.fa-moon-stars:before {
  content: "\f755"; }
.fa-mortar-pestle:before {
  content: "\f5a7"; }
.fa-mosque:before {
  content: "\f678"; }
.fa-motorcycle:before {
  content: "\f21c"; }
.fa-mountain:before {
  content: "\f6fc"; }
.fa-mountains:before {
  content: "\f6fd"; }
.fa-mouse:before {
  content: "\f8cc"; }
.fa-mouse-alt:before {
  content: "\f8cd"; }
.fa-mouse-pointer:before {
  content: "\f245"; }
.fa-mp3-player:before {
  content: "\f8ce"; }
.fa-mug:before {
  content: "\f874"; }
.fa-mug-hot:before {
  content: "\f7b6"; }
.fa-mug-marshmallows:before {
  content: "\f7b7"; }
.fa-mug-tea:before {
  content: "\f875"; }
.fa-music:before {
  content: "\f001"; }
.fa-music-alt:before {
  content: "\f8cf"; }
.fa-music-alt-slash:before {
  content: "\f8d0"; }
.fa-music-slash:before {
  content: "\f8d1"; }
.fa-napster:before {
  content: "\f3d2"; }
.fa-narwhal:before {
  content: "\f6fe"; }
.fa-neos:before {
  content: "\f612"; }
.fa-network-wired:before {
  content: "\f6ff"; }
.fa-neuter:before {
  content: "\f22c"; }
.fa-newspaper:before {
  content: "\f1ea"; }
.fa-nimblr:before {
  content: "\f5a8"; }
.fa-node:before {
  content: "\f419"; }
.fa-node-js:before {
  content: "\f3d3"; }
.fa-not-equal:before {
  content: "\f53e"; }
.fa-notes-medical:before {
  content: "\f481"; }
.fa-npm:before {
  content: "\f3d4"; }
.fa-ns8:before {
  content: "\f3d5"; }
.fa-nutritionix:before {
  content: "\f3d6"; }
.fa-object-group:before {
  content: "\f247"; }
.fa-object-ungroup:before {
  content: "\f248"; }
.fa-octagon:before {
  content: "\f306"; }
.fa-octopus-deploy:before {
  content: "\e082"; }
.fa-odnoklassniki:before {
  content: "\f263"; }
.fa-odnoklassniki-square:before {
  content: "\f264"; }
.fa-oil-can:before {
  content: "\f613"; }
.fa-oil-temp:before {
  content: "\f614"; }
.fa-old-republic:before {
  content: "\f510"; }
.fa-om:before {
  content: "\f679"; }
.fa-omega:before {
  content: "\f67a"; }
.fa-opencart:before {
  content: "\f23d"; }
.fa-openid:before {
  content: "\f19b"; }
.fa-opera:before {
  content: "\f26a"; }
.fa-optin-monster:before {
  content: "\f23c"; }
.fa-orcid:before {
  content: "\f8d2"; }
.fa-ornament:before {
  content: "\f7b8"; }
.fa-osi:before {
  content: "\f41a"; }
.fa-otter:before {
  content: "\f700"; }
.fa-outdent:before {
  content: "\f03b"; }
.fa-outlet:before {
  content: "\e01c"; }
.fa-oven:before {
  content: "\e01d"; }
.fa-overline:before {
  content: "\f876"; }
.fa-page-break:before {
  content: "\f877"; }
.fa-page4:before {
  content: "\f3d7"; }
.fa-pagelines:before {
  content: "\f18c"; }
.fa-pager:before {
  content: "\f815"; }
.fa-paint-brush:before {
  content: "\f1fc"; }
.fa-paint-brush-alt:before {
  content: "\f5a9"; }
.fa-paint-roller:before {
  content: "\f5aa"; }
.fa-palette:before {
  content: "\f53f"; }
.fa-palfed:before {
  content: "\f3d8"; }
.fa-pallet:before {
  content: "\f482"; }
.fa-pallet-alt:before {
  content: "\f483"; }
.fa-paper-plane:before {
  content: "\f1d8"; }
.fa-paperclip:before {
  content: "\f0c6"; }
.fa-parachute-box:before {
  content: "\f4cd"; }
.fa-paragraph:before {
  content: "\f1dd"; }
.fa-paragraph-rtl:before {
  content: "\f878"; }
.fa-parking:before {
  content: "\f540"; }
.fa-parking-circle:before {
  content: "\f615"; }
.fa-parking-circle-slash:before {
  content: "\f616"; }
.fa-parking-slash:before {
  content: "\f617"; }
.fa-passport:before {
  content: "\f5ab"; }
.fa-pastafarianism:before {
  content: "\f67b"; }
.fa-paste:before {
  content: "\f0ea"; }
.fa-patreon:before {
  content: "\f3d9"; }
.fa-pause:before {
  content: "\f04c"; }
.fa-pause-circle:before {
  content: "\f28b"; }
.fa-paw:before {
  content: "\f1b0"; }
.fa-paw-alt:before {
  content: "\f701"; }
.fa-paw-claws:before {
  content: "\f702"; }
.fa-paypal:before {
  content: "\f1ed"; }
.fa-peace:before {
  content: "\f67c"; }
.fa-pegasus:before {
  content: "\f703"; }
.fa-pen:before {
  content: "\f304"; }
.fa-pen-alt:before {
  content: "\f305"; }
.fa-pen-fancy:before {
  content: "\f5ac"; }
.fa-pen-nib:before {
  content: "\f5ad"; }
.fa-pen-square:before {
  content: "\f14b"; }
.fa-pencil:before {
  content: "\f040"; }
.fa-pencil-alt:before {
  content: "\f303"; }
.fa-pencil-paintbrush:before {
  content: "\f618"; }
.fa-pencil-ruler:before {
  content: "\f5ae"; }
.fa-pennant:before {
  content: "\f456"; }
.fa-penny-arcade:before {
  content: "\f704"; }
.fa-people-arrows:before {
  content: "\e068"; }
.fa-people-carry:before {
  content: "\f4ce"; }
.fa-pepper-hot:before {
  content: "\f816"; }
.fa-perbyte:before {
  content: "\e083"; }
.fa-percent:before {
  content: "\f295"; }
.fa-percentage:before {
  content: "\f541"; }
.fa-periscope:before {
  content: "\f3da"; }
.fa-person-booth:before {
  content: "\f756"; }
.fa-person-carry:before {
  content: "\f4cf"; }
.fa-person-dolly:before {
  content: "\f4d0"; }
.fa-person-dolly-empty:before {
  content: "\f4d1"; }
.fa-person-sign:before {
  content: "\f757"; }
.fa-phabricator:before {
  content: "\f3db"; }
.fa-phoenix-framework:before {
  content: "\f3dc"; }
.fa-phoenix-squadron:before {
  content: "\f511"; }
.fa-phone:before {
  content: "\f095"; }
.fa-phone-alt:before {
  content: "\f879"; }
.fa-phone-laptop:before {
  content: "\f87a"; }
.fa-phone-office:before {
  content: "\f67d"; }
.fa-phone-plus:before {
  content: "\f4d2"; }
.fa-phone-rotary:before {
  content: "\f8d3"; }
.fa-phone-slash:before {
  content: "\f3dd"; }
.fa-phone-square:before {
  content: "\f098"; }
.fa-phone-square-alt:before {
  content: "\f87b"; }
.fa-phone-volume:before {
  content: "\f2a0"; }
.fa-photo-video:before {
  content: "\f87c"; }
.fa-php:before {
  content: "\f457"; }
.fa-pi:before {
  content: "\f67e"; }
.fa-piano:before {
  content: "\f8d4"; }
.fa-piano-keyboard:before {
  content: "\f8d5"; }
.fa-pie:before {
  content: "\f705"; }
.fa-pied-piper:before {
  content: "\f2ae"; }
.fa-pied-piper-alt:before {
  content: "\f1a8"; }
.fa-pied-piper-hat:before {
  content: "\f4e5"; }
.fa-pied-piper-pp:before {
  content: "\f1a7"; }
.fa-pied-piper-square:before {
  content: "\e01e"; }
.fa-pig:before {
  content: "\f706"; }
.fa-piggy-bank:before {
  content: "\f4d3"; }
.fa-pills:before {
  content: "\f484"; }
.fa-pinterest:before {
  content: "\f0d2"; }
.fa-pinterest-p:before {
  content: "\f231"; }
.fa-pinterest-square:before {
  content: "\f0d3"; }
.fa-pizza:before {
  content: "\f817"; }
.fa-pizza-slice:before {
  content: "\f818"; }
.fa-place-of-worship:before {
  content: "\f67f"; }
.fa-plane:before {
  content: "\f072"; }
.fa-plane-alt:before {
  content: "\f3de"; }
.fa-plane-arrival:before {
  content: "\f5af"; }
.fa-plane-departure:before {
  content: "\f5b0"; }
.fa-plane-slash:before {
  content: "\e069"; }
.fa-planet-moon:before {
  content: "\e01f"; }
.fa-planet-ringed:before {
  content: "\e020"; }
.fa-play:before {
  content: "\f04b"; }
.fa-play-circle:before {
  content: "\f144"; }
.fa-playstation:before {
  content: "\f3df"; }
.fa-plug:before {
  content: "\f1e6"; }
.fa-plus:before {
  content: "\f067"; }
.fa-plus-circle:before {
  content: "\f055"; }
.fa-plus-hexagon:before {
  content: "\f300"; }
.fa-plus-octagon:before {
  content: "\f301"; }
.fa-plus-square:before {
  content: "\f0fe"; }
.fa-podcast:before {
  content: "\f2ce"; }
.fa-podium:before {
  content: "\f680"; }
.fa-podium-star:before {
  content: "\f758"; }
.fa-police-box:before {
  content: "\e021"; }
.fa-poll:before {
  content: "\f681"; }
.fa-poll-h:before {
  content: "\f682"; }
.fa-poll-people:before {
  content: "\f759"; }
.fa-poo:before {
  content: "\f2fe"; }
.fa-poo-storm:before {
  content: "\f75a"; }
.fa-poop:before {
  content: "\f619"; }
.fa-popcorn:before {
  content: "\f819"; }
.fa-portal-enter:before {
  content: "\e022"; }
.fa-portal-exit:before {
  content: "\e023"; }
.fa-portrait:before {
  content: "\f3e0"; }
.fa-pound-sign:before {
  content: "\f154"; }
.fa-power-off:before {
  content: "\f011"; }
.fa-pray:before {
  content: "\f683"; }
.fa-praying-hands:before {
  content: "\f684"; }
.fa-prescription:before {
  content: "\f5b1"; }
.fa-prescription-bottle:before {
  content: "\f485"; }
.fa-prescription-bottle-alt:before {
  content: "\f486"; }
.fa-presentation:before {
  content: "\f685"; }
.fa-print:before {
  content: "\f02f"; }
.fa-print-search:before {
  content: "\f81a"; }
.fa-print-slash:before {
  content: "\f686"; }
.fa-procedures:before {
  content: "\f487"; }
.fa-product-hunt:before {
  content: "\f288"; }
.fa-project-diagram:before {
  content: "\f542"; }
.fa-projector:before {
  content: "\f8d6"; }
.fa-pump-medical:before {
  content: "\e06a"; }
.fa-pump-soap:before {
  content: "\e06b"; }
.fa-pumpkin:before {
  content: "\f707"; }
.fa-pushed:before {
  content: "\f3e1"; }
.fa-puzzle-piece:before {
  content: "\f12e"; }
.fa-python:before {
  content: "\f3e2"; }
.fa-qq:before {
  content: "\f1d6"; }
.fa-qrcode:before {
  content: "\f029"; }
.fa-question:before {
  content: "\f128"; }
.fa-question-circle:before {
  content: "\f059"; }
.fa-question-square:before {
  content: "\f2fd"; }
.fa-quidditch:before {
  content: "\f458"; }
.fa-quinscape:before {
  content: "\f459"; }
.fa-quora:before {
  content: "\f2c4"; }
.fa-quote-left:before {
  content: "\f10d"; }
.fa-quote-right:before {
  content: "\f10e"; }
.fa-quran:before {
  content: "\f687"; }
.fa-r-project:before {
  content: "\f4f7"; }
.fa-rabbit:before {
  content: "\f708"; }
.fa-rabbit-fast:before {
  content: "\f709"; }
.fa-racquet:before {
  content: "\f45a"; }
.fa-radar:before {
  content: "\e024"; }
.fa-radiation:before {
  content: "\f7b9"; }
.fa-radiation-alt:before {
  content: "\f7ba"; }
.fa-radio:before {
  content: "\f8d7"; }
.fa-radio-alt:before {
  content: "\f8d8"; }
.fa-rainbow:before {
  content: "\f75b"; }
.fa-raindrops:before {
  content: "\f75c"; }
.fa-ram:before {
  content: "\f70a"; }
.fa-ramp-loading:before {
  content: "\f4d4"; }
.fa-random:before {
  content: "\f074"; }
.fa-raspberry-pi:before {
  content: "\f7bb"; }
.fa-ravelry:before {
  content: "\f2d9"; }
.fa-raygun:before {
  content: "\e025"; }
.fa-react:before {
  content: "\f41b"; }
.fa-reacteurope:before {
  content: "\f75d"; }
.fa-readme:before {
  content: "\f4d5"; }
.fa-rebel:before {
  content: "\f1d0"; }
.fa-receipt:before {
  content: "\f543"; }
.fa-record-vinyl:before {
  content: "\f8d9"; }
.fa-rectangle-landscape:before {
  content: "\f2fa"; }
.fa-rectangle-portrait:before {
  content: "\f2fb"; }
.fa-rectangle-wide:before {
  content: "\f2fc"; }
.fa-recycle:before {
  content: "\f1b8"; }
.fa-red-river:before {
  content: "\f3e3"; }
.fa-reddit:before {
  content: "\f1a1"; }
.fa-reddit-alien:before {
  content: "\f281"; }
.fa-reddit-square:before {
  content: "\f1a2"; }
.fa-redhat:before {
  content: "\f7bc"; }
.fa-redo:before {
  content: "\f01e"; }
.fa-redo-alt:before {
  content: "\f2f9"; }
.fa-refrigerator:before {
  content: "\e026"; }
.fa-registered:before {
  content: "\f25d"; }
.fa-remove-format:before {
  content: "\f87d"; }
.fa-renren:before {
  content: "\f18b"; }
.fa-repeat:before {
  content: "\f363"; }
.fa-repeat-1:before {
  content: "\f365"; }
.fa-repeat-1-alt:before {
  content: "\f366"; }
.fa-repeat-alt:before {
  content: "\f364"; }
.fa-reply:before {
  content: "\f3e5"; }
.fa-reply-all:before {
  content: "\f122"; }
.fa-replyd:before {
  content: "\f3e6"; }
.fa-republican:before {
  content: "\f75e"; }
.fa-researchgate:before {
  content: "\f4f8"; }
.fa-resolving:before {
  content: "\f3e7"; }
.fa-restroom:before {
  content: "\f7bd"; }
.fa-retweet:before {
  content: "\f079"; }
.fa-retweet-alt:before {
  content: "\f361"; }
.fa-rev:before {
  content: "\f5b2"; }
.fa-ribbon:before {
  content: "\f4d6"; }
.fa-ring:before {
  content: "\f70b"; }
.fa-rings-wedding:before {
  content: "\f81b"; }
.fa-road:before {
  content: "\f018"; }
.fa-robot:before {
  content: "\f544"; }
.fa-rocket:before {
  content: "\f135"; }
.fa-rocket-launch:before {
  content: "\e027"; }
.fa-rocketchat:before {
  content: "\f3e8"; }
.fa-rockrms:before {
  content: "\f3e9"; }
.fa-route:before {
  content: "\f4d7"; }
.fa-route-highway:before {
  content: "\f61a"; }
.fa-route-interstate:before {
  content: "\f61b"; }
.fa-router:before {
  content: "\f8da"; }
.fa-rss:before {
  content: "\f09e"; }
.fa-rss-square:before {
  content: "\f143"; }
.fa-ruble-sign:before {
  content: "\f158"; }
.fa-ruler:before {
  content: "\f545"; }
.fa-ruler-combined:before {
  content: "\f546"; }
.fa-ruler-horizontal:before {
  content: "\f547"; }
.fa-ruler-triangle:before {
  content: "\f61c"; }
.fa-ruler-vertical:before {
  content: "\f548"; }
.fa-running:before {
  content: "\f70c"; }
.fa-rupee-sign:before {
  content: "\f156"; }
.fa-rust:before {
  content: "\e07a"; }
.fa-rv:before {
  content: "\f7be"; }
.fa-sack:before {
  content: "\f81c"; }
.fa-sack-dollar:before {
  content: "\f81d"; }
.fa-sad-cry:before {
  content: "\f5b3"; }
.fa-sad-tear:before {
  content: "\f5b4"; }
.fa-safari:before {
  content: "\f267"; }
.fa-salad:before {
  content: "\f81e"; }
.fa-salesforce:before {
  content: "\f83b"; }
.fa-sandwich:before {
  content: "\f81f"; }
.fa-sass:before {
  content: "\f41e"; }
.fa-satellite:before {
  content: "\f7bf"; }
.fa-satellite-dish:before {
  content: "\f7c0"; }
.fa-sausage:before {
  content: "\f820"; }
.fa-save:before {
  content: "\f0c7"; }
.fa-sax-hot:before {
  content: "\f8db"; }
.fa-saxophone:before {
  content: "\f8dc"; }
.fa-scalpel:before {
  content: "\f61d"; }
.fa-scalpel-path:before {
  content: "\f61e"; }
.fa-scanner:before {
  content: "\f488"; }
.fa-scanner-image:before {
  content: "\f8f3"; }
.fa-scanner-keyboard:before {
  content: "\f489"; }
.fa-scanner-touchscreen:before {
  content: "\f48a"; }
.fa-scarecrow:before {
  content: "\f70d"; }
.fa-scarf:before {
  content: "\f7c1"; }
.fa-schlix:before {
  content: "\f3ea"; }
.fa-school:before {
  content: "\f549"; }
.fa-screwdriver:before {
  content: "\f54a"; }
.fa-scribd:before {
  content: "\f28a"; }
.fa-scroll:before {
  content: "\f70e"; }
.fa-scroll-old:before {
  content: "\f70f"; }
.fa-scrubber:before {
  content: "\f2f8"; }
.fa-scythe:before {
  content: "\f710"; }
.fa-sd-card:before {
  content: "\f7c2"; }
.fa-search:before {
  content: "\f002"; }
.fa-search-dollar:before {
  content: "\f688"; }
.fa-search-location:before {
  content: "\f689"; }
.fa-search-minus:before {
  content: "\f010"; }
.fa-search-plus:before {
  content: "\f00e"; }
.fa-searchengin:before {
  content: "\f3eb"; }
.fa-seedling:before {
  content: "\f4d8"; }
.fa-sellcast:before {
  content: "\f2da"; }
.fa-sellsy:before {
  content: "\f213"; }
.fa-send-back:before {
  content: "\f87e"; }
.fa-send-backward:before {
  content: "\f87f"; }
.fa-sensor:before {
  content: "\e028"; }
.fa-sensor-alert:before {
  content: "\e029"; }
.fa-sensor-fire:before {
  content: "\e02a"; }
.fa-sensor-on:before {
  content: "\e02b"; }
.fa-sensor-smoke:before {
  content: "\e02c"; }
.fa-server:before {
  content: "\f233"; }
.fa-servicestack:before {
  content: "\f3ec"; }
.fa-shapes:before {
  content: "\f61f"; }
.fa-share:before {
  content: "\f064"; }
.fa-share-all:before {
  content: "\f367"; }
.fa-share-alt:before {
  content: "\f1e0"; }
.fa-share-alt-square:before {
  content: "\f1e1"; }
.fa-share-square:before {
  content: "\f14d"; }
.fa-sheep:before {
  content: "\f711"; }
.fa-shekel-sign:before {
  content: "\f20b"; }
.fa-shield:before {
  content: "\f132"; }
.fa-shield-alt:before {
  content: "\f3ed"; }
.fa-shield-check:before {
  content: "\f2f7"; }
.fa-shield-cross:before {
  content: "\f712"; }
.fa-shield-virus:before {
  content: "\e06c"; }
.fa-ship:before {
  content: "\f21a"; }
.fa-shipping-fast:before {
  content: "\f48b"; }
.fa-shipping-timed:before {
  content: "\f48c"; }
.fa-shirtsinbulk:before {
  content: "\f214"; }
.fa-shish-kebab:before {
  content: "\f821"; }
.fa-shoe-prints:before {
  content: "\f54b"; }
.fa-shopify:before {
  content: "\e057"; }
.fa-shopping-bag:before {
  content: "\f290"; }
.fa-shopping-basket:before {
  content: "\f291"; }
.fa-shopping-cart:before {
  content: "\f07a"; }
.fa-shopware:before {
  content: "\f5b5"; }
.fa-shovel:before {
  content: "\f713"; }
.fa-shovel-snow:before {
  content: "\f7c3"; }
.fa-shower:before {
  content: "\f2cc"; }
.fa-shredder:before {
  content: "\f68a"; }
.fa-shuttle-van:before {
  content: "\f5b6"; }
.fa-shuttlecock:before {
  content: "\f45b"; }
.fa-sickle:before {
  content: "\f822"; }
.fa-sigma:before {
  content: "\f68b"; }
.fa-sign:before {
  content: "\f4d9"; }
.fa-sign-in:before {
  content: "\f090"; }
.fa-sign-in-alt:before {
  content: "\f2f6"; }
.fa-sign-language:before {
  content: "\f2a7"; }
.fa-sign-out:before {
  content: "\f08b"; }
.fa-sign-out-alt:before {
  content: "\f2f5"; }
.fa-signal:before {
  content: "\f012"; }
.fa-signal-1:before {
  content: "\f68c"; }
.fa-signal-2:before {
  content: "\f68d"; }
.fa-signal-3:before {
  content: "\f68e"; }
.fa-signal-4:before {
  content: "\f68f"; }
.fa-signal-alt:before {
  content: "\f690"; }
.fa-signal-alt-1:before {
  content: "\f691"; }
.fa-signal-alt-2:before {
  content: "\f692"; }
.fa-signal-alt-3:before {
  content: "\f693"; }
.fa-signal-alt-slash:before {
  content: "\f694"; }
.fa-signal-slash:before {
  content: "\f695"; }
.fa-signal-stream:before {
  content: "\f8dd"; }
.fa-signature:before {
  content: "\f5b7"; }
.fa-sim-card:before {
  content: "\f7c4"; }
.fa-simplybuilt:before {
  content: "\f215"; }
.fa-sink:before {
  content: "\e06d"; }
.fa-siren:before {
  content: "\e02d"; }
.fa-siren-on:before {
  content: "\e02e"; }
.fa-sistrix:before {
  content: "\f3ee"; }
.fa-sitemap:before {
  content: "\f0e8"; }
.fa-sith:before {
  content: "\f512"; }
.fa-skating:before {
  content: "\f7c5"; }
.fa-skeleton:before {
  content: "\f620"; }
.fa-sketch:before {
  content: "\f7c6"; }
.fa-ski-jump:before {
  content: "\f7c7"; }
.fa-ski-lift:before {
  content: "\f7c8"; }
.fa-skiing:before {
  content: "\f7c9"; }
.fa-skiing-nordic:before {
  content: "\f7ca"; }
.fa-skull:before {
  content: "\f54c"; }
.fa-skull-cow:before {
  content: "\f8de"; }
.fa-skull-crossbones:before {
  content: "\f714"; }
.fa-skyatlas:before {
  content: "\f216"; }
.fa-skype:before {
  content: "\f17e"; }
.fa-slack:before {
  content: "\f198"; }
.fa-slack-hash:before {
  content: "\f3ef"; }
.fa-slash:before {
  content: "\f715"; }
.fa-sledding:before {
  content: "\f7cb"; }
.fa-sleigh:before {
  content: "\f7cc"; }
.fa-sliders-h:before {
  content: "\f1de"; }
.fa-sliders-h-square:before {
  content: "\f3f0"; }
.fa-sliders-v:before {
  content: "\f3f1"; }
.fa-sliders-v-square:before {
  content: "\f3f2"; }
.fa-slideshare:before {
  content: "\f1e7"; }
.fa-smile:before {
  content: "\f118"; }
.fa-smile-beam:before {
  content: "\f5b8"; }
.fa-smile-plus:before {
  content: "\f5b9"; }
.fa-smile-wink:before {
  content: "\f4da"; }
.fa-smog:before {
  content: "\f75f"; }
.fa-smoke:before {
  content: "\f760"; }
.fa-smoking:before {
  content: "\f48d"; }
.fa-smoking-ban:before {
  content: "\f54d"; }
.fa-sms:before {
  content: "\f7cd"; }
.fa-snake:before {
  content: "\f716"; }
.fa-snapchat:before {
  content: "\f2ab"; }
.fa-snapchat-ghost:before {
  content: "\f2ac"; }
.fa-snapchat-square:before {
  content: "\f2ad"; }
.fa-snooze:before {
  content: "\f880"; }
.fa-snow-blowing:before {
  content: "\f761"; }
.fa-snowboarding:before {
  content: "\f7ce"; }
.fa-snowflake:before {
  content: "\f2dc"; }
.fa-snowflakes:before {
  content: "\f7cf"; }
.fa-snowman:before {
  content: "\f7d0"; }
.fa-snowmobile:before {
  content: "\f7d1"; }
.fa-snowplow:before {
  content: "\f7d2"; }
.fa-soap:before {
  content: "\e06e"; }
.fa-socks:before {
  content: "\f696"; }
.fa-solar-panel:before {
  content: "\f5ba"; }
.fa-solar-system:before {
  content: "\e02f"; }
.fa-sort:before {
  content: "\f0dc"; }
.fa-sort-alpha-down:before {
  content: "\f15d"; }
.fa-sort-alpha-down-alt:before {
  content: "\f881"; }
.fa-sort-alpha-up:before {
  content: "\f15e"; }
.fa-sort-alpha-up-alt:before {
  content: "\f882"; }
.fa-sort-alt:before {
  content: "\f883"; }
.fa-sort-amount-down:before {
  content: "\f160"; }
.fa-sort-amount-down-alt:before {
  content: "\f884"; }
.fa-sort-amount-up:before {
  content: "\f161"; }
.fa-sort-amount-up-alt:before {
  content: "\f885"; }
.fa-sort-circle:before {
  content: "\e030"; }
.fa-sort-circle-down:before {
  content: "\e031"; }
.fa-sort-circle-up:before {
  content: "\e032"; }
.fa-sort-down:before {
  content: "\f0dd"; }
.fa-sort-numeric-down:before {
  content: "\f162"; }
.fa-sort-numeric-down-alt:before {
  content: "\f886"; }
.fa-sort-numeric-up:before {
  content: "\f163"; }
.fa-sort-numeric-up-alt:before {
  content: "\f887"; }
.fa-sort-shapes-down:before {
  content: "\f888"; }
.fa-sort-shapes-down-alt:before {
  content: "\f889"; }
.fa-sort-shapes-up:before {
  content: "\f88a"; }
.fa-sort-shapes-up-alt:before {
  content: "\f88b"; }
.fa-sort-size-down:before {
  content: "\f88c"; }
.fa-sort-size-down-alt:before {
  content: "\f88d"; }
.fa-sort-size-up:before {
  content: "\f88e"; }
.fa-sort-size-up-alt:before {
  content: "\f88f"; }
.fa-sort-up:before {
  content: "\f0de"; }
.fa-soundcloud:before {
  content: "\f1be"; }
.fa-soup:before {
  content: "\f823"; }
.fa-sourcetree:before {
  content: "\f7d3"; }
.fa-spa:before {
  content: "\f5bb"; }
.fa-space-shuttle:before {
  content: "\f197"; }
.fa-space-station-moon:before {
  content: "\e033"; }
.fa-space-station-moon-alt:before {
  content: "\e034"; }
.fa-spade:before {
  content: "\f2f4"; }
.fa-sparkles:before {
  content: "\f890"; }
.fa-speakap:before {
  content: "\f3f3"; }
.fa-speaker:before {
  content: "\f8df"; }
.fa-speaker-deck:before {
  content: "\f83c"; }
.fa-speakers:before {
  content: "\f8e0"; }
.fa-spell-check:before {
  content: "\f891"; }
.fa-spider:before {
  content: "\f717"; }
.fa-spider-black-widow:before {
  content: "\f718"; }
.fa-spider-web:before {
  content: "\f719"; }
.fa-spinner:before {
  content: "\f110"; }
.fa-spinner-third:before {
  content: "\f3f4"; }
.fa-splotch:before {
  content: "\f5bc"; }
.fa-spotify:before {
  content: "\f1bc"; }
.fa-spray-can:before {
  content: "\f5bd"; }
.fa-sprinkler:before {
  content: "\e035"; }
.fa-square:before {
  content: "\f0c8"; }
.fa-square-full:before {
  content: "\f45c"; }
.fa-square-root:before {
  content: "\f697"; }
.fa-square-root-alt:before {
  content: "\f698"; }
.fa-squarespace:before {
  content: "\f5be"; }
.fa-squirrel:before {
  content: "\f71a"; }
.fa-stack-exchange:before {
  content: "\f18d"; }
.fa-stack-overflow:before {
  content: "\f16c"; }
.fa-stackpath:before {
  content: "\f842"; }
.fa-staff:before {
  content: "\f71b"; }
.fa-stamp:before {
  content: "\f5bf"; }
.fa-star:before {
  content: "\f005"; }
.fa-star-and-crescent:before {
  content: "\f699"; }
.fa-star-christmas:before {
  content: "\f7d4"; }
.fa-star-exclamation:before {
  content: "\f2f3"; }
.fa-star-half:before {
  content: "\f089"; }
.fa-star-half-alt:before {
  content: "\f5c0"; }
.fa-star-of-david:before {
  content: "\f69a"; }
.fa-star-of-life:before {
  content: "\f621"; }
.fa-star-shooting:before {
  content: "\e036"; }
.fa-starfighter:before {
  content: "\e037"; }
.fa-starfighter-alt:before {
  content: "\e038"; }
.fa-stars:before {
  content: "\f762"; }
.fa-starship:before {
  content: "\e039"; }
.fa-starship-freighter:before {
  content: "\e03a"; }
.fa-staylinked:before {
  content: "\f3f5"; }
.fa-steak:before {
  content: "\f824"; }
.fa-steam:before {
  content: "\f1b6"; }
.fa-steam-square:before {
  content: "\f1b7"; }
.fa-steam-symbol:before {
  content: "\f3f6"; }
.fa-steering-wheel:before {
  content: "\f622"; }
.fa-step-backward:before {
  content: "\f048"; }
.fa-step-forward:before {
  content: "\f051"; }
.fa-stethoscope:before {
  content: "\f0f1"; }
.fa-sticker-mule:before {
  content: "\f3f7"; }
.fa-sticky-note:before {
  content: "\f249"; }
.fa-stocking:before {
  content: "\f7d5"; }
.fa-stomach:before {
  content: "\f623"; }
.fa-stop:before {
  content: "\f04d"; }
.fa-stop-circle:before {
  content: "\f28d"; }
.fa-stopwatch:before {
  content: "\f2f2"; }
.fa-stopwatch-20:before {
  content: "\e06f"; }
.fa-store:before {
  content: "\f54e"; }
.fa-store-alt:before {
  content: "\f54f"; }
.fa-store-alt-slash:before {
  content: "\e070"; }
.fa-store-slash:before {
  content: "\e071"; }
.fa-strava:before {
  content: "\f428"; }
.fa-stream:before {
  content: "\f550"; }
.fa-street-view:before {
  content: "\f21d"; }
.fa-stretcher:before {
  content: "\f825"; }
.fa-strikethrough:before {
  content: "\f0cc"; }
.fa-stripe:before {
  content: "\f429"; }
.fa-stripe-s:before {
  content: "\f42a"; }
.fa-stroopwafel:before {
  content: "\f551"; }
.fa-studiovinari:before {
  content: "\f3f8"; }
.fa-stumbleupon:before {
  content: "\f1a4"; }
.fa-stumbleupon-circle:before {
  content: "\f1a3"; }
.fa-subscript:before {
  content: "\f12c"; }
.fa-subway:before {
  content: "\f239"; }
.fa-suitcase:before {
  content: "\f0f2"; }
.fa-suitcase-rolling:before {
  content: "\f5c1"; }
.fa-sun:before {
  content: "\f185"; }
.fa-sun-cloud:before {
  content: "\f763"; }
.fa-sun-dust:before {
  content: "\f764"; }
.fa-sun-haze:before {
  content: "\f765"; }
.fa-sunglasses:before {
  content: "\f892"; }
.fa-sunrise:before {
  content: "\f766"; }
.fa-sunset:before {
  content: "\f767"; }
.fa-superpowers:before {
  content: "\f2dd"; }
.fa-superscript:before {
  content: "\f12b"; }
.fa-supple:before {
  content: "\f3f9"; }
.fa-surprise:before {
  content: "\f5c2"; }
.fa-suse:before {
  content: "\f7d6"; }
.fa-swatchbook:before {
  content: "\f5c3"; }
.fa-swift:before {
  content: "\f8e1"; }
.fa-swimmer:before {
  content: "\f5c4"; }
.fa-swimming-pool:before {
  content: "\f5c5"; }
.fa-sword:before {
  content: "\f71c"; }
.fa-sword-laser:before {
  content: "\e03b"; }
.fa-sword-laser-alt:before {
  content: "\e03c"; }
.fa-swords:before {
  content: "\f71d"; }
.fa-swords-laser:before {
  content: "\e03d"; }
.fa-symfony:before {
  content: "\f83d"; }
.fa-synagogue:before {
  content: "\f69b"; }
.fa-sync:before {
  content: "\f021"; }
.fa-sync-alt:before {
  content: "\f2f1"; }
.fa-syringe:before {
  content: "\f48e"; }
.fa-table:before {
  content: "\f0ce"; }
.fa-table-tennis:before {
  content: "\f45d"; }
.fa-tablet:before {
  content: "\f10a"; }
.fa-tablet-alt:before {
  content: "\f3fa"; }
.fa-tablet-android:before {
  content: "\f3fb"; }
.fa-tablet-android-alt:before {
  content: "\f3fc"; }
.fa-tablet-rugged:before {
  content: "\f48f"; }
.fa-tablets:before {
  content: "\f490"; }
.fa-tachometer:before {
  content: "\f0e4"; }
.fa-tachometer-alt:before {
  content: "\f3fd"; }
.fa-tachometer-alt-average:before {
  content: "\f624"; }
.fa-tachometer-alt-fast:before {
  content: "\f625"; }
.fa-tachometer-alt-fastest:before {
  content: "\f626"; }
.fa-tachometer-alt-slow:before {
  content: "\f627"; }
.fa-tachometer-alt-slowest:before {
  content: "\f628"; }
.fa-tachometer-average:before {
  content: "\f629"; }
.fa-tachometer-fast:before {
  content: "\f62a"; }
.fa-tachometer-fastest:before {
  content: "\f62b"; }
.fa-tachometer-slow:before {
  content: "\f62c"; }
.fa-tachometer-slowest:before {
  content: "\f62d"; }
.fa-taco:before {
  content: "\f826"; }
.fa-tag:before {
  content: "\f02b"; }
.fa-tags:before {
  content: "\f02c"; }
.fa-tally:before {
  content: "\f69c"; }
.fa-tanakh:before {
  content: "\f827"; }
.fa-tape:before {
  content: "\f4db"; }
.fa-tasks:before {
  content: "\f0ae"; }
.fa-tasks-alt:before {
  content: "\f828"; }
.fa-taxi:before {
  content: "\f1ba"; }
.fa-teamspeak:before {
  content: "\f4f9"; }
.fa-teeth:before {
  content: "\f62e"; }
.fa-teeth-open:before {
  content: "\f62f"; }
.fa-telegram:before {
  content: "\f2c6"; }
.fa-telegram-plane:before {
  content: "\f3fe"; }
.fa-telescope:before {
  content: "\e03e"; }
.fa-temperature-down:before {
  content: "\e03f"; }
.fa-temperature-frigid:before {
  content: "\f768"; }
.fa-temperature-high:before {
  content: "\f769"; }
.fa-temperature-hot:before {
  content: "\f76a"; }
.fa-temperature-low:before {
  content: "\f76b"; }
.fa-temperature-up:before {
  content: "\e040"; }
.fa-tencent-weibo:before {
  content: "\f1d5"; }
.fa-tenge:before {
  content: "\f7d7"; }
.fa-tennis-ball:before {
  content: "\f45e"; }
.fa-terminal:before {
  content: "\f120"; }
.fa-text:before {
  content: "\f893"; }
.fa-text-height:before {
  content: "\f034"; }
.fa-text-size:before {
  content: "\f894"; }
.fa-text-width:before {
  content: "\f035"; }
.fa-th:before {
  content: "\f00a"; }
.fa-th-large:before {
  content: "\f009"; }
.fa-th-list:before {
  content: "\f00b"; }
.fa-the-red-yeti:before {
  content: "\f69d"; }
.fa-theater-masks:before {
  content: "\f630"; }
.fa-themeco:before {
  content: "\f5c6"; }
.fa-themeisle:before {
  content: "\f2b2"; }
.fa-thermometer:before {
  content: "\f491"; }
.fa-thermometer-empty:before {
  content: "\f2cb"; }
.fa-thermometer-full:before {
  content: "\f2c7"; }
.fa-thermometer-half:before {
  content: "\f2c9"; }
.fa-thermometer-quarter:before {
  content: "\f2ca"; }
.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }
.fa-theta:before {
  content: "\f69e"; }
.fa-think-peaks:before {
  content: "\f731"; }
.fa-thumbs-down:before {
  content: "\f165"; }
.fa-thumbs-up:before {
  content: "\f164"; }
.fa-thumbtack:before {
  content: "\f08d"; }
.fa-thunderstorm:before {
  content: "\f76c"; }
.fa-thunderstorm-moon:before {
  content: "\f76d"; }
.fa-thunderstorm-sun:before {
  content: "\f76e"; }
.fa-ticket:before {
  content: "\f145"; }
.fa-ticket-alt:before {
  content: "\f3ff"; }
.fa-tiktok:before {
  content: "\e07b"; }
.fa-tilde:before {
  content: "\f69f"; }
.fa-times:before {
  content: "\f00d"; }
.fa-times-circle:before {
  content: "\f057"; }
.fa-times-hexagon:before {
  content: "\f2ee"; }
.fa-times-octagon:before {
  content: "\f2f0"; }
.fa-times-square:before {
  content: "\f2d3"; }
.fa-tint:before {
  content: "\f043"; }
.fa-tint-slash:before {
  content: "\f5c7"; }
.fa-tire:before {
  content: "\f631"; }
.fa-tire-flat:before {
  content: "\f632"; }
.fa-tire-pressure-warning:before {
  content: "\f633"; }
.fa-tire-rugged:before {
  content: "\f634"; }
.fa-tired:before {
  content: "\f5c8"; }
.fa-toggle-off:before {
  content: "\f204"; }
.fa-toggle-on:before {
  content: "\f205"; }
.fa-toilet:before {
  content: "\f7d8"; }
.fa-toilet-paper:before {
  content: "\f71e"; }
.fa-toilet-paper-alt:before {
  content: "\f71f"; }
.fa-toilet-paper-slash:before {
  content: "\e072"; }
.fa-tombstone:before {
  content: "\f720"; }
.fa-tombstone-alt:before {
  content: "\f721"; }
.fa-toolbox:before {
  content: "\f552"; }
.fa-tools:before {
  content: "\f7d9"; }
.fa-tooth:before {
  content: "\f5c9"; }
.fa-toothbrush:before {
  content: "\f635"; }
.fa-torah:before {
  content: "\f6a0"; }
.fa-torii-gate:before {
  content: "\f6a1"; }
.fa-tornado:before {
  content: "\f76f"; }
.fa-tractor:before {
  content: "\f722"; }
.fa-trade-federation:before {
  content: "\f513"; }
.fa-trademark:before {
  content: "\f25c"; }
.fa-traffic-cone:before {
  content: "\f636"; }
.fa-traffic-light:before {
  content: "\f637"; }
.fa-traffic-light-go:before {
  content: "\f638"; }
.fa-traffic-light-slow:before {
  content: "\f639"; }
.fa-traffic-light-stop:before {
  content: "\f63a"; }
.fa-trailer:before {
  content: "\e041"; }
.fa-train:before {
  content: "\f238"; }
.fa-tram:before {
  content: "\f7da"; }
.fa-transgender:before {
  content: "\f224"; }
.fa-transgender-alt:before {
  content: "\f225"; }
.fa-transporter:before {
  content: "\e042"; }
.fa-transporter-1:before {
  content: "\e043"; }
.fa-transporter-2:before {
  content: "\e044"; }
.fa-transporter-3:before {
  content: "\e045"; }
.fa-transporter-empty:before {
  content: "\e046"; }
.fa-trash:before {
  content: "\f1f8"; }
.fa-trash-alt:before {
  content: "\f2ed"; }
.fa-trash-restore:before {
  content: "\f829"; }
.fa-trash-restore-alt:before {
  content: "\f82a"; }
.fa-trash-undo:before {
  content: "\f895"; }
.fa-trash-undo-alt:before {
  content: "\f896"; }
.fa-treasure-chest:before {
  content: "\f723"; }
.fa-tree:before {
  content: "\f1bb"; }
.fa-tree-alt:before {
  content: "\f400"; }
.fa-tree-christmas:before {
  content: "\f7db"; }
.fa-tree-decorated:before {
  content: "\f7dc"; }
.fa-tree-large:before {
  content: "\f7dd"; }
.fa-tree-palm:before {
  content: "\f82b"; }
.fa-trees:before {
  content: "\f724"; }
.fa-trello:before {
  content: "\f181"; }
.fa-triangle:before {
  content: "\f2ec"; }
.fa-triangle-music:before {
  content: "\f8e2"; }
.fa-trophy:before {
  content: "\f091"; }
.fa-trophy-alt:before {
  content: "\f2eb"; }
.fa-truck:before {
  content: "\f0d1"; }
.fa-truck-container:before {
  content: "\f4dc"; }
.fa-truck-couch:before {
  content: "\f4dd"; }
.fa-truck-loading:before {
  content: "\f4de"; }
.fa-truck-monster:before {
  content: "\f63b"; }
.fa-truck-moving:before {
  content: "\f4df"; }
.fa-truck-pickup:before {
  content: "\f63c"; }
.fa-truck-plow:before {
  content: "\f7de"; }
.fa-truck-ramp:before {
  content: "\f4e0"; }
.fa-trumpet:before {
  content: "\f8e3"; }
.fa-tshirt:before {
  content: "\f553"; }
.fa-tty:before {
  content: "\f1e4"; }
.fa-tumblr:before {
  content: "\f173"; }
.fa-tumblr-square:before {
  content: "\f174"; }
.fa-turkey:before {
  content: "\f725"; }
.fa-turntable:before {
  content: "\f8e4"; }
.fa-turtle:before {
  content: "\f726"; }
.fa-tv:before {
  content: "\f26c"; }
.fa-tv-alt:before {
  content: "\f8e5"; }
.fa-tv-music:before {
  content: "\f8e6"; }
.fa-tv-retro:before {
  content: "\f401"; }
.fa-twitch:before {
  content: "\f1e8"; }
.fa-twitter:before {
  content: "\f099"; }
.fa-twitter-square:before {
  content: "\f081"; }
.fa-typewriter:before {
  content: "\f8e7"; }
.fa-typo3:before {
  content: "\f42b"; }
.fa-uber:before {
  content: "\f402"; }
.fa-ubuntu:before {
  content: "\f7df"; }
.fa-ufo:before {
  content: "\e047"; }
.fa-ufo-beam:before {
  content: "\e048"; }
.fa-uikit:before {
  content: "\f403"; }
.fa-umbraco:before {
  content: "\f8e8"; }
.fa-umbrella:before {
  content: "\f0e9"; }
.fa-umbrella-beach:before {
  content: "\f5ca"; }
.fa-uncharted:before {
  content: "\e084"; }
.fa-underline:before {
  content: "\f0cd"; }
.fa-undo:before {
  content: "\f0e2"; }
.fa-undo-alt:before {
  content: "\f2ea"; }
.fa-unicorn:before {
  content: "\f727"; }
.fa-union:before {
  content: "\f6a2"; }
.fa-uniregistry:before {
  content: "\f404"; }
.fa-unity:before {
  content: "\e049"; }
.fa-universal-access:before {
  content: "\f29a"; }
.fa-university:before {
  content: "\f19c"; }
.fa-unlink:before {
  content: "\f127"; }
.fa-unlock:before {
  content: "\f09c"; }
.fa-unlock-alt:before {
  content: "\f13e"; }
.fa-unsplash:before {
  content: "\e07c"; }
.fa-untappd:before {
  content: "\f405"; }
.fa-upload:before {
  content: "\f093"; }
.fa-ups:before {
  content: "\f7e0"; }
.fa-usb:before {
  content: "\f287"; }
.fa-usb-drive:before {
  content: "\f8e9"; }
.fa-usd-circle:before {
  content: "\f2e8"; }
.fa-usd-square:before {
  content: "\f2e9"; }
.fa-user:before {
  content: "\f007"; }
.fa-user-alien:before {
  content: "\e04a"; }
.fa-user-alt:before {
  content: "\f406"; }
.fa-user-alt-slash:before {
  content: "\f4fa"; }
.fa-user-astronaut:before {
  content: "\f4fb"; }
.fa-user-chart:before {
  content: "\f6a3"; }
.fa-user-check:before {
  content: "\f4fc"; }
.fa-user-circle:before {
  content: "\f2bd"; }
.fa-user-clock:before {
  content: "\f4fd"; }
.fa-user-cog:before {
  content: "\f4fe"; }
.fa-user-cowboy:before {
  content: "\f8ea"; }
.fa-user-crown:before {
  content: "\f6a4"; }
.fa-user-edit:before {
  content: "\f4ff"; }
.fa-user-friends:before {
  content: "\f500"; }
.fa-user-graduate:before {
  content: "\f501"; }
.fa-user-hard-hat:before {
  content: "\f82c"; }
.fa-user-headset:before {
  content: "\f82d"; }
.fa-user-injured:before {
  content: "\f728"; }
.fa-user-lock:before {
  content: "\f502"; }
.fa-user-md:before {
  content: "\f0f0"; }
.fa-user-md-chat:before {
  content: "\f82e"; }
.fa-user-minus:before {
  content: "\f503"; }
.fa-user-music:before {
  content: "\f8eb"; }
.fa-user-ninja:before {
  content: "\f504"; }
.fa-user-nurse:before {
  content: "\f82f"; }
.fa-user-plus:before {
  content: "\f234"; }
.fa-user-robot:before {
  content: "\e04b"; }
.fa-user-secret:before {
  content: "\f21b"; }
.fa-user-shield:before {
  content: "\f505"; }
.fa-user-slash:before {
  content: "\f506"; }
.fa-user-tag:before {
  content: "\f507"; }
.fa-user-tie:before {
  content: "\f508"; }
.fa-user-times:before {
  content: "\f235"; }
.fa-user-unlock:before {
  content: "\e058"; }
.fa-user-visor:before {
  content: "\e04c"; }
.fa-users:before {
  content: "\f0c0"; }
.fa-users-class:before {
  content: "\f63d"; }
.fa-users-cog:before {
  content: "\f509"; }
.fa-users-crown:before {
  content: "\f6a5"; }
.fa-users-medical:before {
  content: "\f830"; }
.fa-users-slash:before {
  content: "\e073"; }
.fa-usps:before {
  content: "\f7e1"; }
.fa-ussunnah:before {
  content: "\f407"; }
.fa-utensil-fork:before {
  content: "\f2e3"; }
.fa-utensil-knife:before {
  content: "\f2e4"; }
.fa-utensil-spoon:before {
  content: "\f2e5"; }
.fa-utensils:before {
  content: "\f2e7"; }
.fa-utensils-alt:before {
  content: "\f2e6"; }
.fa-vaadin:before {
  content: "\f408"; }
.fa-vacuum:before {
  content: "\e04d"; }
.fa-vacuum-robot:before {
  content: "\e04e"; }
.fa-value-absolute:before {
  content: "\f6a6"; }
.fa-vector-square:before {
  content: "\f5cb"; }
.fa-venus:before {
  content: "\f221"; }
.fa-venus-double:before {
  content: "\f226"; }
.fa-venus-mars:before {
  content: "\f228"; }
.fa-vest:before {
  content: "\e085"; }
.fa-vest-patches:before {
  content: "\e086"; }
.fa-vhs:before {
  content: "\f8ec"; }
.fa-viacoin:before {
  content: "\f237"; }
.fa-viadeo:before {
  content: "\f2a9"; }
.fa-viadeo-square:before {
  content: "\f2aa"; }
.fa-vial:before {
  content: "\f492"; }
.fa-vials:before {
  content: "\f493"; }
.fa-viber:before {
  content: "\f409"; }
.fa-video:before {
  content: "\f03d"; }
.fa-video-plus:before {
  content: "\f4e1"; }
.fa-video-slash:before {
  content: "\f4e2"; }
.fa-vihara:before {
  content: "\f6a7"; }
.fa-vimeo:before {
  content: "\f40a"; }
.fa-vimeo-square:before {
  content: "\f194"; }
.fa-vimeo-v:before {
  content: "\f27d"; }
.fa-vine:before {
  content: "\f1ca"; }
.fa-violin:before {
  content: "\f8ed"; }
.fa-virus:before {
  content: "\e074"; }
.fa-virus-slash:before {
  content: "\e075"; }
.fa-viruses:before {
  content: "\e076"; }
.fa-vk:before {
  content: "\f189"; }
.fa-vnv:before {
  content: "\f40b"; }
.fa-voicemail:before {
  content: "\f897"; }
.fa-volcano:before {
  content: "\f770"; }
.fa-volleyball-ball:before {
  content: "\f45f"; }
.fa-volume:before {
  content: "\f6a8"; }
.fa-volume-down:before {
  content: "\f027"; }
.fa-volume-mute:before {
  content: "\f6a9"; }
.fa-volume-off:before {
  content: "\f026"; }
.fa-volume-slash:before {
  content: "\f2e2"; }
.fa-volume-up:before {
  content: "\f028"; }
.fa-vote-nay:before {
  content: "\f771"; }
.fa-vote-yea:before {
  content: "\f772"; }
.fa-vr-cardboard:before {
  content: "\f729"; }
.fa-vuejs:before {
  content: "\f41f"; }
.fa-wagon-covered:before {
  content: "\f8ee"; }
.fa-walker:before {
  content: "\f831"; }
.fa-walkie-talkie:before {
  content: "\f8ef"; }
.fa-walking:before {
  content: "\f554"; }
.fa-wallet:before {
  content: "\f555"; }
.fa-wand:before {
  content: "\f72a"; }
.fa-wand-magic:before {
  content: "\f72b"; }
.fa-warehouse:before {
  content: "\f494"; }
.fa-warehouse-alt:before {
  content: "\f495"; }
.fa-washer:before {
  content: "\f898"; }
.fa-watch:before {
  content: "\f2e1"; }
.fa-watch-calculator:before {
  content: "\f8f0"; }
.fa-watch-fitness:before {
  content: "\f63e"; }
.fa-watchman-monitoring:before {
  content: "\e087"; }
.fa-water:before {
  content: "\f773"; }
.fa-water-lower:before {
  content: "\f774"; }
.fa-water-rise:before {
  content: "\f775"; }
.fa-wave-sine:before {
  content: "\f899"; }
.fa-wave-square:before {
  content: "\f83e"; }
.fa-wave-triangle:before {
  content: "\f89a"; }
.fa-waveform:before {
  content: "\f8f1"; }
.fa-waveform-path:before {
  content: "\f8f2"; }
.fa-waze:before {
  content: "\f83f"; }
.fa-webcam:before {
  content: "\f832"; }
.fa-webcam-slash:before {
  content: "\f833"; }
.fa-weebly:before {
  content: "\f5cc"; }
.fa-weibo:before {
  content: "\f18a"; }
.fa-weight:before {
  content: "\f496"; }
.fa-weight-hanging:before {
  content: "\f5cd"; }
.fa-weixin:before {
  content: "\f1d7"; }
.fa-whale:before {
  content: "\f72c"; }
.fa-whatsapp:before {
  content: "\f232"; }
.fa-whatsapp-square:before {
  content: "\f40c"; }
.fa-wheat:before {
  content: "\f72d"; }
.fa-wheelchair:before {
  content: "\f193"; }
.fa-whistle:before {
  content: "\f460"; }
.fa-whmcs:before {
  content: "\f40d"; }
.fa-wifi:before {
  content: "\f1eb"; }
.fa-wifi-1:before {
  content: "\f6aa"; }
.fa-wifi-2:before {
  content: "\f6ab"; }
.fa-wifi-slash:before {
  content: "\f6ac"; }
.fa-wikipedia-w:before {
  content: "\f266"; }
.fa-wind:before {
  content: "\f72e"; }
.fa-wind-turbine:before {
  content: "\f89b"; }
.fa-wind-warning:before {
  content: "\f776"; }
.fa-window:before {
  content: "\f40e"; }
.fa-window-alt:before {
  content: "\f40f"; }
.fa-window-close:before {
  content: "\f410"; }
.fa-window-frame:before {
  content: "\e04f"; }
.fa-window-frame-open:before {
  content: "\e050"; }
.fa-window-maximize:before {
  content: "\f2d0"; }
.fa-window-minimize:before {
  content: "\f2d1"; }
.fa-window-restore:before {
  content: "\f2d2"; }
.fa-windows:before {
  content: "\f17a"; }
.fa-windsock:before {
  content: "\f777"; }
.fa-wine-bottle:before {
  content: "\f72f"; }
.fa-wine-glass:before {
  content: "\f4e3"; }
.fa-wine-glass-alt:before {
  content: "\f5ce"; }
.fa-wix:before {
  content: "\f5cf"; }
.fa-wizards-of-the-coast:before {
  content: "\f730"; }
.fa-wodu:before {
  content: "\e088"; }
.fa-wolf-pack-battalion:before {
  content: "\f514"; }
.fa-won-sign:before {
  content: "\f159"; }
.fa-wordpress:before {
  content: "\f19a"; }
.fa-wordpress-simple:before {
  content: "\f411"; }
.fa-wpbeginner:before {
  content: "\f297"; }
.fa-wpexplorer:before {
  content: "\f2de"; }
.fa-wpforms:before {
  content: "\f298"; }
.fa-wpressr:before {
  content: "\f3e4"; }
.fa-wreath:before {
  content: "\f7e2"; }
.fa-wrench:before {
  content: "\f0ad"; }
.fa-x-ray:before {
  content: "\f497"; }
.fa-xbox:before {
  content: "\f412"; }
.fa-xing:before {
  content: "\f168"; }
.fa-xing-square:before {
  content: "\f169"; }
.fa-y-combinator:before {
  content: "\f23b"; }
.fa-yahoo:before {
  content: "\f19e"; }
.fa-yammer:before {
  content: "\f840"; }
.fa-yandex:before {
  content: "\f413"; }
.fa-yandex-international:before {
  content: "\f414"; }
.fa-yarn:before {
  content: "\f7e3"; }
.fa-yelp:before {
  content: "\f1e9"; }
.fa-yen-sign:before {
  content: "\f157"; }
.fa-yin-yang:before {
  content: "\f6ad"; }
.fa-yoast:before {
  content: "\f2b1"; }
.fa-youtube:before {
  content: "\f167"; }
.fa-youtube-square:before {
  content: "\f431"; }
.fa-zhihu:before {
  content: "\f63f"; }
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fa-brands-400.eot');
  src: url('fa-brands-400.eot?#iefix') format("embedded-opentype"), url('fa-brands-400.woff2') format("woff2"), url('fa-brands-400.woff') format("woff"), url('fa-brands-400.ttf') format("truetype"), url('fa-brands-400.svg#fontawesome') format("svg"); }
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('fa-duotone-900.eot');
  src: url('fa-duotone-900.eot?#iefix') format("embedded-opentype"), url('fa-duotone-900.woff2') format("woff2"), url('fa-duotone-900.woff') format("woff"), url('fa-duotone-900.ttf') format("truetype"), url('fa-duotone-900.svg#fontawesome') format("svg"); }
.fad {
  position: relative;
  font-family: 'Font Awesome 5 Duotone';
  font-weight: 900; }
.fad:before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }
.fad:after {
  color: var(--fa-secondary-color, inherit);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }
.fa-swap-opacity .fad:before,
.fad.fa-swap-opacity:before {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }
.fa-swap-opacity .fad:after,
.fad.fa-swap-opacity:after {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }
.fad.fa-inverse {
  color: #fff; }
.fad.fa-stack-1x, .fad.fa-stack-2x {
  position: absolute; }
.fad.fa-stack-1x:before,
.fad.fa-stack-2x:before,
.fad.fa-fw:before {
  left: 50%;
  transform: translateX(-50%); }
.fad.fa-abacus:after {
  content: "\10f640"; }
.fad.fa-acorn:after {
  content: "\10f6ae"; }
.fad.fa-ad:after {
  content: "\10f641"; }
.fad.fa-address-book:after {
  content: "\10f2b9"; }
.fad.fa-address-card:after {
  content: "\10f2bb"; }
.fad.fa-adjust:after {
  content: "\10f042"; }
.fad.fa-air-conditioner:after {
  content: "\10f8f4"; }
.fad.fa-air-freshener:after {
  content: "\10f5d0"; }
.fad.fa-alarm-clock:after {
  content: "\10f34e"; }
.fad.fa-alarm-exclamation:after {
  content: "\10f843"; }
.fad.fa-alarm-plus:after {
  content: "\10f844"; }
.fad.fa-alarm-snooze:after {
  content: "\10f845"; }
.fad.fa-album:after {
  content: "\10f89f"; }
.fad.fa-album-collection:after {
  content: "\10f8a0"; }
.fad.fa-alicorn:after {
  content: "\10f6b0"; }
.fad.fa-alien:after {
  content: "\10f8f5"; }
.fad.fa-alien-monster:after {
  content: "\10f8f6"; }
.fad.fa-align-center:after {
  content: "\10f037"; }
.fad.fa-align-justify:after {
  content: "\10f039"; }
.fad.fa-align-left:after {
  content: "\10f036"; }
.fad.fa-align-right:after {
  content: "\10f038"; }
.fad.fa-align-slash:after {
  content: "\10f846"; }
.fad.fa-allergies:after {
  content: "\10f461"; }
.fad.fa-ambulance:after {
  content: "\10f0f9"; }
.fad.fa-american-sign-language-interpreting:after {
  content: "\10f2a3"; }
.fad.fa-amp-guitar:after {
  content: "\10f8a1"; }
.fad.fa-analytics:after {
  content: "\10f643"; }
.fad.fa-anchor:after {
  content: "\10f13d"; }
.fad.fa-angel:after {
  content: "\10f779"; }
.fad.fa-angle-double-down:after {
  content: "\10f103"; }
.fad.fa-angle-double-left:after {
  content: "\10f100"; }
.fad.fa-angle-double-right:after {
  content: "\10f101"; }
.fad.fa-angle-double-up:after {
  content: "\10f102"; }
.fad.fa-angle-down:after {
  content: "\10f107"; }
.fad.fa-angle-left:after {
  content: "\10f104"; }
.fad.fa-angle-right:after {
  content: "\10f105"; }
.fad.fa-angle-up:after {
  content: "\10f106"; }
.fad.fa-angry:after {
  content: "\10f556"; }
.fad.fa-ankh:after {
  content: "\10f644"; }
.fad.fa-apple-alt:after {
  content: "\10f5d1"; }
.fad.fa-apple-crate:after {
  content: "\10f6b1"; }
.fad.fa-archive:after {
  content: "\10f187"; }
.fad.fa-archway:after {
  content: "\10f557"; }
.fad.fa-arrow-alt-circle-down:after {
  content: "\10f358"; }
.fad.fa-arrow-alt-circle-left:after {
  content: "\10f359"; }
.fad.fa-arrow-alt-circle-right:after {
  content: "\10f35a"; }
.fad.fa-arrow-alt-circle-up:after {
  content: "\10f35b"; }
.fad.fa-arrow-alt-down:after {
  content: "\10f354"; }
.fad.fa-arrow-alt-from-bottom:after {
  content: "\10f346"; }
.fad.fa-arrow-alt-from-left:after {
  content: "\10f347"; }
.fad.fa-arrow-alt-from-right:after {
  content: "\10f348"; }
.fad.fa-arrow-alt-from-top:after {
  content: "\10f349"; }
.fad.fa-arrow-alt-left:after {
  content: "\10f355"; }
.fad.fa-arrow-alt-right:after {
  content: "\10f356"; }
.fad.fa-arrow-alt-square-down:after {
  content: "\10f350"; }
.fad.fa-arrow-alt-square-left:after {
  content: "\10f351"; }
.fad.fa-arrow-alt-square-right:after {
  content: "\10f352"; }
.fad.fa-arrow-alt-square-up:after {
  content: "\10f353"; }
.fad.fa-arrow-alt-to-bottom:after {
  content: "\10f34a"; }
.fad.fa-arrow-alt-to-left:after {
  content: "\10f34b"; }
.fad.fa-arrow-alt-to-right:after {
  content: "\10f34c"; }
.fad.fa-arrow-alt-to-top:after {
  content: "\10f34d"; }
.fad.fa-arrow-alt-up:after {
  content: "\10f357"; }
.fad.fa-arrow-circle-down:after {
  content: "\10f0ab"; }
.fad.fa-arrow-circle-left:after {
  content: "\10f0a8"; }
.fad.fa-arrow-circle-right:after {
  content: "\10f0a9"; }
.fad.fa-arrow-circle-up:after {
  content: "\10f0aa"; }
.fad.fa-arrow-down:after {
  content: "\10f063"; }
.fad.fa-arrow-from-bottom:after {
  content: "\10f342"; }
.fad.fa-arrow-from-left:after {
  content: "\10f343"; }
.fad.fa-arrow-from-right:after {
  content: "\10f344"; }
.fad.fa-arrow-from-top:after {
  content: "\10f345"; }
.fad.fa-arrow-left:after {
  content: "\10f060"; }
.fad.fa-arrow-right:after {
  content: "\10f061"; }
.fad.fa-arrow-square-down:after {
  content: "\10f339"; }
.fad.fa-arrow-square-left:after {
  content: "\10f33a"; }
.fad.fa-arrow-square-right:after {
  content: "\10f33b"; }
.fad.fa-arrow-square-up:after {
  content: "\10f33c"; }
.fad.fa-arrow-to-bottom:after {
  content: "\10f33d"; }
.fad.fa-arrow-to-left:after {
  content: "\10f33e"; }
.fad.fa-arrow-to-right:after {
  content: "\10f340"; }
.fad.fa-arrow-to-top:after {
  content: "\10f341"; }
.fad.fa-arrow-up:after {
  content: "\10f062"; }
.fad.fa-arrows:after {
  content: "\10f047"; }
.fad.fa-arrows-alt:after {
  content: "\10f0b2"; }
.fad.fa-arrows-alt-h:after {
  content: "\10f337"; }
.fad.fa-arrows-alt-v:after {
  content: "\10f338"; }
.fad.fa-arrows-h:after {
  content: "\10f07e"; }
.fad.fa-arrows-v:after {
  content: "\10f07d"; }
.fad.fa-assistive-listening-systems:after {
  content: "\10f2a2"; }
.fad.fa-asterisk:after {
  content: "\10f069"; }
.fad.fa-at:after {
  content: "\10f1fa"; }
.fad.fa-atlas:after {
  content: "\10f558"; }
.fad.fa-atom:after {
  content: "\10f5d2"; }
.fad.fa-atom-alt:after {
  content: "\10f5d3"; }
.fad.fa-audio-description:after {
  content: "\10f29e"; }
.fad.fa-award:after {
  content: "\10f559"; }
.fad.fa-axe:after {
  content: "\10f6b2"; }
.fad.fa-axe-battle:after {
  content: "\10f6b3"; }
.fad.fa-baby:after {
  content: "\10f77c"; }
.fad.fa-baby-carriage:after {
  content: "\10f77d"; }
.fad.fa-backpack:after {
  content: "\10f5d4"; }
.fad.fa-backspace:after {
  content: "\10f55a"; }
.fad.fa-backward:after {
  content: "\10f04a"; }
.fad.fa-bacon:after {
  content: "\10f7e5"; }
.fad.fa-bacteria:after {
  content: "\10e059"; }
.fad.fa-bacterium:after {
  content: "\10e05a"; }
.fad.fa-badge:after {
  content: "\10f335"; }
.fad.fa-badge-check:after {
  content: "\10f336"; }
.fad.fa-badge-dollar:after {
  content: "\10f645"; }
.fad.fa-badge-percent:after {
  content: "\10f646"; }
.fad.fa-badge-sheriff:after {
  content: "\10f8a2"; }
.fad.fa-badger-honey:after {
  content: "\10f6b4"; }
.fad.fa-bags-shopping:after {
  content: "\10f847"; }
.fad.fa-bahai:after {
  content: "\10f666"; }
.fad.fa-balance-scale:after {
  content: "\10f24e"; }
.fad.fa-balance-scale-left:after {
  content: "\10f515"; }
.fad.fa-balance-scale-right:after {
  content: "\10f516"; }
.fad.fa-ball-pile:after {
  content: "\10f77e"; }
.fad.fa-ballot:after {
  content: "\10f732"; }
.fad.fa-ballot-check:after {
  content: "\10f733"; }
.fad.fa-ban:after {
  content: "\10f05e"; }
.fad.fa-band-aid:after {
  content: "\10f462"; }
.fad.fa-banjo:after {
  content: "\10f8a3"; }
.fad.fa-barcode:after {
  content: "\10f02a"; }
.fad.fa-barcode-alt:after {
  content: "\10f463"; }
.fad.fa-barcode-read:after {
  content: "\10f464"; }
.fad.fa-barcode-scan:after {
  content: "\10f465"; }
.fad.fa-bars:after {
  content: "\10f0c9"; }
.fad.fa-baseball:after {
  content: "\10f432"; }
.fad.fa-baseball-ball:after {
  content: "\10f433"; }
.fad.fa-basketball-ball:after {
  content: "\10f434"; }
.fad.fa-basketball-hoop:after {
  content: "\10f435"; }
.fad.fa-bat:after {
  content: "\10f6b5"; }
.fad.fa-bath:after {
  content: "\10f2cd"; }
.fad.fa-battery-bolt:after {
  content: "\10f376"; }
.fad.fa-battery-empty:after {
  content: "\10f244"; }
.fad.fa-battery-full:after {
  content: "\10f240"; }
.fad.fa-battery-half:after {
  content: "\10f242"; }
.fad.fa-battery-quarter:after {
  content: "\10f243"; }
.fad.fa-battery-slash:after {
  content: "\10f377"; }
.fad.fa-battery-three-quarters:after {
  content: "\10f241"; }
.fad.fa-bed:after {
  content: "\10f236"; }
.fad.fa-bed-alt:after {
  content: "\10f8f7"; }
.fad.fa-bed-bunk:after {
  content: "\10f8f8"; }
.fad.fa-bed-empty:after {
  content: "\10f8f9"; }
.fad.fa-beer:after {
  content: "\10f0fc"; }
.fad.fa-bell:after {
  content: "\10f0f3"; }
.fad.fa-bell-exclamation:after {
  content: "\10f848"; }
.fad.fa-bell-on:after {
  content: "\10f8fa"; }
.fad.fa-bell-plus:after {
  content: "\10f849"; }
.fad.fa-bell-school:after {
  content: "\10f5d5"; }
.fad.fa-bell-school-slash:after {
  content: "\10f5d6"; }
.fad.fa-bell-slash:after {
  content: "\10f1f6"; }
.fad.fa-bells:after {
  content: "\10f77f"; }
.fad.fa-betamax:after {
  content: "\10f8a4"; }
.fad.fa-bezier-curve:after {
  content: "\10f55b"; }
.fad.fa-bible:after {
  content: "\10f647"; }
.fad.fa-bicycle:after {
  content: "\10f206"; }
.fad.fa-biking:after {
  content: "\10f84a"; }
.fad.fa-biking-mountain:after {
  content: "\10f84b"; }
.fad.fa-binoculars:after {
  content: "\10f1e5"; }
.fad.fa-biohazard:after {
  content: "\10f780"; }
.fad.fa-birthday-cake:after {
  content: "\10f1fd"; }
.fad.fa-blanket:after {
  content: "\10f498"; }
.fad.fa-blender:after {
  content: "\10f517"; }
.fad.fa-blender-phone:after {
  content: "\10f6b6"; }
.fad.fa-blind:after {
  content: "\10f29d"; }
.fad.fa-blinds:after {
  content: "\10f8fb"; }
.fad.fa-blinds-open:after {
  content: "\10f8fc"; }
.fad.fa-blinds-raised:after {
  content: "\10f8fd"; }
.fad.fa-blog:after {
  content: "\10f781"; }
.fad.fa-bold:after {
  content: "\10f032"; }
.fad.fa-bolt:after {
  content: "\10f0e7"; }
.fad.fa-bomb:after {
  content: "\10f1e2"; }
.fad.fa-bone:after {
  content: "\10f5d7"; }
.fad.fa-bone-break:after {
  content: "\10f5d8"; }
.fad.fa-bong:after {
  content: "\10f55c"; }
.fad.fa-book:after {
  content: "\10f02d"; }
.fad.fa-book-alt:after {
  content: "\10f5d9"; }
.fad.fa-book-dead:after {
  content: "\10f6b7"; }
.fad.fa-book-heart:after {
  content: "\10f499"; }
.fad.fa-book-medical:after {
  content: "\10f7e6"; }
.fad.fa-book-open:after {
  content: "\10f518"; }
.fad.fa-book-reader:after {
  content: "\10f5da"; }
.fad.fa-book-spells:after {
  content: "\10f6b8"; }
.fad.fa-book-user:after {
  content: "\10f7e7"; }
.fad.fa-bookmark:after {
  content: "\10f02e"; }
.fad.fa-books:after {
  content: "\10f5db"; }
.fad.fa-books-medical:after {
  content: "\10f7e8"; }
.fad.fa-boombox:after {
  content: "\10f8a5"; }
.fad.fa-boot:after {
  content: "\10f782"; }
.fad.fa-booth-curtain:after {
  content: "\10f734"; }
.fad.fa-border-all:after {
  content: "\10f84c"; }
.fad.fa-border-bottom:after {
  content: "\10f84d"; }
.fad.fa-border-center-h:after {
  content: "\10f89c"; }
.fad.fa-border-center-v:after {
  content: "\10f89d"; }
.fad.fa-border-inner:after {
  content: "\10f84e"; }
.fad.fa-border-left:after {
  content: "\10f84f"; }
.fad.fa-border-none:after {
  content: "\10f850"; }
.fad.fa-border-outer:after {
  content: "\10f851"; }
.fad.fa-border-right:after {
  content: "\10f852"; }
.fad.fa-border-style:after {
  content: "\10f853"; }
.fad.fa-border-style-alt:after {
  content: "\10f854"; }
.fad.fa-border-top:after {
  content: "\10f855"; }
.fad.fa-bow-arrow:after {
  content: "\10f6b9"; }
.fad.fa-bowling-ball:after {
  content: "\10f436"; }
.fad.fa-bowling-pins:after {
  content: "\10f437"; }
.fad.fa-box:after {
  content: "\10f466"; }
.fad.fa-box-alt:after {
  content: "\10f49a"; }
.fad.fa-box-ballot:after {
  content: "\10f735"; }
.fad.fa-box-check:after {
  content: "\10f467"; }
.fad.fa-box-fragile:after {
  content: "\10f49b"; }
.fad.fa-box-full:after {
  content: "\10f49c"; }
.fad.fa-box-heart:after {
  content: "\10f49d"; }
.fad.fa-box-open:after {
  content: "\10f49e"; }
.fad.fa-box-tissue:after {
  content: "\10e05b"; }
.fad.fa-box-up:after {
  content: "\10f49f"; }
.fad.fa-box-usd:after {
  content: "\10f4a0"; }
.fad.fa-boxes:after {
  content: "\10f468"; }
.fad.fa-boxes-alt:after {
  content: "\10f4a1"; }
.fad.fa-boxing-glove:after {
  content: "\10f438"; }
.fad.fa-brackets:after {
  content: "\10f7e9"; }
.fad.fa-brackets-curly:after {
  content: "\10f7ea"; }
.fad.fa-braille:after {
  content: "\10f2a1"; }
.fad.fa-brain:after {
  content: "\10f5dc"; }
.fad.fa-bread-loaf:after {
  content: "\10f7eb"; }
.fad.fa-bread-slice:after {
  content: "\10f7ec"; }
.fad.fa-briefcase:after {
  content: "\10f0b1"; }
.fad.fa-briefcase-medical:after {
  content: "\10f469"; }
.fad.fa-bring-forward:after {
  content: "\10f856"; }
.fad.fa-bring-front:after {
  content: "\10f857"; }
.fad.fa-broadcast-tower:after {
  content: "\10f519"; }
.fad.fa-broom:after {
  content: "\10f51a"; }
.fad.fa-browser:after {
  content: "\10f37e"; }
.fad.fa-brush:after {
  content: "\10f55d"; }
.fad.fa-bug:after {
  content: "\10f188"; }
.fad.fa-building:after {
  content: "\10f1ad"; }
.fad.fa-bullhorn:after {
  content: "\10f0a1"; }
.fad.fa-bullseye:after {
  content: "\10f140"; }
.fad.fa-bullseye-arrow:after {
  content: "\10f648"; }
.fad.fa-bullseye-pointer:after {
  content: "\10f649"; }
.fad.fa-burger-soda:after {
  content: "\10f858"; }
.fad.fa-burn:after {
  content: "\10f46a"; }
.fad.fa-burrito:after {
  content: "\10f7ed"; }
.fad.fa-bus:after {
  content: "\10f207"; }
.fad.fa-bus-alt:after {
  content: "\10f55e"; }
.fad.fa-bus-school:after {
  content: "\10f5dd"; }
.fad.fa-business-time:after {
  content: "\10f64a"; }
.fad.fa-cabinet-filing:after {
  content: "\10f64b"; }
.fad.fa-cactus:after {
  content: "\10f8a7"; }
.fad.fa-calculator:after {
  content: "\10f1ec"; }
.fad.fa-calculator-alt:after {
  content: "\10f64c"; }
.fad.fa-calendar:after {
  content: "\10f133"; }
.fad.fa-calendar-alt:after {
  content: "\10f073"; }
.fad.fa-calendar-check:after {
  content: "\10f274"; }
.fad.fa-calendar-day:after {
  content: "\10f783"; }
.fad.fa-calendar-edit:after {
  content: "\10f333"; }
.fad.fa-calendar-exclamation:after {
  content: "\10f334"; }
.fad.fa-calendar-minus:after {
  content: "\10f272"; }
.fad.fa-calendar-plus:after {
  content: "\10f271"; }
.fad.fa-calendar-star:after {
  content: "\10f736"; }
.fad.fa-calendar-times:after {
  content: "\10f273"; }
.fad.fa-calendar-week:after {
  content: "\10f784"; }
.fad.fa-camcorder:after {
  content: "\10f8a8"; }
.fad.fa-camera:after {
  content: "\10f030"; }
.fad.fa-camera-alt:after {
  content: "\10f332"; }
.fad.fa-camera-home:after {
  content: "\10f8fe"; }
.fad.fa-camera-movie:after {
  content: "\10f8a9"; }
.fad.fa-camera-polaroid:after {
  content: "\10f8aa"; }
.fad.fa-camera-retro:after {
  content: "\10f083"; }
.fad.fa-campfire:after {
  content: "\10f6ba"; }
.fad.fa-campground:after {
  content: "\10f6bb"; }
.fad.fa-candle-holder:after {
  content: "\10f6bc"; }
.fad.fa-candy-cane:after {
  content: "\10f786"; }
.fad.fa-candy-corn:after {
  content: "\10f6bd"; }
.fad.fa-cannabis:after {
  content: "\10f55f"; }
.fad.fa-capsules:after {
  content: "\10f46b"; }
.fad.fa-car:after {
  content: "\10f1b9"; }
.fad.fa-car-alt:after {
  content: "\10f5de"; }
.fad.fa-car-battery:after {
  content: "\10f5df"; }
.fad.fa-car-building:after {
  content: "\10f859"; }
.fad.fa-car-bump:after {
  content: "\10f5e0"; }
.fad.fa-car-bus:after {
  content: "\10f85a"; }
.fad.fa-car-crash:after {
  content: "\10f5e1"; }
.fad.fa-car-garage:after {
  content: "\10f5e2"; }
.fad.fa-car-mechanic:after {
  content: "\10f5e3"; }
.fad.fa-car-side:after {
  content: "\10f5e4"; }
.fad.fa-car-tilt:after {
  content: "\10f5e5"; }
.fad.fa-car-wash:after {
  content: "\10f5e6"; }
.fad.fa-caravan:after {
  content: "\10f8ff"; }
.fad.fa-caravan-alt:after {
  content: "\10e000"; }
.fad.fa-caret-circle-down:after {
  content: "\10f32d"; }
.fad.fa-caret-circle-left:after {
  content: "\10f32e"; }
.fad.fa-caret-circle-right:after {
  content: "\10f330"; }
.fad.fa-caret-circle-up:after {
  content: "\10f331"; }
.fad.fa-caret-down:after {
  content: "\10f0d7"; }
.fad.fa-caret-left:after {
  content: "\10f0d9"; }
.fad.fa-caret-right:after {
  content: "\10f0da"; }
.fad.fa-caret-square-down:after {
  content: "\10f150"; }
.fad.fa-caret-square-left:after {
  content: "\10f191"; }
.fad.fa-caret-square-right:after {
  content: "\10f152"; }
.fad.fa-caret-square-up:after {
  content: "\10f151"; }
.fad.fa-caret-up:after {
  content: "\10f0d8"; }
.fad.fa-carrot:after {
  content: "\10f787"; }
.fad.fa-cars:after {
  content: "\10f85b"; }
.fad.fa-cart-arrow-down:after {
  content: "\10f218"; }
.fad.fa-cart-plus:after {
  content: "\10f217"; }
.fad.fa-cash-register:after {
  content: "\10f788"; }
.fad.fa-cassette-tape:after {
  content: "\10f8ab"; }
.fad.fa-cat:after {
  content: "\10f6be"; }
.fad.fa-cat-space:after {
  content: "\10e001"; }
.fad.fa-cauldron:after {
  content: "\10f6bf"; }
.fad.fa-cctv:after {
  content: "\10f8ac"; }
.fad.fa-certificate:after {
  content: "\10f0a3"; }
.fad.fa-chair:after {
  content: "\10f6c0"; }
.fad.fa-chair-office:after {
  content: "\10f6c1"; }
.fad.fa-chalkboard:after {
  content: "\10f51b"; }
.fad.fa-chalkboard-teacher:after {
  content: "\10f51c"; }
.fad.fa-charging-station:after {
  content: "\10f5e7"; }
.fad.fa-chart-area:after {
  content: "\10f1fe"; }
.fad.fa-chart-bar:after {
  content: "\10f080"; }
.fad.fa-chart-line:after {
  content: "\10f201"; }
.fad.fa-chart-line-down:after {
  content: "\10f64d"; }
.fad.fa-chart-network:after {
  content: "\10f78a"; }
.fad.fa-chart-pie:after {
  content: "\10f200"; }
.fad.fa-chart-pie-alt:after {
  content: "\10f64e"; }
.fad.fa-chart-scatter:after {
  content: "\10f7ee"; }
.fad.fa-check:after {
  content: "\10f00c"; }
.fad.fa-check-circle:after {
  content: "\10f058"; }
.fad.fa-check-double:after {
  content: "\10f560"; }
.fad.fa-check-square:after {
  content: "\10f14a"; }
.fad.fa-cheese:after {
  content: "\10f7ef"; }
.fad.fa-cheese-swiss:after {
  content: "\10f7f0"; }
.fad.fa-cheeseburger:after {
  content: "\10f7f1"; }
.fad.fa-chess:after {
  content: "\10f439"; }
.fad.fa-chess-bishop:after {
  content: "\10f43a"; }
.fad.fa-chess-bishop-alt:after {
  content: "\10f43b"; }
.fad.fa-chess-board:after {
  content: "\10f43c"; }
.fad.fa-chess-clock:after {
  content: "\10f43d"; }
.fad.fa-chess-clock-alt:after {
  content: "\10f43e"; }
.fad.fa-chess-king:after {
  content: "\10f43f"; }
.fad.fa-chess-king-alt:after {
  content: "\10f440"; }
.fad.fa-chess-knight:after {
  content: "\10f441"; }
.fad.fa-chess-knight-alt:after {
  content: "\10f442"; }
.fad.fa-chess-pawn:after {
  content: "\10f443"; }
.fad.fa-chess-pawn-alt:after {
  content: "\10f444"; }
.fad.fa-chess-queen:after {
  content: "\10f445"; }
.fad.fa-chess-queen-alt:after {
  content: "\10f446"; }
.fad.fa-chess-rook:after {
  content: "\10f447"; }
.fad.fa-chess-rook-alt:after {
  content: "\10f448"; }
.fad.fa-chevron-circle-down:after {
  content: "\10f13a"; }
.fad.fa-chevron-circle-left:after {
  content: "\10f137"; }
.fad.fa-chevron-circle-right:after {
  content: "\10f138"; }
.fad.fa-chevron-circle-up:after {
  content: "\10f139"; }
.fad.fa-chevron-double-down:after {
  content: "\10f322"; }
.fad.fa-chevron-double-left:after {
  content: "\10f323"; }
.fad.fa-chevron-double-right:after {
  content: "\10f324"; }
.fad.fa-chevron-double-up:after {
  content: "\10f325"; }
.fad.fa-chevron-down:after {
  content: "\10f078"; }
.fad.fa-chevron-left:after {
  content: "\10f053"; }
.fad.fa-chevron-right:after {
  content: "\10f054"; }
.fad.fa-chevron-square-down:after {
  content: "\10f329"; }
.fad.fa-chevron-square-left:after {
  content: "\10f32a"; }
.fad.fa-chevron-square-right:after {
  content: "\10f32b"; }
.fad.fa-chevron-square-up:after {
  content: "\10f32c"; }
.fad.fa-chevron-up:after {
  content: "\10f077"; }
.fad.fa-child:after {
  content: "\10f1ae"; }
.fad.fa-chimney:after {
  content: "\10f78b"; }
.fad.fa-church:after {
  content: "\10f51d"; }
.fad.fa-circle:after {
  content: "\10f111"; }
.fad.fa-circle-notch:after {
  content: "\10f1ce"; }
.fad.fa-city:after {
  content: "\10f64f"; }
.fad.fa-clarinet:after {
  content: "\10f8ad"; }
.fad.fa-claw-marks:after {
  content: "\10f6c2"; }
.fad.fa-clinic-medical:after {
  content: "\10f7f2"; }
.fad.fa-clipboard:after {
  content: "\10f328"; }
.fad.fa-clipboard-check:after {
  content: "\10f46c"; }
.fad.fa-clipboard-list:after {
  content: "\10f46d"; }
.fad.fa-clipboard-list-check:after {
  content: "\10f737"; }
.fad.fa-clipboard-prescription:after {
  content: "\10f5e8"; }
.fad.fa-clipboard-user:after {
  content: "\10f7f3"; }
.fad.fa-clock:after {
  content: "\10f017"; }
.fad.fa-clone:after {
  content: "\10f24d"; }
.fad.fa-closed-captioning:after {
  content: "\10f20a"; }
.fad.fa-cloud:after {
  content: "\10f0c2"; }
.fad.fa-cloud-download:after {
  content: "\10f0ed"; }
.fad.fa-cloud-download-alt:after {
  content: "\10f381"; }
.fad.fa-cloud-drizzle:after {
  content: "\10f738"; }
.fad.fa-cloud-hail:after {
  content: "\10f739"; }
.fad.fa-cloud-hail-mixed:after {
  content: "\10f73a"; }
.fad.fa-cloud-meatball:after {
  content: "\10f73b"; }
.fad.fa-cloud-moon:after {
  content: "\10f6c3"; }
.fad.fa-cloud-moon-rain:after {
  content: "\10f73c"; }
.fad.fa-cloud-music:after {
  content: "\10f8ae"; }
.fad.fa-cloud-rain:after {
  content: "\10f73d"; }
.fad.fa-cloud-rainbow:after {
  content: "\10f73e"; }
.fad.fa-cloud-showers:after {
  content: "\10f73f"; }
.fad.fa-cloud-showers-heavy:after {
  content: "\10f740"; }
.fad.fa-cloud-sleet:after {
  content: "\10f741"; }
.fad.fa-cloud-snow:after {
  content: "\10f742"; }
.fad.fa-cloud-sun:after {
  content: "\10f6c4"; }
.fad.fa-cloud-sun-rain:after {
  content: "\10f743"; }
.fad.fa-cloud-upload:after {
  content: "\10f0ee"; }
.fad.fa-cloud-upload-alt:after {
  content: "\10f382"; }
.fad.fa-clouds:after {
  content: "\10f744"; }
.fad.fa-clouds-moon:after {
  content: "\10f745"; }
.fad.fa-clouds-sun:after {
  content: "\10f746"; }
.fad.fa-club:after {
  content: "\10f327"; }
.fad.fa-cocktail:after {
  content: "\10f561"; }
.fad.fa-code:after {
  content: "\10f121"; }
.fad.fa-code-branch:after {
  content: "\10f126"; }
.fad.fa-code-commit:after {
  content: "\10f386"; }
.fad.fa-code-merge:after {
  content: "\10f387"; }
.fad.fa-coffee:after {
  content: "\10f0f4"; }
.fad.fa-coffee-pot:after {
  content: "\10e002"; }
.fad.fa-coffee-togo:after {
  content: "\10f6c5"; }
.fad.fa-coffin:after {
  content: "\10f6c6"; }
.fad.fa-coffin-cross:after {
  content: "\10e051"; }
.fad.fa-cog:after {
  content: "\10f013"; }
.fad.fa-cogs:after {
  content: "\10f085"; }
.fad.fa-coin:after {
  content: "\10f85c"; }
.fad.fa-coins:after {
  content: "\10f51e"; }
.fad.fa-columns:after {
  content: "\10f0db"; }
.fad.fa-comet:after {
  content: "\10e003"; }
.fad.fa-comment:after {
  content: "\10f075"; }
.fad.fa-comment-alt:after {
  content: "\10f27a"; }
.fad.fa-comment-alt-check:after {
  content: "\10f4a2"; }
.fad.fa-comment-alt-dollar:after {
  content: "\10f650"; }
.fad.fa-comment-alt-dots:after {
  content: "\10f4a3"; }
.fad.fa-comment-alt-edit:after {
  content: "\10f4a4"; }
.fad.fa-comment-alt-exclamation:after {
  content: "\10f4a5"; }
.fad.fa-comment-alt-lines:after {
  content: "\10f4a6"; }
.fad.fa-comment-alt-medical:after {
  content: "\10f7f4"; }
.fad.fa-comment-alt-minus:after {
  content: "\10f4a7"; }
.fad.fa-comment-alt-music:after {
  content: "\10f8af"; }
.fad.fa-comment-alt-plus:after {
  content: "\10f4a8"; }
.fad.fa-comment-alt-slash:after {
  content: "\10f4a9"; }
.fad.fa-comment-alt-smile:after {
  content: "\10f4aa"; }
.fad.fa-comment-alt-times:after {
  content: "\10f4ab"; }
.fad.fa-comment-check:after {
  content: "\10f4ac"; }
.fad.fa-comment-dollar:after {
  content: "\10f651"; }
.fad.fa-comment-dots:after {
  content: "\10f4ad"; }
.fad.fa-comment-edit:after {
  content: "\10f4ae"; }
.fad.fa-comment-exclamation:after {
  content: "\10f4af"; }
.fad.fa-comment-lines:after {
  content: "\10f4b0"; }
.fad.fa-comment-medical:after {
  content: "\10f7f5"; }
.fad.fa-comment-minus:after {
  content: "\10f4b1"; }
.fad.fa-comment-music:after {
  content: "\10f8b0"; }
.fad.fa-comment-plus:after {
  content: "\10f4b2"; }
.fad.fa-comment-slash:after {
  content: "\10f4b3"; }
.fad.fa-comment-smile:after {
  content: "\10f4b4"; }
.fad.fa-comment-times:after {
  content: "\10f4b5"; }
.fad.fa-comments:after {
  content: "\10f086"; }
.fad.fa-comments-alt:after {
  content: "\10f4b6"; }
.fad.fa-comments-alt-dollar:after {
  content: "\10f652"; }
.fad.fa-comments-dollar:after {
  content: "\10f653"; }
.fad.fa-compact-disc:after {
  content: "\10f51f"; }
.fad.fa-compass:after {
  content: "\10f14e"; }
.fad.fa-compass-slash:after {
  content: "\10f5e9"; }
.fad.fa-compress:after {
  content: "\10f066"; }
.fad.fa-compress-alt:after {
  content: "\10f422"; }
.fad.fa-compress-arrows-alt:after {
  content: "\10f78c"; }
.fad.fa-compress-wide:after {
  content: "\10f326"; }
.fad.fa-computer-classic:after {
  content: "\10f8b1"; }
.fad.fa-computer-speaker:after {
  content: "\10f8b2"; }
.fad.fa-concierge-bell:after {
  content: "\10f562"; }
.fad.fa-construction:after {
  content: "\10f85d"; }
.fad.fa-container-storage:after {
  content: "\10f4b7"; }
.fad.fa-conveyor-belt:after {
  content: "\10f46e"; }
.fad.fa-conveyor-belt-alt:after {
  content: "\10f46f"; }
.fad.fa-cookie:after {
  content: "\10f563"; }
.fad.fa-cookie-bite:after {
  content: "\10f564"; }
.fad.fa-copy:after {
  content: "\10f0c5"; }
.fad.fa-copyright:after {
  content: "\10f1f9"; }
.fad.fa-corn:after {
  content: "\10f6c7"; }
.fad.fa-couch:after {
  content: "\10f4b8"; }
.fad.fa-cow:after {
  content: "\10f6c8"; }
.fad.fa-cowbell:after {
  content: "\10f8b3"; }
.fad.fa-cowbell-more:after {
  content: "\10f8b4"; }
.fad.fa-credit-card:after {
  content: "\10f09d"; }
.fad.fa-credit-card-blank:after {
  content: "\10f389"; }
.fad.fa-credit-card-front:after {
  content: "\10f38a"; }
.fad.fa-cricket:after {
  content: "\10f449"; }
.fad.fa-croissant:after {
  content: "\10f7f6"; }
.fad.fa-crop:after {
  content: "\10f125"; }
.fad.fa-crop-alt:after {
  content: "\10f565"; }
.fad.fa-cross:after {
  content: "\10f654"; }
.fad.fa-crosshairs:after {
  content: "\10f05b"; }
.fad.fa-crow:after {
  content: "\10f520"; }
.fad.fa-crown:after {
  content: "\10f521"; }
.fad.fa-crutch:after {
  content: "\10f7f7"; }
.fad.fa-crutches:after {
  content: "\10f7f8"; }
.fad.fa-cube:after {
  content: "\10f1b2"; }
.fad.fa-cubes:after {
  content: "\10f1b3"; }
.fad.fa-curling:after {
  content: "\10f44a"; }
.fad.fa-cut:after {
  content: "\10f0c4"; }
.fad.fa-dagger:after {
  content: "\10f6cb"; }
.fad.fa-database:after {
  content: "\10f1c0"; }
.fad.fa-deaf:after {
  content: "\10f2a4"; }
.fad.fa-debug:after {
  content: "\10f7f9"; }
.fad.fa-deer:after {
  content: "\10f78e"; }
.fad.fa-deer-rudolph:after {
  content: "\10f78f"; }
.fad.fa-democrat:after {
  content: "\10f747"; }
.fad.fa-desktop:after {
  content: "\10f108"; }
.fad.fa-desktop-alt:after {
  content: "\10f390"; }
.fad.fa-dewpoint:after {
  content: "\10f748"; }
.fad.fa-dharmachakra:after {
  content: "\10f655"; }
.fad.fa-diagnoses:after {
  content: "\10f470"; }
.fad.fa-diamond:after {
  content: "\10f219"; }
.fad.fa-dice:after {
  content: "\10f522"; }
.fad.fa-dice-d10:after {
  content: "\10f6cd"; }
.fad.fa-dice-d12:after {
  content: "\10f6ce"; }
.fad.fa-dice-d20:after {
  content: "\10f6cf"; }
.fad.fa-dice-d4:after {
  content: "\10f6d0"; }
.fad.fa-dice-d6:after {
  content: "\10f6d1"; }
.fad.fa-dice-d8:after {
  content: "\10f6d2"; }
.fad.fa-dice-five:after {
  content: "\10f523"; }
.fad.fa-dice-four:after {
  content: "\10f524"; }
.fad.fa-dice-one:after {
  content: "\10f525"; }
.fad.fa-dice-six:after {
  content: "\10f526"; }
.fad.fa-dice-three:after {
  content: "\10f527"; }
.fad.fa-dice-two:after {
  content: "\10f528"; }
.fad.fa-digging:after {
  content: "\10f85e"; }
.fad.fa-digital-tachograph:after {
  content: "\10f566"; }
.fad.fa-diploma:after {
  content: "\10f5ea"; }
.fad.fa-directions:after {
  content: "\10f5eb"; }
.fad.fa-disc-drive:after {
  content: "\10f8b5"; }
.fad.fa-disease:after {
  content: "\10f7fa"; }
.fad.fa-divide:after {
  content: "\10f529"; }
.fad.fa-dizzy:after {
  content: "\10f567"; }
.fad.fa-dna:after {
  content: "\10f471"; }
.fad.fa-do-not-enter:after {
  content: "\10f5ec"; }
.fad.fa-dog:after {
  content: "\10f6d3"; }
.fad.fa-dog-leashed:after {
  content: "\10f6d4"; }
.fad.fa-dollar-sign:after {
  content: "\10f155"; }
.fad.fa-dolly:after {
  content: "\10f472"; }
.fad.fa-dolly-empty:after {
  content: "\10f473"; }
.fad.fa-dolly-flatbed:after {
  content: "\10f474"; }
.fad.fa-dolly-flatbed-alt:after {
  content: "\10f475"; }
.fad.fa-dolly-flatbed-empty:after {
  content: "\10f476"; }
.fad.fa-donate:after {
  content: "\10f4b9"; }
.fad.fa-door-closed:after {
  content: "\10f52a"; }
.fad.fa-door-open:after {
  content: "\10f52b"; }
.fad.fa-dot-circle:after {
  content: "\10f192"; }
.fad.fa-dove:after {
  content: "\10f4ba"; }
.fad.fa-download:after {
  content: "\10f019"; }
.fad.fa-drafting-compass:after {
  content: "\10f568"; }
.fad.fa-dragon:after {
  content: "\10f6d5"; }
.fad.fa-draw-circle:after {
  content: "\10f5ed"; }
.fad.fa-draw-polygon:after {
  content: "\10f5ee"; }
.fad.fa-draw-square:after {
  content: "\10f5ef"; }
.fad.fa-dreidel:after {
  content: "\10f792"; }
.fad.fa-drone:after {
  content: "\10f85f"; }
.fad.fa-drone-alt:after {
  content: "\10f860"; }
.fad.fa-drum:after {
  content: "\10f569"; }
.fad.fa-drum-steelpan:after {
  content: "\10f56a"; }
.fad.fa-drumstick:after {
  content: "\10f6d6"; }
.fad.fa-drumstick-bite:after {
  content: "\10f6d7"; }
.fad.fa-dryer:after {
  content: "\10f861"; }
.fad.fa-dryer-alt:after {
  content: "\10f862"; }
.fad.fa-duck:after {
  content: "\10f6d8"; }
.fad.fa-dumbbell:after {
  content: "\10f44b"; }
.fad.fa-dumpster:after {
  content: "\10f793"; }
.fad.fa-dumpster-fire:after {
  content: "\10f794"; }
.fad.fa-dungeon:after {
  content: "\10f6d9"; }
.fad.fa-ear:after {
  content: "\10f5f0"; }
.fad.fa-ear-muffs:after {
  content: "\10f795"; }
.fad.fa-eclipse:after {
  content: "\10f749"; }
.fad.fa-eclipse-alt:after {
  content: "\10f74a"; }
.fad.fa-edit:after {
  content: "\10f044"; }
.fad.fa-egg:after {
  content: "\10f7fb"; }
.fad.fa-egg-fried:after {
  content: "\10f7fc"; }
.fad.fa-eject:after {
  content: "\10f052"; }
.fad.fa-elephant:after {
  content: "\10f6da"; }
.fad.fa-ellipsis-h:after {
  content: "\10f141"; }
.fad.fa-ellipsis-h-alt:after {
  content: "\10f39b"; }
.fad.fa-ellipsis-v:after {
  content: "\10f142"; }
.fad.fa-ellipsis-v-alt:after {
  content: "\10f39c"; }
.fad.fa-empty-set:after {
  content: "\10f656"; }
.fad.fa-engine-warning:after {
  content: "\10f5f2"; }
.fad.fa-envelope:after {
  content: "\10f0e0"; }
.fad.fa-envelope-open:after {
  content: "\10f2b6"; }
.fad.fa-envelope-open-dollar:after {
  content: "\10f657"; }
.fad.fa-envelope-open-text:after {
  content: "\10f658"; }
.fad.fa-envelope-square:after {
  content: "\10f199"; }
.fad.fa-equals:after {
  content: "\10f52c"; }
.fad.fa-eraser:after {
  content: "\10f12d"; }
.fad.fa-ethernet:after {
  content: "\10f796"; }
.fad.fa-euro-sign:after {
  content: "\10f153"; }
.fad.fa-exchange:after {
  content: "\10f0ec"; }
.fad.fa-exchange-alt:after {
  content: "\10f362"; }
.fad.fa-exclamation:after {
  content: "\10f12a"; }
.fad.fa-exclamation-circle:after {
  content: "\10f06a"; }
.fad.fa-exclamation-square:after {
  content: "\10f321"; }
.fad.fa-exclamation-triangle:after {
  content: "\10f071"; }
.fad.fa-expand:after {
  content: "\10f065"; }
.fad.fa-expand-alt:after {
  content: "\10f424"; }
.fad.fa-expand-arrows:after {
  content: "\10f31d"; }
.fad.fa-expand-arrows-alt:after {
  content: "\10f31e"; }
.fad.fa-expand-wide:after {
  content: "\10f320"; }
.fad.fa-external-link:after {
  content: "\10f08e"; }
.fad.fa-external-link-alt:after {
  content: "\10f35d"; }
.fad.fa-external-link-square:after {
  content: "\10f14c"; }
.fad.fa-external-link-square-alt:after {
  content: "\10f360"; }
.fad.fa-eye:after {
  content: "\10f06e"; }
.fad.fa-eye-dropper:after {
  content: "\10f1fb"; }
.fad.fa-eye-evil:after {
  content: "\10f6db"; }
.fad.fa-eye-slash:after {
  content: "\10f070"; }
.fad.fa-fan:after {
  content: "\10f863"; }
.fad.fa-fan-table:after {
  content: "\10e004"; }
.fad.fa-farm:after {
  content: "\10f864"; }
.fad.fa-fast-backward:after {
  content: "\10f049"; }
.fad.fa-fast-forward:after {
  content: "\10f050"; }
.fad.fa-faucet:after {
  content: "\10e005"; }
.fad.fa-faucet-drip:after {
  content: "\10e006"; }
.fad.fa-fax:after {
  content: "\10f1ac"; }
.fad.fa-feather:after {
  content: "\10f52d"; }
.fad.fa-feather-alt:after {
  content: "\10f56b"; }
.fad.fa-female:after {
  content: "\10f182"; }
.fad.fa-field-hockey:after {
  content: "\10f44c"; }
.fad.fa-fighter-jet:after {
  content: "\10f0fb"; }
.fad.fa-file:after {
  content: "\10f15b"; }
.fad.fa-file-alt:after {
  content: "\10f15c"; }
.fad.fa-file-archive:after {
  content: "\10f1c6"; }
.fad.fa-file-audio:after {
  content: "\10f1c7"; }
.fad.fa-file-certificate:after {
  content: "\10f5f3"; }
.fad.fa-file-chart-line:after {
  content: "\10f659"; }
.fad.fa-file-chart-pie:after {
  content: "\10f65a"; }
.fad.fa-file-check:after {
  content: "\10f316"; }
.fad.fa-file-code:after {
  content: "\10f1c9"; }
.fad.fa-file-contract:after {
  content: "\10f56c"; }
.fad.fa-file-csv:after {
  content: "\10f6dd"; }
.fad.fa-file-download:after {
  content: "\10f56d"; }
.fad.fa-file-edit:after {
  content: "\10f31c"; }
.fad.fa-file-excel:after {
  content: "\10f1c3"; }
.fad.fa-file-exclamation:after {
  content: "\10f31a"; }
.fad.fa-file-export:after {
  content: "\10f56e"; }
.fad.fa-file-image:after {
  content: "\10f1c5"; }
.fad.fa-file-import:after {
  content: "\10f56f"; }
.fad.fa-file-invoice:after {
  content: "\10f570"; }
.fad.fa-file-invoice-dollar:after {
  content: "\10f571"; }
.fad.fa-file-medical:after {
  content: "\10f477"; }
.fad.fa-file-medical-alt:after {
  content: "\10f478"; }
.fad.fa-file-minus:after {
  content: "\10f318"; }
.fad.fa-file-music:after {
  content: "\10f8b6"; }
.fad.fa-file-pdf:after {
  content: "\10f1c1"; }
.fad.fa-file-plus:after {
  content: "\10f319"; }
.fad.fa-file-powerpoint:after {
  content: "\10f1c4"; }
.fad.fa-file-prescription:after {
  content: "\10f572"; }
.fad.fa-file-search:after {
  content: "\10f865"; }
.fad.fa-file-signature:after {
  content: "\10f573"; }
.fad.fa-file-spreadsheet:after {
  content: "\10f65b"; }
.fad.fa-file-times:after {
  content: "\10f317"; }
.fad.fa-file-upload:after {
  content: "\10f574"; }
.fad.fa-file-user:after {
  content: "\10f65c"; }
.fad.fa-file-video:after {
  content: "\10f1c8"; }
.fad.fa-file-word:after {
  content: "\10f1c2"; }
.fad.fa-files-medical:after {
  content: "\10f7fd"; }
.fad.fa-fill:after {
  content: "\10f575"; }
.fad.fa-fill-drip:after {
  content: "\10f576"; }
.fad.fa-film:after {
  content: "\10f008"; }
.fad.fa-film-alt:after {
  content: "\10f3a0"; }
.fad.fa-film-canister:after {
  content: "\10f8b7"; }
.fad.fa-filter:after {
  content: "\10f0b0"; }
.fad.fa-fingerprint:after {
  content: "\10f577"; }
.fad.fa-fire:after {
  content: "\10f06d"; }
.fad.fa-fire-alt:after {
  content: "\10f7e4"; }
.fad.fa-fire-extinguisher:after {
  content: "\10f134"; }
.fad.fa-fire-smoke:after {
  content: "\10f74b"; }
.fad.fa-fireplace:after {
  content: "\10f79a"; }
.fad.fa-first-aid:after {
  content: "\10f479"; }
.fad.fa-fish:after {
  content: "\10f578"; }
.fad.fa-fish-cooked:after {
  content: "\10f7fe"; }
.fad.fa-fist-raised:after {
  content: "\10f6de"; }
.fad.fa-flag:after {
  content: "\10f024"; }
.fad.fa-flag-alt:after {
  content: "\10f74c"; }
.fad.fa-flag-checkered:after {
  content: "\10f11e"; }
.fad.fa-flag-usa:after {
  content: "\10f74d"; }
.fad.fa-flame:after {
  content: "\10f6df"; }
.fad.fa-flashlight:after {
  content: "\10f8b8"; }
.fad.fa-flask:after {
  content: "\10f0c3"; }
.fad.fa-flask-poison:after {
  content: "\10f6e0"; }
.fad.fa-flask-potion:after {
  content: "\10f6e1"; }
.fad.fa-flower:after {
  content: "\10f7ff"; }
.fad.fa-flower-daffodil:after {
  content: "\10f800"; }
.fad.fa-flower-tulip:after {
  content: "\10f801"; }
.fad.fa-flushed:after {
  content: "\10f579"; }
.fad.fa-flute:after {
  content: "\10f8b9"; }
.fad.fa-flux-capacitor:after {
  content: "\10f8ba"; }
.fad.fa-fog:after {
  content: "\10f74e"; }
.fad.fa-folder:after {
  content: "\10f07b"; }
.fad.fa-folder-download:after {
  content: "\10e053"; }
.fad.fa-folder-minus:after {
  content: "\10f65d"; }
.fad.fa-folder-open:after {
  content: "\10f07c"; }
.fad.fa-folder-plus:after {
  content: "\10f65e"; }
.fad.fa-folder-times:after {
  content: "\10f65f"; }
.fad.fa-folder-tree:after {
  content: "\10f802"; }
.fad.fa-folder-upload:after {
  content: "\10e054"; }
.fad.fa-folders:after {
  content: "\10f660"; }
.fad.fa-font:after {
  content: "\10f031"; }
.fad.fa-font-awesome-logo-full:after {
  content: "\10f4e6"; }
.fad.fa-font-case:after {
  content: "\10f866"; }
.fad.fa-football-ball:after {
  content: "\10f44e"; }
.fad.fa-football-helmet:after {
  content: "\10f44f"; }
.fad.fa-forklift:after {
  content: "\10f47a"; }
.fad.fa-forward:after {
  content: "\10f04e"; }
.fad.fa-fragile:after {
  content: "\10f4bb"; }
.fad.fa-french-fries:after {
  content: "\10f803"; }
.fad.fa-frog:after {
  content: "\10f52e"; }
.fad.fa-frosty-head:after {
  content: "\10f79b"; }
.fad.fa-frown:after {
  content: "\10f119"; }
.fad.fa-frown-open:after {
  content: "\10f57a"; }
.fad.fa-function:after {
  content: "\10f661"; }
.fad.fa-funnel-dollar:after {
  content: "\10f662"; }
.fad.fa-futbol:after {
  content: "\10f1e3"; }
.fad.fa-galaxy:after {
  content: "\10e008"; }
.fad.fa-game-board:after {
  content: "\10f867"; }
.fad.fa-game-board-alt:after {
  content: "\10f868"; }
.fad.fa-game-console-handheld:after {
  content: "\10f8bb"; }
.fad.fa-gamepad:after {
  content: "\10f11b"; }
.fad.fa-gamepad-alt:after {
  content: "\10f8bc"; }
.fad.fa-garage:after {
  content: "\10e009"; }
.fad.fa-garage-car:after {
  content: "\10e00a"; }
.fad.fa-garage-open:after {
  content: "\10e00b"; }
.fad.fa-gas-pump:after {
  content: "\10f52f"; }
.fad.fa-gas-pump-slash:after {
  content: "\10f5f4"; }
.fad.fa-gavel:after {
  content: "\10f0e3"; }
.fad.fa-gem:after {
  content: "\10f3a5"; }
.fad.fa-genderless:after {
  content: "\10f22d"; }
.fad.fa-ghost:after {
  content: "\10f6e2"; }
.fad.fa-gift:after {
  content: "\10f06b"; }
.fad.fa-gift-card:after {
  content: "\10f663"; }
.fad.fa-gifts:after {
  content: "\10f79c"; }
.fad.fa-gingerbread-man:after {
  content: "\10f79d"; }
.fad.fa-glass:after {
  content: "\10f804"; }
.fad.fa-glass-champagne:after {
  content: "\10f79e"; }
.fad.fa-glass-cheers:after {
  content: "\10f79f"; }
.fad.fa-glass-citrus:after {
  content: "\10f869"; }
.fad.fa-glass-martini:after {
  content: "\10f000"; }
.fad.fa-glass-martini-alt:after {
  content: "\10f57b"; }
.fad.fa-glass-whiskey:after {
  content: "\10f7a0"; }
.fad.fa-glass-whiskey-rocks:after {
  content: "\10f7a1"; }
.fad.fa-glasses:after {
  content: "\10f530"; }
.fad.fa-glasses-alt:after {
  content: "\10f5f5"; }
.fad.fa-globe:after {
  content: "\10f0ac"; }
.fad.fa-globe-africa:after {
  content: "\10f57c"; }
.fad.fa-globe-americas:after {
  content: "\10f57d"; }
.fad.fa-globe-asia:after {
  content: "\10f57e"; }
.fad.fa-globe-europe:after {
  content: "\10f7a2"; }
.fad.fa-globe-snow:after {
  content: "\10f7a3"; }
.fad.fa-globe-stand:after {
  content: "\10f5f6"; }
.fad.fa-golf-ball:after {
  content: "\10f450"; }
.fad.fa-golf-club:after {
  content: "\10f451"; }
.fad.fa-gopuram:after {
  content: "\10f664"; }
.fad.fa-graduation-cap:after {
  content: "\10f19d"; }
.fad.fa-gramophone:after {
  content: "\10f8bd"; }
.fad.fa-greater-than:after {
  content: "\10f531"; }
.fad.fa-greater-than-equal:after {
  content: "\10f532"; }
.fad.fa-grimace:after {
  content: "\10f57f"; }
.fad.fa-grin:after {
  content: "\10f580"; }
.fad.fa-grin-alt:after {
  content: "\10f581"; }
.fad.fa-grin-beam:after {
  content: "\10f582"; }
.fad.fa-grin-beam-sweat:after {
  content: "\10f583"; }
.fad.fa-grin-hearts:after {
  content: "\10f584"; }
.fad.fa-grin-squint:after {
  content: "\10f585"; }
.fad.fa-grin-squint-tears:after {
  content: "\10f586"; }
.fad.fa-grin-stars:after {
  content: "\10f587"; }
.fad.fa-grin-tears:after {
  content: "\10f588"; }
.fad.fa-grin-tongue:after {
  content: "\10f589"; }
.fad.fa-grin-tongue-squint:after {
  content: "\10f58a"; }
.fad.fa-grin-tongue-wink:after {
  content: "\10f58b"; }
.fad.fa-grin-wink:after {
  content: "\10f58c"; }
.fad.fa-grip-horizontal:after {
  content: "\10f58d"; }
.fad.fa-grip-lines:after {
  content: "\10f7a4"; }
.fad.fa-grip-lines-vertical:after {
  content: "\10f7a5"; }
.fad.fa-grip-vertical:after {
  content: "\10f58e"; }
.fad.fa-guitar:after {
  content: "\10f7a6"; }
.fad.fa-guitar-electric:after {
  content: "\10f8be"; }
.fad.fa-guitars:after {
  content: "\10f8bf"; }
.fad.fa-h-square:after {
  content: "\10f0fd"; }
.fad.fa-h1:after {
  content: "\10f313"; }
.fad.fa-h2:after {
  content: "\10f314"; }
.fad.fa-h3:after {
  content: "\10f315"; }
.fad.fa-h4:after {
  content: "\10f86a"; }
.fad.fa-hamburger:after {
  content: "\10f805"; }
.fad.fa-hammer:after {
  content: "\10f6e3"; }
.fad.fa-hammer-war:after {
  content: "\10f6e4"; }
.fad.fa-hamsa:after {
  content: "\10f665"; }
.fad.fa-hand-heart:after {
  content: "\10f4bc"; }
.fad.fa-hand-holding:after {
  content: "\10f4bd"; }
.fad.fa-hand-holding-box:after {
  content: "\10f47b"; }
.fad.fa-hand-holding-heart:after {
  content: "\10f4be"; }
.fad.fa-hand-holding-magic:after {
  content: "\10f6e5"; }
.fad.fa-hand-holding-medical:after {
  content: "\10e05c"; }
.fad.fa-hand-holding-seedling:after {
  content: "\10f4bf"; }
.fad.fa-hand-holding-usd:after {
  content: "\10f4c0"; }
.fad.fa-hand-holding-water:after {
  content: "\10f4c1"; }
.fad.fa-hand-lizard:after {
  content: "\10f258"; }
.fad.fa-hand-middle-finger:after {
  content: "\10f806"; }
.fad.fa-hand-paper:after {
  content: "\10f256"; }
.fad.fa-hand-peace:after {
  content: "\10f25b"; }
.fad.fa-hand-point-down:after {
  content: "\10f0a7"; }
.fad.fa-hand-point-left:after {
  content: "\10f0a5"; }
.fad.fa-hand-point-right:after {
  content: "\10f0a4"; }
.fad.fa-hand-point-up:after {
  content: "\10f0a6"; }
.fad.fa-hand-pointer:after {
  content: "\10f25a"; }
.fad.fa-hand-receiving:after {
  content: "\10f47c"; }
.fad.fa-hand-rock:after {
  content: "\10f255"; }
.fad.fa-hand-scissors:after {
  content: "\10f257"; }
.fad.fa-hand-sparkles:after {
  content: "\10e05d"; }
.fad.fa-hand-spock:after {
  content: "\10f259"; }
.fad.fa-hands:after {
  content: "\10f4c2"; }
.fad.fa-hands-heart:after {
  content: "\10f4c3"; }
.fad.fa-hands-helping:after {
  content: "\10f4c4"; }
.fad.fa-hands-usd:after {
  content: "\10f4c5"; }
.fad.fa-hands-wash:after {
  content: "\10e05e"; }
.fad.fa-handshake:after {
  content: "\10f2b5"; }
.fad.fa-handshake-alt:after {
  content: "\10f4c6"; }
.fad.fa-handshake-alt-slash:after {
  content: "\10e05f"; }
.fad.fa-handshake-slash:after {
  content: "\10e060"; }
.fad.fa-hanukiah:after {
  content: "\10f6e6"; }
.fad.fa-hard-hat:after {
  content: "\10f807"; }
.fad.fa-hashtag:after {
  content: "\10f292"; }
.fad.fa-hat-chef:after {
  content: "\10f86b"; }
.fad.fa-hat-cowboy:after {
  content: "\10f8c0"; }
.fad.fa-hat-cowboy-side:after {
  content: "\10f8c1"; }
.fad.fa-hat-santa:after {
  content: "\10f7a7"; }
.fad.fa-hat-winter:after {
  content: "\10f7a8"; }
.fad.fa-hat-witch:after {
  content: "\10f6e7"; }
.fad.fa-hat-wizard:after {
  content: "\10f6e8"; }
.fad.fa-hdd:after {
  content: "\10f0a0"; }
.fad.fa-head-side:after {
  content: "\10f6e9"; }
.fad.fa-head-side-brain:after {
  content: "\10f808"; }
.fad.fa-head-side-cough:after {
  content: "\10e061"; }
.fad.fa-head-side-cough-slash:after {
  content: "\10e062"; }
.fad.fa-head-side-headphones:after {
  content: "\10f8c2"; }
.fad.fa-head-side-mask:after {
  content: "\10e063"; }
.fad.fa-head-side-medical:after {
  content: "\10f809"; }
.fad.fa-head-side-virus:after {
  content: "\10e064"; }
.fad.fa-head-vr:after {
  content: "\10f6ea"; }
.fad.fa-heading:after {
  content: "\10f1dc"; }
.fad.fa-headphones:after {
  content: "\10f025"; }
.fad.fa-headphones-alt:after {
  content: "\10f58f"; }
.fad.fa-headset:after {
  content: "\10f590"; }
.fad.fa-heart:after {
  content: "\10f004"; }
.fad.fa-heart-broken:after {
  content: "\10f7a9"; }
.fad.fa-heart-circle:after {
  content: "\10f4c7"; }
.fad.fa-heart-rate:after {
  content: "\10f5f8"; }
.fad.fa-heart-square:after {
  content: "\10f4c8"; }
.fad.fa-heartbeat:after {
  content: "\10f21e"; }
.fad.fa-heat:after {
  content: "\10e00c"; }
.fad.fa-helicopter:after {
  content: "\10f533"; }
.fad.fa-helmet-battle:after {
  content: "\10f6eb"; }
.fad.fa-hexagon:after {
  content: "\10f312"; }
.fad.fa-highlighter:after {
  content: "\10f591"; }
.fad.fa-hiking:after {
  content: "\10f6ec"; }
.fad.fa-hippo:after {
  content: "\10f6ed"; }
.fad.fa-history:after {
  content: "\10f1da"; }
.fad.fa-hockey-mask:after {
  content: "\10f6ee"; }
.fad.fa-hockey-puck:after {
  content: "\10f453"; }
.fad.fa-hockey-sticks:after {
  content: "\10f454"; }
.fad.fa-holly-berry:after {
  content: "\10f7aa"; }
.fad.fa-home:after {
  content: "\10f015"; }
.fad.fa-home-alt:after {
  content: "\10f80a"; }
.fad.fa-home-heart:after {
  content: "\10f4c9"; }
.fad.fa-home-lg:after {
  content: "\10f80b"; }
.fad.fa-home-lg-alt:after {
  content: "\10f80c"; }
.fad.fa-hood-cloak:after {
  content: "\10f6ef"; }
.fad.fa-horizontal-rule:after {
  content: "\10f86c"; }
.fad.fa-horse:after {
  content: "\10f6f0"; }
.fad.fa-horse-head:after {
  content: "\10f7ab"; }
.fad.fa-horse-saddle:after {
  content: "\10f8c3"; }
.fad.fa-hospital:after {
  content: "\10f0f8"; }
.fad.fa-hospital-alt:after {
  content: "\10f47d"; }
.fad.fa-hospital-symbol:after {
  content: "\10f47e"; }
.fad.fa-hospital-user:after {
  content: "\10f80d"; }
.fad.fa-hospitals:after {
  content: "\10f80e"; }
.fad.fa-hot-tub:after {
  content: "\10f593"; }
.fad.fa-hotdog:after {
  content: "\10f80f"; }
.fad.fa-hotel:after {
  content: "\10f594"; }
.fad.fa-hourglass:after {
  content: "\10f254"; }
.fad.fa-hourglass-end:after {
  content: "\10f253"; }
.fad.fa-hourglass-half:after {
  content: "\10f252"; }
.fad.fa-hourglass-start:after {
  content: "\10f251"; }
.fad.fa-house:after {
  content: "\10e00d"; }
.fad.fa-house-damage:after {
  content: "\10f6f1"; }
.fad.fa-house-day:after {
  content: "\10e00e"; }
.fad.fa-house-flood:after {
  content: "\10f74f"; }
.fad.fa-house-leave:after {
  content: "\10e00f"; }
.fad.fa-house-night:after {
  content: "\10e010"; }
.fad.fa-house-return:after {
  content: "\10e011"; }
.fad.fa-house-signal:after {
  content: "\10e012"; }
.fad.fa-house-user:after {
  content: "\10e065"; }
.fad.fa-hryvnia:after {
  content: "\10f6f2"; }
.fad.fa-humidity:after {
  content: "\10f750"; }
.fad.fa-hurricane:after {
  content: "\10f751"; }
.fad.fa-i-cursor:after {
  content: "\10f246"; }
.fad.fa-ice-cream:after {
  content: "\10f810"; }
.fad.fa-ice-skate:after {
  content: "\10f7ac"; }
.fad.fa-icicles:after {
  content: "\10f7ad"; }
.fad.fa-icons:after {
  content: "\10f86d"; }
.fad.fa-icons-alt:after {
  content: "\10f86e"; }
.fad.fa-id-badge:after {
  content: "\10f2c1"; }
.fad.fa-id-card:after {
  content: "\10f2c2"; }
.fad.fa-id-card-alt:after {
  content: "\10f47f"; }
.fad.fa-igloo:after {
  content: "\10f7ae"; }
.fad.fa-image:after {
  content: "\10f03e"; }
.fad.fa-image-polaroid:after {
  content: "\10f8c4"; }
.fad.fa-images:after {
  content: "\10f302"; }
.fad.fa-inbox:after {
  content: "\10f01c"; }
.fad.fa-inbox-in:after {
  content: "\10f310"; }
.fad.fa-inbox-out:after {
  content: "\10f311"; }
.fad.fa-indent:after {
  content: "\10f03c"; }
.fad.fa-industry:after {
  content: "\10f275"; }
.fad.fa-industry-alt:after {
  content: "\10f3b3"; }
.fad.fa-infinity:after {
  content: "\10f534"; }
.fad.fa-info:after {
  content: "\10f129"; }
.fad.fa-info-circle:after {
  content: "\10f05a"; }
.fad.fa-info-square:after {
  content: "\10f30f"; }
.fad.fa-inhaler:after {
  content: "\10f5f9"; }
.fad.fa-integral:after {
  content: "\10f667"; }
.fad.fa-intersection:after {
  content: "\10f668"; }
.fad.fa-inventory:after {
  content: "\10f480"; }
.fad.fa-island-tropical:after {
  content: "\10f811"; }
.fad.fa-italic:after {
  content: "\10f033"; }
.fad.fa-jack-o-lantern:after {
  content: "\10f30e"; }
.fad.fa-jedi:after {
  content: "\10f669"; }
.fad.fa-joint:after {
  content: "\10f595"; }
.fad.fa-journal-whills:after {
  content: "\10f66a"; }
.fad.fa-joystick:after {
  content: "\10f8c5"; }
.fad.fa-jug:after {
  content: "\10f8c6"; }
.fad.fa-kaaba:after {
  content: "\10f66b"; }
.fad.fa-kazoo:after {
  content: "\10f8c7"; }
.fad.fa-kerning:after {
  content: "\10f86f"; }
.fad.fa-key:after {
  content: "\10f084"; }
.fad.fa-key-skeleton:after {
  content: "\10f6f3"; }
.fad.fa-keyboard:after {
  content: "\10f11c"; }
.fad.fa-keynote:after {
  content: "\10f66c"; }
.fad.fa-khanda:after {
  content: "\10f66d"; }
.fad.fa-kidneys:after {
  content: "\10f5fb"; }
.fad.fa-kiss:after {
  content: "\10f596"; }
.fad.fa-kiss-beam:after {
  content: "\10f597"; }
.fad.fa-kiss-wink-heart:after {
  content: "\10f598"; }
.fad.fa-kite:after {
  content: "\10f6f4"; }
.fad.fa-kiwi-bird:after {
  content: "\10f535"; }
.fad.fa-knife-kitchen:after {
  content: "\10f6f5"; }
.fad.fa-lambda:after {
  content: "\10f66e"; }
.fad.fa-lamp:after {
  content: "\10f4ca"; }
.fad.fa-lamp-desk:after {
  content: "\10e014"; }
.fad.fa-lamp-floor:after {
  content: "\10e015"; }
.fad.fa-landmark:after {
  content: "\10f66f"; }
.fad.fa-landmark-alt:after {
  content: "\10f752"; }
.fad.fa-language:after {
  content: "\10f1ab"; }
.fad.fa-laptop:after {
  content: "\10f109"; }
.fad.fa-laptop-code:after {
  content: "\10f5fc"; }
.fad.fa-laptop-house:after {
  content: "\10e066"; }
.fad.fa-laptop-medical:after {
  content: "\10f812"; }
.fad.fa-lasso:after {
  content: "\10f8c8"; }
.fad.fa-laugh:after {
  content: "\10f599"; }
.fad.fa-laugh-beam:after {
  content: "\10f59a"; }
.fad.fa-laugh-squint:after {
  content: "\10f59b"; }
.fad.fa-laugh-wink:after {
  content: "\10f59c"; }
.fad.fa-layer-group:after {
  content: "\10f5fd"; }
.fad.fa-layer-minus:after {
  content: "\10f5fe"; }
.fad.fa-layer-plus:after {
  content: "\10f5ff"; }
.fad.fa-leaf:after {
  content: "\10f06c"; }
.fad.fa-leaf-heart:after {
  content: "\10f4cb"; }
.fad.fa-leaf-maple:after {
  content: "\10f6f6"; }
.fad.fa-leaf-oak:after {
  content: "\10f6f7"; }
.fad.fa-lemon:after {
  content: "\10f094"; }
.fad.fa-less-than:after {
  content: "\10f536"; }
.fad.fa-less-than-equal:after {
  content: "\10f537"; }
.fad.fa-level-down:after {
  content: "\10f149"; }
.fad.fa-level-down-alt:after {
  content: "\10f3be"; }
.fad.fa-level-up:after {
  content: "\10f148"; }
.fad.fa-level-up-alt:after {
  content: "\10f3bf"; }
.fad.fa-life-ring:after {
  content: "\10f1cd"; }
.fad.fa-light-ceiling:after {
  content: "\10e016"; }
.fad.fa-light-switch:after {
  content: "\10e017"; }
.fad.fa-light-switch-off:after {
  content: "\10e018"; }
.fad.fa-light-switch-on:after {
  content: "\10e019"; }
.fad.fa-lightbulb:after {
  content: "\10f0eb"; }
.fad.fa-lightbulb-dollar:after {
  content: "\10f670"; }
.fad.fa-lightbulb-exclamation:after {
  content: "\10f671"; }
.fad.fa-lightbulb-on:after {
  content: "\10f672"; }
.fad.fa-lightbulb-slash:after {
  content: "\10f673"; }
.fad.fa-lights-holiday:after {
  content: "\10f7b2"; }
.fad.fa-line-columns:after {
  content: "\10f870"; }
.fad.fa-line-height:after {
  content: "\10f871"; }
.fad.fa-link:after {
  content: "\10f0c1"; }
.fad.fa-lips:after {
  content: "\10f600"; }
.fad.fa-lira-sign:after {
  content: "\10f195"; }
.fad.fa-list:after {
  content: "\10f03a"; }
.fad.fa-list-alt:after {
  content: "\10f022"; }
.fad.fa-list-music:after {
  content: "\10f8c9"; }
.fad.fa-list-ol:after {
  content: "\10f0cb"; }
.fad.fa-list-ul:after {
  content: "\10f0ca"; }
.fad.fa-location:after {
  content: "\10f601"; }
.fad.fa-location-arrow:after {
  content: "\10f124"; }
.fad.fa-location-circle:after {
  content: "\10f602"; }
.fad.fa-location-slash:after {
  content: "\10f603"; }
.fad.fa-lock:after {
  content: "\10f023"; }
.fad.fa-lock-alt:after {
  content: "\10f30d"; }
.fad.fa-lock-open:after {
  content: "\10f3c1"; }
.fad.fa-lock-open-alt:after {
  content: "\10f3c2"; }
.fad.fa-long-arrow-alt-down:after {
  content: "\10f309"; }
.fad.fa-long-arrow-alt-left:after {
  content: "\10f30a"; }
.fad.fa-long-arrow-alt-right:after {
  content: "\10f30b"; }
.fad.fa-long-arrow-alt-up:after {
  content: "\10f30c"; }
.fad.fa-long-arrow-down:after {
  content: "\10f175"; }
.fad.fa-long-arrow-left:after {
  content: "\10f177"; }
.fad.fa-long-arrow-right:after {
  content: "\10f178"; }
.fad.fa-long-arrow-up:after {
  content: "\10f176"; }
.fad.fa-loveseat:after {
  content: "\10f4cc"; }
.fad.fa-low-vision:after {
  content: "\10f2a8"; }
.fad.fa-luchador:after {
  content: "\10f455"; }
.fad.fa-luggage-cart:after {
  content: "\10f59d"; }
.fad.fa-lungs:after {
  content: "\10f604"; }
.fad.fa-lungs-virus:after {
  content: "\10e067"; }
.fad.fa-mace:after {
  content: "\10f6f8"; }
.fad.fa-magic:after {
  content: "\10f0d0"; }
.fad.fa-magnet:after {
  content: "\10f076"; }
.fad.fa-mail-bulk:after {
  content: "\10f674"; }
.fad.fa-mailbox:after {
  content: "\10f813"; }
.fad.fa-male:after {
  content: "\10f183"; }
.fad.fa-mandolin:after {
  content: "\10f6f9"; }
.fad.fa-map:after {
  content: "\10f279"; }
.fad.fa-map-marked:after {
  content: "\10f59f"; }
.fad.fa-map-marked-alt:after {
  content: "\10f5a0"; }
.fad.fa-map-marker:after {
  content: "\10f041"; }
.fad.fa-map-marker-alt:after {
  content: "\10f3c5"; }
.fad.fa-map-marker-alt-slash:after {
  content: "\10f605"; }
.fad.fa-map-marker-check:after {
  content: "\10f606"; }
.fad.fa-map-marker-edit:after {
  content: "\10f607"; }
.fad.fa-map-marker-exclamation:after {
  content: "\10f608"; }
.fad.fa-map-marker-minus:after {
  content: "\10f609"; }
.fad.fa-map-marker-plus:after {
  content: "\10f60a"; }
.fad.fa-map-marker-question:after {
  content: "\10f60b"; }
.fad.fa-map-marker-slash:after {
  content: "\10f60c"; }
.fad.fa-map-marker-smile:after {
  content: "\10f60d"; }
.fad.fa-map-marker-times:after {
  content: "\10f60e"; }
.fad.fa-map-pin:after {
  content: "\10f276"; }
.fad.fa-map-signs:after {
  content: "\10f277"; }
.fad.fa-marker:after {
  content: "\10f5a1"; }
.fad.fa-mars:after {
  content: "\10f222"; }
.fad.fa-mars-double:after {
  content: "\10f227"; }
.fad.fa-mars-stroke:after {
  content: "\10f229"; }
.fad.fa-mars-stroke-h:after {
  content: "\10f22b"; }
.fad.fa-mars-stroke-v:after {
  content: "\10f22a"; }
.fad.fa-mask:after {
  content: "\10f6fa"; }
.fad.fa-meat:after {
  content: "\10f814"; }
.fad.fa-medal:after {
  content: "\10f5a2"; }
.fad.fa-medkit:after {
  content: "\10f0fa"; }
.fad.fa-megaphone:after {
  content: "\10f675"; }
.fad.fa-meh:after {
  content: "\10f11a"; }
.fad.fa-meh-blank:after {
  content: "\10f5a4"; }
.fad.fa-meh-rolling-eyes:after {
  content: "\10f5a5"; }
.fad.fa-memory:after {
  content: "\10f538"; }
.fad.fa-menorah:after {
  content: "\10f676"; }
.fad.fa-mercury:after {
  content: "\10f223"; }
.fad.fa-meteor:after {
  content: "\10f753"; }
.fad.fa-microchip:after {
  content: "\10f2db"; }
.fad.fa-microphone:after {
  content: "\10f130"; }
.fad.fa-microphone-alt:after {
  content: "\10f3c9"; }
.fad.fa-microphone-alt-slash:after {
  content: "\10f539"; }
.fad.fa-microphone-slash:after {
  content: "\10f131"; }
.fad.fa-microphone-stand:after {
  content: "\10f8cb"; }
.fad.fa-microscope:after {
  content: "\10f610"; }
.fad.fa-microwave:after {
  content: "\10e01b"; }
.fad.fa-mind-share:after {
  content: "\10f677"; }
.fad.fa-minus:after {
  content: "\10f068"; }
.fad.fa-minus-circle:after {
  content: "\10f056"; }
.fad.fa-minus-hexagon:after {
  content: "\10f307"; }
.fad.fa-minus-octagon:after {
  content: "\10f308"; }
.fad.fa-minus-square:after {
  content: "\10f146"; }
.fad.fa-mistletoe:after {
  content: "\10f7b4"; }
.fad.fa-mitten:after {
  content: "\10f7b5"; }
.fad.fa-mobile:after {
  content: "\10f10b"; }
.fad.fa-mobile-alt:after {
  content: "\10f3cd"; }
.fad.fa-mobile-android:after {
  content: "\10f3ce"; }
.fad.fa-mobile-android-alt:after {
  content: "\10f3cf"; }
.fad.fa-money-bill:after {
  content: "\10f0d6"; }
.fad.fa-money-bill-alt:after {
  content: "\10f3d1"; }
.fad.fa-money-bill-wave:after {
  content: "\10f53a"; }
.fad.fa-money-bill-wave-alt:after {
  content: "\10f53b"; }
.fad.fa-money-check:after {
  content: "\10f53c"; }
.fad.fa-money-check-alt:after {
  content: "\10f53d"; }
.fad.fa-money-check-edit:after {
  content: "\10f872"; }
.fad.fa-money-check-edit-alt:after {
  content: "\10f873"; }
.fad.fa-monitor-heart-rate:after {
  content: "\10f611"; }
.fad.fa-monkey:after {
  content: "\10f6fb"; }
.fad.fa-monument:after {
  content: "\10f5a6"; }
.fad.fa-moon:after {
  content: "\10f186"; }
.fad.fa-moon-cloud:after {
  content: "\10f754"; }
.fad.fa-moon-stars:after {
  content: "\10f755"; }
.fad.fa-mortar-pestle:after {
  content: "\10f5a7"; }
.fad.fa-mosque:after {
  content: "\10f678"; }
.fad.fa-motorcycle:after {
  content: "\10f21c"; }
.fad.fa-mountain:after {
  content: "\10f6fc"; }
.fad.fa-mountains:after {
  content: "\10f6fd"; }
.fad.fa-mouse:after {
  content: "\10f8cc"; }
.fad.fa-mouse-alt:after {
  content: "\10f8cd"; }
.fad.fa-mouse-pointer:after {
  content: "\10f245"; }
.fad.fa-mp3-player:after {
  content: "\10f8ce"; }
.fad.fa-mug:after {
  content: "\10f874"; }
.fad.fa-mug-hot:after {
  content: "\10f7b6"; }
.fad.fa-mug-marshmallows:after {
  content: "\10f7b7"; }
.fad.fa-mug-tea:after {
  content: "\10f875"; }
.fad.fa-music:after {
  content: "\10f001"; }
.fad.fa-music-alt:after {
  content: "\10f8cf"; }
.fad.fa-music-alt-slash:after {
  content: "\10f8d0"; }
.fad.fa-music-slash:after {
  content: "\10f8d1"; }
.fad.fa-narwhal:after {
  content: "\10f6fe"; }
.fad.fa-network-wired:after {
  content: "\10f6ff"; }
.fad.fa-neuter:after {
  content: "\10f22c"; }
.fad.fa-newspaper:after {
  content: "\10f1ea"; }
.fad.fa-not-equal:after {
  content: "\10f53e"; }
.fad.fa-notes-medical:after {
  content: "\10f481"; }
.fad.fa-object-group:after {
  content: "\10f247"; }
.fad.fa-object-ungroup:after {
  content: "\10f248"; }
.fad.fa-octagon:after {
  content: "\10f306"; }
.fad.fa-oil-can:after {
  content: "\10f613"; }
.fad.fa-oil-temp:after {
  content: "\10f614"; }
.fad.fa-om:after {
  content: "\10f679"; }
.fad.fa-omega:after {
  content: "\10f67a"; }
.fad.fa-ornament:after {
  content: "\10f7b8"; }
.fad.fa-otter:after {
  content: "\10f700"; }
.fad.fa-outdent:after {
  content: "\10f03b"; }
.fad.fa-outlet:after {
  content: "\10e01c"; }
.fad.fa-oven:after {
  content: "\10e01d"; }
.fad.fa-overline:after {
  content: "\10f876"; }
.fad.fa-page-break:after {
  content: "\10f877"; }
.fad.fa-pager:after {
  content: "\10f815"; }
.fad.fa-paint-brush:after {
  content: "\10f1fc"; }
.fad.fa-paint-brush-alt:after {
  content: "\10f5a9"; }
.fad.fa-paint-roller:after {
  content: "\10f5aa"; }
.fad.fa-palette:after {
  content: "\10f53f"; }
.fad.fa-pallet:after {
  content: "\10f482"; }
.fad.fa-pallet-alt:after {
  content: "\10f483"; }
.fad.fa-paper-plane:after {
  content: "\10f1d8"; }
.fad.fa-paperclip:after {
  content: "\10f0c6"; }
.fad.fa-parachute-box:after {
  content: "\10f4cd"; }
.fad.fa-paragraph:after {
  content: "\10f1dd"; }
.fad.fa-paragraph-rtl:after {
  content: "\10f878"; }
.fad.fa-parking:after {
  content: "\10f540"; }
.fad.fa-parking-circle:after {
  content: "\10f615"; }
.fad.fa-parking-circle-slash:after {
  content: "\10f616"; }
.fad.fa-parking-slash:after {
  content: "\10f617"; }
.fad.fa-passport:after {
  content: "\10f5ab"; }
.fad.fa-pastafarianism:after {
  content: "\10f67b"; }
.fad.fa-paste:after {
  content: "\10f0ea"; }
.fad.fa-pause:after {
  content: "\10f04c"; }
.fad.fa-pause-circle:after {
  content: "\10f28b"; }
.fad.fa-paw:after {
  content: "\10f1b0"; }
.fad.fa-paw-alt:after {
  content: "\10f701"; }
.fad.fa-paw-claws:after {
  content: "\10f702"; }
.fad.fa-peace:after {
  content: "\10f67c"; }
.fad.fa-pegasus:after {
  content: "\10f703"; }
.fad.fa-pen:after {
  content: "\10f304"; }
.fad.fa-pen-alt:after {
  content: "\10f305"; }
.fad.fa-pen-fancy:after {
  content: "\10f5ac"; }
.fad.fa-pen-nib:after {
  content: "\10f5ad"; }
.fad.fa-pen-square:after {
  content: "\10f14b"; }
.fad.fa-pencil:after {
  content: "\10f040"; }
.fad.fa-pencil-alt:after {
  content: "\10f303"; }
.fad.fa-pencil-paintbrush:after {
  content: "\10f618"; }
.fad.fa-pencil-ruler:after {
  content: "\10f5ae"; }
.fad.fa-pennant:after {
  content: "\10f456"; }
.fad.fa-people-arrows:after {
  content: "\10e068"; }
.fad.fa-people-carry:after {
  content: "\10f4ce"; }
.fad.fa-pepper-hot:after {
  content: "\10f816"; }
.fad.fa-percent:after {
  content: "\10f295"; }
.fad.fa-percentage:after {
  content: "\10f541"; }
.fad.fa-person-booth:after {
  content: "\10f756"; }
.fad.fa-person-carry:after {
  content: "\10f4cf"; }
.fad.fa-person-dolly:after {
  content: "\10f4d0"; }
.fad.fa-person-dolly-empty:after {
  content: "\10f4d1"; }
.fad.fa-person-sign:after {
  content: "\10f757"; }
.fad.fa-phone:after {
  content: "\10f095"; }
.fad.fa-phone-alt:after {
  content: "\10f879"; }
.fad.fa-phone-laptop:after {
  content: "\10f87a"; }
.fad.fa-phone-office:after {
  content: "\10f67d"; }
.fad.fa-phone-plus:after {
  content: "\10f4d2"; }
.fad.fa-phone-rotary:after {
  content: "\10f8d3"; }
.fad.fa-phone-slash:after {
  content: "\10f3dd"; }
.fad.fa-phone-square:after {
  content: "\10f098"; }
.fad.fa-phone-square-alt:after {
  content: "\10f87b"; }
.fad.fa-phone-volume:after {
  content: "\10f2a0"; }
.fad.fa-photo-video:after {
  content: "\10f87c"; }
.fad.fa-pi:after {
  content: "\10f67e"; }
.fad.fa-piano:after {
  content: "\10f8d4"; }
.fad.fa-piano-keyboard:after {
  content: "\10f8d5"; }
.fad.fa-pie:after {
  content: "\10f705"; }
.fad.fa-pig:after {
  content: "\10f706"; }
.fad.fa-piggy-bank:after {
  content: "\10f4d3"; }
.fad.fa-pills:after {
  content: "\10f484"; }
.fad.fa-pizza:after {
  content: "\10f817"; }
.fad.fa-pizza-slice:after {
  content: "\10f818"; }
.fad.fa-place-of-worship:after {
  content: "\10f67f"; }
.fad.fa-plane:after {
  content: "\10f072"; }
.fad.fa-plane-alt:after {
  content: "\10f3de"; }
.fad.fa-plane-arrival:after {
  content: "\10f5af"; }
.fad.fa-plane-departure:after {
  content: "\10f5b0"; }
.fad.fa-plane-slash:after {
  content: "\10e069"; }
.fad.fa-planet-moon:after {
  content: "\10e01f"; }
.fad.fa-planet-ringed:after {
  content: "\10e020"; }
.fad.fa-play:after {
  content: "\10f04b"; }
.fad.fa-play-circle:after {
  content: "\10f144"; }
.fad.fa-plug:after {
  content: "\10f1e6"; }
.fad.fa-plus:after {
  content: "\10f067"; }
.fad.fa-plus-circle:after {
  content: "\10f055"; }
.fad.fa-plus-hexagon:after {
  content: "\10f300"; }
.fad.fa-plus-octagon:after {
  content: "\10f301"; }
.fad.fa-plus-square:after {
  content: "\10f0fe"; }
.fad.fa-podcast:after {
  content: "\10f2ce"; }
.fad.fa-podium:after {
  content: "\10f680"; }
.fad.fa-podium-star:after {
  content: "\10f758"; }
.fad.fa-police-box:after {
  content: "\10e021"; }
.fad.fa-poll:after {
  content: "\10f681"; }
.fad.fa-poll-h:after {
  content: "\10f682"; }
.fad.fa-poll-people:after {
  content: "\10f759"; }
.fad.fa-poo:after {
  content: "\10f2fe"; }
.fad.fa-poo-storm:after {
  content: "\10f75a"; }
.fad.fa-poop:after {
  content: "\10f619"; }
.fad.fa-popcorn:after {
  content: "\10f819"; }
.fad.fa-portal-enter:after {
  content: "\10e022"; }
.fad.fa-portal-exit:after {
  content: "\10e023"; }
.fad.fa-portrait:after {
  content: "\10f3e0"; }
.fad.fa-pound-sign:after {
  content: "\10f154"; }
.fad.fa-power-off:after {
  content: "\10f011"; }
.fad.fa-pray:after {
  content: "\10f683"; }
.fad.fa-praying-hands:after {
  content: "\10f684"; }
.fad.fa-prescription:after {
  content: "\10f5b1"; }
.fad.fa-prescription-bottle:after {
  content: "\10f485"; }
.fad.fa-prescription-bottle-alt:after {
  content: "\10f486"; }
.fad.fa-presentation:after {
  content: "\10f685"; }
.fad.fa-print:after {
  content: "\10f02f"; }
.fad.fa-print-search:after {
  content: "\10f81a"; }
.fad.fa-print-slash:after {
  content: "\10f686"; }
.fad.fa-procedures:after {
  content: "\10f487"; }
.fad.fa-project-diagram:after {
  content: "\10f542"; }
.fad.fa-projector:after {
  content: "\10f8d6"; }
.fad.fa-pump-medical:after {
  content: "\10e06a"; }
.fad.fa-pump-soap:after {
  content: "\10e06b"; }
.fad.fa-pumpkin:after {
  content: "\10f707"; }
.fad.fa-puzzle-piece:after {
  content: "\10f12e"; }
.fad.fa-qrcode:after {
  content: "\10f029"; }
.fad.fa-question:after {
  content: "\10f128"; }
.fad.fa-question-circle:after {
  content: "\10f059"; }
.fad.fa-question-square:after {
  content: "\10f2fd"; }
.fad.fa-quidditch:after {
  content: "\10f458"; }
.fad.fa-quote-left:after {
  content: "\10f10d"; }
.fad.fa-quote-right:after {
  content: "\10f10e"; }
.fad.fa-quran:after {
  content: "\10f687"; }
.fad.fa-rabbit:after {
  content: "\10f708"; }
.fad.fa-rabbit-fast:after {
  content: "\10f709"; }
.fad.fa-racquet:after {
  content: "\10f45a"; }
.fad.fa-radar:after {
  content: "\10e024"; }
.fad.fa-radiation:after {
  content: "\10f7b9"; }
.fad.fa-radiation-alt:after {
  content: "\10f7ba"; }
.fad.fa-radio:after {
  content: "\10f8d7"; }
.fad.fa-radio-alt:after {
  content: "\10f8d8"; }
.fad.fa-rainbow:after {
  content: "\10f75b"; }
.fad.fa-raindrops:after {
  content: "\10f75c"; }
.fad.fa-ram:after {
  content: "\10f70a"; }
.fad.fa-ramp-loading:after {
  content: "\10f4d4"; }
.fad.fa-random:after {
  content: "\10f074"; }
.fad.fa-raygun:after {
  content: "\10e025"; }
.fad.fa-receipt:after {
  content: "\10f543"; }
.fad.fa-record-vinyl:after {
  content: "\10f8d9"; }
.fad.fa-rectangle-landscape:after {
  content: "\10f2fa"; }
.fad.fa-rectangle-portrait:after {
  content: "\10f2fb"; }
.fad.fa-rectangle-wide:after {
  content: "\10f2fc"; }
.fad.fa-recycle:after {
  content: "\10f1b8"; }
.fad.fa-redo:after {
  content: "\10f01e"; }
.fad.fa-redo-alt:after {
  content: "\10f2f9"; }
.fad.fa-refrigerator:after {
  content: "\10e026"; }
.fad.fa-registered:after {
  content: "\10f25d"; }
.fad.fa-remove-format:after {
  content: "\10f87d"; }
.fad.fa-repeat:after {
  content: "\10f363"; }
.fad.fa-repeat-1:after {
  content: "\10f365"; }
.fad.fa-repeat-1-alt:after {
  content: "\10f366"; }
.fad.fa-repeat-alt:after {
  content: "\10f364"; }
.fad.fa-reply:after {
  content: "\10f3e5"; }
.fad.fa-reply-all:after {
  content: "\10f122"; }
.fad.fa-republican:after {
  content: "\10f75e"; }
.fad.fa-restroom:after {
  content: "\10f7bd"; }
.fad.fa-retweet:after {
  content: "\10f079"; }
.fad.fa-retweet-alt:after {
  content: "\10f361"; }
.fad.fa-ribbon:after {
  content: "\10f4d6"; }
.fad.fa-ring:after {
  content: "\10f70b"; }
.fad.fa-rings-wedding:after {
  content: "\10f81b"; }
.fad.fa-road:after {
  content: "\10f018"; }
.fad.fa-robot:after {
  content: "\10f544"; }
.fad.fa-rocket:after {
  content: "\10f135"; }
.fad.fa-rocket-launch:after {
  content: "\10e027"; }
.fad.fa-route:after {
  content: "\10f4d7"; }
.fad.fa-route-highway:after {
  content: "\10f61a"; }
.fad.fa-route-interstate:after {
  content: "\10f61b"; }
.fad.fa-router:after {
  content: "\10f8da"; }
.fad.fa-rss:after {
  content: "\10f09e"; }
.fad.fa-rss-square:after {
  content: "\10f143"; }
.fad.fa-ruble-sign:after {
  content: "\10f158"; }
.fad.fa-ruler:after {
  content: "\10f545"; }
.fad.fa-ruler-combined:after {
  content: "\10f546"; }
.fad.fa-ruler-horizontal:after {
  content: "\10f547"; }
.fad.fa-ruler-triangle:after {
  content: "\10f61c"; }
.fad.fa-ruler-vertical:after {
  content: "\10f548"; }
.fad.fa-running:after {
  content: "\10f70c"; }
.fad.fa-rupee-sign:after {
  content: "\10f156"; }
.fad.fa-rv:after {
  content: "\10f7be"; }
.fad.fa-sack:after {
  content: "\10f81c"; }
.fad.fa-sack-dollar:after {
  content: "\10f81d"; }
.fad.fa-sad-cry:after {
  content: "\10f5b3"; }
.fad.fa-sad-tear:after {
  content: "\10f5b4"; }
.fad.fa-salad:after {
  content: "\10f81e"; }
.fad.fa-sandwich:after {
  content: "\10f81f"; }
.fad.fa-satellite:after {
  content: "\10f7bf"; }
.fad.fa-satellite-dish:after {
  content: "\10f7c0"; }
.fad.fa-sausage:after {
  content: "\10f820"; }
.fad.fa-save:after {
  content: "\10f0c7"; }
.fad.fa-sax-hot:after {
  content: "\10f8db"; }
.fad.fa-saxophone:after {
  content: "\10f8dc"; }
.fad.fa-scalpel:after {
  content: "\10f61d"; }
.fad.fa-scalpel-path:after {
  content: "\10f61e"; }
.fad.fa-scanner:after {
  content: "\10f488"; }
.fad.fa-scanner-image:after {
  content: "\10f8f3"; }
.fad.fa-scanner-keyboard:after {
  content: "\10f489"; }
.fad.fa-scanner-touchscreen:after {
  content: "\10f48a"; }
.fad.fa-scarecrow:after {
  content: "\10f70d"; }
.fad.fa-scarf:after {
  content: "\10f7c1"; }
.fad.fa-school:after {
  content: "\10f549"; }
.fad.fa-screwdriver:after {
  content: "\10f54a"; }
.fad.fa-scroll:after {
  content: "\10f70e"; }
.fad.fa-scroll-old:after {
  content: "\10f70f"; }
.fad.fa-scrubber:after {
  content: "\10f2f8"; }
.fad.fa-scythe:after {
  content: "\10f710"; }
.fad.fa-sd-card:after {
  content: "\10f7c2"; }
.fad.fa-search:after {
  content: "\10f002"; }
.fad.fa-search-dollar:after {
  content: "\10f688"; }
.fad.fa-search-location:after {
  content: "\10f689"; }
.fad.fa-search-minus:after {
  content: "\10f010"; }
.fad.fa-search-plus:after {
  content: "\10f00e"; }
.fad.fa-seedling:after {
  content: "\10f4d8"; }
.fad.fa-send-back:after {
  content: "\10f87e"; }
.fad.fa-send-backward:after {
  content: "\10f87f"; }
.fad.fa-sensor:after {
  content: "\10e028"; }
.fad.fa-sensor-alert:after {
  content: "\10e029"; }
.fad.fa-sensor-fire:after {
  content: "\10e02a"; }
.fad.fa-sensor-on:after {
  content: "\10e02b"; }
.fad.fa-sensor-smoke:after {
  content: "\10e02c"; }
.fad.fa-server:after {
  content: "\10f233"; }
.fad.fa-shapes:after {
  content: "\10f61f"; }
.fad.fa-share:after {
  content: "\10f064"; }
.fad.fa-share-all:after {
  content: "\10f367"; }
.fad.fa-share-alt:after {
  content: "\10f1e0"; }
.fad.fa-share-alt-square:after {
  content: "\10f1e1"; }
.fad.fa-share-square:after {
  content: "\10f14d"; }
.fad.fa-sheep:after {
  content: "\10f711"; }
.fad.fa-shekel-sign:after {
  content: "\10f20b"; }
.fad.fa-shield:after {
  content: "\10f132"; }
.fad.fa-shield-alt:after {
  content: "\10f3ed"; }
.fad.fa-shield-check:after {
  content: "\10f2f7"; }
.fad.fa-shield-cross:after {
  content: "\10f712"; }
.fad.fa-shield-virus:after {
  content: "\10e06c"; }
.fad.fa-ship:after {
  content: "\10f21a"; }
.fad.fa-shipping-fast:after {
  content: "\10f48b"; }
.fad.fa-shipping-timed:after {
  content: "\10f48c"; }
.fad.fa-shish-kebab:after {
  content: "\10f821"; }
.fad.fa-shoe-prints:after {
  content: "\10f54b"; }
.fad.fa-shopping-bag:after {
  content: "\10f290"; }
.fad.fa-shopping-basket:after {
  content: "\10f291"; }
.fad.fa-shopping-cart:after {
  content: "\10f07a"; }
.fad.fa-shovel:after {
  content: "\10f713"; }
.fad.fa-shovel-snow:after {
  content: "\10f7c3"; }
.fad.fa-shower:after {
  content: "\10f2cc"; }
.fad.fa-shredder:after {
  content: "\10f68a"; }
.fad.fa-shuttle-van:after {
  content: "\10f5b6"; }
.fad.fa-shuttlecock:after {
  content: "\10f45b"; }
.fad.fa-sickle:after {
  content: "\10f822"; }
.fad.fa-sigma:after {
  content: "\10f68b"; }
.fad.fa-sign:after {
  content: "\10f4d9"; }
.fad.fa-sign-in:after {
  content: "\10f090"; }
.fad.fa-sign-in-alt:after {
  content: "\10f2f6"; }
.fad.fa-sign-language:after {
  content: "\10f2a7"; }
.fad.fa-sign-out:after {
  content: "\10f08b"; }
.fad.fa-sign-out-alt:after {
  content: "\10f2f5"; }
.fad.fa-signal:after {
  content: "\10f012"; }
.fad.fa-signal-1:after {
  content: "\10f68c"; }
.fad.fa-signal-2:after {
  content: "\10f68d"; }
.fad.fa-signal-3:after {
  content: "\10f68e"; }
.fad.fa-signal-4:after {
  content: "\10f68f"; }
.fad.fa-signal-alt:after {
  content: "\10f690"; }
.fad.fa-signal-alt-1:after {
  content: "\10f691"; }
.fad.fa-signal-alt-2:after {
  content: "\10f692"; }
.fad.fa-signal-alt-3:after {
  content: "\10f693"; }
.fad.fa-signal-alt-slash:after {
  content: "\10f694"; }
.fad.fa-signal-slash:after {
  content: "\10f695"; }
.fad.fa-signal-stream:after {
  content: "\10f8dd"; }
.fad.fa-signature:after {
  content: "\10f5b7"; }
.fad.fa-sim-card:after {
  content: "\10f7c4"; }
.fad.fa-sink:after {
  content: "\10e06d"; }
.fad.fa-siren:after {
  content: "\10e02d"; }
.fad.fa-siren-on:after {
  content: "\10e02e"; }
.fad.fa-sitemap:after {
  content: "\10f0e8"; }
.fad.fa-skating:after {
  content: "\10f7c5"; }
.fad.fa-skeleton:after {
  content: "\10f620"; }
.fad.fa-ski-jump:after {
  content: "\10f7c7"; }
.fad.fa-ski-lift:after {
  content: "\10f7c8"; }
.fad.fa-skiing:after {
  content: "\10f7c9"; }
.fad.fa-skiing-nordic:after {
  content: "\10f7ca"; }
.fad.fa-skull:after {
  content: "\10f54c"; }
.fad.fa-skull-cow:after {
  content: "\10f8de"; }
.fad.fa-skull-crossbones:after {
  content: "\10f714"; }
.fad.fa-slash:after {
  content: "\10f715"; }
.fad.fa-sledding:after {
  content: "\10f7cb"; }
.fad.fa-sleigh:after {
  content: "\10f7cc"; }
.fad.fa-sliders-h:after {
  content: "\10f1de"; }
.fad.fa-sliders-h-square:after {
  content: "\10f3f0"; }
.fad.fa-sliders-v:after {
  content: "\10f3f1"; }
.fad.fa-sliders-v-square:after {
  content: "\10f3f2"; }
.fad.fa-smile:after {
  content: "\10f118"; }
.fad.fa-smile-beam:after {
  content: "\10f5b8"; }
.fad.fa-smile-plus:after {
  content: "\10f5b9"; }
.fad.fa-smile-wink:after {
  content: "\10f4da"; }
.fad.fa-smog:after {
  content: "\10f75f"; }
.fad.fa-smoke:after {
  content: "\10f760"; }
.fad.fa-smoking:after {
  content: "\10f48d"; }
.fad.fa-smoking-ban:after {
  content: "\10f54d"; }
.fad.fa-sms:after {
  content: "\10f7cd"; }
.fad.fa-snake:after {
  content: "\10f716"; }
.fad.fa-snooze:after {
  content: "\10f880"; }
.fad.fa-snow-blowing:after {
  content: "\10f761"; }
.fad.fa-snowboarding:after {
  content: "\10f7ce"; }
.fad.fa-snowflake:after {
  content: "\10f2dc"; }
.fad.fa-snowflakes:after {
  content: "\10f7cf"; }
.fad.fa-snowman:after {
  content: "\10f7d0"; }
.fad.fa-snowmobile:after {
  content: "\10f7d1"; }
.fad.fa-snowplow:after {
  content: "\10f7d2"; }
.fad.fa-soap:after {
  content: "\10e06e"; }
.fad.fa-socks:after {
  content: "\10f696"; }
.fad.fa-solar-panel:after {
  content: "\10f5ba"; }
.fad.fa-solar-system:after {
  content: "\10e02f"; }
.fad.fa-sort:after {
  content: "\10f0dc"; }
.fad.fa-sort-alpha-down:after {
  content: "\10f15d"; }
.fad.fa-sort-alpha-down-alt:after {
  content: "\10f881"; }
.fad.fa-sort-alpha-up:after {
  content: "\10f15e"; }
.fad.fa-sort-alpha-up-alt:after {
  content: "\10f882"; }
.fad.fa-sort-alt:after {
  content: "\10f883"; }
.fad.fa-sort-amount-down:after {
  content: "\10f160"; }
.fad.fa-sort-amount-down-alt:after {
  content: "\10f884"; }
.fad.fa-sort-amount-up:after {
  content: "\10f161"; }
.fad.fa-sort-amount-up-alt:after {
  content: "\10f885"; }
.fad.fa-sort-circle:after {
  content: "\10e030"; }
.fad.fa-sort-circle-down:after {
  content: "\10e031"; }
.fad.fa-sort-circle-up:after {
  content: "\10e032"; }
.fad.fa-sort-down:after {
  content: "\10f0dd"; }
.fad.fa-sort-numeric-down:after {
  content: "\10f162"; }
.fad.fa-sort-numeric-down-alt:after {
  content: "\10f886"; }
.fad.fa-sort-numeric-up:after {
  content: "\10f163"; }
.fad.fa-sort-numeric-up-alt:after {
  content: "\10f887"; }
.fad.fa-sort-shapes-down:after {
  content: "\10f888"; }
.fad.fa-sort-shapes-down-alt:after {
  content: "\10f889"; }
.fad.fa-sort-shapes-up:after {
  content: "\10f88a"; }
.fad.fa-sort-shapes-up-alt:after {
  content: "\10f88b"; }
.fad.fa-sort-size-down:after {
  content: "\10f88c"; }
.fad.fa-sort-size-down-alt:after {
  content: "\10f88d"; }
.fad.fa-sort-size-up:after {
  content: "\10f88e"; }
.fad.fa-sort-size-up-alt:after {
  content: "\10f88f"; }
.fad.fa-sort-up:after {
  content: "\10f0de"; }
.fad.fa-soup:after {
  content: "\10f823"; }
.fad.fa-spa:after {
  content: "\10f5bb"; }
.fad.fa-space-shuttle:after {
  content: "\10f197"; }
.fad.fa-space-station-moon:after {
  content: "\10e033"; }
.fad.fa-space-station-moon-alt:after {
  content: "\10e034"; }
.fad.fa-spade:after {
  content: "\10f2f4"; }
.fad.fa-sparkles:after {
  content: "\10f890"; }
.fad.fa-speaker:after {
  content: "\10f8df"; }
.fad.fa-speakers:after {
  content: "\10f8e0"; }
.fad.fa-spell-check:after {
  content: "\10f891"; }
.fad.fa-spider:after {
  content: "\10f717"; }
.fad.fa-spider-black-widow:after {
  content: "\10f718"; }
.fad.fa-spider-web:after {
  content: "\10f719"; }
.fad.fa-spinner:after {
  content: "\10f110"; }
.fad.fa-spinner-third:after {
  content: "\10f3f4"; }
.fad.fa-splotch:after {
  content: "\10f5bc"; }
.fad.fa-spray-can:after {
  content: "\10f5bd"; }
.fad.fa-sprinkler:after {
  content: "\10e035"; }
.fad.fa-square:after {
  content: "\10f0c8"; }
.fad.fa-square-full:after {
  content: "\10f45c"; }
.fad.fa-square-root:after {
  content: "\10f697"; }
.fad.fa-square-root-alt:after {
  content: "\10f698"; }
.fad.fa-squirrel:after {
  content: "\10f71a"; }
.fad.fa-staff:after {
  content: "\10f71b"; }
.fad.fa-stamp:after {
  content: "\10f5bf"; }
.fad.fa-star:after {
  content: "\10f005"; }
.fad.fa-star-and-crescent:after {
  content: "\10f699"; }
.fad.fa-star-christmas:after {
  content: "\10f7d4"; }
.fad.fa-star-exclamation:after {
  content: "\10f2f3"; }
.fad.fa-star-half:after {
  content: "\10f089"; }
.fad.fa-star-half-alt:after {
  content: "\10f5c0"; }
.fad.fa-star-of-david:after {
  content: "\10f69a"; }
.fad.fa-star-of-life:after {
  content: "\10f621"; }
.fad.fa-star-shooting:after {
  content: "\10e036"; }
.fad.fa-starfighter:after {
  content: "\10e037"; }
.fad.fa-starfighter-alt:after {
  content: "\10e038"; }
.fad.fa-stars:after {
  content: "\10f762"; }
.fad.fa-starship:after {
  content: "\10e039"; }
.fad.fa-starship-freighter:after {
  content: "\10e03a"; }
.fad.fa-steak:after {
  content: "\10f824"; }
.fad.fa-steering-wheel:after {
  content: "\10f622"; }
.fad.fa-step-backward:after {
  content: "\10f048"; }
.fad.fa-step-forward:after {
  content: "\10f051"; }
.fad.fa-stethoscope:after {
  content: "\10f0f1"; }
.fad.fa-sticky-note:after {
  content: "\10f249"; }
.fad.fa-stocking:after {
  content: "\10f7d5"; }
.fad.fa-stomach:after {
  content: "\10f623"; }
.fad.fa-stop:after {
  content: "\10f04d"; }
.fad.fa-stop-circle:after {
  content: "\10f28d"; }
.fad.fa-stopwatch:after {
  content: "\10f2f2"; }
.fad.fa-stopwatch-20:after {
  content: "\10e06f"; }
.fad.fa-store:after {
  content: "\10f54e"; }
.fad.fa-store-alt:after {
  content: "\10f54f"; }
.fad.fa-store-alt-slash:after {
  content: "\10e070"; }
.fad.fa-store-slash:after {
  content: "\10e071"; }
.fad.fa-stream:after {
  content: "\10f550"; }
.fad.fa-street-view:after {
  content: "\10f21d"; }
.fad.fa-stretcher:after {
  content: "\10f825"; }
.fad.fa-strikethrough:after {
  content: "\10f0cc"; }
.fad.fa-stroopwafel:after {
  content: "\10f551"; }
.fad.fa-subscript:after {
  content: "\10f12c"; }
.fad.fa-subway:after {
  content: "\10f239"; }
.fad.fa-suitcase:after {
  content: "\10f0f2"; }
.fad.fa-suitcase-rolling:after {
  content: "\10f5c1"; }
.fad.fa-sun:after {
  content: "\10f185"; }
.fad.fa-sun-cloud:after {
  content: "\10f763"; }
.fad.fa-sun-dust:after {
  content: "\10f764"; }
.fad.fa-sun-haze:after {
  content: "\10f765"; }
.fad.fa-sunglasses:after {
  content: "\10f892"; }
.fad.fa-sunrise:after {
  content: "\10f766"; }
.fad.fa-sunset:after {
  content: "\10f767"; }
.fad.fa-superscript:after {
  content: "\10f12b"; }
.fad.fa-surprise:after {
  content: "\10f5c2"; }
.fad.fa-swatchbook:after {
  content: "\10f5c3"; }
.fad.fa-swimmer:after {
  content: "\10f5c4"; }
.fad.fa-swimming-pool:after {
  content: "\10f5c5"; }
.fad.fa-sword:after {
  content: "\10f71c"; }
.fad.fa-sword-laser:after {
  content: "\10e03b"; }
.fad.fa-sword-laser-alt:after {
  content: "\10e03c"; }
.fad.fa-swords:after {
  content: "\10f71d"; }
.fad.fa-swords-laser:after {
  content: "\10e03d"; }
.fad.fa-synagogue:after {
  content: "\10f69b"; }
.fad.fa-sync:after {
  content: "\10f021"; }
.fad.fa-sync-alt:after {
  content: "\10f2f1"; }
.fad.fa-syringe:after {
  content: "\10f48e"; }
.fad.fa-table:after {
  content: "\10f0ce"; }
.fad.fa-table-tennis:after {
  content: "\10f45d"; }
.fad.fa-tablet:after {
  content: "\10f10a"; }
.fad.fa-tablet-alt:after {
  content: "\10f3fa"; }
.fad.fa-tablet-android:after {
  content: "\10f3fb"; }
.fad.fa-tablet-android-alt:after {
  content: "\10f3fc"; }
.fad.fa-tablet-rugged:after {
  content: "\10f48f"; }
.fad.fa-tablets:after {
  content: "\10f490"; }
.fad.fa-tachometer:after {
  content: "\10f0e4"; }
.fad.fa-tachometer-alt:after {
  content: "\10f3fd"; }
.fad.fa-tachometer-alt-average:after {
  content: "\10f624"; }
.fad.fa-tachometer-alt-fast:after {
  content: "\10f625"; }
.fad.fa-tachometer-alt-fastest:after {
  content: "\10f626"; }
.fad.fa-tachometer-alt-slow:after {
  content: "\10f627"; }
.fad.fa-tachometer-alt-slowest:after {
  content: "\10f628"; }
.fad.fa-tachometer-average:after {
  content: "\10f629"; }
.fad.fa-tachometer-fast:after {
  content: "\10f62a"; }
.fad.fa-tachometer-fastest:after {
  content: "\10f62b"; }
.fad.fa-tachometer-slow:after {
  content: "\10f62c"; }
.fad.fa-tachometer-slowest:after {
  content: "\10f62d"; }
.fad.fa-taco:after {
  content: "\10f826"; }
.fad.fa-tag:after {
  content: "\10f02b"; }
.fad.fa-tags:after {
  content: "\10f02c"; }
.fad.fa-tally:after {
  content: "\10f69c"; }
.fad.fa-tanakh:after {
  content: "\10f827"; }
.fad.fa-tape:after {
  content: "\10f4db"; }
.fad.fa-tasks:after {
  content: "\10f0ae"; }
.fad.fa-tasks-alt:after {
  content: "\10f828"; }
.fad.fa-taxi:after {
  content: "\10f1ba"; }
.fad.fa-teeth:after {
  content: "\10f62e"; }
.fad.fa-teeth-open:after {
  content: "\10f62f"; }
.fad.fa-telescope:after {
  content: "\10e03e"; }
.fad.fa-temperature-down:after {
  content: "\10e03f"; }
.fad.fa-temperature-frigid:after {
  content: "\10f768"; }
.fad.fa-temperature-high:after {
  content: "\10f769"; }
.fad.fa-temperature-hot:after {
  content: "\10f76a"; }
.fad.fa-temperature-low:after {
  content: "\10f76b"; }
.fad.fa-temperature-up:after {
  content: "\10e040"; }
.fad.fa-tenge:after {
  content: "\10f7d7"; }
.fad.fa-tennis-ball:after {
  content: "\10f45e"; }
.fad.fa-terminal:after {
  content: "\10f120"; }
.fad.fa-text:after {
  content: "\10f893"; }
.fad.fa-text-height:after {
  content: "\10f034"; }
.fad.fa-text-size:after {
  content: "\10f894"; }
.fad.fa-text-width:after {
  content: "\10f035"; }
.fad.fa-th:after {
  content: "\10f00a"; }
.fad.fa-th-large:after {
  content: "\10f009"; }
.fad.fa-th-list:after {
  content: "\10f00b"; }
.fad.fa-theater-masks:after {
  content: "\10f630"; }
.fad.fa-thermometer:after {
  content: "\10f491"; }
.fad.fa-thermometer-empty:after {
  content: "\10f2cb"; }
.fad.fa-thermometer-full:after {
  content: "\10f2c7"; }
.fad.fa-thermometer-half:after {
  content: "\10f2c9"; }
.fad.fa-thermometer-quarter:after {
  content: "\10f2ca"; }
.fad.fa-thermometer-three-quarters:after {
  content: "\10f2c8"; }
.fad.fa-theta:after {
  content: "\10f69e"; }
.fad.fa-thumbs-down:after {
  content: "\10f165"; }
.fad.fa-thumbs-up:after {
  content: "\10f164"; }
.fad.fa-thumbtack:after {
  content: "\10f08d"; }
.fad.fa-thunderstorm:after {
  content: "\10f76c"; }
.fad.fa-thunderstorm-moon:after {
  content: "\10f76d"; }
.fad.fa-thunderstorm-sun:after {
  content: "\10f76e"; }
.fad.fa-ticket:after {
  content: "\10f145"; }
.fad.fa-ticket-alt:after {
  content: "\10f3ff"; }
.fad.fa-tilde:after {
  content: "\10f69f"; }
.fad.fa-times:after {
  content: "\10f00d"; }
.fad.fa-times-circle:after {
  content: "\10f057"; }
.fad.fa-times-hexagon:after {
  content: "\10f2ee"; }
.fad.fa-times-octagon:after {
  content: "\10f2f0"; }
.fad.fa-times-square:after {
  content: "\10f2d3"; }
.fad.fa-tint:after {
  content: "\10f043"; }
.fad.fa-tint-slash:after {
  content: "\10f5c7"; }
.fad.fa-tire:after {
  content: "\10f631"; }
.fad.fa-tire-flat:after {
  content: "\10f632"; }
.fad.fa-tire-pressure-warning:after {
  content: "\10f633"; }
.fad.fa-tire-rugged:after {
  content: "\10f634"; }
.fad.fa-tired:after {
  content: "\10f5c8"; }
.fad.fa-toggle-off:after {
  content: "\10f204"; }
.fad.fa-toggle-on:after {
  content: "\10f205"; }
.fad.fa-toilet:after {
  content: "\10f7d8"; }
.fad.fa-toilet-paper:after {
  content: "\10f71e"; }
.fad.fa-toilet-paper-alt:after {
  content: "\10f71f"; }
.fad.fa-toilet-paper-slash:after {
  content: "\10e072"; }
.fad.fa-tombstone:after {
  content: "\10f720"; }
.fad.fa-tombstone-alt:after {
  content: "\10f721"; }
.fad.fa-toolbox:after {
  content: "\10f552"; }
.fad.fa-tools:after {
  content: "\10f7d9"; }
.fad.fa-tooth:after {
  content: "\10f5c9"; }
.fad.fa-toothbrush:after {
  content: "\10f635"; }
.fad.fa-torah:after {
  content: "\10f6a0"; }
.fad.fa-torii-gate:after {
  content: "\10f6a1"; }
.fad.fa-tornado:after {
  content: "\10f76f"; }
.fad.fa-tractor:after {
  content: "\10f722"; }
.fad.fa-trademark:after {
  content: "\10f25c"; }
.fad.fa-traffic-cone:after {
  content: "\10f636"; }
.fad.fa-traffic-light:after {
  content: "\10f637"; }
.fad.fa-traffic-light-go:after {
  content: "\10f638"; }
.fad.fa-traffic-light-slow:after {
  content: "\10f639"; }
.fad.fa-traffic-light-stop:after {
  content: "\10f63a"; }
.fad.fa-trailer:after {
  content: "\10e041"; }
.fad.fa-train:after {
  content: "\10f238"; }
.fad.fa-tram:after {
  content: "\10f7da"; }
.fad.fa-transgender:after {
  content: "\10f224"; }
.fad.fa-transgender-alt:after {
  content: "\10f225"; }
.fad.fa-transporter:after {
  content: "\10e042"; }
.fad.fa-transporter-1:after {
  content: "\10e043"; }
.fad.fa-transporter-2:after {
  content: "\10e044"; }
.fad.fa-transporter-3:after {
  content: "\10e045"; }
.fad.fa-transporter-empty:after {
  content: "\10e046"; }
.fad.fa-trash:after {
  content: "\10f1f8"; }
.fad.fa-trash-alt:after {
  content: "\10f2ed"; }
.fad.fa-trash-restore:after {
  content: "\10f829"; }
.fad.fa-trash-restore-alt:after {
  content: "\10f82a"; }
.fad.fa-trash-undo:after {
  content: "\10f895"; }
.fad.fa-trash-undo-alt:after {
  content: "\10f896"; }
.fad.fa-treasure-chest:after {
  content: "\10f723"; }
.fad.fa-tree:after {
  content: "\10f1bb"; }
.fad.fa-tree-alt:after {
  content: "\10f400"; }
.fad.fa-tree-christmas:after {
  content: "\10f7db"; }
.fad.fa-tree-decorated:after {
  content: "\10f7dc"; }
.fad.fa-tree-large:after {
  content: "\10f7dd"; }
.fad.fa-tree-palm:after {
  content: "\10f82b"; }
.fad.fa-trees:after {
  content: "\10f724"; }
.fad.fa-triangle:after {
  content: "\10f2ec"; }
.fad.fa-triangle-music:after {
  content: "\10f8e2"; }
.fad.fa-trophy:after {
  content: "\10f091"; }
.fad.fa-trophy-alt:after {
  content: "\10f2eb"; }
.fad.fa-truck:after {
  content: "\10f0d1"; }
.fad.fa-truck-container:after {
  content: "\10f4dc"; }
.fad.fa-truck-couch:after {
  content: "\10f4dd"; }
.fad.fa-truck-loading:after {
  content: "\10f4de"; }
.fad.fa-truck-monster:after {
  content: "\10f63b"; }
.fad.fa-truck-moving:after {
  content: "\10f4df"; }
.fad.fa-truck-pickup:after {
  content: "\10f63c"; }
.fad.fa-truck-plow:after {
  content: "\10f7de"; }
.fad.fa-truck-ramp:after {
  content: "\10f4e0"; }
.fad.fa-trumpet:after {
  content: "\10f8e3"; }
.fad.fa-tshirt:after {
  content: "\10f553"; }
.fad.fa-tty:after {
  content: "\10f1e4"; }
.fad.fa-turkey:after {
  content: "\10f725"; }
.fad.fa-turntable:after {
  content: "\10f8e4"; }
.fad.fa-turtle:after {
  content: "\10f726"; }
.fad.fa-tv:after {
  content: "\10f26c"; }
.fad.fa-tv-alt:after {
  content: "\10f8e5"; }
.fad.fa-tv-music:after {
  content: "\10f8e6"; }
.fad.fa-tv-retro:after {
  content: "\10f401"; }
.fad.fa-typewriter:after {
  content: "\10f8e7"; }
.fad.fa-ufo:after {
  content: "\10e047"; }
.fad.fa-ufo-beam:after {
  content: "\10e048"; }
.fad.fa-umbrella:after {
  content: "\10f0e9"; }
.fad.fa-umbrella-beach:after {
  content: "\10f5ca"; }
.fad.fa-underline:after {
  content: "\10f0cd"; }
.fad.fa-undo:after {
  content: "\10f0e2"; }
.fad.fa-undo-alt:after {
  content: "\10f2ea"; }
.fad.fa-unicorn:after {
  content: "\10f727"; }
.fad.fa-union:after {
  content: "\10f6a2"; }
.fad.fa-universal-access:after {
  content: "\10f29a"; }
.fad.fa-university:after {
  content: "\10f19c"; }
.fad.fa-unlink:after {
  content: "\10f127"; }
.fad.fa-unlock:after {
  content: "\10f09c"; }
.fad.fa-unlock-alt:after {
  content: "\10f13e"; }
.fad.fa-upload:after {
  content: "\10f093"; }
.fad.fa-usb-drive:after {
  content: "\10f8e9"; }
.fad.fa-usd-circle:after {
  content: "\10f2e8"; }
.fad.fa-usd-square:after {
  content: "\10f2e9"; }
.fad.fa-user:after {
  content: "\10f007"; }
.fad.fa-user-alien:after {
  content: "\10e04a"; }
.fad.fa-user-alt:after {
  content: "\10f406"; }
.fad.fa-user-alt-slash:after {
  content: "\10f4fa"; }
.fad.fa-user-astronaut:after {
  content: "\10f4fb"; }
.fad.fa-user-chart:after {
  content: "\10f6a3"; }
.fad.fa-user-check:after {
  content: "\10f4fc"; }
.fad.fa-user-circle:after {
  content: "\10f2bd"; }
.fad.fa-user-clock:after {
  content: "\10f4fd"; }
.fad.fa-user-cog:after {
  content: "\10f4fe"; }
.fad.fa-user-cowboy:after {
  content: "\10f8ea"; }
.fad.fa-user-crown:after {
  content: "\10f6a4"; }
.fad.fa-user-edit:after {
  content: "\10f4ff"; }
.fad.fa-user-friends:after {
  content: "\10f500"; }
.fad.fa-user-graduate:after {
  content: "\10f501"; }
.fad.fa-user-hard-hat:after {
  content: "\10f82c"; }
.fad.fa-user-headset:after {
  content: "\10f82d"; }
.fad.fa-user-injured:after {
  content: "\10f728"; }
.fad.fa-user-lock:after {
  content: "\10f502"; }
.fad.fa-user-md:after {
  content: "\10f0f0"; }
.fad.fa-user-md-chat:after {
  content: "\10f82e"; }
.fad.fa-user-minus:after {
  content: "\10f503"; }
.fad.fa-user-music:after {
  content: "\10f8eb"; }
.fad.fa-user-ninja:after {
  content: "\10f504"; }
.fad.fa-user-nurse:after {
  content: "\10f82f"; }
.fad.fa-user-plus:after {
  content: "\10f234"; }
.fad.fa-user-robot:after {
  content: "\10e04b"; }
.fad.fa-user-secret:after {
  content: "\10f21b"; }
.fad.fa-user-shield:after {
  content: "\10f505"; }
.fad.fa-user-slash:after {
  content: "\10f506"; }
.fad.fa-user-tag:after {
  content: "\10f507"; }
.fad.fa-user-tie:after {
  content: "\10f508"; }
.fad.fa-user-times:after {
  content: "\10f235"; }
.fad.fa-user-unlock:after {
  content: "\10e058"; }
.fad.fa-user-visor:after {
  content: "\10e04c"; }
.fad.fa-users:after {
  content: "\10f0c0"; }
.fad.fa-users-class:after {
  content: "\10f63d"; }
.fad.fa-users-cog:after {
  content: "\10f509"; }
.fad.fa-users-crown:after {
  content: "\10f6a5"; }
.fad.fa-users-medical:after {
  content: "\10f830"; }
.fad.fa-users-slash:after {
  content: "\10e073"; }
.fad.fa-utensil-fork:after {
  content: "\10f2e3"; }
.fad.fa-utensil-knife:after {
  content: "\10f2e4"; }
.fad.fa-utensil-spoon:after {
  content: "\10f2e5"; }
.fad.fa-utensils:after {
  content: "\10f2e7"; }
.fad.fa-utensils-alt:after {
  content: "\10f2e6"; }
.fad.fa-vacuum:after {
  content: "\10e04d"; }
.fad.fa-vacuum-robot:after {
  content: "\10e04e"; }
.fad.fa-value-absolute:after {
  content: "\10f6a6"; }
.fad.fa-vector-square:after {
  content: "\10f5cb"; }
.fad.fa-venus:after {
  content: "\10f221"; }
.fad.fa-venus-double:after {
  content: "\10f226"; }
.fad.fa-venus-mars:after {
  content: "\10f228"; }
.fad.fa-vest:after {
  content: "\10e085"; }
.fad.fa-vest-patches:after {
  content: "\10e086"; }
.fad.fa-vhs:after {
  content: "\10f8ec"; }
.fad.fa-vial:after {
  content: "\10f492"; }
.fad.fa-vials:after {
  content: "\10f493"; }
.fad.fa-video:after {
  content: "\10f03d"; }
.fad.fa-video-plus:after {
  content: "\10f4e1"; }
.fad.fa-video-slash:after {
  content: "\10f4e2"; }
.fad.fa-vihara:after {
  content: "\10f6a7"; }
.fad.fa-violin:after {
  content: "\10f8ed"; }
.fad.fa-virus:after {
  content: "\10e074"; }
.fad.fa-virus-slash:after {
  content: "\10e075"; }
.fad.fa-viruses:after {
  content: "\10e076"; }
.fad.fa-voicemail:after {
  content: "\10f897"; }
.fad.fa-volcano:after {
  content: "\10f770"; }
.fad.fa-volleyball-ball:after {
  content: "\10f45f"; }
.fad.fa-volume:after {
  content: "\10f6a8"; }
.fad.fa-volume-down:after {
  content: "\10f027"; }
.fad.fa-volume-mute:after {
  content: "\10f6a9"; }
.fad.fa-volume-off:after {
  content: "\10f026"; }
.fad.fa-volume-slash:after {
  content: "\10f2e2"; }
.fad.fa-volume-up:after {
  content: "\10f028"; }
.fad.fa-vote-nay:after {
  content: "\10f771"; }
.fad.fa-vote-yea:after {
  content: "\10f772"; }
.fad.fa-vr-cardboard:after {
  content: "\10f729"; }
.fad.fa-wagon-covered:after {
  content: "\10f8ee"; }
.fad.fa-walker:after {
  content: "\10f831"; }
.fad.fa-walkie-talkie:after {
  content: "\10f8ef"; }
.fad.fa-walking:after {
  content: "\10f554"; }
.fad.fa-wallet:after {
  content: "\10f555"; }
.fad.fa-wand:after {
  content: "\10f72a"; }
.fad.fa-wand-magic:after {
  content: "\10f72b"; }
.fad.fa-warehouse:after {
  content: "\10f494"; }
.fad.fa-warehouse-alt:after {
  content: "\10f495"; }
.fad.fa-washer:after {
  content: "\10f898"; }
.fad.fa-watch:after {
  content: "\10f2e1"; }
.fad.fa-watch-calculator:after {
  content: "\10f8f0"; }
.fad.fa-watch-fitness:after {
  content: "\10f63e"; }
.fad.fa-water:after {
  content: "\10f773"; }
.fad.fa-water-lower:after {
  content: "\10f774"; }
.fad.fa-water-rise:after {
  content: "\10f775"; }
.fad.fa-wave-sine:after {
  content: "\10f899"; }
.fad.fa-wave-square:after {
  content: "\10f83e"; }
.fad.fa-wave-triangle:after {
  content: "\10f89a"; }
.fad.fa-waveform:after {
  content: "\10f8f1"; }
.fad.fa-waveform-path:after {
  content: "\10f8f2"; }
.fad.fa-webcam:after {
  content: "\10f832"; }
.fad.fa-webcam-slash:after {
  content: "\10f833"; }
.fad.fa-weight:after {
  content: "\10f496"; }
.fad.fa-weight-hanging:after {
  content: "\10f5cd"; }
.fad.fa-whale:after {
  content: "\10f72c"; }
.fad.fa-wheat:after {
  content: "\10f72d"; }
.fad.fa-wheelchair:after {
  content: "\10f193"; }
.fad.fa-whistle:after {
  content: "\10f460"; }
.fad.fa-wifi:after {
  content: "\10f1eb"; }
.fad.fa-wifi-1:after {
  content: "\10f6aa"; }
.fad.fa-wifi-2:after {
  content: "\10f6ab"; }
.fad.fa-wifi-slash:after {
  content: "\10f6ac"; }
.fad.fa-wind:after {
  content: "\10f72e"; }
.fad.fa-wind-turbine:after {
  content: "\10f89b"; }
.fad.fa-wind-warning:after {
  content: "\10f776"; }
.fad.fa-window:after {
  content: "\10f40e"; }
.fad.fa-window-alt:after {
  content: "\10f40f"; }
.fad.fa-window-close:after {
  content: "\10f410"; }
.fad.fa-window-frame:after {
  content: "\10e04f"; }
.fad.fa-window-frame-open:after {
  content: "\10e050"; }
.fad.fa-window-maximize:after {
  content: "\10f2d0"; }
.fad.fa-window-minimize:after {
  content: "\10f2d1"; }
.fad.fa-window-restore:after {
  content: "\10f2d2"; }
.fad.fa-windsock:after {
  content: "\10f777"; }
.fad.fa-wine-bottle:after {
  content: "\10f72f"; }
.fad.fa-wine-glass:after {
  content: "\10f4e3"; }
.fad.fa-wine-glass-alt:after {
  content: "\10f5ce"; }
.fad.fa-won-sign:after {
  content: "\10f159"; }
.fad.fa-wreath:after {
  content: "\10f7e2"; }
.fad.fa-wrench:after {
  content: "\10f0ad"; }
.fad.fa-x-ray:after {
  content: "\10f497"; }
.fad.fa-yen-sign:after {
  content: "\10f157"; }
.fad.fa-yin-yang:after {
  content: "\10f6ad"; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('fa-light-300.eot');
  src: url('fa-light-300.eot?#iefix') format("embedded-opentype"), url('fa-light-300.woff2') format("woff2"), url('fa-light-300.woff') format("woff"), url('fa-light-300.ttf') format("truetype"), url('fa-light-300.svg#fontawesome') format("svg"); }
.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fa-regular-400.eot');
  src: url('fa-regular-400.eot?#iefix') format("embedded-opentype"), url('fa-regular-400.woff2') format("woff2"), url('fa-regular-400.woff') format("woff"), url('fa-regular-400.ttf') format("truetype"), url('fa-regular-400.svg#fontawesome') format("svg"); }
.far {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('fa-solid-900.eot');
  src: url('fa-solid-900.eot?#iefix') format("embedded-opentype"), url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.woff') format("woff"), url('fa-solid-900.ttf') format("truetype"), url('fa-solid-900.svg#fontawesome') format("svg"); }
.fa,
.fas {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; }
@font-face {
  font-family: "sommet";
  src: url("https://use.typekit.net/af/1652b5/00000000000000000000d5b0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/1652b5/00000000000000000000d5b0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/1652b5/00000000000000000000d5b0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "sommet";
  src: url("https://use.typekit.net/af/099ba8/00000000000000000000d5b1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/099ba8/00000000000000000000d5b1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/099ba8/00000000000000000000d5b1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "sommet";
  src: url("https://use.typekit.net/af/00be8c/00000000000000000000d5b4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/00be8c/00000000000000000000d5b4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/00be8c/00000000000000000000d5b4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "sommet";
  src: url("https://use.typekit.net/af/9ed16b/00000000000000000000d5b5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/9ed16b/00000000000000000000d5b5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/9ed16b/00000000000000000000d5b5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
}
ion-content {
  /* Just put typography rules here, look for page layout in layout related CSS files. */
  font-family: fieldwork, Arial, Helvetica, sans-serif;
  font-size: 14px;
  /*font-size: 118.75%;*/
  /* 100% is 16px in default browser settings, so this is 19px which helps us achieve a baseline of "large" text for accessibility purposes (> 14pt/18.66px and bold, or 18pt/24px). */
}
a {
  cursor: pointer;
  color: #231f20;
  text-decoration: underline;
}
a:link {
  color: #231f20;
  text-decoration: underline;
}
a:visited {
  color: #231f20;
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
  /* Give all the main elements position so we can inject stuff around them without stomping on them. */
  position: relative;
  z-index: 1;
}
p {
  margin: 0 0 1em;
  line-height: 135%;
}
p.feature {
  padding: 30px;
  font-size: 116.7%;
  background-color: #fff;
  border-radius: 3px;
}
p.feature + p.feature {
  margin-top: -1.75em;
  padding-top: 0;
}
p a:link,
li a:link {
  text-decoration: underline;
}
h1 {
  margin: 0.25em 0 0.5em 0;
  line-height: 110%;
  font-size: 200%;
  font-weight: bold;
  font-family: Sommet, Arial, Helvetica, sans-serif;
}
h2 {
  clear: both;
  /* Make sure spacing doesn't go weird in small screen views. */
  margin: 1em 0 0.5em 0;
  font-size: 150%;
  font-weight: bold;
  font-family: Sommet, Arial, Helvetica, sans-serif;
}
h3 {
  margin: 1.5em 0 0.75em 0;
  font-size: 125%;
  font-weight: 500;
}
h4 {
  margin: 1.5em 0 0.75em 0;
  font-size: 100%;
}
h5 {
  margin: 1.5em 0 0.75em 0;
  color: #777777;
  font-size: 100%;
}
h6 {
  margin: 1.5em 0 0.75em 0;
  font-size: 91.7%;
  border-bottom: #e0dcdb 1px solid;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}
h1.feature,
h2.feature,
h3.feature,
h4.feature,
h5.feature,
h6.feature {
  position: relative;
  margin-top: 2.5em;
  margin-bottom: 1.5em;
  padding-bottom: 0.75em;
}
h1.feature::after,
h2.feature::after,
h3.feature::after,
h4.feature::after,
h5.feature::after,
h6.feature::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 270px;
  background: rgba(93, 125, 141, 0.25);
}
h1.feature[style*="text-align: center"],
h1.feature[style*="text-align:center"],
h2.feature[style*="text-align: center"],
h2.feature[style*="text-align:center"],
h3.feature[style*="text-align: center"],
h3.feature[style*="text-align:center"],
h4.feature[style*="text-align: center"],
h4.feature[style*="text-align:center"],
h5.feature[style*="text-align: center"],
h5.feature[style*="text-align:center"],
h6.feature[style*="text-align: center"],
h6.feature[style*="text-align:center"] {
  text-align: center;
}
h1.feature[style*="text-align: center"]::after,
h1.feature[style*="text-align:center"]::after,
h2.feature[style*="text-align: center"]::after,
h2.feature[style*="text-align:center"]::after,
h3.feature[style*="text-align: center"]::after,
h3.feature[style*="text-align:center"]::after,
h4.feature[style*="text-align: center"]::after,
h4.feature[style*="text-align:center"]::after,
h5.feature[style*="text-align: center"]::after,
h5.feature[style*="text-align:center"]::after,
h6.feature[style*="text-align: center"]::after,
h6.feature[style*="text-align:center"]::after {
  left: calc(50% - 135px);
}
h1.feature[style*="text-align: right"],
h1.feature[style*="text-align:right"],
h2.feature[style*="text-align: right"],
h2.feature[style*="text-align:right"],
h3.feature[style*="text-align: right"],
h3.feature[style*="text-align:right"],
h4.feature[style*="text-align: right"],
h4.feature[style*="text-align:right"],
h5.feature[style*="text-align: right"],
h5.feature[style*="text-align:right"],
h6.feature[style*="text-align: right"],
h6.feature[style*="text-align:right"] {
  text-align: center;
}
h1.feature[style*="text-align: right"]::after,
h1.feature[style*="text-align:right"]::after,
h2.feature[style*="text-align: right"]::after,
h2.feature[style*="text-align:right"]::after,
h3.feature[style*="text-align: right"]::after,
h3.feature[style*="text-align:right"]::after,
h4.feature[style*="text-align: right"]::after,
h4.feature[style*="text-align:right"]::after,
h5.feature[style*="text-align: right"]::after,
h5.feature[style*="text-align:right"]::after,
h6.feature[style*="text-align: right"]::after,
h6.feature[style*="text-align:right"]::after {
  right: 0;
}
.huge {
  font-size: 150%;
  line-height: 125%;
}
p.huge {
  margin-bottom: 1em;
}
.big, big {
  font-size: 116.7%;
}
.small, small {
  font-size: 91.7%;
}
.tiny {
  font-size: 83.3%;
}
@media screen and (max-width: 1200px) {
  body {
    -webkit-text-size-adjust: none;
    /* Without this iPhone messes around with font sizes in portrait/landscape. */
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 100%;
  }
}
@media screen and (max-width: 375px) {
  body {
    font-size: 93.75%;
  }
}
/* ####################################
   Ionic Form Controls
   ################################## */
ion-input {
  border-radius: 3px;
}
ion-checkbox {
  /*--background-checked: transparent;*/
  --size: 24px;
  --checkmark-width: 5px;
}
ion-toggle {
  --background: rgb(172, 172, 172);
  --background-checked: rgb(172, 172, 172);
  --handle-background: #333;
  --handle-background-checked: #0ba374;
}
ion-select {
  border: #99a 1px solid;
  border-radius: 3px;
}
ion-segment-button {
  --color: #fff;
  --color-hover: #fff;
  --color-checked: #0ba374;
  justify-content: space-between;
}
input,
select {
  background-color: #fff;
  padding: 5px;
  max-width: 100%;
  width: 100%;
}
/* ####################################
   CMS Forms Layout
   ################################## */
.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. */
  box-sizing: border-box;
  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. */
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 px rgba(0, 0, 0, 0.15);
}
.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;
}
/* Content Items these usually appear in widgets on the website */
.contentItem {
  position: relative;
  /* Make sure other stuff happens. */
}
.contentItem .thumbnail {
  line-height: 0;
  margin-right: 15px;
  /* Note: Works with flex, causes problems with floats. */
}
.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, .subpages-summary .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, .subpages-summary .contentItem .thumbnail,
.imageRight .contentItem .thumbnail {
  max-width: 25%;
  flex-shrink: 0;
  /* Don't get smaller. */
}
.imageLeft .contentItem .text, .subpages-summary .contentItem .text,
.imageRight .contentItem .text {
  width: 100%;
  flex-grow: 0;
  /* Don't grow and push the image around. */
}
.imageLeft .contentItem .text .title, .subpages-summary .contentItem .text .title,
.imageRight .contentItem .text .title {
  margin-top: 0;
}
.imageLeft .contentItem .thumbnail, .subpages-summary .contentItem .thumbnail {
  order: 1;
}
.imageLeft .contentItem .text, .subpages-summary .contentItem .text {
  order: 2;
}
.imageRight .contentItem .thumbnail {
  order: 2;
  margin-left: 15x;
  margin-right: 0;
}
.imageRight .contentItem .text {
  order: 1;
}
/* Cards stlying for contentItems */
.cards, .subpages-video, .subpages-tiles {
  display: inline-block;
  width: 100%;
  /* For IE11, which we still support. */
}
.cards .content .contentItem, .subpages-video .content .contentItem, .subpages-tiles .content .contentItem {
  position: relative;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 32%;
  margin: 0 0 1.5em;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.cards .content .contentItem:nth-child(3n-1), .subpages-video .content .contentItem:nth-child(3n-1), .subpages-tiles .content .contentItem:nth-child(3n-1) {
  /* The middle one */
  margin: 0 2% 1.5em;
}
.cards .content .contentItem:nth-child(3n+1), .subpages-video .content .contentItem:nth-child(3n+1), .subpages-tiles .content .contentItem:nth-child(3n+1) {
  clear: left;
}
.cards .content .contentItem .thumbnail, .subpages-video .content .contentItem .thumbnail, .subpages-tiles .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, .subpages-video .content .contentItem .thumbnail a img, .subpages-tiles .content .contentItem .thumbnail a img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: 100% !important;
}
.cards .content .contentItem .text, .subpages-video .content .contentItem .text, .subpages-tiles .content .contentItem .text {
  display: flex;
  flex-flow: wrap;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
}
.cards .content .contentItem .text *, .subpages-video .content .contentItem .text *, .subpages-tiles .content .contentItem .text * {
  width: 100%;
}
.cards .content .contentItem .text .title, .subpages-video .content .contentItem .text .title, .subpages-tiles .content .contentItem .text .title {
  margin-top: 0;
}
.cards .content .contentItem .text .title a, .subpages-video .content .contentItem .text .title a, .subpages-tiles .content .contentItem .text .title a {
  display: block;
  margin: 0;
}
.cards .content .contentItem .text .publishInfo, .subpages-video .content .contentItem .text .publishInfo, .subpages-tiles .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, .subpages-video .content .contentItem .text .summary .readMore, .subpages-tiles .content .contentItem .text .summary .readMore {
  display: block;
  margin-top: 10px;
}
.cards .content .contentItem .text:last-child, .subpages-video .content .contentItem .text:last-child, .subpages-tiles .content .contentItem .text:last-child {
  margin-bottom: 0 !important;
}
.cards .noContent, .subpages-video .noContent, .subpages-tiles .noContent {
  margin: 0 0 1.5em;
}
.cards.panorama .content .contentItem .thumbnail, .panorama.subpages-video .content .contentItem .thumbnail, .panorama.subpages-tiles .content .contentItem .thumbnail {
  position: relative;
  height: 150px;
  max-height: 150px;
}
.cards.panorama .content .contentItem .thumbnail img, .panorama.subpages-video .content .contentItem .thumbnail img, .panorama.subpages-tiles .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, .panorama.fullWidth.subpages-video .content .contentItem, .panorama.fullWidth.subpages-tiles .content .contentItem {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.cards.padded .content .contentItem .thumbnail, .padded.subpages-video .content .contentItem .thumbnail, .padded.subpages-tiles .content .contentItem .thumbnail {
  width: calc(100% - 40px);
  margin: 20px 20px 0 !important;
}
.cards.dateOverlay .content .contentItem .text .publishInfo, .dateOverlay.subpages-video .content .contentItem .text .publishInfo, .dateOverlay.subpages-tiles .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, .padded.dateOverlay.subpages-video .content .contentItem .text .publishInfo, .padded.dateOverlay.subpages-tiles .content .contentItem .text .publishInfo {
  padding-left: 45px;
}
.cards.padded.dateOverlay .content .contentItem .text .publishInfo *, .padded.dateOverlay.subpages-video .content .contentItem .text .publishInfo *, .padded.dateOverlay.subpages-tiles .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, .subpages-video .content .contentItem, .subpages-tiles .content .contentItem {
    width: 47.5%;
  }
  .cards .content .contentItem:nth-child(3n+1), .subpages-video .content .contentItem:nth-child(3n+1), .subpages-tiles .content .contentItem:nth-child(3n+1) {
    clear: none;
  }
  .cards .content .contentItem:nth-child(3n-1), .subpages-video .content .contentItem:nth-child(3n-1), .subpages-tiles .content .contentItem:nth-child(3n-1) {
    margin: 0 0 40px;
  }
  .cards .content .contentItem:nth-child(2n-1), .subpages-video .content .contentItem:nth-child(2n-1), .subpages-tiles .content .contentItem:nth-child(2n-1) {
    margin: 0 5% 40px 0;
  }
}
@media screen and (max-width: 480px) {
  .cards .content .contentItem, .subpages-video .content .contentItem, .subpages-tiles .content .contentItem {
    width: 100%;
  }
  .cards .content .contentItem:nth-child(3n-1), .subpages-video .content .contentItem:nth-child(3n-1), .subpages-tiles .content .contentItem:nth-child(3n-1), .cards .content .contentItem:nth-child(2n-1), .subpages-video .content .contentItem:nth-child(2n-1), .subpages-tiles .content .contentItem:nth-child(2n-1) {
    margin: 0 0 40px 0 !important;
  }
}
/*
    Sub Pages
*/
.subpages-links {
  /* The standard Ionic list layout applies to .subpages-links. */
}
.subpages-linksion-list .ionicon {
  color: #fff;
}
.subpages-buttons {
  /* The standard Ionic list layout applies to .subpages-buttons. */
}
.subpages-buttons ion-thumbnail {
  position: relative;
  width: 200px;
  max-width: 25%;
  margin-right: 15px;
}
.subpages-buttons ion-thumbnail:after {
  content: "";
  position: relative;
  padding-top: 100%;
}
.subpages-summary {
  background-color: transparent;
}
.subpages-summary .contentItem {
  margin-bottom: 0;
  padding: 20px;
}
.subpages-summary .contentItem:not(:first-child) {
  border-top: #decee6 1px solid;
}
.subpages-summary .contentItem .thumbnail {
  width: 200px;
}
.subpages-summary .contentItem .thumbnail img {
  border-radius: 3px;
}
.subpages-summary .contentItem .text .title {
  font-size: 115%;
}
.subpages-summary .contentItem .text .summary {
  font-size: 90%;
  margin-bottom: 0;
}
.subpages-summary .contentItem::after {
  content: "";
  order: 3;
  margin-left: 15px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
}
@media screen and (max-width: 375px) {
  .subpages-summary {
    /*padding: 0 15px;*/
  }
}
/* Acora App Theme - Priority Elements */
/*
    Background Styles
    - Intended for blocks/boxes/columns but could be used on anything.
    - 9.6.1 note: Link to text to background colors are not all accessible without additional link styles in the default styleshet right now. Do your own tests.
*/
/* Main Color */
.background-lighter {
  color: #000;
  background-color: #f8fbfc;
}
.background-light {
  color: #000;
  /*background-color: #e1e1e5;*/
  background-color: #f0f7ff;
}
.background-light a:link,
.background-penumbra a:visited {
  color: #006A8A;
}
.background-penumbra {
  color: #000;
  background-color: #7cc0d7;
}
.background-penumbra h1,
.background-penumbra h2,
.background-penumbra h3,
.background-penumbra h4,
.background-penumbra h5,
.background-penumbra h6 {
  color: #000;
}
.background-penumbra a:link,
.background-penumbra a:visited {
  color: #004A61;
}
.background-penumbra a:link:hover,
.background-penumbra a:visited:hover {
  color: #000;
}
.background-penumbra .cards .contentItem, .background-penumbra .subpages-tiles .contentItem, .background-penumbra .subpages-video .contentItem {
  background: #fff;
}
.background-dark {
  color: #fff;
  /*background-color: #0088b2;
  background-color: #007da3;*/
  background-color: #0081A8;
}
.background-dark h1,
.background-dark h2,
.background-dark h3,
.background-dark h4,
.background-dark h5,
.background-dark h6 {
  color: #fff;
}
.background-dark a:link,
.background-dark a:visited {
  color: #000;
}
.background-dark a:link:hover,
.background-dark a:visited:hover {
  color: #d0ffff;
}
.background-dark .cards .contentItem, .background-dark .subpages-tiles .contentItem, .background-dark .subpages-video .contentItem {
  background: #fff;
}
.background-darker {
  color: #fff;
  background-color: #005e7a;
}
.background-darker h1,
.background-darker h2,
.background-darker h3,
.background-darker h4,
.background-darker h5,
.background-darker h6 {
  color: #fff;
}
.background-darker a:link,
.background-darker a:visited {
  color: #80defa;
}
.background-darker a:link:hover,
.background-darker a:visited:hover {
  color: #d0ffff !important;
}
.background-darker .cards .contentItem, .background-darker .subpages-tiles .contentItem, .background-darker .subpages-video .contentItem {
  background-color: #fff;
}
/* Alternate Color */
.background-lighter.background-alternate {
  background-color: #f6fbf8;
}
.background-light.background-alternate {
  background-color: #e5f3e6;
}
.background-penumbra.background-alternate {
  background-color: #8DBBA6;
}
.background-penumbra.background-alternate h1,
.background-penumbra.background-alternate h2,
.background-penumbra.background-alternate h3,
.background-penumbra.background-alternate h4,
.background-penumbra.background-alternate h5,
.background-penumbra.background-alternate h6 {
  color: #000;
}
.background-penumbra.background-alternate a:link,
.background-penumbra.background-alternate a:visited {
  color: #074639;
}
.background-penumbra.background-alternate a:link:hover,
.background-penumbra.background-alternate a:visited:hover {
  color: #000 !important;
}
.background-dark.background-alternate {
  background-color: #358366;
}
.background-dark.background-alternate a:link,
.background-dark.background-alternate a:visited {
  color: #ababab;
  /* Fails AA compared to #fff body text. Be sure to use additional link highlighting methods, e.g. underline. */
}
.background-dark.background-alternate a:link,
.background-dark.background-alternate a:visited {
  color: #000;
}
.background-dark.background-alternate a:link:hover,
.background-dark.background-alternate a:visited:hover {
  color: #d0ffff;
}
.background-dark.background-alternate .cards .contentItem, .background-dark.background-alternate .subpages-tiles .contentItem, .background-dark.background-alternate .subpages-video .contentItem {
  background: #fff;
}
.background-darker.background-alternate {
  background-color: #156346;
}
.background-darker.background-alternate a:link,
.background-darker.background-alternate a:visited {
  color: #80fade;
}
.background-darker.background-alternate a:link:hover,
.background-darker.background-alternate a:visited:hover {
  color: #d0ffff !important;
}
.background-darker.background-alternate .cards .contentItem, .background-darker.background-alternate .subpages-tiles .contentItem, .background-darker.background-alternate .subpages-video .contentItem {
  background-color: #fff;
}
/* 
    Lighten and Darken Backgrounds
    - E.g. when a box is inside another box, or when you want hover or other special effects.
    - By default we use black and white tones, but the shading colours might need tweaking for use in different scenarios.
*/
.background-lighten {
  background-color: rgba(255, 255, 255, 0.25);
}
.background-darken {
  background-color: rgba(0, 0, 0, 0.25);
}
/* Black and White + Lighten and Darken */
.background-white, app-meal-current .pageBody, app-meal-credits .pageBody, app-meal-cafe-credits .pageBody {
  color: #000;
  background-color: #fff;
  /* White boxes often appear inside dark colour boxes, so be sure to update the heading and link styles. */
}
.background-white h1, app-meal-current .pageBody h1, app-meal-credits .pageBody h1, app-meal-cafe-credits .pageBody h1, .background-white h2, app-meal-current .pageBody h2, app-meal-credits .pageBody h2, app-meal-cafe-credits .pageBody h2, .background-white h3, app-meal-current .pageBody h3, app-meal-credits .pageBody h3, app-meal-cafe-credits .pageBody h3, .background-white h4, app-meal-current .pageBody h4, app-meal-credits .pageBody h4, app-meal-cafe-credits .pageBody h4, .background-white h5, app-meal-current .pageBody h5, app-meal-credits .pageBody h5, app-meal-cafe-credits .pageBody h5, .background-white h6, app-meal-current .pageBody h6, app-meal-credits .pageBody h6, app-meal-cafe-credits .pageBody h6 {
  color: #000;
}
.background-white a:link, app-meal-current .pageBody a:link, app-meal-credits .pageBody a:link, app-meal-cafe-credits .pageBody a:link,
.background-white a:visited,
app-meal-current .pageBody a:visited,
app-meal-credits .pageBody a:visited,
app-meal-cafe-credits .pageBody a:visited {
  color: #006cb7;
}
.background-white a:link:hover, app-meal-current .pageBody a:link:hover, app-meal-credits .pageBody a:link:hover, app-meal-cafe-credits .pageBody a:link:hover,
.background-white a:visited:hover,
app-meal-current .pageBody a:visited:hover,
app-meal-credits .pageBody a:visited:hover,
app-meal-cafe-credits .pageBody a:visited:hover {
  color: #000;
}
.background-lightest-grey {
  background-color: #f9f9fb;
}
.background-light-grey {
  background-color: #edf0f1;
}
.background-grey {
  background-color: #dee3e6;
}
.background-black {
  color: #fff;
  background-color: #000;
}
.background-black h1,
.background-black h2,
.background-black h3,
.background-black h4,
.background-black h5,
.background-black h6 {
  color: #fff;
}
.background-black a:link,
.background-black a:visited {
  color: #80defa;
}
.background-black a:link:hover,
.background-black a:visited:hover {
  color: #d0ffff !important;
}
.background-black .cards .contentItem, .background-black .subpages-tiles .contentItem, .background-black .subpages-video .contentItem {
  background-color: #fff;
}
/* Gradients */
.background-gradient-light {
  background-color: #eae8e7;
  background: linear-gradient(0deg, #eae8e7 0%, #fff 75%);
}
/*
    Block ratios
    - Direct descendants of a block are absolutely positioned, so it only makes sense to have one. Put other content inside if needed.
    - .video is deprecated and only included for backward CMS compatibility if you really need to be lazy, but it's better to upgrade your content.
*/
.video,
.ratio,
app-meal-current #MealConfirmPage .userInfo .userImage,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo .userImage {
  /* When an iframe is the only child of a paragraph or div and doesn't have a style attribute. We're trying to catch video embeds. This isn't a perfect rule but should catch video-only blocks while missing floated/styled elements. */
  position: relative;
}
.video > *,
.ratio > *,
app-meal-current #MealConfirmPage .userInfo .userImage > *,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo .userImage > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio:before, app-meal-current #MealConfirmPage .userInfo .userImage:before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo .userImage:before {
  content: "";
  display: block;
}
.ratio-1x1:before,
.ratio-square:before,
app-meal-current #MealConfirmPage .userInfo .userImage:before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo .userImage:before {
  padding-top: 100%;
}
.ratio-3x4:before,
.ratio-portrait:before {
  padding-top: calc(4 / 3 * 100%);
}
.ratio-4x3:before,
.ratio-landscape:before {
  padding-top: calc(3 / 4 * 100%);
}
.video:before,
.ratio-16x9:before,
.ratio-wide:before {
  padding-top: calc(9 / 16 * 100%);
  /* 16:9 suits common Internet video formats - Youtube, Vimeo, DailyMotion, etc. */
}
.ratio-21x9:before,
.ratio-panorama:before {
  padding-top: calc(9 / 21 * 100%);
}
.ratio-21x7:before,
.ratio-ultra-wide:before {
  padding-top: calc(7 / 21 * 100%);
}
.borders-none {
  border: 0;
}
.border-top-none {
  border-top: 0;
}
.border-right-none {
  border-right: 0;
}
.border-bottom-none {
  border-bottom: 0;
}
.border-left-none {
  border-left: 0;
}
.rectangle, .squared {
  border-radius: 0 !important;
}
.rounded-less {
  border-radius: 3px !important;
}
.rounded {
  border-radius: 6px !important;
}
.rounded-more {
  border-radius: 10px !important;
}
.ellipse {
  border-radius: 100% !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.padding-all {
  padding: 30px !important;
}
.padding-left {
  padding-left: 30px !important;
}
.padding-right {
  padding-right: 30px !important;
}
.padding-top {
  padding-top: 30px !important;
}
.padding-bottom {
  padding-bottom: 30px !important;
}
.padding-all-thin, .splashPages .alert-box, app-splash .alert-box, .splashPages app-meal-credits #MealCreditRights, app-splash app-meal-credits #MealCreditRights, app-meal-credits .splashPages #MealCreditRights, app-meal-credits app-splash #MealCreditRights, app-login .alert-box, app-login app-meal-credits #MealCreditRights, app-meal-credits app-login #MealCreditRights, .splashPages app-home .notificationCheckRunning, app-splash app-home .notificationCheckRunning, app-login app-home .notificationCheckRunning, app-home .splashPages .notificationCheckRunning, app-home app-splash .notificationCheckRunning, app-home app-login .notificationCheckRunning, app-authorise-key .alert-box, app-authorise-key app-meal-credits #MealCreditRights, app-meal-credits app-authorise-key #MealCreditRights, app-authorise-key app-home .notificationCheckRunning, app-home app-authorise-key .notificationCheckRunning, app-authorise-email .alert-box, app-authorise-email app-meal-credits #MealCreditRights, app-meal-credits app-authorise-email #MealCreditRights, app-authorise-email app-home .notificationCheckRunning, app-home app-authorise-email .notificationCheckRunning, app-authorise-add-pin .alert-box, app-authorise-add-pin app-meal-credits #MealCreditRights, app-meal-credits app-authorise-add-pin #MealCreditRights, app-authorise-add-pin app-home .notificationCheckRunning, app-home app-authorise-add-pin .notificationCheckRunning {
  padding: 15px !important;
}
.padding-left-thin {
  padding-left: 15px !important;
}
.padding-right-thin {
  padding-right: 15px !important;
}
.padding-top-thin {
  padding-top: 15px !important;
}
.padding-bottom-thin {
  padding-bottom: 15px !important;
}
.padding-all-thick {
  padding: 60px !important;
}
.padding-left-thick {
  padding-left: 60px !important;
}
.padding-right-thick {
  padding-right: 60px !important;
}
.padding-top-thick {
  padding-top: 60px !important;
}
.padding-bottom-thick {
  padding-bottom: 60px !important;
}
.padding-all-none {
  padding: 0 !important;
}
.padding-left-none {
  padding-left: 0 !important;
}
.padding-right-none {
  padding-right: 0 !important;
}
.padding-top-none {
  padding-top: 0 !important;
}
.padding-bottom-none {
  padding-bottom: 0 !important;
}
.margins-all {
  margin: 1.5em !important;
}
.margins-vertical {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}
.margins-horizontal {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}
.margin-left {
  margin-left: 1.5em !important;
}
.margin-right {
  margin-right: 1.5em !important;
}
.margin-top {
  margin-top: 1.5em !important;
}
.margin-bottom, app-meal-current #MealConfirmPage .mealCreditOptions, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions, app-meal-current #MealConfirmPage .userInfo .userImage, app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo .userImage, app-meal-current #MealTimePage .mealCreditOptions, app-meal-current #MealTimePage .mealTime {
  margin-bottom: 1.5em !important;
}
.margins-all-thin {
  margin: 0.75em !important;
}
.margins-vertical-thin {
  margin-top: 0.75em !important;
  margin-bottom: 0.75em !important;
}
.margins-horizontal-thin {
  margin-left: 0.75em !important;
  margin-right: 0.75em !important;
}
.margin-left-thin {
  margin-left: 0.75em !important;
}
.margin-right-thin {
  margin-right: 0.75em !important;
}
.margin-top-thin {
  margin-top: 0.75em !important;
}
.margin-bottom-thin {
  margin-bottom: 0.75em !important;
}
.margins-all-thick {
  margin: 3em !important;
}
.margins-vertical-thick {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}
.margins-horizontal-thick {
  margin-left: 3em !important;
  margin-right: 3em !important;
}
.margin-left-thick {
  margin-left: 3em !important;
}
.margin-right-thick {
  margin-right: 3em !important;
}
.margin-top-thick {
  margin-top: 3em !important;
}
.margin-bottom-thick, app-meal-credits #MealCreditRights, app-meal-cafe-credits #CurrentBalance {
  margin-bottom: 3em !important;
}
.margins-all-thicker {
  margin: 6em !important;
}
.margins-vertical-thicker {
  margin-top: 6em !important;
  margin-bottom: 6em !important;
}
.margins-horizontal-thicker {
  margin-left: 6em !important;
  margin-right: 6em !important;
}
.margin-left-thicker {
  margin-left: 6em !important;
}
.margin-right-thicker {
  margin-right: 6em !important;
}
.margin-top-thicker {
  margin-top: 6em !important;
}
.margin-bottom-thicker {
  margin-bottom: 6em !important;
}
.margins-none, .margins-all-none {
  margin: 0 !important;
}
.margin-left-none {
  margin-left: 0 !important;
}
.margin-right-none {
  margin-right: 0 !important;
}
.margin-top-none {
  margin-top: 0 !important;
}
.margin-bottom-none {
  margin-bottom: 0 !important;
}
.margins-vertical-none {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}
.margins-horizontal-none {
  margin-left: 3em !important;
  margin-right: 3em !important;
}
.align-items-top {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-bottom {
  align-items: flex-end;
}
.align-items-stretch {
  align-items: stretch;
}
.align-items-baseline {
  align-items: baseline;
}
/*.width-fixed .wide.visible { opacity: 1; transition: opacity 1.5s; }
.width-fixed .wide.hidden { opacity: 0; }
.width-fixed .partial.visible { opacity: 1; transition: opacity 1.5s; }
.width-fixed .partial.hidden { opacity: 0; }*/
.width-full {
  display: inline-block !important;
  box-sizing: border-box;
  width: 100% !important;
  float: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.width-fixed, .pageTemplateBlue01 ion-content, app-splash ion-content, app-login ion-content, app-authorise-key ion-content, app-authorise-email ion-content, app-authorise-add-pin ion-content {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.width-wide {
  max-width: 1920px;
}
.width-thin, .pageTemplateBlue01 ion-content, app-splash ion-content, app-login ion-content, app-authorise-key ion-content, app-authorise-email ion-content, app-authorise-add-pin ion-content {
  max-width: 800px;
}
.maxwidth-contain {
  max-width: 100% !important;
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .text-left-medium-only {
    text-align: left !important;
  }

  .text-center-medium-only {
    text-align: center !important;
  }

  .text-right-medium-only {
    text-align: right !important;
  }

  .padding-all-medium-only {
    padding: 30px !important;
  }

  .padding-left-medium-only {
    padding-left: 30px !important;
  }

  .padding-right-medium-only {
    padding-right: 30px !important;
  }

  .padding-top-medium-only {
    padding-top: 30px !important;
  }

  .padding-bottom-medium-only {
    padding-bottom: 30px !important;
  }

  .padding-vertical-medium-only {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-medium-only {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-all-thin-medium-only {
    padding: 15px !important;
  }

  .padding-left-thin-medium-only {
    padding-left: 15px !important;
  }

  .padding-right-thin-medium-only {
    padding-right: 15px !important;
  }

  .padding-top-thin-medium-only {
    padding-top: 15px !important;
  }

  .padding-bottom-thin-medium-only {
    padding-bottom: 15px !important;
  }

  .padding-vertical-thin-medium-only {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-thin-medium-only {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-thick-all-medium-only {
    padding: 60px !important;
  }

  .padding-left-thick-medium-only {
    padding-left: 60px !important;
  }

  .padding-right-thick-medium-only {
    padding-right: 60px !important;
  }

  .padding-top-thick-medium-only {
    padding-top: 60px !important;
  }

  .padding-bottom-thick-medium-only {
    padding-bottom: 60px !important;
  }

  .padding-vertical-thick-medium-only {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .padding-horizontal-thick-medium-only {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .padding-all-none-medium-only {
    padding: 0 !important;
  }

  .padding-left-none-medium-only {
    padding-left: 0 !important;
  }

  .padding-right-none-medium-only {
    padding-right: 0 !important;
  }

  .padding-top-none-medium-only {
    padding-top: 0 !important;
  }

  .padding-bottom-none-medium-only {
    padding-bottom: 0 !important;
  }

  .padding-vertical-none-medium-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .padding-horizontal-none-medium-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .margins-all-medium-only {
    margin: 1.5em;
  }

  .margins-vertical-medium-only {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .margins-horizontal-medium-only {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .margin-left-medium-only {
    margin-left: 1.5em;
  }

  .margin-right-medium-only {
    margin-right: 1.5em;
  }

  .margin-top-medium-only {
    margin-top: 1.5em;
  }

  .margin-bottom-medium-only {
    margin-bottom: 1.5em;
  }

  .margins-all-thin-medium-only {
    margin: 0.75em;
  }

  .margins-vertical-thin-medium-only {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .margins-horizontal-thin-medium-only {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }

  .margin-left-thin-medium-only {
    margin-left: 0.75em;
  }

  .margin-right-thin-medium-only {
    margin-right: 0.75em;
  }

  .margin-top-thin-medium-only {
    margin-top: 0.75em;
  }

  .margin-bottom-thin-medium-only {
    margin-bottom: 0.75em;
  }

  .margins-all-thick-medium-only {
    margin: 3em;
  }

  .margins-vertical-thick-medium-only {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-thick-medium-only {
    margin-left: 3em;
    margin-right: 3em;
  }

  .margin-left-thick-medium-only {
    margin-left: 3em;
  }

  .margin-right-thick-medium-only {
    margin-right: 3em;
  }

  .margin-top-thick-medium-only {
    margin-top: 3em;
  }

  .margin-bottom-thick-medium-only {
    margin-bottom: 3em;
  }

  .margins-all-thicker-medium-only {
    margin: 6em;
  }

  .margins-vertical-thicker-medium-only {
    margin-top: 6em;
    margin-bottom: 6em;
  }

  .margins-horizontal-thicker-medium-only {
    margin-left: 6em;
    margin-right: 6em;
  }

  .margin-left-thicker-medium-only {
    margin-left: 6em;
  }

  .margin-right-thicker-medium-only {
    margin-right: 6em;
  }

  .margin-top-thicker-medium-only {
    margin-top: 6em;
  }

  .margin-bottom-thicker-medium-only {
    margin-bottom: 6em;
  }

  .margins-none-medium-only, .margins-all-none-medium-only {
    margin: 0;
  }

  .margin-left-none-medium-only {
    margin-left: 0;
  }

  .margin-right-none-medium-only {
    margin-right: 0;
  }

  .margin-top-none-medium-only {
    margin-top: 0;
  }

  .margin-bottom-none-medium-only {
    margin-bottom: 0;
  }

  .margins-vertical-none-medium-only {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-none-medium-only {
    margin-left: 3em;
    margin-right: 3em;
  }

  .align-items-top-medium-only {
    align-items: flex-start;
  }

  .align-items-center-medium-only {
    align-items: center;
  }

  .align-items-bottom-medium-only {
    align-items: flex-end;
  }

  .align-items-stretch-medium-only {
    align-items: stretch;
  }

  .align-items-baseline-medium-only {
    align-items: baseline;
  }

  .width-full-medium-only {
    display: inline-block !important;
    box-sizing: border-box;
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .maxwidth-contain-medium-only {
    max-width: 100% !important;
  }

  .hide-medium-only {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .text-left-medium {
    text-align: left !important;
  }

  .text-center-medium {
    text-align: center !important;
  }

  .text-right-medium {
    text-align: right !important;
  }

  .padding-all-medium {
    padding: 30px !important;
  }

  .padding-left-medium {
    padding-left: 30px !important;
  }

  .padding-right-medium {
    padding-right: 30px !important;
  }

  .padding-top-medium {
    padding-top: 30px !important;
  }

  .padding-bottom-medium {
    padding-bottom: 30px !important;
  }

  .padding-vertical-medium {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-medium {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-all-thin-medium {
    padding: 15px !important;
  }

  .padding-left-thin-medium {
    padding-left: 15px !important;
  }

  .padding-right-thin-medium {
    padding-right: 15px !important;
  }

  .padding-top-thin-medium {
    padding-top: 15px !important;
  }

  .padding-bottom-thin-medium {
    padding-bottom: 15px !important;
  }

  .padding-vertical-thin-medium {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-thin-medium {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-thick-all-medium {
    padding: 60px !important;
  }

  .padding-left-thick-medium {
    padding-left: 60px !important;
  }

  .padding-right-thick-medium {
    padding-right: 60px !important;
  }

  .padding-top-thick-medium {
    padding-top: 60px !important;
  }

  .padding-bottom-thick-medium {
    padding-bottom: 60px !important;
  }

  .padding-vertical-thick-medium {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .padding-horizontal-thick-medium {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .padding-all-none-medium {
    padding: 0 !important;
  }

  .padding-left-none-medium {
    padding-left: 0 !important;
  }

  .padding-right-none-medium {
    padding-right: 0 !important;
  }

  .padding-top-none-medium {
    padding-top: 0 !important;
  }

  .padding-bottom-none-medium {
    padding-bottom: 0 !important;
  }

  .padding-vertical-none-medium {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .padding-horizontal-none-medium {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .margins-all-medium {
    margin: 1.5em;
  }

  .margins-vertical-medium {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .margins-horizontal-medium {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .margin-left-medium {
    margin-left: 1.5em;
  }

  .margin-right-medium {
    margin-right: 1.5em;
  }

  .margin-top-medium {
    margin-top: 1.5em;
  }

  .margin-bottom-medium {
    margin-bottom: 1.5em;
  }

  .margins-all-thin-medium {
    margin: 0.75em;
  }

  .margins-vertical-thin-medium {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .margins-horizontal-thin-medium {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }

  .margin-left-thin-medium {
    margin-left: 0.75em;
  }

  .margin-right-thin-medium {
    margin-right: 0.75em;
  }

  .margin-top-thin-medium {
    margin-top: 0.75em;
  }

  .margin-bottom-thin-medium {
    margin-bottom: 0.75em;
  }

  .margins-all-thick-medium {
    margin: 3em;
  }

  .margins-vertical-thick-medium {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-thick-medium {
    margin-left: 3em;
    margin-right: 3em;
  }

  .margin-left-thick-medium {
    margin-left: 3em;
  }

  .margin-right-thick-medium {
    margin-right: 3em;
  }

  .margin-top-thick-medium {
    margin-top: 3em;
  }

  .margin-bottom-thick-medium {
    margin-bottom: 3em;
  }

  .margins-all-thicker-medium {
    margin: 6em;
  }

  .margins-vertical-thicker-medium {
    margin-top: 6em;
    margin-bottom: 6em;
  }

  .margins-horizontal-thicker-medium {
    margin-left: 6em;
    margin-right: 6em;
  }

  .margin-left-thicker-medium {
    margin-left: 6em;
  }

  .margin-right-thicker-medium {
    margin-right: 6em;
  }

  .margin-top-thicker-medium {
    margin-top: 6em;
  }

  .margin-bottom-thicker-medium {
    margin-bottom: 6em;
  }

  .margins-none-medium, .margins-all-none-medium {
    margin: 0;
  }

  .margin-left-none-medium {
    margin-left: 0;
  }

  .margin-right-none-medium {
    margin-right: 0;
  }

  .margin-top-none-medium {
    margin-top: 0;
  }

  .margin-bottom-none-medium {
    margin-bottom: 0;
  }

  .margins-vertical-none-medium {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-none-medium {
    margin-left: 3em;
    margin-right: 3em;
  }

  .align-items-top-medium {
    align-items: flex-start;
  }

  .align-items-center-medium {
    align-items: center;
  }

  .align-items-bottom-medium {
    align-items: flex-end;
  }

  .align-items-stretch-medium {
    align-items: stretch;
  }

  .align-items-baseline-medium {
    align-items: baseline;
  }

  .width-full-medium {
    display: inline-block !important;
    box-sizing: border-box;
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .maxwidth-contain-medium {
    max-width: 100% !important;
  }

  .hide-medium {
    display: none;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  .text-left-small-only {
    text-align: left !important;
  }

  .text-center-small-only {
    text-align: center !important;
  }

  .text-right-small-only {
    text-align: right !important;
  }

  .padding-all-small-only {
    padding: 30px !important;
  }

  .padding-left-small-only {
    padding-left: 30px !important;
  }

  .padding-right-small-only {
    padding-right: 30px !important;
  }

  .padding-top-small-only {
    padding-top: 30px !important;
  }

  .padding-bottom-small-only {
    padding-bottom: 30px !important;
  }

  .padding-vertical-small-only {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-small-only {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-all-thin-small-only {
    padding: 15px !important;
  }

  .padding-left-thin-small-only {
    padding-left: 15px !important;
  }

  .padding-right-thin-small-only {
    padding-right: 15px !important;
  }

  .padding-top-thin-small-only {
    padding-top: 15px !important;
  }

  .padding-bottom-thin-small-only {
    padding-bottom: 15px !important;
  }

  .padding-vertical-thin-small-only {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .padding-horizontal-thin-small-only {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .padding-thick-all-small-only {
    padding: 60px !important;
  }

  .padding-left-thick-small-only {
    padding-left: 60px !important;
  }

  .padding-right-thick-small-only {
    padding-right: 60px !important;
  }

  .padding-top-thick-small-only {
    padding-top: 60px !important;
  }

  .padding-bottom-thick-small-only {
    padding-bottom: 60px !important;
  }

  .padding-vertical-thick-small-only {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .padding-horizontal-thick-small-only {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .padding-all-none-small-only {
    padding: 0 !important;
  }

  .padding-left-none-small-only {
    padding-left: 0 !important;
  }

  .padding-right-none-small-only {
    padding-right: 0 !important;
  }

  .padding-top-none-small-only {
    padding-top: 0 !important;
  }

  .padding-bottom-none-small-only {
    padding-bottom: 0 !important;
  }

  .padding-vertical-none-small-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .padding-horizontal-none-small-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .margins-all-small-only {
    margin: 1.5em;
  }

  .margins-vertical-small-only {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .margins-horizontal-small-only {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .margin-left-small-only {
    margin-left: 1.5em;
  }

  .margin-right-small-only {
    margin-right: 1.5em;
  }

  .margin-top-small-only {
    margin-top: 1.5em;
  }

  .margin-bottom-small-only {
    margin-bottom: 1.5em;
  }

  .margins-all-thin-small-only {
    margin: 0.75em;
  }

  .margins-vertical-thin-small-only {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .margins-horizontal-thin-small-only {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }

  .margin-left-thin-small-only {
    margin-left: 0.75em;
  }

  .margin-right-thin-small-only {
    margin-right: 0.75em;
  }

  .margin-top-thin-small-only {
    margin-top: 0.75em;
  }

  .margin-bottom-thin-small-only {
    margin-bottom: 0.75em;
  }

  .margins-all-thick-small-only {
    margin: 3em;
  }

  .margins-vertical-thick-small-only {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-thick-small-only {
    margin-left: 3em;
    margin-right: 3em;
  }

  .margin-left-thick-small-only {
    margin-left: 3em;
  }

  .margin-right-thick-small-only {
    margin-right: 3em;
  }

  .margin-top-thick-small-only {
    margin-top: 3em;
  }

  .margin-bottom-thick-small-only {
    margin-bottom: 3em;
  }

  .margins-all-thicker-small-only {
    margin: 6em;
  }

  .margins-vertical-thicker-small-only {
    margin-top: 6em;
    margin-bottom: 6em;
  }

  .margins-horizontal-thicker-small-only {
    margin-left: 6em;
    margin-right: 6em;
  }

  .margin-left-thicker-small-only {
    margin-left: 6em;
  }

  .margin-right-thicker-small-only {
    margin-right: 6em;
  }

  .margin-top-thicker-small-only {
    margin-top: 6em;
  }

  .margin-bottom-thicker-small-only {
    margin-bottom: 6em;
  }

  .margins-none-small-only, .margins-all-none-small-only {
    margin: 0;
  }

  .margin-left-none-small-only {
    margin-left: 0;
  }

  .margin-right-none-small-only {
    margin-right: 0;
  }

  .margin-top-none-small-only {
    margin-top: 0;
  }

  .margin-bottom-none-small-only {
    margin-bottom: 0;
  }

  .margins-vertical-none-small-only {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-none-small-only {
    margin-left: 3em;
    margin-right: 3em;
  }

  .align-items-top-small-only {
    align-items: flex-start;
  }

  .align-items-center-small-only {
    align-items: center;
  }

  .align-items-bottom-small-only {
    align-items: flex-end;
  }

  .align-items-stretch-small-only {
    align-items: stretch;
  }

  .align-items-baseline-small-only {
    align-items: baseline;
  }

  .width-full-small-only {
    display: inline-block !important;
    box-sizing: border-box;
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .maxwidth-contain-small-only {
    max-width: 100% !important;
  }

  .hide-small-only {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .text-left-small {
    text-align: left !important;
  }

  .text-center-small {
    text-align: center !important;
  }

  .text-right-small {
    text-align: right !important;
  }

  .padding-all-small {
    padding: 30px !important;
  }

  .padding-left-small {
    padding-left: 30px !important;
  }

  .padding-right-small {
    padding-right: 30px !important;
  }

  .padding-top-small {
    padding-top: 30px !important;
  }

  .padding-bottom-small {
    padding-bottom: 30px !important;
  }

  .padding-vertical-small {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-small {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-all-thin-small {
    padding: 15px !important;
  }

  .padding-left-thin-small {
    padding-left: 15px !important;
  }

  .padding-right-thin-small {
    padding-right: 15px !important;
  }

  .padding-top-thin-small {
    padding-top: 15px !important;
  }

  .padding-bottom-thin-small {
    padding-bottom: 15px !important;
  }

  .padding-vertical-thin-small {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-thin-small {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-thick-all-small {
    padding: 60px !important;
  }

  .padding-left-thick-small {
    padding-left: 60px !important;
  }

  .padding-right-thick-small {
    padding-right: 60px !important;
  }

  .padding-top-thick-small {
    padding-top: 60px !important;
  }

  .padding-bottom-thick-small {
    padding-bottom: 60px !important;
  }

  .padding-vertical-thick-small {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .padding-horizontal-thick-small {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .padding-all-none-small {
    padding: 0 !important;
  }

  .padding-left-none-small {
    padding-left: 0 !important;
  }

  .padding-right-none-small {
    padding-right: 0 !important;
  }

  .padding-top-none-small {
    padding-top: 0 !important;
  }

  .padding-bottom-none-small {
    padding-bottom: 0 !important;
  }

  .padding-vertical-none-small {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .padding-horizontal-none-small {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .margins-all-small {
    margin: 1.5em;
  }

  .margins-vertical-small {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .margins-horizontal-small {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .margin-left-small {
    margin-left: 1.5em;
  }

  .margin-right-small {
    margin-right: 1.5em;
  }

  .margin-top-small {
    margin-top: 1.5em;
  }

  .margin-bottom-small {
    margin-bottom: 1.5em;
  }

  .margins-all-thin-small {
    margin: 0.75em;
  }

  .margins-vertical-thin-small {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .margins-horizontal-thin-small {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }

  .margin-left-thin-small {
    margin-left: 0.75em;
  }

  .margin-right-thin-small {
    margin-right: 0.75em;
  }

  .margin-top-thin-small {
    margin-top: 0.75em;
  }

  .margin-bottom-thin-small {
    margin-bottom: 0.75em;
  }

  .margins-all-thick-small {
    margin: 3em;
  }

  .margins-vertical-thick-small {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-thick-small {
    margin-left: 3em;
    margin-right: 3em;
  }

  .margin-left-thick-small {
    margin-left: 3em;
  }

  .margin-right-thick-small {
    margin-right: 3em;
  }

  .margin-top-thick-small {
    margin-top: 3em;
  }

  .margin-bottom-thick-small {
    margin-bottom: 3em;
  }

  .margins-all-thicker-small {
    margin: 6em;
  }

  .margins-vertical-thicker-small {
    margin-top: 6em;
    margin-bottom: 6em;
  }

  .margins-horizontal-thicker-small {
    margin-left: 6em;
    margin-right: 6em;
  }

  .margin-left-thicker-small {
    margin-left: 6em;
  }

  .margin-right-thicker-small {
    margin-right: 6em;
  }

  .margin-top-thicker-small {
    margin-top: 6em;
  }

  .margin-bottom-thicker-small {
    margin-bottom: 6em;
  }

  .margins-none-small, .margins-all-none-small {
    margin: 0;
  }

  .margin-left-none-small {
    margin-left: 0;
  }

  .margin-right-none-small {
    margin-right: 0;
  }

  .margin-top-none-small {
    margin-top: 0;
  }

  .margin-bottom-none-small {
    margin-bottom: 0;
  }

  .margins-vertical-none-small {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-none-small {
    margin-left: 3em;
    margin-right: 3em;
  }

  .align-items-top-small {
    align-items: flex-start;
  }

  .align-items-center-small {
    align-items: center;
  }

  .align-items-bottom-small {
    align-items: flex-end;
  }

  .align-items-stretch-small {
    align-items: stretch;
  }

  .align-items-baseline-small {
    align-items: baseline;
  }

  .width-full-small {
    display: inline-block !important;
    box-sizing: border-box;
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .maxwidth-contain-small {
    max-width: 100% !important;
  }

  .hide-small {
    display: none;
  }
}
@media screen and (min-width: 376px) and (max-width: 600px) {
  .text-left-tiny-only {
    text-align: left !important;
  }

  .text-center-tiny-only {
    text-align: center !important;
  }

  .text-right-tiny-only {
    text-align: right !important;
  }

  .padding-all-tiny-only {
    padding: 30px !important;
  }

  .padding-left-tiny-only {
    padding-left: 30px !important;
  }

  .padding-right-tiny-only {
    padding-right: 30px !important;
  }

  .padding-top-tiny-only {
    padding-top: 30px !important;
  }

  .padding-bottom-tiny-only {
    padding-bottom: 30px !important;
  }

  .padding-vertical-tiny-only {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-tiny-only {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-all-thin-tiny-only {
    padding: 15px !important;
  }

  .padding-left-thin-tiny-only {
    padding-left: 15px !important;
  }

  .padding-right-thin-tiny-only {
    padding-right: 15px !important;
  }

  .padding-top-thin-tiny-only {
    padding-top: 15px !important;
  }

  .padding-bottom-thin-tiny-only {
    padding-bottom: 15px !important;
  }

  .padding-vertical-thin-tiny-only {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .padding-horizontal-thin-tiny-only {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .padding-thick-all-tiny-only {
    padding: 60px !important;
  }

  .padding-left-thick-tiny-only {
    padding-left: 60px !important;
  }

  .padding-right-thick-tiny-only {
    padding-right: 60px !important;
  }

  .padding-top-thick-tiny-only {
    padding-top: 60px !important;
  }

  .padding-bottom-thick-tiny-only {
    padding-bottom: 60px !important;
  }

  .padding-vertical-thick-tiny-only {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .padding-horizontal-thick-tiny-only {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .padding-all-none-tiny-only {
    padding: 0 !important;
  }

  .padding-left-none-tiny-only {
    padding-left: 0 !important;
  }

  .padding-right-none-tiny-only {
    padding-right: 0 !important;
  }

  .padding-top-none-tiny-only {
    padding-top: 0 !important;
  }

  .padding-bottom-none-tiny-only {
    padding-bottom: 0 !important;
  }

  .padding-vertical-none-tiny-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .padding-horizontal-none-tiny-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .margins-all-tiny-only {
    margin: 1.5em;
  }

  .margins-vertical-tiny-only {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .margins-horizontal-tiny-only {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .margin-left-tiny-only {
    margin-left: 1.5em;
  }

  .margin-right-tiny-only {
    margin-right: 1.5em;
  }

  .margin-top-tiny-only {
    margin-top: 1.5em;
  }

  .margin-bottom-tiny-only {
    margin-bottom: 1.5em;
  }

  .margins-all-thin-tiny-only {
    margin: 0.75em;
  }

  .margins-vertical-thin-tiny-only {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .margins-horizontal-thin-tiny-only {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }

  .margin-left-thin-tiny-only {
    margin-left: 0.75em;
  }

  .margin-right-thin-tiny-only {
    margin-right: 0.75em;
  }

  .margin-top-thin-tiny-only {
    margin-top: 0.75em;
  }

  .margin-bottom-thin-tiny-only {
    margin-bottom: 0.75em;
  }

  .margins-all-thick-tiny-only {
    margin: 3em;
  }

  .margins-vertical-thick-tiny-only {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-thick-tiny-only {
    margin-left: 3em;
    margin-right: 3em;
  }

  .margin-left-thick-tiny-only {
    margin-left: 3em;
  }

  .margin-right-thick-tiny-only {
    margin-right: 3em;
  }

  .margin-top-thick-tiny-only {
    margin-top: 3em;
  }

  .margin-bottom-thick-tiny-only {
    margin-bottom: 3em;
  }

  .margins-all-thicker-tiny-only {
    margin: 6em;
  }

  .margins-vertical-thicker-tiny-only {
    margin-top: 6em;
    margin-bottom: 6em;
  }

  .margins-horizontal-thicker-tiny-only {
    margin-left: 6em;
    margin-right: 6em;
  }

  .margin-left-thicker-tiny-only {
    margin-left: 6em;
  }

  .margin-right-thicker-tiny-only {
    margin-right: 6em;
  }

  .margin-top-thicker-tiny-only {
    margin-top: 6em;
  }

  .margin-bottom-thicker-tiny-only {
    margin-bottom: 6em;
  }

  .margins-none-tiny-only, .margins-all-none-tiny-only {
    margin: 0;
  }

  .margin-left-none-tiny-only {
    margin-left: 0;
  }

  .margin-right-none-tiny-only {
    margin-right: 0;
  }

  .margin-top-none-tiny-only {
    margin-top: 0;
  }

  .margin-bottom-none-tiny-only {
    margin-bottom: 0;
  }

  .margins-vertical-none-tiny-only {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-none-tiny-only {
    margin-left: 3em;
    margin-right: 3em;
  }

  .align-items-top-tiny-only {
    align-items: flex-start;
  }

  .align-items-center-tiny-only {
    align-items: center;
  }

  .align-items-bottom-tiny-only {
    align-items: flex-end;
  }

  .align-items-stretch-tiny-only {
    align-items: stretch;
  }

  .align-items-baseline-tiny-only {
    align-items: baseline;
  }

  .width-full-tiny-only {
    display: inline-block !important;
    box-sizing: border-box;
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .maxwidth-contain-tiny-only {
    max-width: 100% !important;
  }

  .hide-tiny-only {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .text-left-tiny {
    text-align: left !important;
  }

  .text-center-tiny {
    text-align: center !important;
  }

  .text-right-tiny {
    text-align: right !important;
  }

  .padding-all-tiny {
    padding: 30px !important;
  }

  .padding-left-tiny {
    padding-left: 30px !important;
  }

  .padding-right-tiny {
    padding-right: 30px !important;
  }

  .padding-top-tiny {
    padding-top: 30px !important;
  }

  .padding-bottom-tiny {
    padding-bottom: 30px !important;
  }

  .padding-vertical-tiny {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-tiny {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-all-thin-tiny {
    padding: 15px !important;
  }

  .padding-left-thin-tiny {
    padding-left: 15px !important;
  }

  .padding-right-thin-tiny {
    padding-right: 15px !important;
  }

  .padding-top-thin-tiny {
    padding-top: 15px !important;
  }

  .padding-bottom-thin-tiny {
    padding-bottom: 15px !important;
  }

  .padding-vertical-thin-tiny {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-thin-tiny {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-thick-all-tiny {
    padding: 60px !important;
  }

  .padding-left-thick-tiny {
    padding-left: 60px !important;
  }

  .padding-right-thick-tiny {
    padding-right: 60px !important;
  }

  .padding-top-thick-tiny {
    padding-top: 60px !important;
  }

  .padding-bottom-thick-tiny {
    padding-bottom: 60px !important;
  }

  .padding-vertical-thick-tiny {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .padding-horizontal-thick-tiny {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .padding-all-none-tiny {
    padding: 0 !important;
  }

  .padding-left-none-tiny {
    padding-left: 0 !important;
  }

  .padding-right-none-tiny {
    padding-right: 0 !important;
  }

  .padding-top-none-tiny {
    padding-top: 0 !important;
  }

  .padding-bottom-none-tiny {
    padding-bottom: 0 !important;
  }

  .padding-vertical-none-tiny {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .padding-horizontal-none-tiny {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .margins-all-tiny {
    margin: 1.5em;
  }

  .margins-vertical-tiny {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .margins-horizontal-tiny {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .margin-left-tiny {
    margin-left: 1.5em;
  }

  .margin-right-tiny {
    margin-right: 1.5em;
  }

  .margin-top-tiny {
    margin-top: 1.5em;
  }

  .margin-bottom-tiny {
    margin-bottom: 1.5em;
  }

  .margins-all-thin-tiny {
    margin: 0.75em;
  }

  .margins-vertical-thin-tiny {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .margins-horizontal-thin-tiny {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }

  .margin-left-thin-tiny {
    margin-left: 0.75em;
  }

  .margin-right-thin-tiny {
    margin-right: 0.75em;
  }

  .margin-top-thin-tiny {
    margin-top: 0.75em;
  }

  .margin-bottom-thin-tiny {
    margin-bottom: 0.75em;
  }

  .margins-all-thick-tiny {
    margin: 3em;
  }

  .margins-vertical-thick-tiny {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-thick-tiny {
    margin-left: 3em;
    margin-right: 3em;
  }

  .margin-left-thick-tiny {
    margin-left: 3em;
  }

  .margin-right-thick-tiny {
    margin-right: 3em;
  }

  .margin-top-thick-tiny {
    margin-top: 3em;
  }

  .margin-bottom-thick-tiny {
    margin-bottom: 3em;
  }

  .margins-all-thicker-tiny {
    margin: 6em;
  }

  .margins-vertical-thicker-tiny {
    margin-top: 6em;
    margin-bottom: 6em;
  }

  .margins-horizontal-thicker-tiny {
    margin-left: 6em;
    margin-right: 6em;
  }

  .margin-left-thicker-tiny {
    margin-left: 6em;
  }

  .margin-right-thicker-tiny {
    margin-right: 6em;
  }

  .margin-top-thicker-tiny {
    margin-top: 6em;
  }

  .margin-bottom-thicker-tiny {
    margin-bottom: 6em;
  }

  .margins-none-tiny, .margins-all-none-tiny {
    margin: 0;
  }

  .margin-left-none-tiny {
    margin-left: 0;
  }

  .margin-right-none-tiny {
    margin-right: 0;
  }

  .margin-top-none-tiny {
    margin-top: 0;
  }

  .margin-bottom-none-tiny {
    margin-bottom: 0;
  }

  .margins-vertical-none-tiny {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-none-tiny {
    margin-left: 3em;
    margin-right: 3em;
  }

  .align-items-top-tiny {
    align-items: flex-start;
  }

  .align-items-center-tiny {
    align-items: center;
  }

  .align-items-bottom-tiny {
    align-items: flex-end;
  }

  .align-items-stretch-tiny {
    align-items: stretch;
  }

  .align-items-baseline-tiny {
    align-items: baseline;
  }

  .width-full-tiny {
    display: inline-block !important;
    box-sizing: border-box;
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .maxwidth-contain-tiny {
    max-width: 100% !important;
  }

  .hide-tiny {
    display: none;
  }
}
@media screen and (max-width: 375px) {
  .text-left-micro {
    text-align: left !important;
  }

  .text-center-micro {
    text-align: center !important;
  }

  .text-right-micro {
    text-align: right !important;
  }

  .padding-all-micro {
    padding: 30px !important;
  }

  .padding-left-micro {
    padding-left: 30px !important;
  }

  .padding-right-micro {
    padding-right: 30px !important;
  }

  .padding-top-micro {
    padding-top: 30px !important;
  }

  .padding-bottom-micro {
    padding-bottom: 30px !important;
  }

  .padding-vertical-micro {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-horizontal-micro {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-all-thin-micro {
    padding: 15px !important;
  }

  .padding-left-thin-micro {
    padding-left: 15px !important;
  }

  .padding-right-thin-micro {
    padding-right: 15px !important;
  }

  .padding-top-thin-micro {
    padding-top: 15px !important;
  }

  .padding-bottom-thin-micro {
    padding-bottom: 15px !important;
  }

  .padding-vertical-thin-micro {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .padding-horizontal-thin-micro {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .padding-thick-all-micro {
    padding: 60px !important;
  }

  .padding-left-thick-micro {
    padding-left: 60px !important;
  }

  .padding-right-thick-micro {
    padding-right: 60px !important;
  }

  .padding-top-thick-micro {
    padding-top: 60px !important;
  }

  .padding-bottom-thick-micro {
    padding-bottom: 60px !important;
  }

  .padding-vertical-thick-micro {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .padding-horizontal-thick-micro {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .padding-all-none-micro {
    padding: 0 !important;
  }

  .padding-left-none-micro {
    padding-left: 0 !important;
  }

  .padding-right-none-micro {
    padding-right: 0 !important;
  }

  .padding-top-none-micro {
    padding-top: 0 !important;
  }

  .padding-bottom-none-micro {
    padding-bottom: 0 !important;
  }

  .padding-vertical-none-micro {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .padding-horizontal-none-micro {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .margins-all-micro {
    margin: 1.5em;
  }

  .margins-vertical-micro {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .margins-horizontal-micro {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .margin-left-micro {
    margin-left: 1.5em;
  }

  .margin-right-micro {
    margin-right: 1.5em;
  }

  .margin-top-micro {
    margin-top: 1.5em;
  }

  .margin-bottom-micro {
    margin-bottom: 1.5em;
  }

  .margins-all-thin-micro {
    margin: 0.75em;
  }

  .margins-vertical-thin-micro {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .margins-horizontal-thin-micro {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }

  .margin-left-thin-micro {
    margin-left: 0.75em;
  }

  .margin-right-thin-micro {
    margin-right: 0.75em;
  }

  .margin-top-thin-micro {
    margin-top: 0.75em;
  }

  .margin-bottom-thin-micro {
    margin-bottom: 0.75em;
  }

  .margins-all-thick-micro {
    margin: 3em;
  }

  .margins-vertical-thick-micro {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-thick-micro {
    margin-left: 3em;
    margin-right: 3em;
  }

  .margin-left-thick-micro {
    margin-left: 3em;
  }

  .margin-right-thick-micro {
    margin-right: 3em;
  }

  .margin-top-thick-micro {
    margin-top: 3em;
  }

  .margin-bottom-thick-micro {
    margin-bottom: 3em;
  }

  .margins-all-thicker-micro {
    margin: 6em;
  }

  .margins-vertical-thicker-micro {
    margin-top: 6em;
    margin-bottom: 6em;
  }

  .margins-horizontal-thicker-micro {
    margin-left: 6em;
    margin-right: 6em;
  }

  .margin-left-thicker-micro {
    margin-left: 6em;
  }

  .margin-right-thicker-micro {
    margin-right: 6em;
  }

  .margin-top-thicker-micro {
    margin-top: 6em;
  }

  .margin-bottom-thicker-micro {
    margin-bottom: 6em;
  }

  .margins-none-micro, .margins-all-none-micro {
    margin: 0;
  }

  .margin-left-none-micro {
    margin-left: 0;
  }

  .margin-right-none-micro {
    margin-right: 0;
  }

  .margin-top-none-micro {
    margin-top: 0;
  }

  .margin-bottom-none-micro {
    margin-bottom: 0;
  }

  .margins-vertical-none-micro {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .margins-horizontal-none-micro {
    margin-left: 3em;
    margin-right: 3em;
  }

  .align-items-top-micro {
    align-items: flex-start;
  }

  .align-items-center-micro {
    align-items: center;
  }

  .align-items-bottom-micro {
    align-items: flex-end;
  }

  .align-items-stretch-micro {
    align-items: stretch;
  }

  .align-items-baseline-micro {
    align-items: baseline;
  }

  .width-full-micro {
    display: inline-block !important;
    box-sizing: border-box;
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .maxwidth-contain-micro {
    max-width: 100% !important;
  }

  .hide-micro {
    display: none;
  }
}
/*
    Helpers
*/
.hidden {
  display: none;
}
.hiddenFromSight {
  display: block !important;
  position: relative !important;
  height: 0 !important;
  margin: 0 !important;
  text-indent: -10000em !important;
}
.text-wrap {
  overflow-wrap: break-word;
  /* v- These are technically the same, but use both */
  word-wrap: break-word;
  /* ^- These are technically the same, but use both */
  -ms-word-break: break-all;
  word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-word;
  /* Instead use this non-standard one: */
}
.text-wrap.hyphens {
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  hyphens: auto;
}
/*
    Blockquotes
*/
blockquote {
  position: relative;
  margin: 0 0 1.5em 0;
  padding: 0;
  color: #909090;
  font-family: georgia, "times new roman", times, serif;
  font-size: 125%;
  line-height: 125%;
  quotes: "“" "”";
}
blockquote::before {
  content: open-quote;
  font-weight: bold;
}
blockquote::after {
  content: close-quote;
  font-weight: bold;
}
blockquote p {
  display: inline;
  line-height: 1.3em;
}
blockquote :first-child {
  margin-top: 0;
}
blockquote :last-child {
  margin-bottom: 0;
}
blockquote.padding-all-none,
blockquote.padding-all-none-large,
blockquote.padding-all-none-medium,
blockquote.padding-all-none-small,
blockquote.padding-left-none,
blockquote.padding-left-none-large,
blockquote.padding-left-none-medium,
blockquote.padding-left-none-small {
  /* Make room for the open quote even when no padding is specified, otherwise it disappears off the left of the screen in small screen views. */
  padding-left: 16px !important;
  padding-right: 16px !important;
}
blockquote[style*=float] {
  padding: 1.5em;
  max-width: 50%;
}
blockquote[style*="float:left"],
blockquote[style*="float: left"],
blockquote.align-left {
  margin-top: 1.5em;
  margin-right: 20px;
  border-right: #e0dcdb 2px solid;
}
blockquote[style*="float:right"],
blockquote[style*="float: right"],
blockquote.align-right {
  margin-top: 1.5em;
  margin-left: 20px;
  border-left: #e0dcdb 2px solid;
}
@media screen and (max-width: 600px) {
  /* Could consider going to 375px - It depends on the site content and design. */
  blockquote[style*="float:left"],
blockquote[style*="float: left"],
blockquote[style*="float:right"],
blockquote[style*="float: right"],
blockquote.align-left,
blockquote.align-right {
    float: none !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
  }
}
/*
    Address blocks
*/
/*
    Pre-formatted blocks
*/
/*
    Experimental: Reset styles at different screen sizes
*/
@media screen and (max-width: 1200px) {
  .reset-medium {
    display: unset;
    margin: unset;
    padding: 0;
    font-size: inherit;
    font: inherit;
    color: inherit;
    line-height: inherit;
    vertical-align: baseline;
    background: inherit;
    border: inherit;
  }
}
@media screen and (max-width: 900px) {
  .reset-small {
    display: unset;
    margin: unset;
    padding: 0;
    font-size: inherit;
    font: inherit;
    color: inherit;
    line-height: inherit;
    vertical-align: baseline;
    background: inherit;
    border: inherit;
  }
}
@media screen and (max-width: 600px) {
  .reset-tiny {
    display: unset;
    margin: unset;
    padding: 0;
    font-size: inherit;
    font: inherit;
    color: inherit;
    line-height: inherit;
    vertical-align: baseline;
    background: inherit;
    border: inherit;
  }
}
@media screen and (max-width: 375px) {
  .reset-nano {
    display: unset;
    margin: unset;
    padding: 0;
    font-size: inherit;
    font: inherit;
    color: inherit;
    line-height: inherit;
    vertical-align: baseline;
    background: inherit;
    border: inherit;
  }
}
.box, app-meal-schedule .pageBody, app-meal-calendar .pageBody, app-meal-current .pageBody, app-meal-credits .pageBody, app-meal-cafe-credits .pageBody {
  /* When added to a content element on its own, it doesn't do much. Should we include a standard background or something? We'd need to think about different contexts then. */
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  margin-bottom: 1.5em;
  border-radius: 3px;
}
.box > :first-child, app-meal-schedule .pageBody > :first-child, app-meal-calendar .pageBody > :first-child, app-meal-current .pageBody > :first-child, app-meal-credits .pageBody > :first-child, app-meal-cafe-credits .pageBody > :first-child {
  margin-top: 0 !important;
}
.box > :last-child, app-meal-schedule .pageBody > :last-child, app-meal-calendar .pageBody > :last-child, app-meal-current .pageBody > :last-child, app-meal-credits .pageBody > :last-child, app-meal-cafe-credits .pageBody > :last-child {
  margin-bottom: 0 !important;
}
.box.wide, app-meal-schedule .wide.pageBody, app-meal-calendar .wide.pageBody, app-meal-current .wide.pageBody, app-meal-credits .wide.pageBody, app-meal-cafe-credits .wide.pageBody {
  /* Use wide boxes when you want the background colour to fill the screen but the content is inside a fixed width block. */
  box-sizing: content-box;
  margin-left: -10000em !important;
  margin-right: -10000em !important;
  padding-left: 10000em !important;
  padding-right: 10000em !important;
  border-radius: 0;
}
.box > .box-title, app-meal-schedule .pageBody > .box-title, app-meal-calendar .pageBody > .box-title, app-meal-current .pageBody > .box-title, app-meal-credits .pageBody > .box-title, app-meal-cafe-credits .pageBody > .box-title {
  margin: 0 -30px 15px;
  padding: 20px 30px;
  color: #00243d;
  background: #cce7f0;
}
.box > .box-title:first-child, app-meal-schedule .pageBody > .box-title:first-child, app-meal-calendar .pageBody > .box-title:first-child, app-meal-current .pageBody > .box-title:first-child, app-meal-credits .pageBody > .box-title:first-child, app-meal-cafe-credits .pageBody > .box-title:first-child {
  margin-top: -30px;
}
@media screen and (max-width: 375px) {
  .box, app-meal-schedule .pageBody, app-meal-calendar .pageBody, app-meal-current .pageBody, app-meal-credits .pageBody, app-meal-cafe-credits .pageBody {
    padding: 15px;
  }
}
/*
    Box Styles
    - Intended for blocks/boxes/columns but could be used on anything.
    - Remember the helper classes (padding, margins, align, etc.) can be used with these as a general principle, so if you're creating highly specific block styles then inform the authors or override everything.
    - It may or may not be possible to combine block styles, depending on how they are set up. It's okay to create styles that shouldn't be combined with other styles.
    - To do: A cool colour spectrum rule set, incorporating backgrounds and borders and all sorts of stuff. Until then, we've got some basic block style ideas and suggestions and you can create your own set of styles.
    - Block styles are after background styles in the cascade in case they apply specific background colours.
*/
.box-outline {
  border: #d0cccb 1px solid;
}
.box-shadow-soft {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.box-highlight {
  box-sizing: border-box;
  overflow: hidden;
  margin: 3em 0;
  font-size: 125%;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  background: #faf8f7;
  border-top: #d0cccb 3px solid;
  border-bottom: #d0cccb 3px solid;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  transform: rotate(-1.25deg);
}
/* Acora App Theme - Other Elements */
/* ####################################
   Animations

   - Critical Rendering Path: Required
   - Animations attached to interaction events below the fold might be managed separately
   ################################## */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.bounceInUp {
  animation-name: bounceInUp;
}
.spin, app-home .notificationCheckRunning p {
  animation-name: spin;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.alert-box, app-meal-credits #MealCreditRights, app-home .notificationCheckRunning {
  position: relative;
  clear: left;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 15px;
  padding: 30px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
fieldset .alert-box, fieldset app-meal-credits #MealCreditRights, app-meal-credits fieldset #MealCreditRights, fieldset app-home .notificationCheckRunning, app-home fieldset .notificationCheckRunning {
  margin-left: 4px;
  margin-right: 4px;
  padding: 4px;
}
.alert-box h1, app-meal-credits #MealCreditRights h1, app-home .notificationCheckRunning h1,
.alert-box h2,
app-meal-credits #MealCreditRights h2,
app-home .notificationCheckRunning h2,
.alert-box h3,
app-meal-credits #MealCreditRights h3,
app-home .notificationCheckRunning h3,
.alert-box h4,
app-meal-credits #MealCreditRights h4,
app-home .notificationCheckRunning h4,
.alert-box p,
app-meal-credits #MealCreditRights p,
app-home .notificationCheckRunning p,
.alert-box ul,
app-meal-credits #MealCreditRights ul,
app-home .notificationCheckRunning ul,
.alert-box ol,
app-meal-credits #MealCreditRights ol,
app-home .notificationCheckRunning ol {
  margin: 0 0 0.75em;
}
.alert-box > h1:first-child, app-meal-credits #MealCreditRights > h1:first-child, app-home .notificationCheckRunning > h1:first-child,
.alert-box > h2:first-child,
app-meal-credits #MealCreditRights > h2:first-child,
app-home .notificationCheckRunning > h2:first-child,
.alert-box > h3:first-child,
app-meal-credits #MealCreditRights > h3:first-child,
app-home .notificationCheckRunning > h3:first-child,
.alert-box > h4:first-child,
app-meal-credits #MealCreditRights > h4:first-child,
app-home .notificationCheckRunning > h4:first-child {
  box-sizing: border-box;
  font-size: 125%;
  font-weight: bold;
  margin: 0 0 0.25em;
  padding-bottom: 0;
  border: none;
  background: none;
}
.alert-box > ul li, app-meal-credits #MealCreditRights > ul li, app-home .notificationCheckRunning > ul li,
.alert-box > ol li,
app-meal-credits #MealCreditRights > ol li,
app-home .notificationCheckRunning > ol li {
  margin: 0.25em 0 !important;
}
.alert-box > :first-child, app-meal-credits #MealCreditRights > :first-child, app-home .notificationCheckRunning > :first-child {
  margin-top: 0 !important;
}
.alert-box > :last-child, app-meal-credits #MealCreditRights > :last-child, app-home .notificationCheckRunning > :last-child {
  margin-bottom: 0 !important;
}
.alert-information, app-meal-credits #MealCreditRights, app-home .notificationCheckRunning {
  color: #0c5460;
  background: #D4EFF2;
  border-color: #8ec5cb;
}
.alert-information h1:first-child, app-meal-credits #MealCreditRights h1:first-child, app-home .notificationCheckRunning h1:first-child,
.alert-information h2:first-child,
app-meal-credits #MealCreditRights h2:first-child,
app-home .notificationCheckRunning h2:first-child,
.alert-information h3:first-child,
app-meal-credits #MealCreditRights h3:first-child,
app-home .notificationCheckRunning h3:first-child,
.alert-information h4:first-child,
app-meal-credits #MealCreditRights h4:first-child,
app-home .notificationCheckRunning h4:first-child {
  color: #0c5460;
}
.alert-success {
  color: #165A26;
  background: #E0F1E4;
  /**border-color: #c3e6cb;*/
  border-color: #86cA96;
}
.alert-success h1:first-child,
.alert-success h2:first-child,
.alert-success h3:first-child,
.alert-success h4:first-child {
  color: #165A26;
}
.alert-warning {
  color: #684018;
  background: #FFF7E0;
  border-color: #cfc0aa;
}
.alert-warning h1:first-child,
.alert-warning h2:first-child,
.alert-warning h3:first-child,
.alert-warning h4:first-child {
  color: #684018;
}
.alert-error {
  font-size: 87.5%;
  color: #721c24;
  background: #ffeff0;
  border: #f2bcc4 1px solid;
}
.alert-error h1:first-child,
.alert-error h2:first-child,
.alert-error h3:first-child,
.alert-error h4:first-child {
  color: #721c24;
}
.alert-inline {
  display: inline-block;
}
@media screen and (max-width: 375px) {
  .alert-box, app-meal-credits #MealCreditRights, app-home .notificationCheckRunning {
    padding: 15px;
  }
}
/* Ionic Buttons */
ion-button {
  text-transform: uppercase;
}
ion-button::part(native) {
  text-transform: capitalize;
  border-radius: 0;
  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;
}
button {
  background: none;
}
button[disabled] {
  opacity: 0.5;
}
/* Acora Theme Buttons */
.button, app-notification-modal .manageToolbar button, app-notification-modal .readMore button, ul.menu li a, .subpages-tiles button, .subpages-video button {
  -webkit-appearance: none;
  /* Stop IOS taking over when it's a form control. */
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 15px 30px;
  margin: 2px;
  /* When buttons wrap around lines or sit right next to each other we want some space between them. */
  width: 100%;
  max-width: 100%;
  color: #231f20 !important;
  line-height: 1;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  white-space: normal;
  background-color: #fff;
  /* #009376; #358366; */
  background-repeat: no-repeat;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  /* Make sure all buttons show the same pointer, regardless of what HTML tag the button uses. */
  transition: 100ms all ease-in-out;
}
.button:first-child, app-notification-modal .manageToolbar button:first-child, app-notification-modal .readMore button:first-child, ul.menu li a:first-child, .subpages-tiles button:first-child, .subpages-video button:first-child {
  margin-left: 0;
}
.button:last-child, app-notification-modal .manageToolbar button:last-child, app-notification-modal .readMore button:last-child, ul.menu li a:last-child, .subpages-tiles button:last-child, .subpages-video button:last-child {
  margin-right: 0;
}
.button:hover, app-notification-modal .manageToolbar button:hover, app-notification-modal .readMore button:hover, ul.menu li a:hover, .subpages-tiles button:hover, .subpages-video button:hover {
  text-decoration: underline !important;
  background-color: #383532;
  color: #fff !important;
}
.button:active, app-notification-modal .manageToolbar button:active, app-notification-modal .readMore button:active, ul.menu li a:active, .subpages-tiles button:active, .subpages-video button:active {
  /*margin: 3px 0 1px 1px;*/
  /* Nudge it to make it look like it's being pressed. */
}
fieldset.submitButtons input.button {
  margin: 0;
  /* Buttons in forms don't end up wrapping in standard scenarios, so the margin just messes up their layout a bit. */
}
fieldset.submitButtons input.button:active {
  margin: 1px 0 -1px 1px;
  /* Nudge. */
}
button.button, app-notification-modal .manageToolbar button, app-notification-modal .readMore button, .subpages-tiles button, .subpages-video button,
input.button {
  /* Can't use :before or :after on elements that are replaceable by the operating system, e.g. buttons and form controls. */
}
.headerTools .button, .headerTools app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar .headerTools button, .headerTools app-notification-modal .readMore button, app-notification-modal .readMore .headerTools button, .headerTools ul.menu li a, ul.menu li .headerTools a, .headerTools .subpages-tiles button, .subpages-tiles .headerTools button, .headerTools .subpages-video button, .subpages-video .headerTools button {
  padding: 5px 7px;
  background-color: transparent;
  font-size: 230% !important;
}
@media screen and (max-width: 600px) {
  /*.button {
      box-sizing: border-box;
      width: 100%;
      text-align: center;
      font-size: 100%;
  }*/
}
/* 
    Sizes
    - Some buttons are different sizes. If background images are used, these classes can be useful.
*/
.button-large {
  padding: 18px 45px;
  font-size: 175%;
  font-weight: normal;
}
div.cols-2 > .col .button-large {
  width: 40%;
}
div.cols-3 > .col .button-large {
  width: 45%;
}
div.cols-4 > .col .button-large {
  width: 50%;
}
.button-small, app-notification-modal .manageToolbar button {
  padding: 8px 15px;
  font-size: 75%;
}
/*
@media screen and (max-width: 600px) {

    .button-large {
        padding: 15px 30px;
        font-size: 125%;
    }

    div.cols-2 > .col .button-large,
    div.cols-3 > .col .button-large,
    div.cols-4 > .col .button-large {
        box-sizing: border-box;
        width: 100%;
    }

}
*/
/* 
    Shapes 
*/
.button-rounded {
  border-radius: 30px;
}
/* 
Functions 
*/
.button-next::after {
  content: "";
  display: inline-block;
  margin-left: 15px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.button-back::before {
  content: "";
  display: inline-block;
  margin-right: 15px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/*
    Alternate Button Styles
*/
.button-secondary, app-notification-modal .manageToolbar button {
  padding: 13px 30px;
  color: #fff !important;
  background-color: #790000;
  border: #790000 2px solid;
}
.button-secondary:hover, app-notification-modal .manageToolbar button:hover {
  color: #fff !important;
  background-color: #231f20;
  border-color: #231f20;
}
.button-secondary.button-next:after, app-notification-modal .manageToolbar button.button-next:after {
  border-color: transparent #009376;
}
.button-next.button-next:hover:after {
  border-color: transparent #fff;
}
.button-secondary.button-back:before, app-notification-modal .manageToolbar button.button-back:before {
  border-color: transparent #009376;
}
.button-secondary.button-back:hover:before, app-notification-modal .manageToolbar button.button-back:hover:before {
  border-color: transparent #fff;
}
.button-bright, ul.menu.buttons li a, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a {
  font-weight: bold;
  color: #ffffff !important;
  background: #0e6150;
  background: linear-gradient(0deg, #0d5d4d 0%, #0e6150 10%, #0e6150 90%, #0d5d4d 100%);
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.button-bright:hover, ul.menu.buttons li a:hover, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a:hover {
  text-decoration: none !important;
  color: #fff !important;
  background: #323834;
  /*background: linear-gradient(0deg, rgba(0,144,97,1) 0%, rgba(11,163,116,1) 10%, rgba(11,163,116,1) 90%, rgba(43,195,148,1) 100%);*/
  /*background: linear-gradient(0deg, rgba(31,111,82,1) 0%, rgba(53,131,102,1) 7.5%, rgba(53,131,102,1) 92.5%, rgba(123,201,172,1) 100%);*/
  transition: 100ms all ease-in-out;
}
.button-bright:hover *, ul.menu.buttons li a:hover *, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a:hover * {
  color: #fff !important;
}
/*
    Default setup for columns blocks
*/
div[class*=cols-] {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  clear: both;
  box-sizing: border-box;
  width: 100%;
}
div[class*=cols-] > .col {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 1.5em;
  /*overflow: hidden;*/
  /* So we can contain things inside the column boxes, like images. */
}
/* 2 Columns */
div.cols-2 > .col:nth-child(2n-1) {
  position: relative;
  float: left;
  clear: left;
  width: 49%;
  margin-right: 1%;
}
div.cols-2 > .col:nth-child(2n-0) {
  position: relative;
  float: right;
  width: 49%;
  margin-left: 1%;
}
div.cols-2.layout-1 > .col:nth-child(2n-1) {
  width: 33%;
}
div.cols-2.layout-1 > .col:nth-child(2n-0) {
  width: 65%;
}
div.cols-2.layout-2 > .col:nth-child(2n-1) {
  width: 42%;
}
div.cols-2.layout-2 > .col:nth-child(2n-0) {
  width: 56%;
}
div.cols-2.layout-3 > .col:nth-child(2n-1) {
  width: 56%;
}
div.cols-2.layout-3 > .col:nth-child(2n-0) {
  width: 42%;
}
div.cols-2.layout-4 > .col:nth-child(2n-1) {
  width: 65%;
}
div.cols-2.layout-4 > .col:nth-child(2n-0) {
  width: 33%;
}
div.cols-2.gutters-none > .col {
  margin-right: 0;
  margin-left: 0;
  width: 50%;
}
div.cols-2.layout-1.gutters-none > .col:nth-child(2n-1) {
  width: 34%;
}
div.cols-2.layout-1.gutters-none > .col:nth-child(2n-0) {
  width: 66%;
}
div.cols-2.layout-2.gutters-none > .col:nth-child(2n-1) {
  width: 43%;
}
div.cols-2.layout-2.gutters-none > .col:nth-child(2n-0) {
  width: 57%;
}
div.cols-2.layout-3.gutters-none > .col:nth-child(2n-1) {
  width: 57%;
}
div.cols-2.layout-3.gutters-none > .col:nth-child(2n-0) {
  width: 43%;
}
div.cols-2.layout-4.gutters-none > .col:nth-child(2n-1) {
  width: 66%;
}
div.cols-2.layout-4.gutters-none > .col:nth-child(2n-0) {
  width: 34%;
}
div.cols-2.gutters-thick > .col:nth-child(2n-1) {
  width: 48%;
  margin-right: 2%;
}
div.cols-2.gutters-thick > .col:nth-child(2n-0) {
  width: 48%;
  margin-left: 2%;
}
div.cols-2.layout-1.gutters-thick {
  /* Note: The columns width balance for .cols-2 special layouts is a little different to the higher columns so that they line up nicely with the .cols-3 options when used side by side.  */
}
div.cols-2.layout-1.gutters-thick > .col:nth-child(2n-1) {
  width: 32%;
}
div.cols-2.layout-1.gutters-thick > .col:nth-child(2n-0) {
  width: 64%;
}
div.cols-2.layout-2.gutters-thick > .col:nth-child(2n-1) {
  width: 41%;
}
div.cols-2.layout-2.gutters-thick > .col:nth-child(2n-0) {
  width: 53%;
}
div.cols-2.layout-3.gutters-thick > .col:nth-child(2n-1) {
  width: 53%;
}
div.cols-2.layout-3.gutters-thick > .col:nth-child(2n-0) {
  width: 41%;
}
div.cols-2.layout-4.gutters-thick > .col:nth-child(2n-1) {
  width: 64%;
}
div.cols-2.layout-4.gutters-thick > .col:nth-child(2n-0) {
  width: 32%;
}
div.cols-2.divider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #dcd6d0;
  width: 1px;
  height: 100%;
}
div.cols-2.layout-1.divider::after {
  left: 33%;
}
div.cols-2.layout-2.divider::after {
  left: 42%;
}
div.cols-2.layout-3.divider::after {
  left: 54%;
}
div.cols-2.layout-4.divider::after {
  left: 65%;
}
/* 3 Columns */
div.cols-3 > .col:nth-child(3n-2) {
  position: relative;
  float: left;
  width: 32%;
  margin-right: 1%;
}
div.cols-3 > .col:nth-child(3n-1) {
  position: relative;
  float: left;
  width: 32%;
  margin-right: 1%;
  margin-left: 1%;
}
div.cols-3 > .col:nth-child(3n-0) {
  position: relative;
  float: right;
  width: 32%;
  margin-left: 1%;
}
div.cols-3.layout-1 > .col:nth-child(3n-2) {
  width: 24%;
}
div.cols-3.layout-1 > .col:nth-child(3n-1) {
  width: 48%;
}
div.cols-3.layout-1 > .col:nth-child(3n-0) {
  width: 24%;
}
div.cols-3.layout-2 > .col:nth-child(3n-2) {
  width: 48%;
}
div.cols-3.layout-2 > .col:nth-child(3n-1) {
  width: 24%;
}
div.cols-3.layout-2 > .col:nth-child(3n-0) {
  width: 24%;
}
div.cols-3.layout-3 > .col:nth-child(3n-2) {
  width: 24%;
}
div.cols-3.layout-3 > .col:nth-child(3n-1) {
  width: 24%;
}
div.cols-3.layout-3 > .col:nth-child(3n-0) {
  width: 48%;
}
div.cols-3.gutters-none > .col {
  margin-right: 0;
  margin-left: 0;
  width: 33.33%;
}
div.cols-3.layout-1.gutters-none > .col:nth-child(3n-2) {
  width: 25%;
}
div.cols-3.layout-1.gutters-none > .col:nth-child(3n-1) {
  width: 50%;
}
div.cols-3.layout-1.gutters-none > .col:nth-child(3n-0) {
  width: 25%;
}
div.cols-3.layout-2.gutters-none > .col:nth-child(3n-2) {
  width: 50%;
}
div.cols-3.layout-2.gutters-none > .col:nth-child(3n-1) {
  width: 24%;
}
div.cols-3.layout-2.gutters-none > .col:nth-child(3n-0) {
  width: 24%;
}
div.cols-3.layout-3.gutters-none > .col:nth-child(3n-2) {
  width: 24%;
}
div.cols-3.layout-3.gutters-none > .col:nth-child(3n-1) {
  width: 24%;
}
div.cols-3.layout-3.gutters-none > .col:nth-child(3n-0) {
  width: 50%;
}
div.cols-3.gutters-thick > .col:nth-child(3n-2) {
  width: 30.67%;
  margin-right: 2%;
}
div.cols-3.gutters-thick > .col:nth-child(3n-1) {
  width: 30.66%;
  margin-right: 2%;
  margin-left: 2%;
}
div.cols-3.gutters-thick > .col:nth-child(3n-0) {
  width: 30.67%;
  margin-left: 2%;
}
div.cols-3.layout-1.gutters-thick > .col:nth-child(3n-2) {
  width: 23%;
}
div.cols-3.layout-1.gutters-thick > .col:nth-child(3n-1) {
  width: 46%;
}
div.cols-3.layout-1.gutters-thick > .col:nth-child(3n-0) {
  width: 23%;
}
div.cols-3.layout-2.gutters-thick > .col:nth-child(3n-2) {
  width: 46%;
}
div.cols-3.layout-2.gutters-thick > .col:nth-child(3n-1) {
  width: 23%;
}
div.cols-3.layout-2.gutters-thick > .col:nth-child(3n-0) {
  width: 23%;
}
div.cols-3.layout-3.gutters-thick > .col:nth-child(3n-2) {
  width: 23%;
}
div.cols-3.layout-3.gutters-thick > .col:nth-child(3n-1) {
  width: 23%;
}
div.cols-3.layout-3.gutters-thick > .col:nth-child(3n-0) {
  width: 46%;
}
/* 4 Columns */
div.cols-4 > .col:nth-child(4n-3) {
  position: relative;
  float: left;
  width: 24%;
  margin-right: 0.6666%;
}
div.cols-4 > .col:nth-child(4n-2) {
  position: relative;
  float: left;
  width: 24%;
  margin-right: 0.6666%;
  margin-left: 0.6666%;
}
div.cols-4 > .col:nth-child(4n-1) {
  position: relative;
  float: left;
  width: 24%;
  margin-right: 0.6666%;
  margin-left: 0.6666%;
}
div.cols-4 > .col:nth-child(4n-0) {
  position: relative;
  float: left;
  width: 24%;
  margin-left: 0.6666%;
}
div.cols-4.gutters-none > .col {
  margin-right: 0;
  margin-left: 0;
  width: 25%;
}
div.cols-4.gutters-thick > .col:nth-child(4n-3) {
  width: 23%;
  margin-right: 1.33%;
}
div.cols-4.gutters-thick > .col:nth-child(4n-2) {
  width: 23%;
  margin-right: 1.33%;
  margin-left: 1.34%;
}
div.cols-4.gutters-thick > .col:nth-child(4n-1) {
  width: 23%;
  margin-right: 1.34%;
  margin-left: 1.33%;
}
div.cols-4.gutters-thick > .col:nth-child(4n-0) {
  width: 23%;
  margin-left: 1.33%;
}
/* 5 Columns */
div.cols-5 > .col:nth-child(5n-4) {
  position: relative;
  float: left;
  width: 19%;
  margin-right: 0.625%;
}
div.cols-5 > .col:nth-child(5n-3) {
  position: relative;
  float: left;
  width: 19%;
  margin-right: 0.625%;
  margin-left: 0.625%;
}
div.cols-5 > .col:nth-child(5n-2) {
  position: relative;
  float: left;
  width: 19%;
  margin-right: 0.625%;
  margin-left: 0.625%;
}
div.cols-5 > .col:nth-child(5n-1) {
  position: relative;
  float: left;
  width: 19%;
  margin-right: 0.625%;
  margin-left: 0.625%;
}
div.cols-5 > .col:nth-child(5n-0) {
  position: relative;
  float: right;
  width: 19%;
  margin-left: 0.625%;
}
div.cols-5.gutters-none > .col {
  margin-right: 0;
  margin-left: 0;
  width: 20%;
}
div.cols-5.gutters-thick > .col:nth-child(5n-3) {
  width: 18%;
  margin-right: 1.25%;
  margin-left: 1.25%;
}
div.cols-5.gutters-thick > .col:nth-child(5n-2) {
  width: 18%;
  margin-right: 1.25%;
  margin-left: 1.25%;
}
div.cols-5.gutters-thick > .col:nth-child(5n-1) {
  width: 18%;
  margin-right: 1.25%;
  margin-left: 1.25%;
}
div.cols-5.gutters-thick > .col:nth-child(5n-0) {
  width: 18%;
  margin-left: 1.25%;
}
/* 6 Columns */
div.cols-6 > .col:nth-child(6n-5) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
}
div.cols-6 > .col:nth-child(6n-4) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}
div.cols-6 > .col:nth-child(6n-3) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}
div.cols-6 > .col:nth-child(6n-2) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}
div.cols-6 > .col:nth-child(6n-1) {
  position: relative;
  float: left;
  width: 16%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}
div.cols-6 > .col:nth-child(6n-0) {
  position: relative;
  float: left;
  width: 16%;
  margin-left: 0.4%;
}
div.cols-6.gutters-none > .col {
  margin-right: 0;
  margin-left: 0;
  width: 16.665%;
}
div.cols-6.gutters-thick > .col:nth-child(6n-5) {
  width: 15.33%;
  margin-right: 0.8%;
}
div.cols-6.gutters-thick > .col:nth-child(6n-4) {
  width: 15.33%;
  margin-right: 0.8%;
  margin-left: 0.8%;
}
div.cols-6.gutters-thick > .col:nth-child(6n-3) {
  width: 15.33%;
  margin-right: 0.8%;
  margin-left: 0.8%;
}
div.cols-6.gutters-thick > .col:nth-child(6n-2) {
  width: 15.33%;
  margin-right: 0.8%;
  margin-left: 0.8%;
}
div.cols-6.gutters-thick > .col:nth-child(6n-1) {
  width: 15.33%;
  margin-right: 0.8%;
  margin-left: 0.8%;
}
div.cols-6.gutters-thick > .col:nth-child(6n-0) {
  width: 15.33%;
  margin-left: 0.8%;
}
/*
    Margins
*/
div.cols-2 > .col,
div.cols-3 > .col,
div.cols-4 > .col,
div.cols-5 > .col,
div.cols-6 > .col {
  /* Margins are on the columns rather than the column block so they work better in stacking scenarios. */
  margin-bottom: 1.5em;
}
div.cols-2.margins-none > .col,
div.cols-3.margins-none > .col,
div.cols-4.margins-none > .col,
div.cols-5.margins-none > .col,
div.cols-6.margins-none > .col {
  margin-bottom: 0;
}
/*
    Reverse the visible order without changing the semantic order
*/
div.cols-2.reverse > .col:nth-child(2n) {
  order: -1;
}
div.cols-2[class*=reverse]:not(.gutters-none) > .col:nth-child(2n) {
  margin-left: 0;
  margin-right: 1%;
}
div.cols-2[class*=reverse]:not(.gutters-none) > .col:nth-child(2n-1) {
  margin-left: 1%;
  margin-right: 0;
}
div.cols-2[class*=reverse].gutters-thick > .col:nth-child(2n) {
  margin-left: 0;
  margin-right: 2%;
}
div.cols-2[class*=reverse].gutters-thick > .col:nth-child(2n-1) {
  margin-left: 2%;
  margin-right: 0;
}
/* 
    "Medium" screen sizes and below 
*/
@media screen and (max-width: 1200px) {
  /* 
      Stack at different widths
  */
  div.cols-2.stack-medium > .col:nth-child(1n),
div.cols-3.stack-medium > .col:nth-child(1n),
div.cols-4.stack-medium > .col:nth-child(1n),
div.cols-5.stack-medium > .col:nth-child(1n),
div.cols-6.stack-medium > .col:nth-child(1n) {
    clear: left !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  div.cols-2.stack-medium.divider::after {
    display: none;
    /* No divider when stacked. */
  }

  /*
      When stacked, margins between the cols are gutters.
  */
  div.cols-2.stack-medium.gutters-none:not(.reverse-medium) > .col:not(:last-child),
div.cols-2.stack-medium.gutters-none.reverse-medium > .col:last-child,
div.cols-3.stack-medium.gutters-none > .col:not(:last-child),
div.cols-4.stack-medium.gutters-none > .col:not(:last-child),
div.cols-5.stack-medium.gutters-none > .col:not(:last-child),
div.cols-6.stack-medium.gutters-none > .col:not(:last-child) {
    margin-bottom: 0 !important;
  }

  div.cols-2.stack-medium.gutters-thick > .col:not(:last-child),
div.cols-3.stack-medium.gutters-thick > .col:not(:last-child),
div.cols-4.stack-medium.gutters-thick > .col:not(:last-child),
div.cols-5.stack-medium.gutters-thick > .col:not(:last-child),
div.cols-6.stack-medium.gutters-thick > .col:not(:last-child) {
    /* How do we calculate this? Is it needed? */
  }

  /*
      Reverse at different widths (useful for alternative image/text rows) 
  */
  div.cols-2.reverse-medium > .col:nth-child(2n) {
    order: -1;
  }
}
/* 
    "Small" screen sizes and below 
    Note that the higher column numbers begin to shrink and partially stack at this size irrespective of stacking classes
*/
@media screen and (max-width: 900px) {
  div.cols-2 > .col,
div.cols-3 > .col,
div.cols-4 > .col,
div.cols-5 > .col,
div.cols-6 > .col {
    float: left !important;
    width: 49% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  div.cols-2 > .col:nth-child(2n-1),
div.cols-3 > .col:nth-child(2n-1),
div.cols-4 > .col:nth-child(2n-1),
div.cols-5 > .col:nth-child(2n-1),
div.cols-6 > .col:nth-child(2n-1) {
    clear: left !important;
    margin-right: 2% !important;
  }

  div.cols-2.gutters-none > .col,
div.cols-3.gutters-none > .col,
div.cols-4.gutters-none > .col,
div.cols-5.gutters-none > .col,
div.cols-6.gutters-none > .col {
    width: 50% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  div.cols-2.gutters-thick > .col,
div.cols-3.gutters-thick > .col,
div.cols-4.gutters-thick > .col,
div.cols-5.gutters-thick > .col,
div.cols-6.gutters-thick > .col {
    width: 48% !important;
  }

  div.cols-2.gutters-thick > .col:nth-child(2n-1),
div.cols-3.gutters-thick > .col:nth-child(2n-1),
div.cols-4.gutters-thick > .col:nth-child(2n-1),
div.cols-5.gutters-thick > .col:nth-child(2n-1),
div.cols-6.gutters-thick > .col:nth-child(2n-1) {
    clear: left !important;
    margin-right: 4% !important;
  }

  div.cols-3 > .col:last-child,
div.cols-5 > .col:last-child {
    margin-left: 25% !important;
  }

  div.cols-3.gutters-thick > .col:last-child,
div.cols-5.gutters-thick > .col:last-child {
    margin-left: 26% !important;
  }

  /* 
      Second layer of columns 
  */
  div.cols-2 > .col .col,
div.cols-3 > .col .col,
div.cols-4 > .col .col,
div.cols-5 > .col .col,
div.cols-6 > .col .col {
    width: 100% !important;
  }

  /* 
      Stack at different widths
  */
  div.cols-2.stack-small > .col:nth-child(1n),
div.cols-3.stack-small > .col:nth-child(1n),
div.cols-4.stack-small > .col:nth-child(1n),
div.cols-5.stack-small > .col:nth-child(1n),
div.cols-6.stack-small > .col:nth-child(1n) {
    clear: left !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /*
      When stacked, margins between the cols are gutters.
  */
  div.cols-2.stack-small.gutters-none:not(.reverse-small) > .col:not(:last-child),
div.cols-2.stack-small.gutters-none.reverse-small > .col:last-child,
div.cols-3.stack-small.gutters-none > .col:not(:last-child),
div.cols-4.stack-small.gutters-none > .col:not(:last-child),
div.cols-5.stack-small.gutters-none > .col:not(:last-child),
div.cols-6.stack-small.gutters-none > .col:not(:last-child) {
    margin-bottom: 0 !important;
  }

  div.cols-2.stack-small.gutters-thick > .col:not(:last-child),
div.cols-3.stack-small.gutters-thick > .col:not(:last-child),
div.cols-4.stack-small.gutters-thick > .col:not(:last-child),
div.cols-5.stack-small.gutters-thick > .col:not(:last-child),
div.cols-6.stack-small.gutters-thick > .col:not(:last-child) {
    /* How do we calculate this? Is it needed? */
  }

  /*
      Reverse at different widths (useful for alternative image/text rows) 
  */
  div.cols-2.reverse-small > .col:nth-child(2n) {
    order: -1;
  }
}
/* 
    "Tiny" screen sizes and below
    Note: Everything needs to stack by now unless we told it not to
*/
@media screen and (max-width: 600px) {
  /* 
      Stack at different widths
  */
  div.cols-2:not(.stack-none) > .col:nth-child(1n),
div.cols-3:not(.stack-none) > .col:nth-child(1n),
div.cols-4:not(.stack-none) > .col:nth-child(1n),
div.cols-5:not(.stack-none) > .col:nth-child(1n),
div.cols-6:not(.stack-none) > .col:nth-child(1n) {
    clear: left !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* 
    "Micro" screen sizes and below 
*/
/*
    Elements in all columns
*/
.col > :first-child {
  margin-top: 0 !important;
}
.col > :last-child {
  margin-bottom: 0 !important;
}
/* ####################################
   Custom Columns Blocks
   ################################## */
/*
    Image Fill
    Note: Integrates with div.image-cover rules in CustomElementsExtended.css
*/
div[class*=cols-] > .col div.image-cover {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1200px) {
  div[class*=cols-].stack-medium > .col div.image-cover {
    position: relative;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 900px) {
  div[class*=cols-].stack-small > .col div.image-cover {
    position: relative;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 600px) {
  div[class*=cols-]:not(.stack-none) > .col div.image-cover {
    position: relative;
    top: auto;
    left: auto;
  }
}
/*
    Sequence
    Note: Leave enough padding for the sequence graphic to avoid overlapping content. We could calculate all the different gutter size options, but that's really hard work and authors probably won't care.
    To do: Due to padding calculation, first and last columns are wider at the moment. Fix this.
*/
div[class*=cols-].sequence > .col {
  box-sizing: border-box;
}
div[class*=cols-].sequence > .col:not(:first-child) {
  padding-left: 48px;
}
div[class*=cols-].sequence > .col:not(:last-child) {
  padding-right: 48px;
}
div[class*=cols-].sequence > .col:after {
  content: "";
  right: -32px;
  position: absolute;
  top: calc(50% - 32px);
  font-size: 64px;
  font-family: "Font Awesome 5 Free";
  color: #c0bcbb;
}
div[class*=cols-].sequence > .col:last-child:after {
  display: none;
}
@media screen and (max-width: 900px) {
  div[class*=cols-].sequence:not(.stack-none) > .col {
    float: left !important;
    clear: left !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
  }

  div[class*=cols-].sequence:not(.stack-none) > .col:after {
    display: none;
  }
}
/* ####################################
   Icon Fonts
   ################################## */
/*@import url('/assets/icon/fontawesome-free/css/all.css');*/
/* Free version of Font Awesome. */
/* Font Awesome Pro is much nicer than the free version but must be licensed if you want to use it in an app. */
/* ####################################
   Icon Configuration & Design

   - Note: Ems are used for dynamic sizing. Change this at your own risk.
   ################################## */
.icon::before, app-notification-modal .manageToolbar button::before, app-notification-modal .readMore button::before, app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink::before, app-authorise-key #KeyForm .button::before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm app-notification-modal .readMore button::before, app-notification-modal .readMore app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm .subpages-tiles button::before, .subpages-tiles app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm .subpages-video button::before, .subpages-video app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm ul.menu li a::before, ul.menu li app-authorise-key #KeyForm a::before, .sectionMenu ul a::before, .notificationsMenu ul li a::before, .notifications ion-list ion-item ion-icon:first-child::before, ul.menu-vertical li a::before,
.icon::after,
app-notification-modal .manageToolbar button::after,
app-notification-modal .readMore button::after,
app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::after,
app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::after,
app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::after,
app-meal-current #MealConfirmPage .mealCreditsConfirmed::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::after,
app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink::after,
app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink::after,
app-authorise-key #KeyForm .button::after,
app-authorise-key #KeyForm app-notification-modal .manageToolbar button::after,
app-notification-modal .manageToolbar app-authorise-key #KeyForm button::after,
app-authorise-key #KeyForm app-notification-modal .readMore button::after,
app-notification-modal .readMore app-authorise-key #KeyForm button::after,
app-authorise-key #KeyForm .subpages-tiles button::after,
.subpages-tiles app-authorise-key #KeyForm button::after,
app-authorise-key #KeyForm .subpages-video button::after,
.subpages-video app-authorise-key #KeyForm button::after,
app-authorise-key #KeyForm ul.menu li a::after,
ul.menu li app-authorise-key #KeyForm a::after,
.sectionMenu ul a::after,
.notificationsMenu ul li a::after,
.notifications ion-list ion-item ion-icon:first-child::after,
ul.menu-vertical li a::after {
  position: relative;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  height: 1.25em;
  /* Must use dynamic units to help the text sizer. */
  width: 1.25em;
  /* Must use dynamic units to help the text sizer. */
  margin-right: 0.25em;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  /* The default font collection for the site. The collection can be changed manually using secondary classes - e.g. .fa, .fas, .far, .fal, .fad, .fab for Font Awesome. */
  font-weight: 500;
  /* The default icon weight for the site. It can be changed manually on each icon if your icon font supports it. Note: Font Awesome free version only supports 700 for the full icon set. */
  font-size: 1em;
  /* Bigger than the text in the associated element is a more */
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.25em;
  /*border: #f0eceb 1px dashed;*/
}
i.icon, app-meal-schedule #UpcomingMeals .rosterOptions i.mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions i.mealsCalendarLink, app-meal-current #MealConfirmPage .mealCreditOptions i.extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions i.extraCreditPrompt, app-meal-current #MealConfirmPage i.mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly i.mealCreditsConfirmed, app-meal-current #MealTimePage .mealCreditsToolbar i.manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar i.manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar i.manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar i.manageMealCreditsLink, app-authorise-key #KeyForm i.button,
span.icon,
app-meal-schedule #UpcomingMeals .rosterOptions span.mealsCalendarLink,
app-meal-calendar #UpcomingMeals .rosterOptions span.mealsCalendarLink,
app-meal-current #MealConfirmPage .mealCreditOptions span.extraCreditPrompt,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions span.extraCreditPrompt,
app-meal-current #MealConfirmPage span.mealCreditsConfirmed,
app-meal-current #MealConfirmPageSecondCreditExampleOnly span.mealCreditsConfirmed,
app-meal-current #MealTimePage .mealCreditsToolbar span.manageCafeCreditsLink,
app-meal-current #MealTimePage .mealCreditsToolbar span.manageMealCreditsLink,
app-meal-current #NoCreditsPage .mealCreditsToolbar span.manageCafeCreditsLink,
app-meal-current #NoCreditsPage .mealCreditsToolbar span.manageMealCreditsLink,
app-authorise-key #KeyForm span.button {
  /* An inline tag with only an icon in it. We only include the "i" tag because some icon libraries encourage it, even if they shouldn't. */
}
/* Icons in buttons often need a slightly different treatment. */
.button.icon::before, app-notification-modal .manageToolbar button.button::before, app-notification-modal .manageToolbar button.icon::before, app-notification-modal .manageToolbar button::before, app-notification-modal .readMore button.button::before, app-notification-modal .readMore .manageToolbar button::before, app-notification-modal .manageToolbar .readMore button::before, app-notification-modal .readMore button.icon::before, app-notification-modal .readMore .manageToolbar button::before, app-notification-modal .manageToolbar .readMore button::before, app-notification-modal .readMore button::before, app-meal-schedule #UpcomingMeals .rosterOptions .button.mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions app-notification-modal .manageToolbar button.mealsCalendarLink::before, app-notification-modal .manageToolbar app-meal-schedule #UpcomingMeals .rosterOptions button.mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions app-notification-modal .readMore button.mealsCalendarLink::before, app-notification-modal .readMore app-meal-schedule #UpcomingMeals .rosterOptions button.mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .button.mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions app-notification-modal .manageToolbar button.mealsCalendarLink::before, app-notification-modal .manageToolbar app-meal-calendar #UpcomingMeals .rosterOptions button.mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions app-notification-modal .readMore button.mealsCalendarLink::before, app-notification-modal .readMore app-meal-calendar #UpcomingMeals .rosterOptions button.mealsCalendarLink::before, app-meal-current #MealConfirmPage .mealCreditOptions .button.extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditOptions app-notification-modal .manageToolbar button.extraCreditPrompt::before, app-notification-modal .manageToolbar app-meal-current #MealConfirmPage .mealCreditOptions button.extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditOptions app-notification-modal .readMore button.extraCreditPrompt::before, app-notification-modal .readMore app-meal-current #MealConfirmPage .mealCreditOptions button.extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .button.extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions app-notification-modal .manageToolbar button.extraCreditPrompt::before, app-notification-modal .manageToolbar app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions button.extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions app-notification-modal .readMore button.extraCreditPrompt::before, app-notification-modal .readMore app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions button.extraCreditPrompt::before, app-meal-current #MealConfirmPage .button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPage app-notification-modal .manageToolbar button.mealCreditsConfirmed::before, app-notification-modal .manageToolbar app-meal-current #MealConfirmPage button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPage app-notification-modal .readMore button.mealCreditsConfirmed::before, app-notification-modal .readMore app-meal-current #MealConfirmPage button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly app-notification-modal .manageToolbar button.mealCreditsConfirmed::before, app-notification-modal .manageToolbar app-meal-current #MealConfirmPageSecondCreditExampleOnly button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly app-notification-modal .readMore button.mealCreditsConfirmed::before, app-notification-modal .readMore app-meal-current #MealConfirmPageSecondCreditExampleOnly button.mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditsToolbar .button.manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar app-notification-modal .manageToolbar button.manageCafeCreditsLink::before, app-notification-modal .manageToolbar app-meal-current #MealTimePage .mealCreditsToolbar button.manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar app-notification-modal .readMore button.manageCafeCreditsLink::before, app-notification-modal .readMore app-meal-current #MealTimePage .mealCreditsToolbar button.manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .button.manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar app-notification-modal .manageToolbar button.manageMealCreditsLink::before, app-notification-modal .manageToolbar app-meal-current #MealTimePage .mealCreditsToolbar button.manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar app-notification-modal .readMore button.manageMealCreditsLink::before, app-notification-modal .readMore app-meal-current #MealTimePage .mealCreditsToolbar button.manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .button.manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar app-notification-modal .manageToolbar button.manageCafeCreditsLink::before, app-notification-modal .manageToolbar app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar app-notification-modal .readMore button.manageCafeCreditsLink::before, app-notification-modal .readMore app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .button.manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar app-notification-modal .manageToolbar button.manageMealCreditsLink::before, app-notification-modal .manageToolbar app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar app-notification-modal .readMore button.manageMealCreditsLink::before, app-notification-modal .readMore app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageMealCreditsLink::before, app-authorise-key #KeyForm .button::before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm app-notification-modal .readMore button::before, app-notification-modal .readMore app-authorise-key #KeyForm button::before, .sectionMenu ul a.button::before, .notificationsMenu ul li a.button::before, .notifications ion-list ion-item ion-icon.button:first-child::before, ul.menu-vertical li a.button::before, ul.menu li a.icon::before, ul.menu li app-meal-schedule #UpcomingMeals .rosterOptions a.mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions ul.menu li a.mealsCalendarLink::before, ul.menu li app-meal-calendar #UpcomingMeals .rosterOptions a.mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions ul.menu li a.mealsCalendarLink::before, ul.menu li app-meal-current #MealConfirmPage .mealCreditOptions a.extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditOptions ul.menu li a.extraCreditPrompt::before, ul.menu li app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu li a.extraCreditPrompt::before, ul.menu li app-meal-current #MealConfirmPage a.mealCreditsConfirmed::before, app-meal-current #MealConfirmPage ul.menu li a.mealCreditsConfirmed::before, ul.menu li app-meal-current #MealConfirmPageSecondCreditExampleOnly a.mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly ul.menu li a.mealCreditsConfirmed::before, ul.menu li app-meal-current #MealTimePage .mealCreditsToolbar a.manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar ul.menu li a.manageCafeCreditsLink::before, ul.menu li app-meal-current #MealTimePage .mealCreditsToolbar a.manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar ul.menu li a.manageMealCreditsLink::before, ul.menu li app-meal-current #NoCreditsPage .mealCreditsToolbar a.manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ul.menu li a.manageCafeCreditsLink::before, ul.menu li app-meal-current #NoCreditsPage .mealCreditsToolbar a.manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ul.menu li a.manageMealCreditsLink::before, app-authorise-key #KeyForm ul.menu li a::before, ul.menu li app-authorise-key #KeyForm a::before, .sectionMenu ul.menu li a::before, .notificationsMenu ul.menu li a::before, ul.menu ul.menu-vertical li a::before, ul.menu-vertical ul.menu li a::before, .subpages-tiles button.icon::before, .subpages-tiles app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar .subpages-tiles button::before, .subpages-tiles app-notification-modal .readMore button::before, app-notification-modal .readMore .subpages-tiles button::before, .subpages-tiles app-meal-schedule #UpcomingMeals .rosterOptions button.mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions .subpages-tiles button.mealsCalendarLink::before, .subpages-tiles app-meal-calendar #UpcomingMeals .rosterOptions button.mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .subpages-tiles button.mealsCalendarLink::before, .subpages-tiles app-meal-current #MealConfirmPage .mealCreditOptions button.extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditOptions .subpages-tiles button.extraCreditPrompt::before, .subpages-tiles app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions button.extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .subpages-tiles button.extraCreditPrompt::before, .subpages-tiles app-meal-current #MealConfirmPage button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPage .subpages-tiles button.mealCreditsConfirmed::before, .subpages-tiles app-meal-current #MealConfirmPageSecondCreditExampleOnly button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .subpages-tiles button.mealCreditsConfirmed::before, .subpages-tiles app-meal-current #MealTimePage .mealCreditsToolbar button.manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .subpages-tiles button.manageCafeCreditsLink::before, .subpages-tiles app-meal-current #MealTimePage .mealCreditsToolbar button.manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .subpages-tiles button.manageMealCreditsLink::before, .subpages-tiles app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .subpages-tiles button.manageCafeCreditsLink::before, .subpages-tiles app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .subpages-tiles button.manageMealCreditsLink::before, app-authorise-key #KeyForm .subpages-tiles button::before, .subpages-tiles app-authorise-key #KeyForm button::before, .subpages-video button.icon::before, .subpages-video app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar .subpages-video button::before, .subpages-video app-notification-modal .readMore button::before, app-notification-modal .readMore .subpages-video button::before, .subpages-video app-meal-schedule #UpcomingMeals .rosterOptions button.mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions .subpages-video button.mealsCalendarLink::before, .subpages-video app-meal-calendar #UpcomingMeals .rosterOptions button.mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .subpages-video button.mealsCalendarLink::before, .subpages-video app-meal-current #MealConfirmPage .mealCreditOptions button.extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditOptions .subpages-video button.extraCreditPrompt::before, .subpages-video app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions button.extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .subpages-video button.extraCreditPrompt::before, .subpages-video app-meal-current #MealConfirmPage button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPage .subpages-video button.mealCreditsConfirmed::before, .subpages-video app-meal-current #MealConfirmPageSecondCreditExampleOnly button.mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .subpages-video button.mealCreditsConfirmed::before, .subpages-video app-meal-current #MealTimePage .mealCreditsToolbar button.manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .subpages-video button.manageCafeCreditsLink::before, .subpages-video app-meal-current #MealTimePage .mealCreditsToolbar button.manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .subpages-video button.manageMealCreditsLink::before, .subpages-video app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .subpages-video button.manageCafeCreditsLink::before, .subpages-video app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .subpages-video button.manageMealCreditsLink::before, app-authorise-key #KeyForm .subpages-video button::before, .subpages-video app-authorise-key #KeyForm button::before {
  color: inherit;
  margin-right: 0.25em;
  margin-top: -0.125em;
}
.button-large.icon::before, app-notification-modal .manageToolbar button.button-large::before, app-notification-modal .readMore button.button-large::before, app-meal-schedule #UpcomingMeals .rosterOptions .button-large.mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .button-large.mealsCalendarLink::before, app-meal-current #MealConfirmPage .mealCreditOptions .button-large.extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .button-large.extraCreditPrompt::before, app-meal-current #MealConfirmPage .button-large.mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .button-large.mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditsToolbar .button-large.manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .button-large.manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .button-large.manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .button-large.manageMealCreditsLink::before, app-authorise-key #KeyForm .button-large.button::before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.button-large::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.button-large::before, app-authorise-key #KeyForm app-notification-modal .readMore button.button-large::before, app-notification-modal .readMore app-authorise-key #KeyForm button.button-large::before, app-authorise-key #KeyForm .subpages-tiles button.button-large::before, .subpages-tiles app-authorise-key #KeyForm button.button-large::before, app-authorise-key #KeyForm .subpages-video button.button-large::before, .subpages-video app-authorise-key #KeyForm button.button-large::before, app-authorise-key #KeyForm ul.menu li a.button-large::before, ul.menu li app-authorise-key #KeyForm a.button-large::before, .sectionMenu ul a.button-large::before, .notificationsMenu ul li a.button-large::before, .notifications ion-list ion-item ion-icon.button-large:first-child::before, ul.menu-vertical li a.button-large::before {
  margin-top: -0.25em;
}
.button.icon:empty::before, app-notification-modal .manageToolbar button.button:empty::before, app-notification-modal .manageToolbar button.icon:empty::before, app-notification-modal .manageToolbar button:empty::before, app-notification-modal .readMore button.button:empty::before, app-notification-modal .readMore .manageToolbar button:empty::before, app-notification-modal .manageToolbar .readMore button:empty::before, app-notification-modal .readMore button.icon:empty::before, app-notification-modal .readMore .manageToolbar button:empty::before, app-notification-modal .manageToolbar .readMore button:empty::before, app-notification-modal .readMore button:empty::before, app-meal-schedule #UpcomingMeals .rosterOptions .button.mealsCalendarLink:empty::before, app-meal-schedule #UpcomingMeals .rosterOptions app-notification-modal .manageToolbar button.mealsCalendarLink:empty::before, app-notification-modal .manageToolbar app-meal-schedule #UpcomingMeals .rosterOptions button.mealsCalendarLink:empty::before, app-meal-schedule #UpcomingMeals .rosterOptions app-notification-modal .readMore button.mealsCalendarLink:empty::before, app-notification-modal .readMore app-meal-schedule #UpcomingMeals .rosterOptions button.mealsCalendarLink:empty::before, app-meal-calendar #UpcomingMeals .rosterOptions .button.mealsCalendarLink:empty::before, app-meal-calendar #UpcomingMeals .rosterOptions app-notification-modal .manageToolbar button.mealsCalendarLink:empty::before, app-notification-modal .manageToolbar app-meal-calendar #UpcomingMeals .rosterOptions button.mealsCalendarLink:empty::before, app-meal-calendar #UpcomingMeals .rosterOptions app-notification-modal .readMore button.mealsCalendarLink:empty::before, app-notification-modal .readMore app-meal-calendar #UpcomingMeals .rosterOptions button.mealsCalendarLink:empty::before, app-meal-current #MealConfirmPage .mealCreditOptions .button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPage .mealCreditOptions app-notification-modal .manageToolbar button.extraCreditPrompt:empty::before, app-notification-modal .manageToolbar app-meal-current #MealConfirmPage .mealCreditOptions button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPage .mealCreditOptions app-notification-modal .readMore button.extraCreditPrompt:empty::before, app-notification-modal .readMore app-meal-current #MealConfirmPage .mealCreditOptions button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions app-notification-modal .manageToolbar button.extraCreditPrompt:empty::before, app-notification-modal .manageToolbar app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions app-notification-modal .readMore button.extraCreditPrompt:empty::before, app-notification-modal .readMore app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPage .button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPage app-notification-modal .manageToolbar button.mealCreditsConfirmed:empty::before, app-notification-modal .manageToolbar app-meal-current #MealConfirmPage button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPage app-notification-modal .readMore button.mealCreditsConfirmed:empty::before, app-notification-modal .readMore app-meal-current #MealConfirmPage button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly app-notification-modal .manageToolbar button.mealCreditsConfirmed:empty::before, app-notification-modal .manageToolbar app-meal-current #MealConfirmPageSecondCreditExampleOnly button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly app-notification-modal .readMore button.mealCreditsConfirmed:empty::before, app-notification-modal .readMore app-meal-current #MealConfirmPageSecondCreditExampleOnly button.mealCreditsConfirmed:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar .button.manageCafeCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar app-notification-modal .manageToolbar button.manageCafeCreditsLink:empty::before, app-notification-modal .manageToolbar app-meal-current #MealTimePage .mealCreditsToolbar button.manageCafeCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar app-notification-modal .readMore button.manageCafeCreditsLink:empty::before, app-notification-modal .readMore app-meal-current #MealTimePage .mealCreditsToolbar button.manageCafeCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar .button.manageMealCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar app-notification-modal .manageToolbar button.manageMealCreditsLink:empty::before, app-notification-modal .manageToolbar app-meal-current #MealTimePage .mealCreditsToolbar button.manageMealCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar app-notification-modal .readMore button.manageMealCreditsLink:empty::before, app-notification-modal .readMore app-meal-current #MealTimePage .mealCreditsToolbar button.manageMealCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .button.manageCafeCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar app-notification-modal .manageToolbar button.manageCafeCreditsLink:empty::before, app-notification-modal .manageToolbar app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageCafeCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar app-notification-modal .readMore button.manageCafeCreditsLink:empty::before, app-notification-modal .readMore app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageCafeCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .button.manageMealCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar app-notification-modal .manageToolbar button.manageMealCreditsLink:empty::before, app-notification-modal .manageToolbar app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageMealCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar app-notification-modal .readMore button.manageMealCreditsLink:empty::before, app-notification-modal .readMore app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageMealCreditsLink:empty::before, app-authorise-key #KeyForm .button:empty::before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button:empty::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button:empty::before, app-authorise-key #KeyForm app-notification-modal .readMore button:empty::before, app-notification-modal .readMore app-authorise-key #KeyForm button:empty::before, .sectionMenu ul a.button:empty::before, .notificationsMenu ul li a.button:empty::before, .notifications ion-list ion-item ion-icon.button:empty:first-child::before, ul.menu-vertical li a.button:empty::before, ul.menu li a.icon:empty::before, ul.menu li app-meal-schedule #UpcomingMeals .rosterOptions a.mealsCalendarLink:empty::before, app-meal-schedule #UpcomingMeals .rosterOptions ul.menu li a.mealsCalendarLink:empty::before, ul.menu li app-meal-calendar #UpcomingMeals .rosterOptions a.mealsCalendarLink:empty::before, app-meal-calendar #UpcomingMeals .rosterOptions ul.menu li a.mealsCalendarLink:empty::before, ul.menu li app-meal-current #MealConfirmPage .mealCreditOptions a.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPage .mealCreditOptions ul.menu li a.extraCreditPrompt:empty::before, ul.menu li app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu li a.extraCreditPrompt:empty::before, ul.menu li app-meal-current #MealConfirmPage a.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPage ul.menu li a.mealCreditsConfirmed:empty::before, ul.menu li app-meal-current #MealConfirmPageSecondCreditExampleOnly a.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly ul.menu li a.mealCreditsConfirmed:empty::before, ul.menu li app-meal-current #MealTimePage .mealCreditsToolbar a.manageCafeCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar ul.menu li a.manageCafeCreditsLink:empty::before, ul.menu li app-meal-current #MealTimePage .mealCreditsToolbar a.manageMealCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar ul.menu li a.manageMealCreditsLink:empty::before, ul.menu li app-meal-current #NoCreditsPage .mealCreditsToolbar a.manageCafeCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ul.menu li a.manageCafeCreditsLink:empty::before, ul.menu li app-meal-current #NoCreditsPage .mealCreditsToolbar a.manageMealCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ul.menu li a.manageMealCreditsLink:empty::before, app-authorise-key #KeyForm ul.menu li a:empty::before, ul.menu li app-authorise-key #KeyForm a:empty::before, .sectionMenu ul.menu li a:empty::before, .notificationsMenu ul.menu li a:empty::before, ul.menu ul.menu-vertical li a:empty::before, ul.menu-vertical ul.menu li a:empty::before, .subpages-tiles button.icon:empty::before, .subpages-tiles app-notification-modal .manageToolbar button:empty::before, app-notification-modal .manageToolbar .subpages-tiles button:empty::before, .subpages-tiles app-notification-modal .readMore button:empty::before, app-notification-modal .readMore .subpages-tiles button:empty::before, .subpages-tiles app-meal-schedule #UpcomingMeals .rosterOptions button.mealsCalendarLink:empty::before, app-meal-schedule #UpcomingMeals .rosterOptions .subpages-tiles button.mealsCalendarLink:empty::before, .subpages-tiles app-meal-calendar #UpcomingMeals .rosterOptions button.mealsCalendarLink:empty::before, app-meal-calendar #UpcomingMeals .rosterOptions .subpages-tiles button.mealsCalendarLink:empty::before, .subpages-tiles app-meal-current #MealConfirmPage .mealCreditOptions button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPage .mealCreditOptions .subpages-tiles button.extraCreditPrompt:empty::before, .subpages-tiles app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .subpages-tiles button.extraCreditPrompt:empty::before, .subpages-tiles app-meal-current #MealConfirmPage button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPage .subpages-tiles button.mealCreditsConfirmed:empty::before, .subpages-tiles app-meal-current #MealConfirmPageSecondCreditExampleOnly button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .subpages-tiles button.mealCreditsConfirmed:empty::before, .subpages-tiles app-meal-current #MealTimePage .mealCreditsToolbar button.manageCafeCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar .subpages-tiles button.manageCafeCreditsLink:empty::before, .subpages-tiles app-meal-current #MealTimePage .mealCreditsToolbar button.manageMealCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar .subpages-tiles button.manageMealCreditsLink:empty::before, .subpages-tiles app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageCafeCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .subpages-tiles button.manageCafeCreditsLink:empty::before, .subpages-tiles app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageMealCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .subpages-tiles button.manageMealCreditsLink:empty::before, app-authorise-key #KeyForm .subpages-tiles button:empty::before, .subpages-tiles app-authorise-key #KeyForm button:empty::before, .subpages-video button.icon:empty::before, .subpages-video app-notification-modal .manageToolbar button:empty::before, app-notification-modal .manageToolbar .subpages-video button:empty::before, .subpages-video app-notification-modal .readMore button:empty::before, app-notification-modal .readMore .subpages-video button:empty::before, .subpages-video app-meal-schedule #UpcomingMeals .rosterOptions button.mealsCalendarLink:empty::before, app-meal-schedule #UpcomingMeals .rosterOptions .subpages-video button.mealsCalendarLink:empty::before, .subpages-video app-meal-calendar #UpcomingMeals .rosterOptions button.mealsCalendarLink:empty::before, app-meal-calendar #UpcomingMeals .rosterOptions .subpages-video button.mealsCalendarLink:empty::before, .subpages-video app-meal-current #MealConfirmPage .mealCreditOptions button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPage .mealCreditOptions .subpages-video button.extraCreditPrompt:empty::before, .subpages-video app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions button.extraCreditPrompt:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .subpages-video button.extraCreditPrompt:empty::before, .subpages-video app-meal-current #MealConfirmPage button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPage .subpages-video button.mealCreditsConfirmed:empty::before, .subpages-video app-meal-current #MealConfirmPageSecondCreditExampleOnly button.mealCreditsConfirmed:empty::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .subpages-video button.mealCreditsConfirmed:empty::before, .subpages-video app-meal-current #MealTimePage .mealCreditsToolbar button.manageCafeCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar .subpages-video button.manageCafeCreditsLink:empty::before, .subpages-video app-meal-current #MealTimePage .mealCreditsToolbar button.manageMealCreditsLink:empty::before, app-meal-current #MealTimePage .mealCreditsToolbar .subpages-video button.manageMealCreditsLink:empty::before, .subpages-video app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageCafeCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .subpages-video button.manageCafeCreditsLink:empty::before, .subpages-video app-meal-current #NoCreditsPage .mealCreditsToolbar button.manageMealCreditsLink:empty::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .subpages-video button.manageMealCreditsLink:empty::before, app-authorise-key #KeyForm .subpages-video button:empty::before, .subpages-video app-authorise-key #KeyForm button:empty::before {
  margin-right: 0;
  margin-top: 0;
}
/* Some icon fonts support different styles at different font weights. */
.icon-style-thin::before,
.icon-style-thin::after {
  font-weight: 100;
}
.icon-style-line::before,
.icon-style-line::after {
  font-weight: 300;
}
.icon-style-standard::before,
.icon-style-standard::after {
  font-weight: 500;
}
.icon-style-solid::before,
.icon-style-solid::after {
  font-weight: 700;
}
/* 
    Icon sizes are relative to the element's font size.
    - Note: Vertical alignment gets a bit hairy at larger sizes... The top/bottom margins are designed to try to avoid affecting line heights if used inline within text in standard layouts, and also to "fix" the strange visual effect of vertical-align:middle aligning to the middle of the lower case letters in the text of the element. They need adjusting depending on the site's base font and size or in individual contexts.
*/
.icon-small::before,
.icon-small::after {
  font-size: 0.5em;
  margin-top: -0.25em;
}
.icon-medium::before, app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::before,
.icon-medium::after,
app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::after {
  font-size: 1em;
  margin-top: -0.375em;
}
.icon-large::before,
.icon-large::after {
  font-size: 2em;
  margin-top: -0.075em;
  margin-right: 0.125em;
}
.icon-larger::before,
.icon-larger::after {
  font-size: 3em;
  margin-top: -0.075em;
  margin-right: 0.125em;
}
.icon-huge::before,
.icon-huge::after {
  font-size: 4.5em;
  margin-right: 0.075em;
}
.icon-mega::before,
.icon-mega::after {
  font-size: 6em;
  margin-right: 0.025em;
}
/* Icon layouts - Main color */
.icon-circle-white::before {
  padding: 0.5em;
  color: #0081A8 !important;
  background-color: #fff;
  border-radius: 100%;
}
.icon-circle-light::before {
  padding: 0.5em;
  color: #0081A8 !important;
  background-color: #f8fbfc;
  border-radius: 100%;
}
.icon-circle-dark::before, app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before {
  padding: 0.5em;
  color: #fff !important;
  background-color: #0081A8;
  border-radius: 100%;
}
.icon-circle-black::before {
  padding: 0.5em;
  color: #fff !important;
  background-color: #000;
  border-radius: 100%;
}
.icon-box-white::before {
  padding: 0.5em;
  color: #0081A8 !important;
  background-color: #fff;
}
.icon-box-light::before {
  padding: 0.5em;
  color: #0081A8 !important;
  background-color: #f8fbfc;
}
.icon-box-dark::before {
  padding: 0.5em;
  color: #fff !important;
  background-color: #0081A8;
}
.icon-box-black::before {
  padding: 0.5em;
  color: #fff !important;
  background-color: #000;
}
/* Icon layouts - Alternate color */
.icon-circle-white-alternate::before {
  padding: 0.5em;
  color: #358366 !important;
  background-color: #fff;
  border-radius: 100%;
}
.icon-circle-light-alternate::before {
  padding: 0.5em;
  color: #358366 !important;
  background-color: #f6fbf8;
  border-radius: 100%;
}
.icon-circle-dark-alternate::before {
  padding: 0.5em;
  color: #fff !important;
  background-color: #358366;
  border-radius: 100%;
}
.icon-circle-black-alternate::before {
  padding: 0.5em;
  color: #fff !important;
  background-color: #000;
  border-radius: 100%;
}
.icon-box-white-alternate::before {
  padding: 0.5em;
  color: #358366 !important;
  background-color: #fff;
}
.icon-box-light-alternate::before {
  padding: 0.5em;
  color: #358366 !important;
  background-color: #f6fbf8;
}
.icon-box-dark-alternate::before {
  padding: 0.5em;
  color: #fff !important;
  background-color: #358366;
}
.icon-box-white-alternate::before {
  padding: 0.5em;
  color: #fff !important;
  background-color: #000;
}
/* Icon styles */
.icon-outline::before {
  border: #358366 2px solid;
}
.icon-stacked::before,
.icon-stacked::after {
  display: block;
  margin-bottom: 0.25em;
}
.text-center .icon-stacked::before,
.text-center .icon-stacked::after,
[style*="text-align:center"] .icon-stacked::before,
[style*="text-align:center"] .icon-stacked::after,
[style*="text-align: center"] .icon-stacked::before,
[style*="text-align: center"] .icon-stacked::after,
[style*="text-align:center"].icon-stacked::before,
[style*="text-align:center"].icon-stacked::after,
[style*="text-align: center"].icon-stacked::before,
[style*="text-align: center"].icon-stacked::after {
  margin-left: auto;
  margin-right: auto;
}
.text-left .icon-stacked::before,
.text-left .icon-stacked::after,
[style*="text-align:left"] .icon-stacked::before,
[style*="text-align:left"] .icon-stacked::after,
[style*="text-align: left"] .icon-stacked::before,
[style*="text-align: left"] .icon-stacked::after,
[style*="text-align:left"].icon-stacked::before,
[style*="text-align:left"].icon-stacked::after,
[style*="text-align: left"].icon-stacked::before,
[style*="text-align: left"].icon-stacked::after {
  margin-left: inherit;
}
.text-right .icon-stacked::before,
.text-right .icon-stacked::after,
[style*="text-align:right"] .icon-stacked::before,
[style*="text-align:right"] .icon-stacked::after,
[style*="text-align: right"] .icon-stacked::before,
[style*="text-align: right"] .icon-stacked::after,
[style*="text-align:right"].icon-stacked::before,
[style*="text-align:right"].icon-stacked::after,
[style*="text-align: right"].icon-stacked::before,
[style*="text-align: lerightft"].icon-stacked::after {
  margin-right: inherit;
}
/*
    Duotone icon colors
    - Only relevant if a duotone icon set is used
    - If settign colours declaratively, remember they will take effect within other elemtns including buttons, boxes, etc.
*/
.icon::before, app-notification-modal .manageToolbar button::before, app-notification-modal .readMore button::before, app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink::before, app-authorise-key #KeyForm .button::before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm app-notification-modal .readMore button::before, app-notification-modal .readMore app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm .subpages-tiles button::before, .subpages-tiles app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm .subpages-video button::before, .subpages-video app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm ul.menu li a::before, ul.menu li app-authorise-key #KeyForm a::before, .sectionMenu ul a::before, .notificationsMenu ul li a::before, .notifications ion-list ion-item ion-icon:first-child::before, ul.menu-vertical li a::before {
  color: inherit;
}
.icon::after, app-notification-modal .manageToolbar button::after, app-notification-modal .readMore button::after, app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::after, app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::after, app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::after, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::after, app-meal-current #MealConfirmPage .mealCreditsConfirmed::after, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::after, app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink::after, app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink::after, app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink::after, app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink::after, app-authorise-key #KeyForm .button::after, app-authorise-key #KeyForm app-notification-modal .manageToolbar button::after, app-notification-modal .manageToolbar app-authorise-key #KeyForm button::after, app-authorise-key #KeyForm app-notification-modal .readMore button::after, app-notification-modal .readMore app-authorise-key #KeyForm button::after, app-authorise-key #KeyForm .subpages-tiles button::after, .subpages-tiles app-authorise-key #KeyForm button::after, app-authorise-key #KeyForm .subpages-video button::after, .subpages-video app-authorise-key #KeyForm button::after, app-authorise-key #KeyForm ul.menu li a::after, ul.menu li app-authorise-key #KeyForm a::after, .sectionMenu ul a::after, .notificationsMenu ul li a::after, .notifications ion-list ion-item ion-icon:first-child::after, ul.menu-vertical li a::after {
  opacity: 0.5;
}
/*
    Colors will probably be custom for each site but we include the standard theme palette colours as a starting point.
*/
.icon-white::before {
  color: #fff;
}
/* Note: Icons adopt the font colour so they'll be white on dark backgrounds already. This is only needed for special scenarios. */
.icon-lighter::before {
  color: #faf8f7;
}
.icon-light::before {
  color: #f0eceb;
}
.icon-penumbra::before {
  color: #6c6866;
}
.icon-dark::before {
  color: #484038;
}
.icon-darker::before {
  color: #181008;
}
/*
    "Only" an icon: hide everything in the tag except the icon.
    - Be mindful of accessibility when using this, extra content markup might be required
*/
.icon.icon-only, app-notification-modal .manageToolbar button.icon-only, app-notification-modal .readMore button.icon-only, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.mealsCalendarLink, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.extraCreditPrompt, app-meal-current #MealConfirmPage .icon-only.mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.mealCreditsConfirmed, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.manageMealCreditsLink, app-authorise-key #KeyForm .icon-only.button, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only, app-authorise-key #KeyForm .subpages-tiles button.icon-only, .subpages-tiles app-authorise-key #KeyForm button.icon-only, app-authorise-key #KeyForm .subpages-video button.icon-only, .subpages-video app-authorise-key #KeyForm button.icon-only, app-authorise-key #KeyForm ul.menu li a.icon-only, ul.menu li app-authorise-key #KeyForm a.icon-only, .sectionMenu ul a.icon-only, .notificationsMenu ul li a.icon-only, .notifications ion-list ion-item ion-icon.icon-only:first-child, ul.menu-vertical li a.icon-only {
  display: inline-block;
  overflow: hidden;
  width: 1.25em;
  height: 1.25em;
  padding: 0.5em;
}
.icon.icon-only[class*=icon-circle]::before, app-notification-modal .manageToolbar button.icon-only[class*=icon-circle]::before, app-notification-modal .readMore button.icon-only[class*=icon-circle]::before, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only[class*=icon-circle].mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only[class*=icon-circle].mealsCalendarLink::before, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only[class*=icon-circle].extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only[class*=icon-circle].extraCreditPrompt::before, app-meal-current #MealConfirmPage .icon-only[class*=icon-circle].mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only[class*=icon-circle].mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only[class*=icon-circle].manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only[class*=icon-circle].manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only[class*=icon-circle].manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only[class*=icon-circle].manageMealCreditsLink::before, app-authorise-key #KeyForm .icon-only[class*=icon-circle].button::before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only[class*=icon-circle]::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only[class*=icon-circle]::before, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only[class*=icon-circle]::before, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only[class*=icon-circle]::before, app-authorise-key #KeyForm .subpages-tiles button.icon-only[class*=icon-circle]::before, .subpages-tiles app-authorise-key #KeyForm button.icon-only[class*=icon-circle]::before, app-authorise-key #KeyForm .subpages-video button.icon-only[class*=icon-circle]::before, .subpages-video app-authorise-key #KeyForm button.icon-only[class*=icon-circle]::before, app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-circle]::before, ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-circle]::before, .sectionMenu ul a.icon-only[class*=icon-circle]::before, .notificationsMenu ul li a.icon-only[class*=icon-circle]::before, .notifications ion-list ion-item ion-icon.icon-only[class*=icon-circle]:first-child::before, ul.menu-vertical li a.icon-only[class*=icon-circle]::before,
.icon.icon-only[class*=icon-circle]::after,
app-notification-modal .manageToolbar button.icon-only[class*=icon-circle]::after,
app-notification-modal .readMore button.icon-only[class*=icon-circle]::after,
app-meal-schedule #UpcomingMeals .rosterOptions .icon-only[class*=icon-circle].mealsCalendarLink::after,
app-meal-calendar #UpcomingMeals .rosterOptions .icon-only[class*=icon-circle].mealsCalendarLink::after,
app-meal-current #MealConfirmPage .mealCreditOptions .icon-only[class*=icon-circle].extraCreditPrompt::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only[class*=icon-circle].extraCreditPrompt::after,
app-meal-current #MealConfirmPage .icon-only[class*=icon-circle].mealCreditsConfirmed::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only[class*=icon-circle].mealCreditsConfirmed::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only[class*=icon-circle].manageCafeCreditsLink::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only[class*=icon-circle].manageMealCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only[class*=icon-circle].manageCafeCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only[class*=icon-circle].manageMealCreditsLink::after,
app-authorise-key #KeyForm .icon-only[class*=icon-circle].button::after,
app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only[class*=icon-circle]::after,
app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only[class*=icon-circle]::after,
app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only[class*=icon-circle]::after,
app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only[class*=icon-circle]::after,
app-authorise-key #KeyForm .subpages-tiles button.icon-only[class*=icon-circle]::after,
.subpages-tiles app-authorise-key #KeyForm button.icon-only[class*=icon-circle]::after,
app-authorise-key #KeyForm .subpages-video button.icon-only[class*=icon-circle]::after,
.subpages-video app-authorise-key #KeyForm button.icon-only[class*=icon-circle]::after,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-circle]::after,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-circle]::after,
.sectionMenu ul a.icon-only[class*=icon-circle]::after,
.notificationsMenu ul li a.icon-only[class*=icon-circle]::after,
.notifications ion-list ion-item ion-icon.icon-only[class*=icon-circle]:first-child::after,
ul.menu-vertical li a.icon-only[class*=icon-circle]::after,
.icon.icon-only[class*=icon-box]::before,
app-notification-modal .manageToolbar button.icon-only[class*=icon-box]::before,
app-notification-modal .readMore button.icon-only[class*=icon-box]::before,
app-meal-schedule #UpcomingMeals .rosterOptions .icon-only[class*=icon-box].mealsCalendarLink::before,
app-meal-calendar #UpcomingMeals .rosterOptions .icon-only[class*=icon-box].mealsCalendarLink::before,
app-meal-current #MealConfirmPage .mealCreditOptions .icon-only[class*=icon-box].extraCreditPrompt::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only[class*=icon-box].extraCreditPrompt::before,
app-meal-current #MealConfirmPage .icon-only[class*=icon-box].mealCreditsConfirmed::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only[class*=icon-box].mealCreditsConfirmed::before,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only[class*=icon-box].manageCafeCreditsLink::before,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only[class*=icon-box].manageMealCreditsLink::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only[class*=icon-box].manageCafeCreditsLink::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only[class*=icon-box].manageMealCreditsLink::before,
app-authorise-key #KeyForm .icon-only[class*=icon-box].button::before,
app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only[class*=icon-box]::before,
app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only[class*=icon-box]::before,
app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only[class*=icon-box]::before,
app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only[class*=icon-box]::before,
app-authorise-key #KeyForm .subpages-tiles button.icon-only[class*=icon-box]::before,
.subpages-tiles app-authorise-key #KeyForm button.icon-only[class*=icon-box]::before,
app-authorise-key #KeyForm .subpages-video button.icon-only[class*=icon-box]::before,
.subpages-video app-authorise-key #KeyForm button.icon-only[class*=icon-box]::before,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-box]::before,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-box]::before,
.sectionMenu ul a.icon-only[class*=icon-box]::before,
.notificationsMenu ul li a.icon-only[class*=icon-box]::before,
.notifications ion-list ion-item ion-icon.icon-only[class*=icon-box]:first-child::before,
ul.menu-vertical li a.icon-only[class*=icon-box]::before,
.icon.icon-only[class*=icon-box]::after,
app-notification-modal .manageToolbar button.icon-only[class*=icon-box]::after,
app-notification-modal .readMore button.icon-only[class*=icon-box]::after,
app-meal-schedule #UpcomingMeals .rosterOptions .icon-only[class*=icon-box].mealsCalendarLink::after,
app-meal-calendar #UpcomingMeals .rosterOptions .icon-only[class*=icon-box].mealsCalendarLink::after,
app-meal-current #MealConfirmPage .mealCreditOptions .icon-only[class*=icon-box].extraCreditPrompt::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only[class*=icon-box].extraCreditPrompt::after,
app-meal-current #MealConfirmPage .icon-only[class*=icon-box].mealCreditsConfirmed::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only[class*=icon-box].mealCreditsConfirmed::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only[class*=icon-box].manageCafeCreditsLink::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only[class*=icon-box].manageMealCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only[class*=icon-box].manageCafeCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only[class*=icon-box].manageMealCreditsLink::after,
app-authorise-key #KeyForm .icon-only[class*=icon-box].button::after,
app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only[class*=icon-box]::after,
app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only[class*=icon-box]::after,
app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only[class*=icon-box]::after,
app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only[class*=icon-box]::after,
app-authorise-key #KeyForm .subpages-tiles button.icon-only[class*=icon-box]::after,
.subpages-tiles app-authorise-key #KeyForm button.icon-only[class*=icon-box]::after,
app-authorise-key #KeyForm .subpages-video button.icon-only[class*=icon-box]::after,
.subpages-video app-authorise-key #KeyForm button.icon-only[class*=icon-box]::after,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-box]::after,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-box]::after,
.sectionMenu ul a.icon-only[class*=icon-box]::after,
.notificationsMenu ul li a.icon-only[class*=icon-box]::after,
.notifications ion-list ion-item ion-icon.icon-only[class*=icon-box]:first-child::after,
ul.menu-vertical li a.icon-only[class*=icon-box]::after {
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.icon.icon-only.icon-small, app-notification-modal .manageToolbar button.icon-only.icon-small, app-notification-modal .readMore button.icon-only.icon-small, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-small.mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-small.mealsCalendarLink, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-small.extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-small.extraCreditPrompt, app-meal-current #MealConfirmPage .icon-only.icon-small.mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-small.mealCreditsConfirmed, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small.manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small.manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small.manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small.manageMealCreditsLink, app-authorise-key #KeyForm .icon-only.icon-small.button, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-small, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-small, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-small, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-small, app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-small, .subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-small, app-authorise-key #KeyForm .subpages-video button.icon-only.icon-small, .subpages-video app-authorise-key #KeyForm button.icon-only.icon-small, app-authorise-key #KeyForm ul.menu li a.icon-only.icon-small, ul.menu li app-authorise-key #KeyForm a.icon-only.icon-small, .sectionMenu ul a.icon-only.icon-small, .notificationsMenu ul li a.icon-only.icon-small, .notifications ion-list ion-item ion-icon.icon-only.icon-small:first-child, ul.menu-vertical li a.icon-only.icon-small {
  width: 0.625em;
  height: 0.625em;
  padding: 0.25em;
}
.icon.icon-only.icon-small[class*=icon-circle]::before, app-notification-modal .manageToolbar button.icon-only.icon-small[class*=icon-circle]::before, app-notification-modal .readMore button.icon-only.icon-small[class*=icon-circle]::before, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-small[class*=icon-circle].mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-small[class*=icon-circle].mealsCalendarLink::before, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-small[class*=icon-circle].extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-small[class*=icon-circle].extraCreditPrompt::before, app-meal-current #MealConfirmPage .icon-only.icon-small[class*=icon-circle].mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-small[class*=icon-circle].mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small[class*=icon-circle].manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small[class*=icon-circle].manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small[class*=icon-circle].manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small[class*=icon-circle].manageMealCreditsLink::before, app-authorise-key #KeyForm .icon-only.icon-small[class*=icon-circle].button::before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-small[class*=icon-circle]::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-circle]::before, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-small[class*=icon-circle]::before, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-circle]::before, app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-small[class*=icon-circle]::before, .subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-circle]::before, app-authorise-key #KeyForm .subpages-video button.icon-only.icon-small[class*=icon-circle]::before, .subpages-video app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-circle]::before, app-authorise-key #KeyForm ul.menu li a.icon-only.icon-small[class*=icon-circle]::before, ul.menu li app-authorise-key #KeyForm a.icon-only.icon-small[class*=icon-circle]::before, .sectionMenu ul a.icon-only.icon-small[class*=icon-circle]::before, .notificationsMenu ul li a.icon-only.icon-small[class*=icon-circle]::before, .notifications ion-list ion-item ion-icon.icon-only.icon-small[class*=icon-circle]:first-child::before, ul.menu-vertical li a.icon-only.icon-small[class*=icon-circle]::before,
.icon.icon-only.icon-small[class*=icon-circle]::after,
app-notification-modal .manageToolbar button.icon-only.icon-small[class*=icon-circle]::after,
app-notification-modal .readMore button.icon-only.icon-small[class*=icon-circle]::after,
app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-small[class*=icon-circle].mealsCalendarLink::after,
app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-small[class*=icon-circle].mealsCalendarLink::after,
app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-small[class*=icon-circle].extraCreditPrompt::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-small[class*=icon-circle].extraCreditPrompt::after,
app-meal-current #MealConfirmPage .icon-only.icon-small[class*=icon-circle].mealCreditsConfirmed::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-small[class*=icon-circle].mealCreditsConfirmed::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small[class*=icon-circle].manageCafeCreditsLink::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small[class*=icon-circle].manageMealCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small[class*=icon-circle].manageCafeCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small[class*=icon-circle].manageMealCreditsLink::after,
app-authorise-key #KeyForm .icon-only.icon-small[class*=icon-circle].button::after,
app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-small[class*=icon-circle]::after,
app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-circle]::after,
app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-small[class*=icon-circle]::after,
app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-circle]::after,
app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-small[class*=icon-circle]::after,
.subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-circle]::after,
app-authorise-key #KeyForm .subpages-video button.icon-only.icon-small[class*=icon-circle]::after,
.subpages-video app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-circle]::after,
app-authorise-key #KeyForm ul.menu li a.icon-only.icon-small[class*=icon-circle]::after,
ul.menu li app-authorise-key #KeyForm a.icon-only.icon-small[class*=icon-circle]::after,
.sectionMenu ul a.icon-only.icon-small[class*=icon-circle]::after,
.notificationsMenu ul li a.icon-only.icon-small[class*=icon-circle]::after,
.notifications ion-list ion-item ion-icon.icon-only.icon-small[class*=icon-circle]:first-child::after,
ul.menu-vertical li a.icon-only.icon-small[class*=icon-circle]::after,
.icon.icon-only.icon-small[class*=icon-box]::before,
app-notification-modal .manageToolbar button.icon-only.icon-small[class*=icon-box]::before,
app-notification-modal .readMore button.icon-only.icon-small[class*=icon-box]::before,
app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-small[class*=icon-box].mealsCalendarLink::before,
app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-small[class*=icon-box].mealsCalendarLink::before,
app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-small[class*=icon-box].extraCreditPrompt::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-small[class*=icon-box].extraCreditPrompt::before,
app-meal-current #MealConfirmPage .icon-only.icon-small[class*=icon-box].mealCreditsConfirmed::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-small[class*=icon-box].mealCreditsConfirmed::before,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small[class*=icon-box].manageCafeCreditsLink::before,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small[class*=icon-box].manageMealCreditsLink::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small[class*=icon-box].manageCafeCreditsLink::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small[class*=icon-box].manageMealCreditsLink::before,
app-authorise-key #KeyForm .icon-only.icon-small[class*=icon-box].button::before,
app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-small[class*=icon-box]::before,
app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-box]::before,
app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-small[class*=icon-box]::before,
app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-box]::before,
app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-small[class*=icon-box]::before,
.subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-box]::before,
app-authorise-key #KeyForm .subpages-video button.icon-only.icon-small[class*=icon-box]::before,
.subpages-video app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-box]::before,
app-authorise-key #KeyForm ul.menu li a.icon-only.icon-small[class*=icon-box]::before,
ul.menu li app-authorise-key #KeyForm a.icon-only.icon-small[class*=icon-box]::before,
.sectionMenu ul a.icon-only.icon-small[class*=icon-box]::before,
.notificationsMenu ul li a.icon-only.icon-small[class*=icon-box]::before,
.notifications ion-list ion-item ion-icon.icon-only.icon-small[class*=icon-box]:first-child::before,
ul.menu-vertical li a.icon-only.icon-small[class*=icon-box]::before,
.icon.icon-only.icon-small[class*=icon-box]::after,
app-notification-modal .manageToolbar button.icon-only.icon-small[class*=icon-box]::after,
app-notification-modal .readMore button.icon-only.icon-small[class*=icon-box]::after,
app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-small[class*=icon-box].mealsCalendarLink::after,
app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-small[class*=icon-box].mealsCalendarLink::after,
app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-small[class*=icon-box].extraCreditPrompt::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-small[class*=icon-box].extraCreditPrompt::after,
app-meal-current #MealConfirmPage .icon-only.icon-small[class*=icon-box].mealCreditsConfirmed::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-small[class*=icon-box].mealCreditsConfirmed::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small[class*=icon-box].manageCafeCreditsLink::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-small[class*=icon-box].manageMealCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small[class*=icon-box].manageCafeCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-small[class*=icon-box].manageMealCreditsLink::after,
app-authorise-key #KeyForm .icon-only.icon-small[class*=icon-box].button::after,
app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-small[class*=icon-box]::after,
app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-box]::after,
app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-small[class*=icon-box]::after,
app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-box]::after,
app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-small[class*=icon-box]::after,
.subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-box]::after,
app-authorise-key #KeyForm .subpages-video button.icon-only.icon-small[class*=icon-box]::after,
.subpages-video app-authorise-key #KeyForm button.icon-only.icon-small[class*=icon-box]::after,
app-authorise-key #KeyForm ul.menu li a.icon-only.icon-small[class*=icon-box]::after,
ul.menu li app-authorise-key #KeyForm a.icon-only.icon-small[class*=icon-box]::after,
.sectionMenu ul a.icon-only.icon-small[class*=icon-box]::after,
.notificationsMenu ul li a.icon-only.icon-small[class*=icon-box]::after,
.notifications ion-list ion-item ion-icon.icon-only.icon-small[class*=icon-box]:first-child::after,
ul.menu-vertical li a.icon-only.icon-small[class*=icon-box]::after {
  margin-top: -1.75em;
}
.icon.icon-only.icon-medium, app-notification-modal .manageToolbar button.icon-only.icon-medium, app-notification-modal .readMore button.icon-only.icon-medium, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-medium.mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-medium.mealsCalendarLink, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.extraCreditPrompt, app-meal-current #MealConfirmPage .icon-only.icon-medium.mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-medium.mealCreditsConfirmed, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-medium.manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-medium.manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-medium.manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-medium.manageMealCreditsLink, app-authorise-key #KeyForm .icon-only.icon-medium.button, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-medium, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-medium, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-medium, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-medium, app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-medium, .subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-medium, app-authorise-key #KeyForm .subpages-video button.icon-only.icon-medium, .subpages-video app-authorise-key #KeyForm button.icon-only.icon-medium, app-authorise-key #KeyForm ul.menu li a.icon-only.icon-medium, ul.menu li app-authorise-key #KeyForm a.icon-only.icon-medium, .sectionMenu ul a.icon-only.icon-medium, .notificationsMenu ul li a.icon-only.icon-medium, .notifications ion-list ion-item ion-icon.icon-only.icon-medium:first-child, ul.menu-vertical li a.icon-only.icon-medium {
  width: 1.25em;
  height: 1.25em;
  padding: 0.5em;
}
.icon.icon-only.icon-large, app-notification-modal .manageToolbar button.icon-only.icon-large, app-notification-modal .readMore button.icon-only.icon-large, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-large.mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-large.mealsCalendarLink, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-large.extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-large.extraCreditPrompt, app-meal-current #MealConfirmPage .icon-only.icon-large.mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-large.mealCreditsConfirmed, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-large.manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-large.manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-large.manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-large.manageMealCreditsLink, app-authorise-key #KeyForm .icon-only.icon-large.button, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-large, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-large, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-large, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-large, app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-large, .subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-large, app-authorise-key #KeyForm .subpages-video button.icon-only.icon-large, .subpages-video app-authorise-key #KeyForm button.icon-only.icon-large, app-authorise-key #KeyForm ul.menu li a.icon-only.icon-large, ul.menu li app-authorise-key #KeyForm a.icon-only.icon-large, .sectionMenu ul a.icon-only.icon-large, .notificationsMenu ul li a.icon-only.icon-large, .notifications ion-list ion-item ion-icon.icon-only.icon-large:first-child, ul.menu-vertical li a.icon-only.icon-large {
  width: 2.5em;
  height: 2.5em;
  padding: 1em;
}
.icon.icon-only.icon-larger, app-notification-modal .manageToolbar button.icon-only.icon-larger, app-notification-modal .readMore button.icon-only.icon-larger, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-larger.mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-larger.mealsCalendarLink, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-larger.extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-larger.extraCreditPrompt, app-meal-current #MealConfirmPage .icon-only.icon-larger.mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-larger.mealCreditsConfirmed, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-larger.manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-larger.manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-larger.manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-larger.manageMealCreditsLink, app-authorise-key #KeyForm .icon-only.icon-larger.button, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-larger, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-larger, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-larger, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-larger, app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-larger, .subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-larger, app-authorise-key #KeyForm .subpages-video button.icon-only.icon-larger, .subpages-video app-authorise-key #KeyForm button.icon-only.icon-larger, app-authorise-key #KeyForm ul.menu li a.icon-only.icon-larger, ul.menu li app-authorise-key #KeyForm a.icon-only.icon-larger, .sectionMenu ul a.icon-only.icon-larger, .notificationsMenu ul li a.icon-only.icon-larger, .notifications ion-list ion-item ion-icon.icon-only.icon-larger:first-child, ul.menu-vertical li a.icon-only.icon-larger {
  width: 3.75em;
  height: 3.75em;
  padding: 1.5em;
}
.icon.icon-only.icon-huge, app-notification-modal .manageToolbar button.icon-only.icon-huge, app-notification-modal .readMore button.icon-only.icon-huge, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-huge.mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-huge.mealsCalendarLink, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-huge.extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-huge.extraCreditPrompt, app-meal-current #MealConfirmPage .icon-only.icon-huge.mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-huge.mealCreditsConfirmed, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-huge.manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-huge.manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-huge.manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-huge.manageMealCreditsLink, app-authorise-key #KeyForm .icon-only.icon-huge.button, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-huge, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-huge, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-huge, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-huge, app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-huge, .subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-huge, app-authorise-key #KeyForm .subpages-video button.icon-only.icon-huge, .subpages-video app-authorise-key #KeyForm button.icon-only.icon-huge, app-authorise-key #KeyForm ul.menu li a.icon-only.icon-huge, ul.menu li app-authorise-key #KeyForm a.icon-only.icon-huge, .sectionMenu ul a.icon-only.icon-huge, .notificationsMenu ul li a.icon-only.icon-huge, .notifications ion-list ion-item ion-icon.icon-only.icon-huge:first-child, ul.menu-vertical li a.icon-only.icon-huge {
  width: 5.625em;
  height: 5.625em;
  padding: 2.25em;
}
.icon.icon-only.icon-mega, app-notification-modal .manageToolbar button.icon-only.icon-mega, app-notification-modal .readMore button.icon-only.icon-mega, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.icon-mega.mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.icon-mega.mealsCalendarLink, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.icon-mega.extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.icon-mega.extraCreditPrompt, app-meal-current #MealConfirmPage .icon-only.icon-mega.mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.icon-mega.mealCreditsConfirmed, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-mega.manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.icon-mega.manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-mega.manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.icon-mega.manageMealCreditsLink, app-authorise-key #KeyForm .icon-only.icon-mega.button, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only.icon-mega, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only.icon-mega, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only.icon-mega, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only.icon-mega, app-authorise-key #KeyForm .subpages-tiles button.icon-only.icon-mega, .subpages-tiles app-authorise-key #KeyForm button.icon-only.icon-mega, app-authorise-key #KeyForm .subpages-video button.icon-only.icon-mega, .subpages-video app-authorise-key #KeyForm button.icon-only.icon-mega, app-authorise-key #KeyForm ul.menu li a.icon-only.icon-mega, ul.menu li app-authorise-key #KeyForm a.icon-only.icon-mega, .sectionMenu ul a.icon-only.icon-mega, .notificationsMenu ul li a.icon-only.icon-mega, .notifications ion-list ion-item ion-icon.icon-only.icon-mega:first-child, ul.menu-vertical li a.icon-only.icon-mega {
  width: 7.5em;
  height: 7.5em;
  padding: 3em;
}
.icon.icon-only::before, app-notification-modal .manageToolbar button.icon-only::before, app-notification-modal .readMore button.icon-only::before, app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.mealsCalendarLink::before, app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.extraCreditPrompt::before, app-meal-current #MealConfirmPage .icon-only.mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.manageMealCreditsLink::before, app-authorise-key #KeyForm .icon-only.button::before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only::before, app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only::before, app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only::before, app-authorise-key #KeyForm .subpages-tiles button.icon-only::before, .subpages-tiles app-authorise-key #KeyForm button.icon-only::before, app-authorise-key #KeyForm .subpages-video button.icon-only::before, .subpages-video app-authorise-key #KeyForm button.icon-only::before, app-authorise-key #KeyForm ul.menu li a.icon-only::before, ul.menu li app-authorise-key #KeyForm a.icon-only::before, .sectionMenu ul a.icon-only::before, .notificationsMenu ul li a.icon-only::before, .notifications ion-list ion-item ion-icon.icon-only:first-child::before, ul.menu-vertical li a.icon-only::before,
.icon.icon-only::after,
app-notification-modal .manageToolbar button.icon-only::after,
app-notification-modal .readMore button.icon-only::after,
app-meal-schedule #UpcomingMeals .rosterOptions .icon-only.mealsCalendarLink::after,
app-meal-calendar #UpcomingMeals .rosterOptions .icon-only.mealsCalendarLink::after,
app-meal-current #MealConfirmPage .mealCreditOptions .icon-only.extraCreditPrompt::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .icon-only.extraCreditPrompt::after,
app-meal-current #MealConfirmPage .icon-only.mealCreditsConfirmed::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .icon-only.mealCreditsConfirmed::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.manageCafeCreditsLink::after,
app-meal-current #MealTimePage .mealCreditsToolbar .icon-only.manageMealCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.manageCafeCreditsLink::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar .icon-only.manageMealCreditsLink::after,
app-authorise-key #KeyForm .icon-only.button::after,
app-authorise-key #KeyForm app-notification-modal .manageToolbar button.icon-only::after,
app-notification-modal .manageToolbar app-authorise-key #KeyForm button.icon-only::after,
app-authorise-key #KeyForm app-notification-modal .readMore button.icon-only::after,
app-notification-modal .readMore app-authorise-key #KeyForm button.icon-only::after,
app-authorise-key #KeyForm .subpages-tiles button.icon-only::after,
.subpages-tiles app-authorise-key #KeyForm button.icon-only::after,
app-authorise-key #KeyForm .subpages-video button.icon-only::after,
.subpages-video app-authorise-key #KeyForm button.icon-only::after,
app-authorise-key #KeyForm ul.menu li a.icon-only::after,
ul.menu li app-authorise-key #KeyForm a.icon-only::after,
.sectionMenu ul a.icon-only::after,
.notificationsMenu ul li a.icon-only::after,
.notifications ion-list ion-item ion-icon.icon-only:first-child::after,
ul.menu-vertical li a.icon-only::after {
  margin-right: 0;
}
a.icon.icon-only:link:hover, app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only.mealsCalendarLink:link:hover, app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only.mealsCalendarLink:link:hover, app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only.extraCreditPrompt:link:hover, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only.extraCreditPrompt:link:hover, app-meal-current #MealConfirmPage a.icon-only.mealCreditsConfirmed:link:hover, app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only.mealCreditsConfirmed:link:hover, app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only.manageCafeCreditsLink:link:hover, app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only.manageMealCreditsLink:link:hover, app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only.manageCafeCreditsLink:link:hover, app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only.manageMealCreditsLink:link:hover, app-authorise-key #KeyForm a.icon-only.button:link:hover, app-authorise-key #KeyForm ul.menu li a.icon-only:link:hover, ul.menu li app-authorise-key #KeyForm a.icon-only:link:hover, .sectionMenu ul a.icon-only:link:hover, .notificationsMenu ul li a.icon-only:link:hover, ul.menu-vertical li a.icon-only:link:hover {
  background-color: inherit;
}
a.icon.icon-only[class*=icon-circle]:link:hover::before, app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only[class*=icon-circle].mealsCalendarLink:link:hover::before, app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only[class*=icon-circle].mealsCalendarLink:link:hover::before, app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only[class*=icon-circle].extraCreditPrompt:link:hover::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only[class*=icon-circle].extraCreditPrompt:link:hover::before, app-meal-current #MealConfirmPage a.icon-only[class*=icon-circle].mealCreditsConfirmed:link:hover::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only[class*=icon-circle].mealCreditsConfirmed:link:hover::before, app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageCafeCreditsLink:link:hover::before, app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageMealCreditsLink:link:hover::before, app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageCafeCreditsLink:link:hover::before, app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageMealCreditsLink:link:hover::before, app-authorise-key #KeyForm a.icon-only[class*=icon-circle].button:link:hover::before, app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-circle]:link:hover::before, ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-circle]:link:hover::before, .sectionMenu ul a.icon-only[class*=icon-circle]:link:hover::before, .notificationsMenu ul li a.icon-only[class*=icon-circle]:link:hover::before, ul.menu-vertical li a.icon-only[class*=icon-circle]:link:hover::before,
a.icon.icon-only[class*=icon-circle]:link:hover::after,
app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only[class*=icon-circle].mealsCalendarLink:link:hover::after,
app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only[class*=icon-circle].mealsCalendarLink:link:hover::after,
app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only[class*=icon-circle].extraCreditPrompt:link:hover::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only[class*=icon-circle].extraCreditPrompt:link:hover::after,
app-meal-current #MealConfirmPage a.icon-only[class*=icon-circle].mealCreditsConfirmed:link:hover::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only[class*=icon-circle].mealCreditsConfirmed:link:hover::after,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageCafeCreditsLink:link:hover::after,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageMealCreditsLink:link:hover::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageCafeCreditsLink:link:hover::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageMealCreditsLink:link:hover::after,
app-authorise-key #KeyForm a.icon-only[class*=icon-circle].button:link:hover::after,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-circle]:link:hover::after,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-circle]:link:hover::after,
.sectionMenu ul a.icon-only[class*=icon-circle]:link:hover::after,
.notificationsMenu ul li a.icon-only[class*=icon-circle]:link:hover::after,
ul.menu-vertical li a.icon-only[class*=icon-circle]:link:hover::after,
a.icon.icon-only[class*=icon-box]:link:hover::before,
app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only[class*=icon-box].mealsCalendarLink:link:hover::before,
app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only[class*=icon-box].mealsCalendarLink:link:hover::before,
app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only[class*=icon-box].extraCreditPrompt:link:hover::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only[class*=icon-box].extraCreditPrompt:link:hover::before,
app-meal-current #MealConfirmPage a.icon-only[class*=icon-box].mealCreditsConfirmed:link:hover::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only[class*=icon-box].mealCreditsConfirmed:link:hover::before,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-box].manageCafeCreditsLink:link:hover::before,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-box].manageMealCreditsLink:link:hover::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-box].manageCafeCreditsLink:link:hover::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-box].manageMealCreditsLink:link:hover::before,
app-authorise-key #KeyForm a.icon-only[class*=icon-box].button:link:hover::before,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-box]:link:hover::before,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-box]:link:hover::before,
.sectionMenu ul a.icon-only[class*=icon-box]:link:hover::before,
.notificationsMenu ul li a.icon-only[class*=icon-box]:link:hover::before,
ul.menu-vertical li a.icon-only[class*=icon-box]:link:hover::before,
a.icon.icon-only[class*=icon-box]:link:hover::after,
app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only[class*=icon-box].mealsCalendarLink:link:hover::after,
app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only[class*=icon-box].mealsCalendarLink:link:hover::after,
app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only[class*=icon-box].extraCreditPrompt:link:hover::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only[class*=icon-box].extraCreditPrompt:link:hover::after,
app-meal-current #MealConfirmPage a.icon-only[class*=icon-box].mealCreditsConfirmed:link:hover::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only[class*=icon-box].mealCreditsConfirmed:link:hover::after,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-box].manageCafeCreditsLink:link:hover::after,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-box].manageMealCreditsLink:link:hover::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-box].manageCafeCreditsLink:link:hover::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-box].manageMealCreditsLink:link:hover::after,
app-authorise-key #KeyForm a.icon-only[class*=icon-box].button:link:hover::after,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-box]:link:hover::after,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-box]:link:hover::after,
.sectionMenu ul a.icon-only[class*=icon-box]:link:hover::after,
.notificationsMenu ul li a.icon-only[class*=icon-box]:link:hover::after,
ul.menu-vertical li a.icon-only[class*=icon-box]:link:hover::after,
a.icon.icon-only[class*=icon-circle]:visited:hover::before,
app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only[class*=icon-circle].mealsCalendarLink:visited:hover::before,
app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only[class*=icon-circle].mealsCalendarLink:visited:hover::before,
app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only[class*=icon-circle].extraCreditPrompt:visited:hover::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only[class*=icon-circle].extraCreditPrompt:visited:hover::before,
app-meal-current #MealConfirmPage a.icon-only[class*=icon-circle].mealCreditsConfirmed:visited:hover::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only[class*=icon-circle].mealCreditsConfirmed:visited:hover::before,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageCafeCreditsLink:visited:hover::before,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageMealCreditsLink:visited:hover::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageCafeCreditsLink:visited:hover::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageMealCreditsLink:visited:hover::before,
app-authorise-key #KeyForm a.icon-only[class*=icon-circle].button:visited:hover::before,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-circle]:visited:hover::before,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-circle]:visited:hover::before,
.sectionMenu ul a.icon-only[class*=icon-circle]:visited:hover::before,
.notificationsMenu ul li a.icon-only[class*=icon-circle]:visited:hover::before,
ul.menu-vertical li a.icon-only[class*=icon-circle]:visited:hover::before,
a.icon.icon-only[class*=icon-circle]:visited:hover::after,
app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only[class*=icon-circle].mealsCalendarLink:visited:hover::after,
app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only[class*=icon-circle].mealsCalendarLink:visited:hover::after,
app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only[class*=icon-circle].extraCreditPrompt:visited:hover::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only[class*=icon-circle].extraCreditPrompt:visited:hover::after,
app-meal-current #MealConfirmPage a.icon-only[class*=icon-circle].mealCreditsConfirmed:visited:hover::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only[class*=icon-circle].mealCreditsConfirmed:visited:hover::after,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageCafeCreditsLink:visited:hover::after,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageMealCreditsLink:visited:hover::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageCafeCreditsLink:visited:hover::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-circle].manageMealCreditsLink:visited:hover::after,
app-authorise-key #KeyForm a.icon-only[class*=icon-circle].button:visited:hover::after,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-circle]:visited:hover::after,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-circle]:visited:hover::after,
.sectionMenu ul a.icon-only[class*=icon-circle]:visited:hover::after,
.notificationsMenu ul li a.icon-only[class*=icon-circle]:visited:hover::after,
ul.menu-vertical li a.icon-only[class*=icon-circle]:visited:hover::after,
a.icon.icon-only[class*=icon-box]:visited:hover::before,
app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only[class*=icon-box].mealsCalendarLink:visited:hover::before,
app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only[class*=icon-box].mealsCalendarLink:visited:hover::before,
app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only[class*=icon-box].extraCreditPrompt:visited:hover::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only[class*=icon-box].extraCreditPrompt:visited:hover::before,
app-meal-current #MealConfirmPage a.icon-only[class*=icon-box].mealCreditsConfirmed:visited:hover::before,
app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only[class*=icon-box].mealCreditsConfirmed:visited:hover::before,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-box].manageCafeCreditsLink:visited:hover::before,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-box].manageMealCreditsLink:visited:hover::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-box].manageCafeCreditsLink:visited:hover::before,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-box].manageMealCreditsLink:visited:hover::before,
app-authorise-key #KeyForm a.icon-only[class*=icon-box].button:visited:hover::before,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-box]:visited:hover::before,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-box]:visited:hover::before,
.sectionMenu ul a.icon-only[class*=icon-box]:visited:hover::before,
.notificationsMenu ul li a.icon-only[class*=icon-box]:visited:hover::before,
ul.menu-vertical li a.icon-only[class*=icon-box]:visited:hover::before,
a.icon.icon-only[class*=icon-box]:visited:hover::after,
app-meal-schedule #UpcomingMeals .rosterOptions a.icon-only[class*=icon-box].mealsCalendarLink:visited:hover::after,
app-meal-calendar #UpcomingMeals .rosterOptions a.icon-only[class*=icon-box].mealsCalendarLink:visited:hover::after,
app-meal-current #MealConfirmPage .mealCreditOptions a.icon-only[class*=icon-box].extraCreditPrompt:visited:hover::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions a.icon-only[class*=icon-box].extraCreditPrompt:visited:hover::after,
app-meal-current #MealConfirmPage a.icon-only[class*=icon-box].mealCreditsConfirmed:visited:hover::after,
app-meal-current #MealConfirmPageSecondCreditExampleOnly a.icon-only[class*=icon-box].mealCreditsConfirmed:visited:hover::after,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-box].manageCafeCreditsLink:visited:hover::after,
app-meal-current #MealTimePage .mealCreditsToolbar a.icon-only[class*=icon-box].manageMealCreditsLink:visited:hover::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-box].manageCafeCreditsLink:visited:hover::after,
app-meal-current #NoCreditsPage .mealCreditsToolbar a.icon-only[class*=icon-box].manageMealCreditsLink:visited:hover::after,
app-authorise-key #KeyForm a.icon-only[class*=icon-box].button:visited:hover::after,
app-authorise-key #KeyForm ul.menu li a.icon-only[class*=icon-box]:visited:hover::after,
ul.menu li app-authorise-key #KeyForm a.icon-only[class*=icon-box]:visited:hover::after,
.sectionMenu ul a.icon-only[class*=icon-box]:visited:hover::after,
.notificationsMenu ul li a.icon-only[class*=icon-box]:visited:hover::after,
ul.menu-vertical li a.icon-only[class*=icon-box]:visited:hover::after {
  background-color: #c23000;
}
/*
    Custom icons or specialised styles
*/
.icon-style-1 {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  width: 6.5em;
  height: 1em;
  margin-top: 4.75em;
  margin-bottom: 1.25em;
  transform: rotate(-7.5deg);
  font-size: 1.75em;
  font-weight: bold;
  font-family: Cambria, Arial, Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #4B0082;
  text-shadow: 1px 1px #fff;
  background: #e0dcdb;
  border: #fff 5px solid;
  border-radius: 100%;
  box-shadow: rgba(0, 153, 253, 0.25) 0 0 25px;
  background: rgba(0, 153, 253, 0.25);
  cursor: pointer;
  transition: all 150ms ease-in-out;
}
.icon-style-1::before {
  position: relative;
  z-index: -1;
  margin-top: -2.25em;
  margin-bottom: -0.7em;
  padding: 0.4em 0.5em 0.6em;
  transform: rotate(7.5deg);
  font-size: 2em;
  color: #800080;
  text-shadow: -3px -3px #d8bfd8;
  background: linear-gradient(40deg, #22c1c3 0%, #fdbb2d 100%);
  border: #fff 0.1875em solid;
  box-shadow: 0px 0px 15px rgba(53, 42, 31, 0.25);
  transition: all 150ms ease-in-out;
}
.icon-style-1:nth-of-type(3n-1) {
  transform: rotate(0);
}
.icon-style-1:nth-of-type(3n-1)::before {
  transform: rotate(0);
}
.icon-style-1:nth-of-type(3n) {
  transform: rotate(7.5deg);
}
.icon-style-1:nth-of-type(3n)::before {
  transform: rotate(-7.5deg);
}
.icon-style-1:hover {
  transform: scale(1.25) translateX(-0.125em) translateY(0.25em);
}
.icon-style-1:hover::before {
  transform: rotate(0deg);
  filter: blur(3px);
  opacity: 0.75;
}
/* ####################################
    Icons
    ################################## */
/*
    Common CMS Icons
    - Always populate these elements, no matter what icon collection is used. That way the core CMS remains fully supported.
    - Note: You can also use names from the icon's font specification, but these might not be supported across different CMS versions or font sets so you will need to manage them yourself.

    To consider:
        Arrows
        Chevrons
        Carets
        Plus Minus
        Tick Cross
        Desktop f108
        Laptop f109
        Mobile f3cd
        Tablet f3fa
        Star
        Quotes
        Spinners?
        Thumbs up/down?

*/
.icon-alert::before {
  content: "";
}
.icon-attachment::before {
  content: "";
}
.icon-audio::before {
  content: "";
}
.icon-audio-description::before {
  content: "";
}
.icon-bell::before {
  content: "";
}
.icon-blog::before {
  content: "";
}
.icon-book::before {
  content: "";
}
.icon-book-reader::before {
  content: "";
}
.icon-bookmark::before {
  content: "";
}
.icon-box::before {
  content: "";
}
.icon-boxes::before {
  content: "";
}
.icon-calendar::before {
  content: "";
}
.icon-calendar-add::before {
  content: "";
}
.icon-camera::before {
  content: "";
}
.icon-cart::before {
  content: "";
}
.icon-cart-add::before {
  content: "";
}
.icon-clock::before {
  content: "";
}
.icon-closed-captioning::before {
  content: "";
}
.icon-comment::before {
  content: "";
}
.icon-contact::before {
  content: "";
}
.icon-copyright::before {
  content: "";
}
.icon-credit-card::before {
  content: "";
}
.icon-download::before {
  content: "";
}
.icon-edit::before {
  content: "";
}
.icon-email::before {
  content: "";
}
.icon-eye::before {
  content: "";
}
.icon-external-link::before {
  content: "";
}
.icon-feedback::before {
  content: "";
}
.icon-globe::before {
  content: "";
}
.icon-help::before {
  content: "";
}
.icon-home::before {
  content: "";
}
.icon-image::before {
  content: "";
}
.icon-images::before {
  content: "";
}
.icon-link::before {
  content: "";
}
.icon-lock::before {
  content: "";
}
.icon-map::before {
  content: "";
}
.icon-map-marked::before {
  content: "";
}
.icon-map-marker::before {
  content: "";
}
.icon-microphone::before {
  content: "";
}
.icon-paperclip::before {
  content: "";
}
.icon-pencil::before {
  content: "";
}
.icon-play::before {
  content: "";
}
.icon-podcast::before {
  content: "";
}
.icon-presentation::before {
  content: "";
}
.icon-print::before {
  content: "";
}
.icon-rss::before {
  content: "";
}
.icon-search::before {
  content: "";
}
.icon-share::before {
  content: "";
}
.icon-shipping::before {
  content: "";
}
.icon-sign-in::before {
  content: "";
}
.icon-sign-out::before {
  content: "";
}
.icon-sitemap::before {
  content: "";
}
.icon-spreadsheet::before {
  content: "";
}
.icon-tools::before {
  content: "";
}
.icon-trademark::before {
  content: "";
}
.icon-trash::before {
  content: "";
}
.icon-user::before {
  content: "";
}
.icon-user-check::before, app-meal-current #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before {
  content: "";
}
.icon-user-circle::before {
  content: "";
}
.icon-user-lock::before {
  content: "";
}
.icon-user-profile::before {
  content: "";
}
.icon-user-shield::before {
  content: "";
}
.icon-users::before {
  content: "";
}
.icon-users2::before {
  content: "";
}
.icon-universal-access::before {
  content: "";
}
.icon-video::before, .subpages-video button::before {
  content: "";
}
.icon-warning::before {
  content: "";
}
/*
    Documents
*/
.icon-csv::before {
  content: "";
}
.icon-file::before {
  content: "";
}
.icon-folder::before {
  content: "";
}
.icon-folder-open::before {
  content: "";
}
.icon-pdf::before {
  content: "";
}
.icon-powerpoint::before {
  content: "";
}
.icon-word::before {
  content: "";
}
.icon-xls::before {
  content: "";
}
.icon-zip::before {
  content: "";
}
/*
    Social Icons
*/
.icon-brand::before {
  font-family: "Font Awesome 5 Brands";
}
.icon-facebook::before {
  font-family: "Font Awesome 5 Brands";
  content: "";
}
/* Alternates: f082 (square), f09a (circle) */
.icon-facebook-messenger::before {
  font-family: "Font Awesome 5 Brands";
  content: "";
}
.icon-instagram::before {
  font-family: "Font Awesome 5 Brands";
  content: "";
}
/* Alternates: e055 (square) */
.icon-linkedin::before {
  font-family: "Font Awesome 5 Brands";
  content: "";
}
/* Alternates: f08c (square) */
.icon-pinterest::before {
  font-family: "Font Awesome 5 Brands";
  content: "";
}
/* Alternates: f0d3 (square), f0d2 (circle) */
.icon-twitter::before {
  font-family: "Font Awesome 5 Brands";
  content: "";
}
/* Alternates: f081 (square) */
.icon-vimeo::before {
  font-family: "Font Awesome 5 Brands";
  content: "";
}
/* Alternates: f194 (square) */
.icon-youtube::before {
  font-family: "Font Awesome 5 Brands";
  content: "";
}
/* Alternates: f432 (square) */
/*
    App Stuff
*/
[class*=icon-news]::before,
[class*=icon-blog]::before {
  content: "";
}
[class*=icon-contact]::before {
  content: "";
}
[class*=icon-search]::before,
[class*=icon-app_search]::before {
  content: "";
}
[class*=icon-form]::before {
  content: "";
  /* Ballot Check */
  content: "";
  /* File Contract */
}
[class*=icon-survey]::before {
  content: "";
  /* Ballot Check */
  content: "";
  /* Poll */
}
[class*=icon-vote]::before {
  content: "";
}
[class*=icon-forms]::before {
  content: "";
  /* File Signature */
  content: "";
  /* File Contract */
  content: "";
  /* Invoice */
}
[class*=icon-legal]::before,
[class*=icon-contract]::before {
  content: "";
  /* File Contract */
  content: "";
  /* Balance Scale Left */
}
[class*=icon-search]::before {
  content: "";
}
[class*=icon-login]::before {
  content: "";
}
[class*=icon-logout]::before {
  content: "";
}
[class*=icon-inbox]::before {
  content: "";
  /* Inbox */
}
[class*=icon-notifications]::before {
  content: "";
  /* Inbox */
  content: "";
  /* Mailbox */
  content: "";
  /* Bell */
  content: "";
  /* Comments - Lines */
}
[class*=icon-email]::before {
  content: "";
  /* Envelope Square */
  content: "";
  /* Paper Plane */
  content: "";
  /* Mail Bulk */
  content: "";
  /* Email */
}
[class*=icon-dining]::before,
[class*=icon-current-meal]::before,
[class*=icon-meal-current]::before {
  content: "";
}
[class*=icon-credits]::before,
[class*=icon-][class*=-credits]::before {
  content: "";
}
[class*=icon-portal]::before,
[class*=icon-student]::before {
  content: "";
}
[class*=icon-website]::before {
  content: "";
}
[class*=icon-user]::before {
  content: "";
}
[class*=icon-users]::before {
  content: "";
}
[class*=icon-profile]::before {
  content: "";
  /* User */
  content: "";
  /* User Circle */
}
[class*=icon-account]::before {
  content: "";
  /* User */
  content: "";
  /* User Circle */
  content: "";
  /* User Cog */
}
[class*=icon-settings]::before,
[class*=icon-my-details-settings]::before {
  content: "";
}
[class*=icon-activate]::before,
[class*=icon-register]::before {
  content: "";
  /* User Tick */
}
[class*=icon-page]::before,
[class*=icon-knowledge]::before {
  content: "";
}
[class*=icon-archive]::before {
  content: "";
  /* Boxes Alt */
  content: "";
  /* Archive Box */
}
[class*=icon-history]::before {
  content: "";
}
[class*=icon-presentation]::before,
[class*=icon-webinar]::before {
  content: "";
  /* Presentation */
  content: "";
  /* Users Class */
  content: "";
  /* Chalkboard Teacher */
}
[class*=icon-dashboard]::before {
  content: "";
}
[class*=icon-alumni]::before,
[class*=icon-graduate]::before {
  content: "";
  /* User Graduate */
  content: "";
  /* Graduation Cap */
}
[class*=icon-jobs]::before,
[class*=icon-posiions]::before {
  content: "";
  /* Users */
  content: "";
  /* User Friends */
  content: "";
  /* People Arrows */
}
[class*=icon-tool]::before {
  content: "";
  /* Wrench */
  content: "";
  /* Tools */
}
[class*=icon-calendar]::before,
[class*=icon-events]::before,
[class*=icon-roster]::before,
[class*=icon-schedule]::before,
[class*=-schedule]::before,
[class*=-calendar]::before {
  content: "";
}
[class*=icon-calculator]::before,
[class*=icon-salary]::before {
  content: "";
}
[class*=icon-benefits]::before,
[class*=icon-privileges]::before {
  content: "";
}
[class*=icon-factsheets]::before,
[class*=icon-guides]::before {
  content: "";
  /* File Alt */
  content: "";
  /* File Spreadsheet - There are plenty of others */
}
[class*=icon-video]::before {
  content: "";
}
[class*=icon-audio]::before {
  content: "";
}
[class*=icon-podcast]::before {
  content: "";
  /* Microphone */
  content: "";
  /* Podcast */
}
[class*=icon-music]::before,
[class*=icon-playlist]::before {
  content: "";
  /* List Music */
}
[class*=icon-livecam]::before,
[class*=icon-live-cam]::before {
  content: "";
  /* Camera Home */
  content: "";
  /* Webcam */
}
[class*=icon-images]::before {
  content: "";
  /* Images */
  content: "";
  /* Polarid */
}
[class*=icon-media]::before,
[class*=icon-gallery]::before {
  content: "";
}
[class*=icon-contacts]::before,
[class*=icon-directory]::before {
  content: "";
  /* Address Bok */
  content: "";
  /* Address Card */
}
[class*=icon-sitemap]::before,
[class*=icon-content]::before {
  content: "";
}
[class*=icon-folders]::before,
[class*=icon-files]::before {
  content: "";
  /* Folder Tree */
  content: "";
  /* Open Folder */
}
[class*=icon-database]::before {
  content: "";
}
[class*=icon-map]::before,
[class*=icon-locations]::before {
  content: "";
  /* Map Marked Alt */
  content: "";
  /* Open Folder */
}
[class*=icon-directions]::before,
[class*=icon-locations]::before {
  content: "";
  /* Car Bus */
  content: "";
  /* Directions */
}
[class*=icon-security]::before,
[class*=icon-locations]::before {
  content: "";
  /* User Shield */
  content: "";
  /* Lock */
  content: "";
  /* Shield */
}
[class*=icon-lock]::before {
  content: "";
}
[class*=icon-meals-diet]::before {
  content: "";
}
[class*=icon-meal-requests]::before {
  content: "";
}
[class*=icon-info]::before {
  content: "";
}
[class*=icon-help]::before {
  content: "";
}
[class*=icon-health]::before,
[class*=icon-wellbeing]::before {
  content: "";
  /* Hand Holding Heart */
  content: "";
  /* Thumbs Up */
  content: "";
  /* Head Side Medical */
  content: "";
  /* Hands Heart */
}
[class*=icon-incident]::before,
[class*=icon-injury]::before {
  content: "";
  /* User Injured */
}
[class*=icon-library]::before,
[class*=icon-resources]::before {
  content: "";
  /* Book */
  content: "";
  /* Books */
}
[class*=icon-download]::before {
  content: "";
  /* Download */
  content: "";
  /* Cloud Download */
  content: "";
  /* Cloud Download Alt */
}
[class*=icon-upload]::before {
  content: "";
  /* Upload */
  content: "";
  /* Cloud Upload */
  content: "";
  /* Cloud Upload Alt */
}
[class*=icon-book]::before,
[class*=icon-handbook]::before {
  content: "";
}
[class*=icon-support]::before {
  content: "";
  /* Hand Holding Medical */
  content: "";
  /* User Headset */
}
[class*=icon-share]::before {
  content: "";
  /* Share Alt Square */
  content: "";
  /* Share square */
  content: "";
  /* Share square */
}
[class*=icon-link]::before,
[class*=icon-outlink]::before {
  content: "";
  /* External Link Square */
  content: "";
  /* Link */
}
[class*=icon-analytics]::before,
[class*=icon-reports]::before,
[class*=icon-charts]::before {
  content: "";
  /* Chart Bar */
  content: "";
  /* Chart Pie */
  content: "";
  /* Chart Line */
  content: "";
  /* User Chart */
  content: "";
  /* Analytics */
}
[class*=icon-shop]::before,
[class*=icon-cart]::before,
[class*=icon-checkout]::before {
  content: "";
}
[class*=icon-order]::before,
[class*=icon-past-orders]::before {
  content: "";
  /* Bags Shopping */
  content: "";
  /* Truck Loading */
  content: "";
  /* Sort Size Up */
}
[class*=icon-shipping]::before,
[class*=icon-delivery]::before,
[class*=icon-track]::before,
[class*=icon-order-track]::before {
  content: "�47";
  /* Truck Container */
  content: "";
  /* Truck */
  content: "";
  /* Shipping Timed (Truck) */
  content: "";
  /* Shipping Fast (Truck) */
}
[class*=icon-packing]::before {
  content: "";
  /* Box Full */
}
[class*=icon-payment]::before {
  content: "";
  /* Credit Card - There are plenty of others */
}
[class*=icon-gift]::before {
  content: "";
}
[class*=icon-donate]::before,
[class*=icon-donation]::before,
[class*=icon-bequest]::before {
  content: "";
  /* Heart */
  content: "";
  /* Hand Heart */
  content: "";
  /* Hand Holding USD */
  content: "";
  /* Hands USD */
  content: "";
  /* Donate */
  content: "";
  /* Hand Holding Medical */
}
[class*=icon-inventory]::before,
[class*=icon-stock]::before {
  content: "";
  /* Pallet */
  content: "";
  /* Inventory (Shelves) */
  content: "";
  /* Box Up */
}
[class*=icon-forums]::before,
[class*=icon-chat]::before,
[class*=icon-social]::before {
  content: "";
}
[class*=icon-like]::before,
[class*=icon-favourite]::before,
[class*=icon-favorite]::before {
  content: "";
  /* Start - There are plenty of others */
}
[class*=icon-tag]::before {
  content: "";
}
[class*=icon-emergency]::before,
[class*=icon-alert]::before,
[class*=icon-critical]::before {
  content: "";
}
[class*=icon-cloud]::before {
  content: "";
}
[class*=icon-view]::before {
  content: "";
}
[class*=icon-edit]::before,
[class*=icon-manage]::before {
  content: "";
  /* Pencil Alt */
  content: "";
  /* Edit (pencil in box) */
}
[class*=icon-delete]::before,
[class*=icon-cancel]::before,
[class*=icon-remove]::before {
  content: "";
  /* Times Circle */
  content: "";
  /* Trash Alt */
}
[class*=icon-print]::before {
  content: "";
}
[class*=icon-test]::before {
  content: "";
  /* Flask */
  content: "";
  /* Atom Alt */
}
[class*=icon-safety-and-wellbeing]::before {
  content: "";
}
/* ####################################
   Images
   ################################## */
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
img[style*=height] {
  height: auto;
}
img[style*="display:block"],
img[style*="display: block"] {
  /* This is how the image editor places an image in the middle of the page. Actually it's "display: block;margin-left: auto;margin-right: auto;" but that's a difficult CSS rule and this should catch the right images. */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
figure.image {
  display: table;
  /* This + caption handling below is the only way to make all browsers show the image and caption together in a nice box. */
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 20px;
  padding: 0;
  line-height: 0;
}
img[style*="float:left"],
img[style*="float: left"],
figure.image.align-left {
  float: left;
  max-width: 50%;
  height: auto;
  margin: 0 20px 20px 0;
}
img[style*="float:right"],
img[style*="float: right"],
figure.image.align-right {
  float: right;
  max-width: 50%;
  height: auto;
  margin: 0 0 20px 20px;
}
figure.image.align-center {
  /* Note: The visual editor will place this outside <p> blocks. */
  margin: 0 auto 20px;
  /* margin-left|right: auto; is the centering trick. */
}
figure.image img {
  float: none !important;
  max-width: 100%;
  /* Fix the max-width applied to floated images above, in case the image in the caption is still floated. */
  margin: 0;
}
figure.image figcaption {
  display: table-caption;
  caption-side: bottom;
  padding: 20px;
  text-align: left;
  line-height: normal;
  background: #faf8f7;
  /* Better than putting a background on the caption, to avoid an occasional 1px top gap in Chrome. */
}
figure.image figcaption > :first-child {
  margin-top: 0 !important;
}
figure.image figcaption > :last-child {
  margin-bottom: 0 !important;
}
@media all and (-ms-high-contrast: none) {
  /* Rules for IE only. */
  figure.image.align-left,
figure.image.align-right,
figure.image.align-left figcaption,
figure.image.align-right figcaption {
    display: block;
    /* IE doesn't like table in this context, but float handles the layout okay. */
  }
}
@media all and (-ms-high-contrast: none) and (max-width: 1200px) {
  /* Rules for IE only. */
  figure.image,
figure.image figcaption {
    display: block;
  }

  figure.image img {
    width: 100%;
    /* Fill up the space so the caption looks okay. Not great for small images in centred captions, but if they're small why are they centred? */
  }
}
@media screen and (max-width: 900px) {
  img[style*="float:left"],
img[style*="float: left"],
figure.align-left,
img[style*="float:right"],
img[style*="float: right"],
figure.align-right {
    /*max-width: 40%;*/
    /* Depending on how much padding is in the design, this might need tweaking. */
  }
}
@media screen and (max-width: 600px) {
  /* Could consider going to 375px - It depends on the site content and design. */
  figure.align-left,
figure.align-right,
img[style*="float:left"],
img[style*="float: left"],
img[style*="float:right"],
img[style*="float: right"] {
    float: none !important;
    max-width: 100% !important;
    margin: 0 0 1.5em !important;
  }

  figure.image img {
    margin: 0 !important;
    /* Fix the margin applied to floated images above, in case the image in the caption is still floated. */
  }
}
/* ####################################
   Lists
   ################################## */
/* 
    All Lists 
    - It's usually best to leave these alone. :)
*/
/* 
    Lists in page content areas that aren't special lists. Include .editorTinyMCE so they look right in the visual editor.
*/
ion-content ul:not([class]),
ion-content ol:not([class]),
.editorTinyMCE ul:not([class]),
.editorTinyMCE ol:not([class]) {
  margin: 0 0 1.5em;
}
ion-content ul:not([class]) li,
ion-content ol:not([class]) li,
.editorTinyMCE ul:not([class]) li,
.editorTinyMCE ol:not([class]) li {
  margin: 0.75em 0;
}
ion-content li ul:not([class]),
ion-content li ol:not([class]),
.editorTinyMCE li ul:not([class]),
.editorTinyMCE li ol:not([class]) {
  /* Second level lists and below. */
  margin: 0;
}
/*
    Warnings, checks, crosses
    Note: Use [class] to target some items to strengthen specificity without using !important rules.
*/
ul.warnings,
ul.checks,
ul.crosses,
ul.info,
ul.help,
ul.pointers,
ul.circles,
ul[style*=circle],
ul.discs,
ul[style*=disc],
ul.squares,
ul[style*=square] {
  list-style: none;
}
ul.warnings > li,
ul.checks > li,
ul.crosses > li,
ul.info > li,
ul.help > li,
ul.pointers > li,
ul.circles > li,
ul[style*=circle] > li,
ul.discs > li,
ul[style*=disc] > li,
ul.squares > li,
ul[style*=square] > li {
  margin: 0.75em 0;
}
ul.warnings > li::before,
ul > li.warning::before,
ul.checks > li::before,
ul > li.check::before,
ul.crosses > li::before,
ul > li.cross::before,
ul.info > li::before,
ul > li.info::before,
ul.help > li::before,
ul > li.help::before,
ul.pointers > li::before,
ul > li.pointer::before,
ul.circles > li::before,
ul > li.circle::before,
ul[style*=circle] > li::before,
ul.discs > li::before,
ul > li.disc::before,
ul[style*=disc] > li::before,
ul.squares > li::before,
ul > li.square::before,
ul[style*=square] > li::before {
  position: relative;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: baseline;
  height: 1.25em;
  /* Must use dynamic units to help the text sizer. */
  width: 1.25em;
  /* Must use dynamic units to help the text sizer. */
  margin-right: 0.5em;
  margin-left: -1.25em;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  /* The default font collection for the site. The collection can be changed manually using secondary classes - e.g. .fa, .fas, .far, .fal, .fad, .fab for Font Awesome. */
  font-weight: 700;
  /* The default icon weight for the site. It can be changed manually on each icon if your icon font supports it. Note: Font Awesome free version only supports 700 for the full icon set. */
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.25em;
}
ul.circles > li,
ul[style*=circle] > li,
ul > li.circle {
  list-style: none;
}
ul.circles > li::before,
ul[style*=circle] > li::before,
ul > li.circle::before,
ul[class] > li.circle::before {
  content: "•";
  color: #dcd6d0;
  text-shadow: 1px 1px #6c6862;
}
ul.circles:not(.warnings):not(.checks):not(.crosses):not(.info):not(.help) > li:not([class])::before,
ul[style*=circle]:not(.warnings):not(.checks):not(.crosses):not(.info):not(.help) > li:not([class])::before,
ul > li.circle::before,
ul[class] > li.circle::before {
  /* Only transform dots that aren't icons. */
  transform: scale(1.5) translateY(-0.1em);
}
ul.discs > li,
ul[style*=disc] > li,
ul > li.disc {
  list-style: none;
}
ul.discs > li::before,
ul[style*=disc] > li::before,
ul > li.disc::before,
ul[class] > li.disc::before {
  content: "○";
  color: #dcd6d0;
  text-shadow: 1px 1px #6c6862;
}
ul.discs:not(.warnings):not(.checks):not(.crosses):not(.info):not(.help) > li:not([class])::before,
ul[style*=disc]:not(.warnings):not(.checks):not(.crosses):not(.info):not(.help) > li:not([class])::before,
ul > li.disc::before,
ul[class] > li.disc::before {
  /* Only transform dots that aren't icons. */
  transform: scale(1.1) translateY(-0.1em);
}
ul.squares > li,
ul[style*=square] > li,
ul > li.square {
  list-style: none;
}
ul.squares > li::before,
ul[style*=square] > li::before,
ul > li.square::before,
ul[class] > li.square::before {
  content: "▪";
  color: #dcd6d0;
  text-shadow: 1px 1px #6c6862;
}
ul.squares:not(.warnings):not(.checks):not(.crosses):not(.info):not(.help) > li:not([class])::before,
ul[style*=square]:not(.warnings):not(.checks):not(.crosses):not(.info):not(.help) > li:not([class])::before,
ul > li.square::before,
ul[class] > li.square::before {
  /* Only transform squares that aren't icons. */
  transform: scale(1.5) translateY(-0.1em);
}
ul.pointers > li,
ul > li.pointer {
  list-style: none;
}
ul.pointers > li::before,
ul > li.pointer::before,
ul[class] > li.pointer::before {
  content: "";
  color: #dcd6d0;
  text-shadow: 1px 1px #6c6862;
}
ul.circles.pointers > li::before,
ul[style*=circle].pointers > li::before,
ul.circles > li.pointer::before {
  content: "";
  color: #6c6862;
  text-shadow: none;
}
ul.discs.pointers > li::before,
ul[style*=disc].pointers > li::before,
uldiscs > li.pointer::before {
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  font-weight: 400;
  color: #6c6862;
  text-shadow: none;
}
ul.squares.pointers > li::before,
ul[style*=square].pointers > li::before,
ul.squares > li.pointer::before {
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  color: #6c6862;
  text-shadow: none;
}
ul.warnings > li,
ul > li.warning {
  list-style: none;
}
ul.warnings > li::before,
ul > li.warning::before,
ul[class] > li.warning::before {
  content: "";
  color: #ff9900;
  text-shadow: 1px 1px #994800;
}
ul.circles.warnings > li::before,
ul[style*=circle].warning > li::before,
ul.circles > li.warning::before {
  content: "";
  text-shadow: none;
}
ul.discs.warnings > li::before,
ul[style*=disc].warning > li::before,
ul.discs > li.warning::before {
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  font-weight: 400;
  text-shadow: none;
}
ul.squares.warnings > li::before,
ul[style*=square].warning > li::before,
ul.squares > li.warning::before {
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  text-shadow: none;
}
ul.checks > li,
ul > li.check {
  list-style: none;
}
ul.checks > li::before,
ul > li.check::before,
ul[class] > li.check::before {
  content: "";
  color: #33cc33;
  text-shadow: 1px 1px #004800;
}
ul.circles.checks > li::before,
ul[style*=circle].checks > li::before,
ul.circles > li.check::before {
  content: "";
  text-shadow: none;
}
ul.discs.checks > li::before,
ul[style*=disc].checks > li::before,
ul.discs > li.check::before {
  content: "";
  font-weight: 400;
  text-shadow: none;
}
ul.squares.checks > li::before,
ul[style*=square].checks > li::before,
ul.squares > li.check::before {
  content: "";
  text-shadow: none;
}
ul.crosses > li,
ul > li.cross {
  list-style: none;
}
ul.crosses > li::before,
ul > li.cross::before,
ul[class] > li.cross::before {
  content: "";
  color: #cc0000;
  text-shadow: 1px 1px #330000;
}
ul.circles.crosses > li::before,
ul[style*=circle].crosses > li::before,
ul.circles > li.cross::before {
  content: "";
  text-shadow: none;
}
ul.discs.crosses > li::before,
ul[style*=disc].crosses > li::before,
ul.discs > li.cross::before {
  content: "";
  font-weight: 400;
  text-shadow: none;
}
ul.squares.crosses > li::before,
ul[style*=square].crosses > li::before,
ul.squares > li.cross::before {
  content: "";
  /* Available in Font Awesome Free. */
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  text-shadow: none;
}
ul.info > li,
ul > li.info {
  list-style: none;
}
ul.info > li::before,
ul > li.info::before,
ul[class] > li.info::before {
  content: "";
  color: #A0C2AD;
  text-shadow: 1px 1px #40624d;
}
ul.circles.info > li::before,
ul[style*=circle].info > li::before,
ul.circles > li.info::before {
  content: "";
  text-shadow: none;
}
ul.discs.info > li::before,
ul[style*=disc].info > li::before,
ul.discs > li.info::before {
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  font-weight: 400;
  text-shadow: none;
}
ul.squares.info > li::before,
ul[style*=square].info > li::before,
ul.squares > li.info::before {
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  text-shadow: none;
}
ul.help > li,
ul > li.help {
  list-style: none;
}
ul.help > li::before,
ul > li.help::before,
ul[class] > li.help::before {
  content: "";
  /*color: #7CB8E1;
  text-shadow: 1px 1px #5C88b1;*/
  color: #2a52be;
  text-shadow: 1px 1px #ccccff;
}
ul.circles.help > li::before,
ul[style*=circle].help > li::before,
ul.circles > li.help::before {
  content: "";
  text-shadow: none;
}
ul.discs.help > li::before,
ul[style*=disc].help > li::before,
ul.discs > li.help::before {
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  font-weight: 400;
  text-shadow: none;
}
ul.squares.help > li::before,
ul[style*=square].help > li::before,
ul.squares > li.help::before {
  font-family: "Font Awesome 5 Pro";
  /* Requires licensing - doesn't exist in Font Awesome Free. */
  content: "";
  text-shadow: none;
}
/*
    Menu lists
*/
ul.menu {
  margin: 0 0 0.25em;
  padding: 0 !important;
}
ul.menu li {
  position: relative;
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 20px;
}
ul.menu li a {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  margin: 0;
  text-transform: none !important;
  text-align: left;
  line-height: normal;
}
ul.menu li a::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  width: auto;
  height: 100%;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 30px;
  color: #fff;
  opacity: 1;
}
ul.menu.buttons li a .secondaryText, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a .secondaryText {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #99a;
}
ul.menu.buttons li a::after, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a::after {
  color: #ffffff;
}
ul.menu.buttons li a:hover::after, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a:hover::after {
  color: #fff;
}
ul.menu.boxes, app-meal-current #MealTimePage .mealCreditOptions ul.menu {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  justify-content: space-between;
}
ul.menu.boxes li, app-meal-current #MealTimePage .mealCreditOptions ul.menu li {
  width: 100%;
}
ul.menu.boxes li a, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a {
  display: inline-flex;
  height: 100%;
  min-height: 120px;
  grid-gap: 0;
  gap: 0;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
ul.menu.boxes li a::after, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a::after {
  display: none;
}
ul.menu.boxes li .icon::before, ul.menu.boxes li app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar ul.menu.boxes li button::before, ul.menu.boxes li app-notification-modal .readMore button::before, app-notification-modal .readMore ul.menu.boxes li button::before, ul.menu.boxes li app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions ul.menu.boxes li .mealsCalendarLink::before, ul.menu.boxes li app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions ul.menu.boxes li .mealsCalendarLink::before, ul.menu.boxes li app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditOptions ul.menu.boxes li .extraCreditPrompt::before, ul.menu.boxes li app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu.boxes li .extraCreditPrompt::before, ul.menu.boxes li app-meal-current #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPage ul.menu.boxes li .mealCreditsConfirmed::before, ul.menu.boxes li app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly ul.menu.boxes li .mealCreditsConfirmed::before, ul.menu.boxes li app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar ul.menu.boxes li .manageCafeCreditsLink::before, ul.menu.boxes li app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar ul.menu.boxes li .manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li .icon::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-meal-current #MealTimePage .mealCreditOptions ul.menu li button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-notification-modal .readMore button::before, app-notification-modal .readMore app-meal-current #MealTimePage .mealCreditOptions ul.menu li button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions app-meal-current #MealTimePage .mealCreditOptions ul.menu li .mealsCalendarLink::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions app-meal-current #MealTimePage .mealCreditOptions ul.menu li .mealsCalendarLink::before, app-meal-current #MealTimePage #MealConfirmPage .mealCreditOptions ul.menu li .extraCreditPrompt::before, app-meal-current #MealConfirmPage #MealTimePage .mealCreditOptions ul.menu li .extraCreditPrompt::before, app-meal-current #MealTimePage #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu li .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly #MealTimePage .mealCreditOptions ul.menu li .extraCreditPrompt::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPage #MealTimePage .mealCreditOptions ul.menu li .mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly #MealTimePage .mealCreditOptions ul.menu li .mealCreditsConfirmed::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .mealCreditOptions ul.menu li .manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar .mealCreditOptions ul.menu li .manageMealCreditsLink::before, ul.menu.boxes li app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ul.menu.boxes li .manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar #MealTimePage .mealCreditOptions ul.menu li .manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditOptions #NoCreditsPage .mealCreditsToolbar ul.menu li .manageCafeCreditsLink::before, ul.menu.boxes li app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ul.menu.boxes li .manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar #MealTimePage .mealCreditOptions ul.menu li .manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditOptions #NoCreditsPage .mealCreditsToolbar ul.menu li .manageMealCreditsLink::before, ul.menu.boxes li app-authorise-key #KeyForm .button::before, ul.menu.boxes li app-authorise-key #KeyForm app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar ul.menu.boxes li app-authorise-key #KeyForm button::before, ul.menu.boxes li app-authorise-key #KeyForm app-notification-modal .readMore button::before, app-notification-modal .readMore ul.menu.boxes li app-authorise-key #KeyForm button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-authorise-key #KeyForm .button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-authorise-key #KeyForm app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-authorise-key #KeyForm button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-authorise-key #KeyForm app-notification-modal .readMore button::before, app-notification-modal .readMore app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm ul.menu.boxes li .button::before, app-authorise-key #KeyForm ul.menu.boxes li app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm ul.menu.boxes li button::before, app-authorise-key #KeyForm ul.menu.boxes li app-notification-modal .readMore button::before, app-notification-modal .readMore app-authorise-key #KeyForm ul.menu.boxes li button::before, app-authorise-key #KeyForm app-meal-current #MealTimePage .mealCreditOptions ul.menu li .button::before, app-authorise-key #KeyForm app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm app-meal-current #MealTimePage .mealCreditOptions ul.menu li button::before, app-authorise-key #KeyForm app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-notification-modal .readMore button::before, app-notification-modal .readMore app-authorise-key #KeyForm app-meal-current #MealTimePage .mealCreditOptions ul.menu li button::before, app-meal-current #MealTimePage .mealCreditOptions app-authorise-key #KeyForm ul.menu li .button::before, app-meal-current #MealTimePage .mealCreditOptions app-authorise-key #KeyForm ul.menu li app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-meal-current #MealTimePage .mealCreditOptions app-authorise-key #KeyForm ul.menu li button::before, app-meal-current #MealTimePage .mealCreditOptions app-authorise-key #KeyForm ul.menu li app-notification-modal .readMore button::before, app-notification-modal .readMore app-meal-current #MealTimePage .mealCreditOptions app-authorise-key #KeyForm ul.menu li button::before, ul.menu.boxes li app-authorise-key #KeyForm .subpages-tiles button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-authorise-key #KeyForm .subpages-tiles button::before, app-authorise-key #KeyForm .subpages-tiles ul.menu.boxes li button::before, app-authorise-key #KeyForm .subpages-tiles app-meal-current #MealTimePage .mealCreditOptions ul.menu li button::before, app-meal-current #MealTimePage .mealCreditOptions app-authorise-key #KeyForm .subpages-tiles ul.menu li button::before, ul.menu.boxes li .subpages-tiles app-authorise-key #KeyForm button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li .subpages-tiles app-authorise-key #KeyForm button::before, .subpages-tiles app-authorise-key #KeyForm ul.menu.boxes li button::before, .subpages-tiles app-authorise-key #KeyForm app-meal-current #MealTimePage .mealCreditOptions ul.menu li button::before, app-meal-current #MealTimePage .mealCreditOptions .subpages-tiles app-authorise-key #KeyForm ul.menu li button::before, ul.menu.boxes li app-authorise-key #KeyForm .subpages-video button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-authorise-key #KeyForm .subpages-video button::before, app-authorise-key #KeyForm .subpages-video ul.menu.boxes li button::before, app-authorise-key #KeyForm .subpages-video app-meal-current #MealTimePage .mealCreditOptions ul.menu li button::before, app-meal-current #MealTimePage .mealCreditOptions app-authorise-key #KeyForm .subpages-video ul.menu li button::before, ul.menu.boxes li .subpages-video app-authorise-key #KeyForm button::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li .subpages-video app-authorise-key #KeyForm button::before, .subpages-video app-authorise-key #KeyForm ul.menu.boxes li button::before, .subpages-video app-authorise-key #KeyForm app-meal-current #MealTimePage .mealCreditOptions ul.menu li button::before, app-meal-current #MealTimePage .mealCreditOptions .subpages-video app-authorise-key #KeyForm ul.menu li button::before, app-authorise-key #KeyForm ul.menu.boxes li a::before, app-authorise-key #KeyForm app-meal-current #MealTimePage .mealCreditOptions ul.menu li a::before, app-meal-current #MealTimePage .mealCreditOptions app-authorise-key #KeyForm ul.menu li a::before, ul.menu.boxes li app-authorise-key #KeyForm a::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li app-authorise-key #KeyForm a::before, .sectionMenu ul.menu.boxes li a::before, .sectionMenu app-meal-current #MealTimePage .mealCreditOptions ul.menu li a::before, app-meal-current #MealTimePage .mealCreditOptions .sectionMenu ul.menu li a::before, .notificationsMenu ul.menu.boxes li a::before, .notificationsMenu app-meal-current #MealTimePage .mealCreditOptions ul.menu li a::before, app-meal-current #MealTimePage .mealCreditOptions .notificationsMenu ul.menu li a::before, ul.menu.boxes li .notifications ion-list ion-item ion-icon:first-child::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu li .notifications ion-list ion-item ion-icon:first-child::before, .notifications ion-list ion-item ul.menu.boxes li ion-icon:first-child::before, .notifications ion-list ion-item app-meal-current #MealTimePage .mealCreditOptions ul.menu li ion-icon:first-child::before, app-meal-current #MealTimePage .mealCreditOptions .notifications ion-list ion-item ul.menu li ion-icon:first-child::before, ul.menu.boxes ul.menu-vertical li a::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu ul.menu-vertical li a::before, ul.menu-vertical ul.menu.boxes li a::before, ul.menu-vertical app-meal-current #MealTimePage .mealCreditOptions ul.menu li a::before, app-meal-current #MealTimePage .mealCreditOptions ul.menu-vertical ul.menu li a::before {
  margin-bottom: 0 !important;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 600px) {
  ul.menu.boxes li, app-meal-current #MealTimePage .mealCreditOptions ul.menu li {
    max-width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
ul.menu .icon::before, ul.menu app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar ul.menu button::before, ul.menu app-notification-modal .readMore button::before, app-notification-modal .readMore ul.menu button::before, ul.menu app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions ul.menu .mealsCalendarLink::before, ul.menu app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions ul.menu .mealsCalendarLink::before, ul.menu app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditOptions ul.menu .extraCreditPrompt::before, ul.menu app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu .extraCreditPrompt::before, ul.menu app-meal-current #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPage ul.menu .mealCreditsConfirmed::before, ul.menu app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly ul.menu .mealCreditsConfirmed::before, ul.menu app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar ul.menu .manageCafeCreditsLink::before, ul.menu app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar ul.menu .manageMealCreditsLink::before, ul.menu app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ul.menu .manageCafeCreditsLink::before, ul.menu app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ul.menu .manageMealCreditsLink::before, ul.menu app-authorise-key #KeyForm .button::before, ul.menu app-authorise-key #KeyForm app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar ul.menu app-authorise-key #KeyForm button::before, ul.menu app-authorise-key #KeyForm app-notification-modal .readMore button::before, app-notification-modal .readMore ul.menu app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm ul.menu .button::before, app-authorise-key #KeyForm ul.menu app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm ul.menu button::before, app-authorise-key #KeyForm ul.menu app-notification-modal .readMore button::before, app-notification-modal .readMore app-authorise-key #KeyForm ul.menu button::before, ul.menu app-authorise-key #KeyForm .subpages-tiles button::before, app-authorise-key #KeyForm .subpages-tiles ul.menu button::before, ul.menu .subpages-tiles app-authorise-key #KeyForm button::before, .subpages-tiles app-authorise-key #KeyForm ul.menu button::before, ul.menu app-authorise-key #KeyForm .subpages-video button::before, app-authorise-key #KeyForm .subpages-video ul.menu button::before, ul.menu .subpages-video app-authorise-key #KeyForm button::before, .subpages-video app-authorise-key #KeyForm ul.menu button::before, app-authorise-key #KeyForm ul.menu li a::before, ul.menu li app-authorise-key #KeyForm a::before, .sectionMenu ul.menu a::before, .notificationsMenu ul.menu li a::before, ul.menu .notifications ion-list ion-item ion-icon:first-child::before, .notifications ion-list ion-item ul.menu ion-icon:first-child::before, ul.menu ul.menu-vertical li a::before, ul.menu-vertical li ul.menu a::before {
  font-size: 1.5em !important;
}
ul.horizontal {
  margin: 0 0 1.5em !important;
  padding: 0 !important;
}
ul.horizontal li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  vertical-align: middle !important;
}
ul.horizontal li:last-child {
  margin-right: 0 !important;
}
ul.horizontal.padTop {
  margin: 1.5em 0 0 !important;
}
ul.horizontal.padBottom {
  margin: 0 0 1.5em !important;
}
ul.horizontal.menu {
  margin: 0 0 1.5em;
}
ul.horizontal.menu li {
  margin: 0px 15px 15px 0 !important;
}
ul.horizontal.menu li:last-child {
  padding-right: 0 !important;
  margin-right: 0 !important;
  border-right: 0 !important;
}
ul.horizontal.gutters-none li {
  margin: 0 !important;
}
ul.horizontal.margins-none {
  margin: 0 !important;
}
ul.horizontal.separators-none li::after {
  content: "" !important;
}
@media screen and (max-width: 600px) {
  ul.horizontal.menu:not(.stack-none) li {
    width: 100%;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1.5em !important;
    border-right: none;
  }

  ul.horizontal.menu:not(.stack-none) li:not(:last-child)::after {
    display: none;
  }
}
/*
    Menu Lists
*/
ul.menu-horizontal, .sectionMenu ul, .notificationsMenu ul {
  position: relative;
  display: flex;
  margin: 0 0 15px;
  padding: 0;
  line-height: 135%;
  list-style: none;
  justify-content: space-evenly;
  grid-gap: 5px;
  gap: 5px;
}
ul.menu-horizontal li, .sectionMenu ul li, .notificationsMenu ul li {
  width: 100%;
  flex-grow: 1;
  margin: 0 !important;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #231f20;
  border-radius: 3px;
}
ul.menu-horizontal li a, .sectionMenu ul li a, .notificationsMenu ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -10px;
  height: calc(100% + 20px);
  color: #fff;
  text-decoration: none;
}
ul.menu-horizontal li.currentPage, .sectionMenu ul li.currentPage, .notificationsMenu ul li.currentPage, app-notifications-inbox .notificationsMenu ul li.notificationsInbox, app-notifications-archive .notificationsMenu ul li.notificationsArchive {
  color: #231f20;
  background-color: #fff;
  /*box-shadow: 0 0 2px rgb(0 0 0 / 25%);*/
}
ul.menu-horizontal li.currentPage a, .sectionMenu ul li.currentPage a, .notificationsMenu ul li.currentPage a, app-notifications-inbox .notificationsMenu ul li.notificationsInbox a, app-notifications-archive .notificationsMenu ul li.notificationsArchive a {
  background-color: transparent;
  color: inherit;
}
ul.menu-vertical {
  position: relative;
  display: block;
  margin: 0 0 1.5em;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border: #eeeef2 1px solid;
  /* NC design: Same as the page background, so we get an outline if the element is placed on a white background but it's not visible in a standard page. */
  border-radius: 3px;
}
ul.menu-vertical li {
  position: relative;
  padding: 15px;
  font-size: 90%;
  border-bottom: 1px solid #dee3e6;
}
ul.menu-vertical li:last-child {
  border-bottom: 0;
}
ul.menu-vertical li a {
  /* Note: In the standard app design approach, we make the vertical menu look and work the same as regular app navigation lists as much as we can. This is so links lists can be created manually on any page and look consistent with the rest of the app's navigation pages. */
  display: block;
  margin: -11px 0 -10px -15px;
  padding: 11px 0px 10px 15px;
  color: #000;
  text-decoration: none;
}
ul.menu-vertical li a::after {
  content: "";
  position: absolute;
  right: 10px;
  top: calc(50% - 12px);
  font-weight: 600;
}
ul.menu-vertical li.currentPage, app-notifications-inbox .notificationsMenu ul.menu-vertical li.notificationsInbox, app-notifications-archive .notificationsMenu ul.menu-vertical li.notificationsArchive {
  background-color: #dee3e6;
  border-left: #009376 3px solid;
}
ul.menu-vertical li.currentPage a, app-notifications-inbox .notificationsMenu ul.menu-vertical li.notificationsInbox a, app-notifications-archive .notificationsMenu ul.menu-vertical li.notificationsArchive a {
  color: #009376;
}
/*
    Values List
    - To do: Should this be a definition list instead, or even a table?
*/
ul.values-list, app-meal-credits #CurrentBalance ul, app-meal-cafe-credits #CurrentBalance ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.values-list li, app-meal-credits #CurrentBalance ul li, app-meal-cafe-credits #CurrentBalance ul li {
  margin: 0 0 0.5em;
  display: flex;
  grid-gap: 30px;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
}
ul.values-list li .value, app-meal-credits #CurrentBalance ul li .value, app-meal-cafe-credits #CurrentBalance ul li .value {
  flex-shrink: 0;
  width: 150px;
  max-width: 50%;
  padding: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 150%;
  line-height: 1;
  background: #eef;
  border-radius: 3px;
}
/*
    Remove bullets and indents from lists
*/
ul.bullets-none {
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style: none;
}
ul.bullets-none li {
  margin-left: 0 !important;
  padding-left: 0 !important;
  background: none !important;
}
ul.indent-none,
ol.indent-none {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
/*
    Table of Contents
*/
.mce-toc,
.toc {
  display: inline-block;
  width: auto;
  padding: 15px;
  background: #fff;
  border: #d0cccb 1px solid;
  border-radius: 3px;
}
.mce-toc h2,
.toc h2 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: -15px -15px 15px;
  padding: 15px;
  background: #dee3e6;
}
.mce-toc ul,
.toc ul {
  font-size: 90%;
  margin: 0 !important;
  padding: 0;
}
.mce-toc ul li,
.toc ul li {
  list-style: none;
}
.mce-toc ul ul li,
.toc ul ul li {
  list-style: disc;
  margin-left: 2em;
}
.mce-toc > ul > li:last-child,
.toc > ul > li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .mce-toc,
.toc {
    width: 100%;
  }
}
/*
    Lists within Centered Blocks
*/
.text-center ul {
  display: inline-block;
  width: auto;
}
.text-center ol {
  display: inline-block;
  width: auto;
}
.text-center dl {
  display: inline-block;
  width: auto;
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .text-center-medium-only ul {
    display: inline-block;
    width: auto;
  }

  .text-center-medium-only ol {
    display: inline-block;
    width: auto;
  }

  .text-center-medium-only dl {
    display: inline-block;
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .text-center-medium ul {
    display: inline-block;
    width: auto;
  }

  .text-center-medium ol {
    display: inline-block;
    width: auto;
  }

  .text-center-medium dl {
    display: inline-block;
    width: auto;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  .text-center-small-only ul {
    display: inline-block;
    width: auto;
  }

  .text-center-small-only ol {
    display: inline-block;
    width: auto;
  }

  .text-center-small-only dl {
    display: inline-block;
    width: auto;
  }
}
@media screen and (max-width: 900px) {
  .text-center-small ul {
    display: inline-block;
    width: auto;
  }

  .text-center-small ol {
    display: inline-block;
    width: auto;
  }

  .text-center-small dl {
    display: inline-block;
    width: auto;
  }
}
@media screen and (min-width: 376px) and (max-width: 600px) {
  .text-center-tiny-only ul {
    display: inline-block;
    width: auto;
  }

  .text-center-tiny-only ol {
    display: inline-block;
    width: auto;
  }

  .text-center-tiny-only dl {
    display: inline-block;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  .text-center-tiny ul {
    display: inline-block;
    width: auto;
  }

  .text-center-tiny ol {
    display: inline-block;
    width: auto;
  }

  .text-center-tiny dl {
    display: inline-block;
    width: auto;
  }
}
@media screen and (max-width: 375px) {
  .text-center-micro ul {
    display: inline-block;
    width: auto;
  }

  .text-center-micro ol {
    display: inline-block;
    width: auto;
  }

  .text-center-micro dl {
    display: inline-block;
    width: auto;
  }
}
/*
    Ionic Lists
    - Ionic "lists" are not HTML lists. 
*/
ion-list {
  /* See ContentElements.scss */
}
/* ############################################################################
   ## 
   ##  TABLE STYLES
   ##
   ##  - Critical Rendering Path: Recommended
   ##
   ######################################################################### */
/*
    Standard Table Functionality

    - Don't create detailed visual table styles here, just set up some useful default behaviour. 
    - CMS authors should be free to use the CMS to style standard tables (so don't create default styles that won't be overridden by the visual editor) and developers should be free to create custom style classes.
*/
table {
  width: 100%;
  /* Easily overridden locally on each table, but this makes sure tables are easier to edit in the CMS visual editor. */
  empty-cells: show;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-style: hidden;
  /* "hidden" is a soft version of "none" that will be overridden by any styling conflict. */
}
table caption {
  /* Default table captions should have minimal styling because it's valid to have normal HTML inside. */
  padding: 15px 0;
  margin: 15px 0;
  text-align: left;
  line-height: 135%;
  /*border-top: #d0cccb 1px solid;*/
  /* Not sure about this... */
}
table caption > :first-child {
  margin-top: 0 !important;
}
table caption > :last-child {
  margin-bottom: 0 !important;
}
thead th {
  vertical-align: bottom;
}
th {
  text-align: left;
  font-weight: bold;
}
th > :first-child {
  margin-top: 0 !important;
  /* !important is very opinionated, but it seems important that the cell padding takes precedence over what's in it. Local styles could override this. */
}
th > :last-child {
  margin-bottom: 0 !important;
}
td {
  vertical-align: top;
  padding: 4px;
}
td > :first-child {
  margin-top: 0 !important;
}
td > :last-child {
  margin-bottom: 0 !important;
}
tr {
  /* Define rows after cells in case we want extra specificity for cells in special types of rows. */
}
table.contact tr:first-child th {
  background: #231f20;
  color: #fff;
  padding: 4px;
}
/* 
    Specialised Table Styles

    - Whatever you do with table styling, think about how it'll work via the responsive table layout system too. 
    - The standard table layouts consider editing in the CMS visual editor. Think about this when modifying CSS or creating new styles.
    - In 9.6.3 the default table classes available in the CMS visual editor class dropdown are .dataTable1, .dataTable2, .dataTable3, .dataTable4, .simple and .plain
    - Helper classes are also included, which may or may not be relevant depending on your core table design:
        - .responsive - Tables are "stacked" into nice looking list-like layouts on small screens.
        - .scroll-all|{screensize} - Tables get a horizontal scrollbar at the specified break point, only if the content is wider than the screen.
        - .alternating-rows and .alternating-columns
        - .alternate-1|2|3|4 - Different row colours/styles
        - .hide-vertical-borders and .show-vertical-boders - Can be used on entire tables or individual rows
    - The .plain and .simple classes are defined first in classes are used on the same table, which can happen depending on how the user selects options in the CMS visual editor.
    - .dataTable1 is an example of quite advanced table layout - See the standard CSS for detailed technical and design notes, which haven't been included with the other .dataTable layouts (to reduce noise). Replicate the code layout for new table designs if you want to update code more easily based on core system design principles in the future.
    - The .dataTable1 section also includes various helper classes that target all tables - e.g. highlight and alternate rows/cells and a hover effect. The location of this code might change in the fuure, but the concept won't.
    - Remember that tables can appear on both light and dark backgrounds. You can target rules to specific backgrounds of course, but that'll cause headaches. Think about things like colours and borders and try to create rules that work everywhere without special context targeting.
*/
/*
    Tables - General Rules
    - In the default stylesheet some general rules for tables and rows and cells are marked up to apply to all tables by default. 
    - Since .dataTable1 is the default table style selected when a table is added to the visual editor, the default styles suit .dataTable1 and should in turn suit the overall standard design theme of the site.
    - You might see !important rules below. They're only used on elements that should be very opinionated, e.g. highlighted cells. You can always override them on individual table layouts. 
*/
/* 
    Highlight and Alternate Rows/Cells
*/
table tbody tr.highlight-1 th {
  /*color: #165A26 !important;*/
  background-color: #E0F1E4 !important;
}
table tbody tr.highlight-1 td {
  color: #165A26 !important;
  background-color: #E0F1E4 !important;
}
table tbody tr.highlight-2 th {
  /*color: #721c24 !important;*/
  background-color: #F9D7D8 !important;
}
table tbody tr.highlight-2 td {
  color: #721c24 !important;
  background-color: #F9D7D8 !important;
}
table tbody tr.highlight-3 th {
  /*color: #0c5460 !important;*/
  background-color: #D4EFF2 !important;
}
table tbody tr.highlight-3 td {
  color: #0c5460 !important;
  background-color: #D4EFF2 !important;
}
table tbody tr.highlight-4 th {
  /*color: #684018 !important;*/
  background-color: #FFF7E0 !important;
}
table tbody tr.highlight-4 td {
  color: #684018 !important;
  background-color: #FFF7E0 !important;
}
table tbody tr.alternate-1 {
  /*
      Note: Design alternate rows/cells the way you want, but one good way is to use a basic colour gradient. In this case,
      it's a good idea to move from light to dark colours in light tables, and the opposite - dark to light - in dark tables.
  */
}
table tbody tr.alternate-1 th,
table tbody tr.alternate-1 td,
table tbody tr td.alternate-1 {
  color: #000;
  background-color: #f2f9fb;
}
table tbody tr.alternate-2 th,
table tbody tr.alternate-2 td,
table tbody tr td.alternate-2 {
  color: #000;
  background-color: #e5f3f7;
}
table tbody tr.alternate-3 th,
table tbody tr.alternate-3 td,
table tbody tr td.alternate-3 {
  color: #fff;
  background-color: #0088b2;
}
table tbody tr.alternate-4 th,
table tbody tr.alternate-4 td,
table tbody tr td.alternate-4 {
  color: #fff;
  background-color: #005e7a;
}
table tbody tr.highlight-text-1 td,
table tbody tr th.highlight-text-1,
table tbody tr td.highlight-text-1 {
  color: #1F7F35 !important;
}
table tbody tr.highlight-text-2 td,
table tbody tr th.highlight-text-2,
table tbody tr td.highlight-text-2 {
  color: #CF3A49 !important;
}
table tbody tr.highlight-text-3 td,
table tbody tr th.highlight-text-3,
table tbody tr td.highlight-text-3 {
  color: #0F7B8A !important;
}
table tbody tr.highlight-text-4 td,
table tbody tr th.highlight-text-4,
table tbody tr td.highlight-text-4 {
  color: #A16326 !important;
}
table tbody tr.inactive th {
  font-style: italic;
  color: #686058;
}
table tbody tr.inactive td,
table tbody tr td.inactive {
  font-style: italic;
  opacity: 0.5;
}
/*
    Highlight Cells 
    - Define these last so we can override stuff if we don't want to use !important hacks
    - But also, !important hacks are okay if we ignore the ability for CMS authors to easily define styles too - Highlighted cells should be highlighted if they marked up to be!
*/
table tbody tr td.highlight-1,
table tbody tr[class] td.highlight-1 {
  color: #165A26 !important;
  background-color: #E0F1E4 !important;
}
table tbody tr td.highlight-2,
table tbody tr[class] td.highlight-2 {
  color: #721c24 !important;
  background-color: #F9D7D8 !important;
}
table tbody tr td.highlight-3,
table tbody tr[class] td.highlight-3 {
  color: #0c5460 !important;
  background-color: #D4EFF2 !important;
}
table tbody tr td.highlight-4,
table tbody tr[class] td.highlight-4 {
  color: #684018 !important;
  background-color: #FFF7E0 !important;
}
/* 
    Row Hover Effect
    - A basic row hover effect for all tables in the standard CSS. This may or may not suit your design.
    - Don't apply it in small screen views
*/
@media only screen and (min-width: 600px) {
  table.table-hover tbody tr:hover {
    transition: 50ms all ease-in-out;
  }

  table.table-hover tbody tr:hover th,
table.table-hover tbody tr:hover td:not([class*=highlight]):not([class*=alternate]) {
    color: #000 !important;
    background-color: #faf8f7 !important;
  }

  table.table-hover tbody tr:hover td[class*=highlight-text] {
    background-color: #faf8f7 !important;
  }
}
/* 
    Plain Table 
    - Plain tables are available to authors who want to style everything in the CMS visual editor so they should provide only barebones styling. 
    - Plain tables can be used for layout so we don't change the font size. Using tables for layout is generally a bad idea for accessibility, but there are rare scenarios in which it might be semantically correct to use a table. E.g. a collection of profiles of people in a company with images and information could be properly represented as tabular data.
*/
table.plain {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
table.plain thead,
table.plain tbody,
table.plain tfoot {
  border: 0;
}
table.plain tr {
  background: none;
}
table.plain tr th {
  text-align: left;
  font-size: inherit;
  vertical-align: top;
  background: none;
  border: 0;
}
table.plain tr td,
table.plain tr:nth-child(2n) td,
table.plain tr td:last-child {
  text-align: left;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: top;
  padding: 0;
  background: none;
  border: 0;
}
/* 
    Simple Table
    - A nice looking minimalist table design.
    - Minimal layout also means authors retain a lot of control over how to lay out the table.
*/
table.simple {
  font-size: 84.21%;
  border-collapse: collapse;
  border: #e0dcdb 1px solid;
}
table.simple tr th {
  padding: 15px;
  /*background: #dee3e6;*/
  background: #fff;
  border: #e0dcdb 1px solid;
}
table.simple tr td,
table.simple tr:nth-child(2n) td,
table.simple tr td:last-child {
  padding: 15px;
  background: #fff;
  border: #e0dcdb 1px solid;
}
/* 
    Data Table #1
    - .dataTable1 is used in standard CMS transactional emails and some CMS widgets. Think of it as "the default CMS Table" style. Email styles are created in the emails of course - 
        not here - but keep consistency in mind.
    - Detailed design and technical notes are included for .dataTable1 that haven't been included with the other standard table layouts to reduce noise.
    - Avoid setting a background colour and font size at the table level, because it has knock-on effects for captions and responsive layouts.
*/
table.dataTable1 {
  color: #000;
  /* Use a strong default colour for content in tables, to promote accessible colour contrast even when cells and rows use background colours. */
  border-collapse: separate;
  /* So we can do rounded corners on the table, which is handled at the cell level to to CSS constraints. The table tag does not support border-radius. */
  border-spacing: 0;
  /* CSS version of cellspacing. */
  border: 0;
}
/* Font Size */
table.dataTable1 th,
table.dataTable1 td {
  /* If the site base font size is 118.75% of the browser default (19px), this knocks tables back to 16px to fit more data in, but be careful about accessibility because the text size is now "standard" rather than "large" according to W3C rules. */
  font-size: 84.21%;
}
/* 
    Cells
    - Highlighted cells are defined last in case we want to override stuff.
    - It's better to set background colours on cells rather than rows to provide maximum flexibility for rounded corners and other special shapes/layouts (especially in responsive views) - but keep cascading and specificity in mind.
    - To support possible use of rounded corners on the table itself, we need to use border-collapse: separate and so borders must be carefully defined on each cell edge.
*/
/* Header Cells */
table.dataTable1 tr th {
  /* Headers in all rows. */
  padding: 15px;
  background: #fff;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
table.dataTable1 thead tr th {
  /* Headers in header sections. Note: Headers in the first row override this in many tables, in which case this is a bit like a sub header style that only appears in a thead. */
  background-color: #f2f9fb;
  border-bottom: 1px solid #d5e3e7;
}
table.dataTable1 > tr:first-child > th,
table.dataTable1 thead:first-child > tr:first-child > th,
table.dataTable1 tbody:first-child > tr:first-child > th,
table.dataTable1 caption + thead > tr:first-child > th,
table.dataTable1 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  color: #fff;
  background-color: #2b2621;
  border-right: 2px solid #fff;
}
table.dataTable1 > tr:first-child > th:first-child,
table.dataTable1 thead:first-child > tr > th:first-child,
table.dataTable1 tbody:first-child > tr > th:first-child,
table.dataTable1 caption + thead > tr:first-child > th:first-child,
table.dataTable1 caption + tbody > tr:first-child > th:first-child {
  /* The first header cell in a header row or first row. */
  border-left: 0;
}
table.dataTable1 > tr:first-child > th:last-child,
table.dataTable1 thead:first-child > tr > th:last-child,
table.dataTable1 tbody:first-child > tr > th:last-child,
table.dataTable1 caption + thead > tr:first-child > th:last-child,
table.dataTable1 caption + tbody > tr:first-child > th:last-child {
  /* The last header cell in a header row or first row. */
  border-right: 0;
}
table.dataTable1 > tr > th:first-child,
table.dataTable1 tbody tr th:first-child {
  /* The first header cell in a data row. */
  border-left: 0;
  border-right: 2px solid #d5e3e7;
}
table.dataTable1 > tr > th:last-child,
table.dataTable1 tbody tr th:last-child {
  /* The last header cell in a data row. */
  border-right: 0;
}
table.dataTable1 > tr > th,
table.dataTable1 tbody tr th {
  /* Headers in data rows. */
  border-bottom: 1px solid #d5e3e7;
}
table.dataTable1 > tr:first-child > th,
table.dataTable1 tbody:first-child > tr > th,
table.dataTable1 caption + tbody > tr:first-child > th {
  /* Headers in the first row if there's no thead at the top. Should these look like headers in a thead, or sub headers, or something else? Perhaps it depends on the table design. */
}
/* Data Cells */
table.dataTable1 tr td {
  /* Data cells in all rows. */
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px solid #d5e3e7;
  border-right: 2px solid #fff;
}
table.dataTable1 > tr:first-child > td,
table.dataTable1 thead:first-child > tr > td,
table.dataTable1 tbody:first-child > tr > td,
table.dataTable1 caption + thead > tr:first-child > td,
table.dataTable1 caption + tbody > tr:first-child > td {
  /* Data cells in the first row in every condition. */
  border-top: 2px solid #fff;
}
table.dataTable1 > tr > td:first-child,
table.dataTable1 tbody tr td:first-child {
  /* The first data cell in a data row. */
  border-left: 0;
}
table.dataTable1 > tr > td:last-child,
table.dataTable1 tbody tr td:last-child {
  /* The last cell in a data row. */
  border-right: 0;
}
/* Dark Background Sections */
[class*=background-dark] table.dataTable1 > tr:first-child > th,
[class*=background-dark] table.dataTable1 thead:first-child > tr:first-child > th,
[class*=background-dark] table.dataTable1 tbody:first-child > tr:first-child > th,
[class*=background-dark] table.dataTable1 caption + thead > tr:first-child > th,
[class*=background-dark] table.dataTable1 caption + tbody > tr:first-child > th {
  border-top: 1px solid #fff;
}
[class*=background-dark] table.dataTable1 > tr > :first-child,
[class*=background-dark] table.dataTable1 thead tr > :first-child,
[class*=background-dark] table.dataTable1 tbody tr > :first-child {
  border-left: 1px solid #fff !important;
}
[class*=background-dark] table.dataTable1 > tr > :last-child,
[class*=background-dark] table.dataTable1 thead tr > :last-child,
[class*=background-dark] table.dataTable1 tbody tr > :last-child {
  border-right: 1px solid #fff !important;
}
/*
    Rows
    - Define rows after cells in case we want extra specificity for cells in special types of rows.
*/
/* 
    Alternating Rows
    - In this layout we include headers in table body sections. That doesn't necessarily suit all tables.
*/
table.dataTable1[class*=alternating-rows] tr th,
table.dataTable1[class*=alternating-rows] tr td {
  border-bottom: 2px solid #fff;
}
table.dataTable1.alternating-rows tbody tr:nth-child(2n) th,
table.dataTable1.alternating-rows tr:nth-child(2n) td {
  background-color: #f2f9fb;
}
table.dataTable1.alternating-rows-shift tbody tr:nth-child(2n-1) th,
table.dataTable1.alternating-rows-shift tr:nth-child(2n-1) td {
  /* The "shift" provides some flexibility depending on where header and sub header rows are placed. */
  background-color: #f2f9fb;
}
/*
    Alternating Columns
    - In this layout we include headers in table body sections. That doesn't necessarily suit all tables.
*/
table.dataTable1[class*=alternating-columns] tr th,
table.dataTable1[class*=alternating-columns] tr td {
  border-bottom: 2px solid #fff;
}
table.dataTable1.alternating-columns tbody tr th:nth-child(2n),
table.dataTable1.alternating-columns tr td:nth-child(2n) {
  background-color: #f2f9fb;
}
table.dataTable1.alternating-columns-shift tbody tr th:nth-child(2n-1),
table.dataTable1.alternating-columns-shift tr td:nth-child(2n-1) {
  /* The "shift" provides some flexibility depending on where header cells are placed. */
  background-color: #f2f9fb;
}
/* Last row */
table.dataTable1 > tr:last-child th,
table.dataTable1 > tr:last-child td,
table.dataTable1 tbody tr:last-child th,
table.dataTable1 tbody tr:last-child td {
  /* Last row in the body of a table. Note that we might need some extra rules if tfoot elements are used. */
}
/* 
    Special Rows
    - thead or tbody are not targeted by default, all feature headers nd sub headers look the same. Expand this rule if needed. 
*/
table.dataTable1 tr.sub-header th,
table.dataTable1 tr.sub-header td {
  vertical-align: bottom;
  padding-top: 30px;
  color: #000 !important;
  background-color: #fff;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom: 2px solid #231f20 !important;
}
/* 
    Highlight and Alternate Rows/Cells
    - The system defaults suit .dataTabe1 in the standard CSS, but you can do more work or implement overrides here if needed.
    - Ful blank CSS rules are included in the standard CSS in case you want to copy them when creating new table layouts.
*/
/* Highlight Cells */
/* Row Hover Effect */
@media only screen and (min-width: 600px) {
  table.table-hover tbody tr:hover th,
table.table-hover tbody tr:hover td:not([class*=highlight]):not([class*=alternate]) {
    background-color: #e8e8ef !important;
  }

  table.table-hover tbody tr:hover td[class*=highlight-text] {
    background-color: #e8e8ef !important;
  }
}
/*
    Themes
    - The idea of themes is just for changing colours. Significant table layout changes should get a different table class name.
*/
table.dataTable1.theme-1 thead tr th {
  /* Headers in header sections. */
}
table.dataTable1.theme-1 > tr:first-child > th,
table.dataTable1.theme-1 thead:first-child > tr:first-child > th,
table.dataTable1.theme-1 tbody:first-child > tr:first-child > th,
table.dataTable1.theme-1 caption + thead > tr:first-child > th,
table.dataTable1.theme-1 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  background-color: #358366;
}
/* Alternating Rows */
table.dataTable1.theme-1.alternating-rows tbody tr:nth-child(2n) th,
table.dataTable1.theme-1.alternating-rows tr:nth-child(2n) td {
  background-color: #f6fbf8;
}
table.dataTable1.theme-1.alternating-rows-shift tbody tr:nth-child(2n-1) th,
table.dataTable1.theme-1.alternating-rows-shift tr:nth-child(2n-1) td {
  background-color: #f6fbf8;
}
/* Alternating Columns */
table.dataTable1.theme-1.alternating-columns tbody tr th:nth-child(2n),
table.dataTable1.theme-1.alternating-columns tr td:nth-child(2n) {
  background-color: #f6fbf8;
}
table.dataTable1.theme-1.alternating-columns-shift tbody tr th:nth-child(2n-1),
table.dataTable1.theme-1.alternating-columns-shift tr td:nth-child(2n-1) {
  background-color: #f6fbf8;
}
/* Special Rows */
table.dataTable1.theme-1 tr.sub-header th,
table.dataTable1.theme-1 tr.sub-header td {
  border-bottom: 2px solid #358366 !important;
}
/* Highlight and Alternate Rows/Cells */
table.dataTable1.theme-1 tbody tr.alternate-1 th,
table.dataTable1.theme-1 tbody tr.alternate-1 td,
table.dataTable1.theme-1 tbody tr td.alternate-1 {
  color: #000;
  background-color: #f6fbf8;
}
table.dataTable1.theme-1 tbody tr.alternate-2 th,
table.dataTable1.theme-1 tbody tr.alternate-2 td,
table.dataTable1.theme-1 tbody tr td.alternate-2 {
  color: #000;
  background-color: #e5f3e6;
}
table.dataTable1.theme-1 tbody tr.alternate-3 th,
table.dataTable1.theme-1 tbody tr.alternate-3 td,
table.dataTable1.theme-1 tbody tr td.alternate-3 {
  color: #fff;
  background-color: #558b66;
}
table.dataTable1.theme-1 tbody tr.alternate-4 th,
table.dataTable1.theme-1 tbody tr.alternate-4 td,
table.dataTable1.theme-1 tbody tr td.alternate-4 {
  color: #fff;
  background-color: #156346;
}
table.dataTable1.theme-2 thead tr th, table.dataTable1.theme-3 thead tr th, table.dataTable1.theme-4 thead tr th {
  /* Headers in header sections. */
  background-color: #d9d9df;
}
table.dataTable1.theme-2 > tr:first-child > th, table.dataTable1.theme-3 > tr:first-child > th, table.dataTable1.theme-4 > tr:first-child > th,
table.dataTable1.theme-2 thead:first-child > tr:first-child > th,
table.dataTable1.theme-3 thead:first-child > tr:first-child > th,
table.dataTable1.theme-4 thead:first-child > tr:first-child > th,
table.dataTable1.theme-2 tbody:first-child > tr:first-child > th,
table.dataTable1.theme-3 tbody:first-child > tr:first-child > th,
table.dataTable1.theme-4 tbody:first-child > tr:first-child > th,
table.dataTable1.theme-2 caption + thead > tr:first-child > th,
table.dataTable1.theme-3 caption + thead > tr:first-child > th,
table.dataTable1.theme-4 caption + thead > tr:first-child > th,
table.dataTable1.theme-2 caption + tbody > tr:first-child > th,
table.dataTable1.theme-3 caption + tbody > tr:first-child > th,
table.dataTable1.theme-4 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  color: #fff;
  background-color: #081018;
}
/* Alternating Rows */
/*table.dataTable1.theme-3[class*=alternating-rows] tr th,
table.dataTable1.theme-3[class*=alternating-rows] tr td {
    border-bottom: 1px solid #d5e3e7;
}*/
table.dataTable1.theme-2.alternating-rows tbody tr:nth-child(2n) th, table.dataTable1.alternating-rows.theme-3 tbody tr:nth-child(2n) th, table.dataTable1.alternating-rows.theme-4 tbody tr:nth-child(2n) th,
table.dataTable1.theme-2.alternating-rows tr:nth-child(2n) td,
table.dataTable1.alternating-rows.theme-3 tr:nth-child(2n) td,
table.dataTable1.alternating-rows.theme-4 tr:nth-child(2n) td {
  background-color: #f9f9fb;
}
table.dataTable1.theme-2.alternating-rows-shift tbody tr:nth-child(2n-1) th, table.dataTable1.alternating-rows-shift.theme-3 tbody tr:nth-child(2n-1) th, table.dataTable1.alternating-rows-shift.theme-4 tbody tr:nth-child(2n-1) th,
table.dataTable1.theme-2.alternating-rows-shift tr:nth-child(2n-1) td,
table.dataTable1.alternating-rows-shift.theme-3 tr:nth-child(2n-1) td,
table.dataTable1.alternating-rows-shift.theme-4 tr:nth-child(2n-1) td {
  background-color: #f9f9fb;
}
/* Alternating Columns */
/*table.dataTable1.theme-3[class*=alternating-columns] tr th,
table.dataTable1.theme-3[class*=alternating-columns] tr td {
    border-bottom: 1px solid #d5e3e7;
}*/
table.dataTable1.theme-2.alternating-columns tbody tr th:nth-child(2n), table.dataTable1.alternating-columns.theme-3 tbody tr th:nth-child(2n), table.dataTable1.alternating-columns.theme-4 tbody tr th:nth-child(2n),
table.dataTable1.theme-2.alternating-columns tr td:nth-child(2n),
table.dataTable1.alternating-columns.theme-3 tr td:nth-child(2n),
table.dataTable1.alternating-columns.theme-4 tr td:nth-child(2n) {
  background-color: #f9f9fb;
}
table.dataTable1.theme-2.alternating-columns-shift tbody tr th:nth-child(2n-1), table.dataTable1.alternating-columns-shift.theme-3 tbody tr th:nth-child(2n-1), table.dataTable1.alternating-columns-shift.theme-4 tbody tr th:nth-child(2n-1),
table.dataTable1.theme-2.alternating-columns-shift tr td:nth-child(2n-1),
table.dataTable1.alternating-columns-shift.theme-3 tr td:nth-child(2n-1),
table.dataTable1.alternating-columns-shift.theme-4 tr td:nth-child(2n-1) {
  background-color: #f9f9fb;
}
/* Special Rows */
table.dataTable1.theme-2 tr.sub-header th, table.dataTable1.theme-3 tr.sub-header th, table.dataTable1.theme-4 tr.sub-header th {
  vertical-align: bottom;
  background-color: #fff;
  border-bottom: 2px solid #081018 !important;
}
table.dataTable1.theme-2 tr.sub-header td, table.dataTable1.theme-3 tr.sub-header td, table.dataTable1.theme-4 tr.sub-header td {
  vertical-align: bottom;
  background-color: #fff;
  border-bottom: 2px solid #081018 !important;
}
/* Highlight and Alternate Rows/Cells */
table.dataTable1.theme-2 tbody tr.alternate-1 th, table.dataTable1.theme-3 tbody tr.alternate-1 th, table.dataTable1.theme-4 tbody tr.alternate-1 th,
table.dataTable1.theme-2 tbody tr.alternate-1 td,
table.dataTable1.theme-3 tbody tr.alternate-1 td,
table.dataTable1.theme-4 tbody tr.alternate-1 td,
table.dataTable1.theme-2 tbody tr td.alternate-1,
table.dataTable1.theme-3 tbody tr td.alternate-1,
table.dataTable1.theme-4 tbody tr td.alternate-1 {
  color: #000;
  background-color: #f9f9fb;
}
table.dataTable1.theme-2 tbody tr.alternate-2 th, table.dataTable1.theme-3 tbody tr.alternate-2 th, table.dataTable1.theme-4 tbody tr.alternate-2 th,
table.dataTable1.theme-2 tbody tr.alternate-2 td,
table.dataTable1.theme-3 tbody tr.alternate-2 td,
table.dataTable1.theme-4 tbody tr.alternate-2 td,
table.dataTable1.theme-2 tbody tr td.alternate-2,
table.dataTable1.theme-3 tbody tr td.alternate-2,
table.dataTable1.theme-4 tbody tr td.alternate-2 {
  color: #000;
  background-color: #f3f3f7;
}
table.dataTable1.theme-2 tbody tr.alternate-3 th, table.dataTable1.theme-3 tbody tr.alternate-3 th, table.dataTable1.theme-4 tbody tr.alternate-3 th,
table.dataTable1.theme-2 tbody tr.alternate-3 td,
table.dataTable1.theme-3 tbody tr.alternate-3 td,
table.dataTable1.theme-4 tbody tr.alternate-3 td,
table.dataTable1.theme-2 tbody tr td.alternate-3,
table.dataTable1.theme-3 tbody tr td.alternate-3,
table.dataTable1.theme-4 tbody tr td.alternate-3 {
  color: #fff;
  background-color: #787880;
}
table.dataTable1.theme-2 tbody tr.alternate-4 th, table.dataTable1.theme-3 tbody tr.alternate-4 th, table.dataTable1.theme-4 tbody tr.alternate-4 th,
table.dataTable1.theme-2 tbody tr.alternate-4 td,
table.dataTable1.theme-3 tbody tr.alternate-4 td,
table.dataTable1.theme-4 tbody tr.alternate-4 td,
table.dataTable1.theme-2 tbody tr td.alternate-4,
table.dataTable1.theme-3 tbody tr td.alternate-4,
table.dataTable1.theme-4 tbody tr td.alternate-4 {
  color: #fff;
  background-color: #4e4e56;
}
table.dataTable1.theme-3 thead tr th, table.dataTable1.theme-4 thead tr th {
  /* Headers in header sections. */
  background-color: #f0f0f8;
}
table.dataTable1.theme-3 > tr:first-child > th, table.dataTable1.theme-4 > tr:first-child > th,
table.dataTable1.theme-3 thead:first-child > tr:first-child > th,
table.dataTable1.theme-4 thead:first-child > tr:first-child > th,
table.dataTable1.theme-3 tbody:first-child > tr:first-child > th,
table.dataTable1.theme-4 tbody:first-child > tr:first-child > th,
table.dataTable1.theme-3 caption + thead > tr:first-child > th,
table.dataTable1.theme-4 caption + thead > tr:first-child > th,
table.dataTable1.theme-3 caption + tbody > tr:first-child > th,
table.dataTable1.theme-4 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  color: #000;
  background-color: #cce7f0;
  border-bottom: 0;
}
table.dataTable1.theme-4 thead tr th {
  /* Headers in header sections. */
}
table.dataTable1.theme-4 > tr:first-child > th,
table.dataTable1.theme-4 thead:first-child > tr:first-child > th,
table.dataTable1.theme-4 tbody:first-child > tr:first-child > th,
table.dataTable1.theme-4 caption + thead > tr:first-child > th,
table.dataTable1.theme-4 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  color: #000;
  background-color: #dee3e6;
}
table.dataTable2 {
  color: #000;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
}
/* Font Size */
table.dataTable2 th,
table.dataTable2 td {
  font-size: 84.21%;
}
/* 
    Cells
*/
/* Header Cells */
table.dataTable2 tr th {
  /* Headers in all rows. */
  padding: 15px;
  color: #000;
  background-color: #fff;
}
table.dataTable2 thead tr th {
  /* Headers in header sections. */
  background-color: #fff;
}
table.dataTable2 > tr:first-child > th,
table.dataTable2 thead:first-child > tr:first-child > th,
table.dataTable2 tbody:first-child > tr:first-child > th,
table.dataTable2 caption + thead > tr:first-child > th,
table.dataTable2 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  color: #000;
  background-color: #fff;
  border-right: 2px solid #d5e3e7;
  border-bottom: 1px solid #d5e3e7;
}
table.dataTable2 tr th:last-child {
  /* Last header in all rows. */
  border-right: 0 !important;
}
table.dataTable2 > tr > th,
table.dataTable2 tbody tr th {
  /* Headers in data rows. */
  color: #fff;
  background-color: #006188;
  border-right: 2px solid #c5d3d7;
  border-bottom: 1px solid #c5d3d7;
}
/* Data Cells */
table.dataTable2 tr td {
  /* Data cells in all rows. */
  padding: 15px;
  color: #fff;
  background-color: #0088b2;
  border-right: 1px solid #c5d3d7;
  border-bottom: 1px solid #c5d3d7;
}
table.dataTable2 > tr > *:first-child,
table.dataTable2 tbody tr > *:first-child {
  /* The first cell in a data row. */
  border-left: 0;
}
table.dataTable2 > tr > *:last-child,
table.dataTable2 tbody tr > *:last-child {
  /* The last cell in a data row. */
  border-right: 0;
}
v table.dataTable2.alternating-rows tr:nth-child(2n) td {
  background-color: #00749e;
}
table.dataTable2.alternating-rows-shift tr:nth-child(2n-1) td {
  background-color: #00749e;
}
/* Alternating Columns */
table.dataTable2.alternating-columns tr td:nth-child(2n) {
  background-color: #00749e;
}
table.dataTable2.alternating-columns-shift tr td:nth-child(2n-1) {
  background-color: #00749e;
}
/* Last Row */
/* Special Rows */
table.dataTable2 tr.sub-header th,
table.dataTable2 tr.sub-header td {
  vertical-align: bottom;
  color: #fff;
  background-color: #006188 !important;
  border-right: 0;
  border-bottom: 1px solid #c5d3d7;
}
/* Highlight and Alternate Rows/Cells */
table.dataTable2 tbody tr.highlight-1 th,
table.dataTable2 tbody tr.highlight-1 td {
  color: #E0F1E4 !important;
  background-color: #568A56 !important;
  border-color: rgba(255, 255, 255, 0.65) !important;
}
table.dataTable2 tbody tr.highlight-2 th,
table.dataTable2 tbody tr.highlight-2 td {
  color: #F9D7D8 !important;
  background-color: #923c44 !important;
  border-color: rgba(255, 255, 255, 0.65) !important;
}
table.dataTable2 tbody tr.highlight-3 th,
table.dataTable2 tbody tr.highlight-3 td {
  color: #D4EFF2 !important;
  background-color: #4c94a0 !important;
  border-color: rgba(255, 255, 255, 0.65) !important;
}
table.dataTable2 tbody tr.highlight-4 th,
table.dataTable2 tbody tr.highlight-4 td {
  color: #FFF7E0 !important;
  background-color: #987848 !important;
  border-color: rgba(255, 255, 255, 0.65) !important;
}
table.dataTable2 tbody tr.highlight-1 th,
table.dataTable2 tbody tr.highlight-2 th,
table.dataTable2 tbody tr.highlight-3 th,
table.dataTable2 tbody tr.highlight-4 th {
  color: #fff !important;
}
table.dataTable2 tbody tr.alternate-1 th,
table.dataTable2 tbody tr.alternate-1 td,
table.dataTable2 tbody tr td.alternate-1 {
  color: #fff;
  background-color: #006188;
}
table.dataTable2 tbody tr.alternate-2 th,
table.dataTable2 tbody tr.alternate-2 td,
table.dataTable2 tbody tr td.alternate-2 {
  color: #fff;
  background-color: #0088b2;
}
table.dataTable2 tbody tr.alternate-3 th,
table.dataTable2 tbody tr.alternate-3 td,
table.dataTable2 tbody tr td.alternate-3 {
  color: #000;
  background-color: #e5f3f7;
}
table.dataTable2 tbody tr.alternate-4 th,
table.dataTable2 tbody tr.alternate-4 td,
table.dataTable2 tbody tr td.alternate-4 {
  color: #000;
  background-color: #f2f9fb;
}
table.dataTable2 tbody tr.inactive th {
  color: #c8c0b8 !important;
}
/* Just Highlighted Text */
/* Note: Accessibility warning! Some of these fail AA for normal size text. */
table.dataTable2 tbody tr.highlight-text-1 td,
table.dataTable2 tbody tr th.highlight-text-1,
table.dataTable2 tbody tr td.highlight-text-1 {
  color: #b0F1b4 !important;
}
table.dataTable2 tbody tr.highlight-text-2 td,
table.dataTable2 tbody tr th.highlight-text-2,
table.dataTable2 tbody tr td.highlight-text-2 {
  color: #F9D7D8 !important;
}
table.dataTable2 tbody tr.highlight-text-3 td,
table.dataTable2 tbody tr th.highlight-text-3,
table.dataTable2 tbody tr td.highlight-text-3 {
  color: #D4EFF2 !important;
}
table.dataTable2 tbody tr.highlight-text-4 td,
table.dataTable2 tbody tr th.highlight-text-4,
table.dataTable2 tbody tr td.highlight-text-4 {
  color: #FFF7b0 !important;
}
/*
    Highlighted Cells 
*/
table.dataTable2 tbody tr td.highlight-1,
table.dataTable2 tbody tr[class] td.highlight-1 {
  color: #E0F1E4 !important;
  background-color: #568A56 !important;
}
table.dataTable2 tbody tr td.highlight-2,
table.dataTable2 tbody tr[class] td.highlight-2 {
  color: #F9D7D8 !important;
  background-color: #923c44 !important;
}
table.dataTable2 tbody tr td.highlight-3,
table.dataTable2 tbody tr[class] td.highlight-3 {
  color: #D4EFF2 !important;
  background-color: #4c94a0 !important;
}
table.dataTable2 tbody tr td.highlight-4,
table.dataTable2 tbody tr[class] td.highlight-4 {
  color: #FFF7E0 !important;
  background-color: #987848 !important;
}
/*
    Themes
*/
/* Header Cells */
table.dataTable2.theme-1 tr th {
  /* Headers in all rows. */
}
table.dataTable2.theme-1 thead tr th {
  /* Headers in header sections. */
}
table.dataTable2.theme-1 > tr:first-child > th,
table.dataTable2.theme-1 thead:first-child > tr:first-child > th,
table.dataTable2.theme-1 tbody:first-child > tr:first-child > th,
table.dataTable2.theme-1 caption + thead > tr:first-child > th,
table.dataTable2.theme-1 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
}
table.dataTable2.theme-1 tr th:last-child {
  /* Last header in all rows. */
  border-right: 0 !important;
}
table.dataTable2.theme-1 > tr > th,
table.dataTable2.theme-1 tbody tr th {
  /* Headers in data rows. */
  background-color: #156346;
  border-color: #d5e7e3;
}
/* Data Cells */
table.dataTable2.theme-1 tr td {
  background-color: #358366;
  border-color: #d5e7e3;
}
table.dataTable2.theme-1 table.dataTable2.theme-1 tr th,
table.dataTable2.theme-1 tr td,
table.dataTable2.theme-1 thead tr th:first-child,
table.dataTable2.theme-1 tbody tr th:first-child,
table.dataTable2.theme-1 tr td:first-child,
table.dataTable2.theme-1 > tr:first-child > *,
table.dataTable2.theme-1 thead:first-child > tr > *,
table.dataTable2.theme-1 tbody:first-child > tr > *,
table.dataTable2.theme-1 caption + thead > tr:first-child > *,
table.dataTable2.theme-1 caption + tbody > tr:first-child > *,
table.dataTable2.theme-1 tbody tr[class*=highlight] > * {
  /* Cells in all rows including highlight rows. */
}
/* Alternating Rows */
table.dataTable2.theme-1.alternating-rows tr:nth-child(2n) td {
  background-color: #257356;
}
table.dataTable2.theme-1.alternating-rows-shift tr:nth-child(2n-1) td {
  background-color: #257356;
}
/* Alternating Columns */
table.dataTable2.theme-1.alternating-columns tr td:nth-child(2n) {
  background-color: #257356;
}
table.dataTable2.theme-1.alternating-columns-shift tr td:nth-child(2n-1) {
  background-color: #257356;
}
/* Special Rows */
table.dataTable2.theme-1 tr.sub-header th {
  background-color: #156346 !important;
}
table.dataTable2.theme-1 tr.sub-header td {
  background-color: #156346 !important;
}
/* Highlight and Alternate Rows/Cells */
table.dataTable2.theme-1 tbody tr.alternate-1 th,
table.dataTable2.theme-1 tbody tr.alternate-1 td,
table.dataTable2.theme-1 tbody tr td.alternate-1 {
  background-color: #156346;
}
table.dataTable2.theme-1 tbody tr.alternate-2 th,
table.dataTable2.theme-1 tbody tr.alternate-2 td,
table.dataTable2.theme-1 tbody tr td.alternate-2 {
  background-color: #558b66;
}
table.dataTable2.theme-1 tbody tr.alternate-3 th,
table.dataTable2.theme-1 tbody tr.alternate-3 td,
table.dataTable2.theme-1 tbody tr td.alternate-3 {
  background-color: #e5f3e6;
}
table.dataTable2.theme-1 tbody tr.alternate-4 th,
table.dataTable2.theme-1 tbody tr.alternate-4 td,
table.dataTable2.theme-1 tbody tr td.alternate-4 {
  color: #000;
  background-color: #f6fbf8;
}
/* Just Highlighted Text */
/* Note: Accessibility warning! Some of these fail AA for normal size text. */
table.dataTable2.theme-1 tbody tr.highlight-text-1 td,
table.dataTable2.theme-1 tbody tr th.highlight-text-1,
table.dataTable2.theme-1 tbody tr td.highlight-text-1 {
  color: #c4Ffc8 !important;
}
table.dataTable2.theme-1 tbody tr.highlight-text-2 td,
table.dataTable2.theme-1 tbody tr th.highlight-text-2,
table.dataTable2.theme-1 tbody tr td.highlight-text-2 {
  color: #Ffd7d8 !important;
}
table.dataTable2.theme-1 tbody tr.highlight-text-3 td,
table.dataTable2.theme-1 tbody tr th.highlight-text-3,
table.dataTable2.theme-1 tbody tr td.highlight-text-3 {
  color: #d4dFff !important;
}
table.dataTable2.theme-1 tbody tr.highlight-text-4 td,
table.dataTable2.theme-1 tbody tr th.highlight-text-4,
table.dataTable2.theme-1 tbody tr td.highlight-text-4 {
  color: #FFF7b0 !important;
}
/*  Row Hover Effect */
@media only screen and (min-width: 600px) {
  table.dataTable2.theme-1.table-hover tbody tr:hover th,
table.dataTable2.theme-1.table-hover tbody tr:hover td:not([class*=highlight]):not([class*=alternate]) {
    background-color: #e8efe8 !important;
  }

  table.dataTable2.theme-1.table-hover tbody tr:hover td[class*=alternate],
table.dataTable2.theme-1.table-hover tbody tr:hover td[class*=highlight-text] {
    background-color: #e8efe8 !important;
  }
}
table.dataTable2.theme-2 thead tr th, table.dataTable2.dataTable1.theme-3 thead tr th, table.dataTable2.dataTable1.theme-4 thead tr th {
  /* Headers in header sections. */
}
table.dataTable2.theme-2 > tr:first-child > th, table.dataTable2.dataTable1.theme-3 > tr:first-child > th, table.dataTable2.dataTable1.theme-4 > tr:first-child > th,
table.dataTable2.theme-2 thead:first-child > tr:first-child > th,
table.dataTable2.dataTable1.theme-3 thead:first-child > tr:first-child > th,
table.dataTable2.dataTable1.theme-4 thead:first-child > tr:first-child > th,
table.dataTable2.theme-2 tbody:first-child > tr:first-child > th,
table.dataTable2.dataTable1.theme-3 tbody:first-child > tr:first-child > th,
table.dataTable2.dataTable1.theme-4 tbody:first-child > tr:first-child > th,
table.dataTable2.theme-2 caption + thead > tr:first-child > th,
table.dataTable2.dataTable1.theme-3 caption + thead > tr:first-child > th,
table.dataTable2.dataTable1.theme-4 caption + thead > tr:first-child > th,
table.dataTable2.theme-2 caption + tbody > tr:first-child > th,
table.dataTable2.dataTable1.theme-3 caption + tbody > tr:first-child > th,
table.dataTable2.dataTable1.theme-4 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  color: #fff;
  background-color: #081018;
  border-right-color: rgba(255, 255, 255, 0.4);
  border-bottom: 0;
}
table.dataTable2.theme-2 > tr > th, table.dataTable2.dataTable1.theme-3 > tr > th, table.dataTable2.dataTable1.theme-4 > tr > th,
table.dataTable2.theme-2 tbody tr:not([class*=alternate]) th,
table.dataTable2.dataTable1.theme-3 tbody tr:not([class*=alternate]) th,
table.dataTable2.dataTable1.theme-4 tbody tr:not([class*=alternate]) th {
  /* Headers in data rows excluding alternate rows. */
  color: #fff;
}
table.dataTable2.theme-2 tr td, table.dataTable2.dataTable1.theme-3 tr td, table.dataTable2.dataTable1.theme-4 tr td {
  border-right-width: 2px;
}
/* Special Rows */
table.dataTable2.theme-3 thead tr th, table.dataTable2.dataTable1.theme-4 thead tr th {
  /* Headers in header sections. */
}
table.dataTable2.theme-3 > tr:first-child > th, table.dataTable2.dataTable1.theme-4 > tr:first-child > th,
table.dataTable2.theme-3 thead:first-child > tr:first-child > th,
table.dataTable2.dataTable1.theme-4 thead:first-child > tr:first-child > th,
table.dataTable2.theme-3 tbody:first-child > tr:first-child > th,
table.dataTable2.dataTable1.theme-4 tbody:first-child > tr:first-child > th,
table.dataTable2.theme-3 caption + thead > tr:first-child > th,
table.dataTable2.dataTable1.theme-4 caption + thead > tr:first-child > th,
table.dataTable2.theme-3 caption + tbody > tr:first-child > th,
table.dataTable2.dataTable1.theme-4 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  background-color: #cce7f0;
  border-right-width: 1px;
  border-bottom: 0;
}
table.dataTable2.theme-3 > tr > th, table.dataTable2.dataTable1.theme-4 > tr > th,
table.dataTable2.theme-3 tbody tr th,
table.dataTable2.dataTable1.theme-4 tbody tr th,
table.dataTable2.theme-3 tbody tr[class*=highlight] th,
table.dataTable2.theme-3 tbody tr[class*=alternate] th {
  /* Headers in data rows including highlight and alternate rows. */
  color: #000;
  background-color: #fff;
  border-right: 0;
}
/* Special Rows */
table.dataTable2.theme-3 tr.sub-header th, table.dataTable2.dataTable1.theme-4 tr.sub-header th {
  color: #fff !important;
}
/* Header Cells */
table.dataTable2.theme-4 thead tr th {
  /* Headers in header sections. */
}
table.dataTable2.theme-4 > tr:first-child > th,
table.dataTable2.theme-4 thead:first-child > tr:first-child > th,
table.dataTable2.theme-4 tbody:first-child > tr:first-child > th,
table.dataTable2.theme-4 caption + thead > tr:first-child > th,
table.dataTable2.theme-4 caption + tbody > tr:first-child > th {
  /* Header cells in the first row of a table. */
  background-color: #dee3e6;
}
table.dataTable2.theme-4 > tr > th,
table.dataTable2.theme-4 tbody tr th {
  /* Headers in data rows. */
  color: #fff;
  background-color: #fff;
  border-right: 0;
}
/* Data Cells */
table.dataTable2.theme-4 tr td {
  background-color: #4e4e56;
}
/* Alternating Rows */
table.dataTable2.theme-4.alternating-rows tr:nth-child(2n) td {
  background-color: #787880;
}
table.dataTable2.theme-4.alternating-rows-shift tr:nth-child(2n-1) td {
  background-color: #787880;
}
/* Alternating Columns */
table.dataTable2.theme-4.alternating-columns tr td:nth-child(2n) {
  background-color: #787880;
}
table.dataTable2.theme-4.alternating-columns-shift tr td:nth-child(2n-1) {
  background-color: #787880;
}
/* Special Rows */
table.dataTable2.theme-4 tr.sub-header th {
  color: #000 !important;
  background-color: #bec3c6 !important;
}
table.dataTable2.theme-4 tr.sub-header td {
  color: #000 !important;
  background-color: #bec3c6 !important;
}
/* Highlight and Alternate Rows/Cells */
table.dataTable2.theme-4 tbody tr.alternate-1 th,
table.dataTable2.theme-4 tbody tr.alternate-1 td,
table.dataTable2.theme-4 tbody tr td.alternate-1 {
  color: #fff;
  background-color: #4e4e56;
}
table.dataTable2.theme-4 tbody tr.alternate-2 th,
table.dataTable2.theme-4 tbody tr.alternate-2 td,
table.dataTable2.theme-4 tbody tr td.alternate-2 {
  color: #fff;
  background-color: #787880;
}
table.dataTable2.theme-4 tbody tr.alternate-3 th,
table.dataTable2.theme-4 tbody tr.alternate-3 td,
table.dataTable2.theme-4 tbody tr td.alternate-3 {
  color: #000;
  background-color: #f3f3f7;
}
table.dataTable2.theme-4 tbody tr.alternate-4 th,
table.dataTable2.theme-4 tbody tr.alternate-4 td,
table.dataTable2.theme-4 tbody tr td.alternate-4 {
  color: #000;
  background-color: #f9f9fb;
}
table.dataTable3 {
  color: #000;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
}
/* Font Size */
table.dataTable3 th,
table.dataTable3 td {
  font-size: 84.21%;
}
/*
    Cells
*/
/* Header Cells */
table.dataTable3 tr th,
table.dataTable3 thead tr th {
  padding: 15px;
  color: #fff;
  background-color: #484038;
  border-bottom: 1px solid #fff;
}
table.dataTable3 tbody tr th {
  padding: 15px;
  color: #000;
  background-color: #d8d0c8;
  border-right: 1px solid #fff;
}
table.dataTable3 > tr:first-child > th,
table.dataTable3 thead:first-child > tr > th,
table.dataTable3 tbody:first-child > tr > th,
table.dataTable3 caption + thead > tr:first-child > th,
table.dataTable3 caption + tbody > tr:first-child > th {
  /* Header cells in the first row in every condition. */
  /*border-top: 1px solid #fff;*/
}
/* Data Cells */
table.dataTable3 tr td {
  /* Data cells in all rows. */
  padding: 15px;
  background-color: #ece6e0;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
/* Cells in Fixed Locations */
table.dataTable3 tr > :last-child {
  /* The last cell in all rows. */
  border-right: 0;
}
table.dataTable3 > tr:last-child > *,
table.dataTable3 tbody tr:last-child > * {
  /* All cells in the last row of a table or tbody section. */
  border-bottom: 0;
}
/*
    Rows
*/
/* Alternating Rows */
table.dataTable3.alternating-rows tbody tr:nth-child(2n) th,
table.dataTable3.alternating-rows tr:nth-child(2n) td {
  background-color: #faf8f7;
}
table.dataTable3.alternating-rows-shift tbody tr:nth-child(2n-1) th,
table.dataTable3.alternating-rows-shift tr:nth-child(2n-1) td {
  background-color: #faf8f7;
}
/* Alternating Columns */
table.dataTable3.alternating-columns tbody tr th:nth-child(2n),
table.dataTable3.alternating-columns tr td:nth-child(2n) {
  background-color: #faf8f7;
}
table.dataTable3.alternating-columns-shift tbody tr th:nth-child(2n-1),
table.dataTable3.alternating-columns-shift tr td:nth-child(2n-1) {
  background-color: #faf8f7;
}
/* Special Rows */
table.dataTable3 tr.sub-header th {
  vertical-align: bottom;
  color: #fff;
  background-color: #6c6862 !important;
  border-right: 1px solid #fff;
}
table.dataTable3 tr.sub-header td {
  vertical-align: bottom;
  color: #fff;
  background-color: #6c6862 !important;
  border-right: 1px solid #fff;
}
/* Highlight and Alternate Rows/Cells */
table.dataTable3 tbody tr.highlight-1 th,
table.dataTable3 tbody tr.highlight-1 td {
  border-right-color: #fff !important;
}
table.dataTable3 tbody tr.highlight-2 th,
table.dataTable3 tbody tr.highlight-2 td {
  border-right-color: #fff !important;
}
table.dataTable3 tbody tr.highlight-3 th,
table.dataTable3 tbody tr.highlight-3 td {
  border-right-color: #fff !important;
}
table.dataTable3 tbody tr.highlight-4 th,
table.dataTable3 tbody tr.highlight-4 td {
  border-right-color: #fff !important;
}
table.dataTable3 tbody tr.inactive th {
  color: #585048 !important;
}
table.dataTable4 {
  color: #fff;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
}
/* Font Size */
table.dataTable1 th,
table.dataTable1 td {
  font-size: 84.21%;
}
/*
    Cells
*/
/* Header Cells */
table.dataTable4 tr th {
  /* Headers in all rows. */
  padding: 15px;
  color: #fff;
  background-color: #181008;
  border: 0;
}
table.dataTable4 thead tr th {
  /* Headers in the header row. */
  padding: 30px 15px 15px;
  font-size: 118.75%;
}
table.dataTable4 > tr > th,
table.dataTable4 tbody tr th,
table.dataTable4 tbody tr[class*=highlight] th,
table.dataTable4 tbody tr[class*=alternate] th {
  /* Headers in data rows including highlight and alternate rows. */
  padding: 15px;
  color: #fff;
  background-color: #484038 !important;
  border: 0;
  border-bottom: rgba(0, 0, 0, 0.5) 1px solid;
}
/* Data Cells */
table.dataTable4 tr td {
  /* Data cells in all rows. */
  padding: 10px 15px;
  background-color: #6c6862;
  border: 0;
  border-bottom: rgba(255, 255, 255, 0.25) 1px solid;
}
/* Cells in Fixed Locations */
table.dataTable4 tr:last-child th,
table.dataTable4 tr:last-child td {
  /* Cells in the last row. */
  border-bottom: 0;
}
/* 
    Rows
*/
/* Alternating Rows */
table.dataTable4.alternating-rows tbody tr:nth-child(2n) th,
table.dataTable4.alternating-rows tr:nth-child(2n) td {
  background-color: #7c7872;
}
table.dataTable4.alternating-rows-shift tbody tr:nth-child(2n-1) th,
table.dataTable4.alternating-rows-shift tr:nth-child(2n-1) td {
  background-color: #7c7872;
}
/* Alternating Columns */
table.dataTable4.alternating-columns tbody tr th:nth-child(2n),
table.dataTable4.alternating-columns tr td:nth-child(2n) {
  background-color: #7c7872;
}
table.dataTable4.alternating-columns-shift tbody tr th:nth-child(2n-1),
table.dataTable4.alternating-columns-shift tr td:nth-child(2n-1) {
  background-color: #7c7872;
}
/* Special Rows */
table.dataTable4 tr.sub-header th {
  vertical-align: bottom;
  color: #fff;
  background-color: #484038 !important;
}
table.dataTable4 tr.sub-header td {
  padding: 15px 10px;
  vertical-align: bottom;
  color: #fff;
  background-color: #484038 !important;
}
/* Highlight and Alternate Rows/Cells */
table.dataTable4 tbody tr.highlight-1 td {
  color: #fff !important;
  background-color: #007500 !important;
}
table.dataTable4 tbody tr.highlight-2 td {
  color: #fff !important;
  background-color: #721c24 !important;
}
table.dataTable4 tbody tr.highlight-3 td {
  color: #fff !important;
  background-color: #0c5460 !important;
}
table.dataTable4 tbody tr.highlight-4 td {
  color: #fff !important;
  background-color: #684018 !important;
}
table.dataTable4 tbody tr.highlight-text-1 td,
table.dataTable4 tbody tr th.highlight-text-1,
table.dataTable4 tbody tr td.highlight-text-1 {
  color: #b0F1b4 !important;
}
table.dataTable4 tbody tr.highlight-text-2 td,
table.dataTable4 tbody tr th.highlight-text-2,
table.dataTable4 tbody tr td.highlight-text-2 {
  color: #F99798 !important;
}
table.dataTable4 tbody tr.highlight-text-3 td,
table.dataTable4 tbody tr th.highlight-text-3,
table.dataTable4 tbody tr td.highlight-text-3 {
  color: #b4cFF2 !important;
}
table.dataTable4 tbody tr.highlight-text-4 td,
table.dataTable4 tbody tr th.highlight-text-4,
table.dataTable4 tbody tr td.highlight-text-4 {
  color: #FFF7b0 !important;
}
table.dataTable4 tbody tr.inactive th {
  color: #c8c0b8;
  opacity: 1;
}
table.dataTable4 tbody tr.inactive td,
table.dataTable4 tbody tr td.inactive {
  opacity: 0.9;
  color: #000;
  border-bottom: #918e8a;
}
/* Highlight Cells */
table.dataTable4 tbody tr td.highlight-1,
table.dataTable4 tbody tr[class] td.highlight-1 {
  color: #fff !important;
  background-color: #007500 !important;
}
table.dataTable4 tbody tr td.highlight-2,
table.dataTable4 tbody tr[class] td.highlight-2 {
  color: #fff !important;
  background-color: #721c24 !important;
}
table.dataTable4 tbody tr td.highlight-3,
table.dataTable4 tbody tr[class] td.highlight-3 {
  color: #fff !important;
  background-color: #0c5460 !important;
}
table.dataTable4 tbody tr td.highlight-4,
table.dataTable4 tbody tr[class] td.highlight-4 {
  color: #fff !important;
  background-color: #684018 !important;
}
/*
    Schedule Table
*/
/* 
    Rounded Corners
    - By default we set up rounded corners on all tables, assuming that's how the general site design works. Alter this to target individual table layouts if needed.
    - Note that this will only apply to tables that set border-collapse:separate, so you can ask individual tables to override this by setting border-collapse differently.
    - Supports tables with and without thead and tbody markup, and captions.
    - Does not specify th or td - These should always be direct descendents of tr in validly marked up tables.
*/
table > tr:first-child > :first-child,
table thead:first-child tr:first-child > :first-child,
table tbody:first-child tr:first-child > :first-child,
table caption + thead > tr:first-child > :first-child,
table caption + tbody > tr:first-child > :first-child {
  border-top-left-radius: 3px;
}
table > tr:first-child > :last-child,
table thead:first-child tr:first-child > :last-child,
table tbody:first-child tr:first-child > :last-child,
table caption + thead > tr:first-child > :last-child,
table caption + tbody > tr:first-child > :last-child {
  border-top-right-radius: 3px;
}
table > tr:last-child > :first-child,
table > :last-child > tr:last-child > :first-child {
  border-bottom-left-radius: 3px;
}
table > tr:last-child > :last-child,
table > :last-child > tr:last-child > :last-child {
  border-bottom-right-radius: 3px;
}
/*
    Hide vertical borders on any table or on a single row or in header or body rows
*/
table.hide-vertical-borders,
table.hide-vertical-borders th,
table.hide-vertical-borders td {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
table tr.hide-vertical-borders th,
table tr.hide-vertical-borders td {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
table thead.hide-vertical-borders tr th,
table thead.hide-vertical-borders tr td,
table tbody.hide-vertical-borders tr th,
table tbody.hide-vertical-borders tr td {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
/*
    Show vertical borders on any table or on a single row or in header or body rows
*/
/*table.show-vertical-borders,*/
table.show-vertical-borders th,
table.show-vertical-borders td {
  border-left: 1px solid #dee3e6 !important;
  border-right: 1px solid #dee3e6 !important;
}
table tr.show-vertical-borders th,
table tr.show-vertical-borders td {
  border-left: 1px solid #dee3e6 !important;
  border-right: 1px solid #dee3e6 !important;
}
table thead.show-vertical-borders tr th,
table thead.show-vertical-borders tr td,
table tbody.show-vertical-borders tr th,
table tbody.show-vertical-borders tr td {
  border-left: 1px solid #dee3e6 !important;
  border-right: 1px solid #dee3e6 !important;
}
/*
    Horizontal Scrolling
    - Make sure there's a horizontal scrollbar to assure content can be accessed in a basic way if the table content pushes the table wider than the screen.
*/
table.scroll-all {
  display: block;
  overflow-x: auto;
}
@media only screen and (max-width: 1920px) {
  table.scroll-larger {
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 1400px) {
  table.scroll-large {
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 1200px) {
  table.scroll-medium {
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 900px) {
  table.scroll-small {
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 600px) {
  table.scroll-micro {
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 375px) {
  table.scroll-none {
    display: block;
    overflow-x: auto;
  }
}
/* 
    Responsive Tables

    Notes: 
    - These rules work alongside our special javascript that calculates the content of simulated header cells.
    - Overall these should work fairly well for common table types. Don't expect complex tables to play nicely with these rules! You're on your own with complex tables.
    - Rules without !important are overridden by rules set on tables with special classes or inline rules, so they only apply to basic tables.
    - To do: The responsive breakpoint is currently hard coded. Give the author some control over when the table stacks, and perhaps rename the class to "stack". We'll need SASS for this so the code doesn't have to be duplicated.
*/
@media only screen and (max-width: 600px) {
  table caption {
    display: block;
  }

  /*
      Non-Responsive Tables
  */
  table:not(.responsive) {
    display: block;
    /* Note: An outside border on a table will expand to the scope of the block. */
    overflow-x: auto;
    border: 0;
    /* Otherwise tables with borders expand the scope of the border outside captions due to display:block; */
  }
  table:not(.responsive) th, table:not(.responsive) td {
    /* This assures the table is at least 100% as wide as the page but it's possible it affects certain pre-defined cell widths aversely; you might need to set them inline at the content level, or with !important. */
    width: 100%;
  }

  /*
      Responsive Tables
      - General logic and layout for all "responsive" tables.
  */
  /* Force table to not be like tables any more. */
  table.responsive,
table.responsive thead,
table.responsive tbody,
table.responsive th,
table.responsive td,
table.responsive tr {
    display: block !important;
    width: auto !important;
  }

  /* 
         Hide table header rows (but not display: none;, for accessibility). 
         The .headersRow class is added by our Javascript to rows that consist entirely of header cells, whether in the thead or elsewhere in the table.
  */
  table.responsive thead tr,
table.responsive tr.headersRow {
    position: absolute !important;
    top: -99999px !important;
    left: -99999px !important;
  }

  table.responsive tbody th:not([colspan]):not(:first-child) {
    /* 
        - Assuming authors don't put table headers inside <thead> even though they can and should, hide table header cells (but not display: none;, for accessibility) unless it's the first cell in a row. 
        - Note that the visual editor will always add a tbody tag, so we can detect table headers in the wrong place like this.  
        - This will leave behind the first th in a row of th's, that's unfortunate. But please author, put your header rows in the right spot.
        - Assume th cells with colspans are not individual column headings but rather section headings or something, so don't hide them. 
    */
    /* 
        RW 20191211 For now, header cells are handled by a combination of our javascript and the header row rules above so maybe we don't need this, and of course it's better to leave the contents of a table alone wherever we can to avoid unexpected behavours with more complex tables.
    */
    /*
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
    */
  }

  table.responsive td {
    /* Behave  like a "row". */
    display: flex !important;
    position: relative !important;
    overflow: auto !important;
    /* Table cells don't behave as you might expect with overflow. Without an overflow setting, ::before content tends to move outside the cell boundaries and get obscured so we explicitly define "auto" to avoid that. */
  }

  table.responsive td[style*="text-align:center"],
table.responsive td[style*="text-align: center"] {
    /* Centred cells and simulated headers within them generally look bad with these kinds of responsive tables, but consider this based on your design. Or override on individual cells using !important. */
    text-align: left !important;
  }

  table.responsive td:not([colspan])::before {
    /* Behave like a table header. Note that the ::before content is populated by our javascript with a copy of what was in the associated header cell. */
    position: relative !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    font-weight: bold;
    width: 30%;
    height: 100%;
    margin-right: 10px;
  }

  table.responsive td:not([colspan]):first-child {
    /* Table cells look like rows and might all look the same, so we generally want to highlight the first cell in each data row (e.g. making it look like a header cell) to make it clear where new records begin. This is a general setting that applies to all tables just in case, but it's usually better to design this separately for each of your table layouts. */
    font-weight: bold;
  }

  table.responsive td[colspan]::before {
    /* Cells with colspans are probably special, don't put a label before them. */
    display: none;
  }

  /*
      Individual Tables
  */
  table.dataTable1.responsive tbody > tr:first-child > :first-child {
    /* The first cell in the first row (because table headers are visually hidden for responsive tables). */
    border-top: 1px solid #fff;
  }

  table.dataTable1.responsive tr + tr {
    /*margin-top: 15px;*/
    /* Separating rows like this can help the table feel like a fancy list. */
  }

  table.dataTable1.responsive th,
table.dataTable1.responsive td {
    /* All headers and data cells. */
    border: 1px solid #d0cccb;
    border-bottom: 0;
  }

  table.dataTable1.responsive td::before {
    /* Cell labels (virtual header cells). */
  }

  table.dataTable1.responsive th:not([colspan]):first-child,
table.dataTable1.responsive td:not([colspan]):first-child {
    /* The first cell in each row should look different (e.g. like a table header), to visually separate the rows. We ignore cells with colspans because they're probably special. */
    color: #fff !important;
    background-color: #231f20 !important;
    border: 0 !important;
  }

  table.dataTable1.responsive th:not([colspan]):last-child,
table.dataTable1.responsive td:not([colspan]):last-child {
    /* The last cell in each row. Sometimes it's a good idea to style this to help visually separate rows. */
    border-bottom: 1px solid #d0cccb;
    border-right: 1px solid #d0cccb;
  }

  table.dataTable1.theme-1.responsive th:not([colspan]):first-child,
table.dataTable1.theme-1.responsive td:not([colspan]):first-child {
    /* The first cell in each row should look different (e.g. like a table header), to visually separate the rows. We ignore cells with colspans because they're probably special. */
    background-color: #358366 !important;
  }

  table.dataTable1.theme-2.responsive th:not([colspan]):first-child, table.dataTable1.responsive.theme-3 th:not([colspan]):first-child, table.dataTable1.responsive.theme-4 th:not([colspan]):first-child,
table.dataTable1.theme-2.responsive td:not([colspan]):first-child,
table.dataTable1.responsive.theme-3 td:not([colspan]):first-child,
table.dataTable1.responsive.theme-4 td:not([colspan]):first-child {
    /* The first cell in each row should look different (e.g. like a table header), to visually separate the rows. We ignore cells with colspans because they're probably special. */
    background-color: #081018 !important;
  }

  table.dataTable1.theme-3.responsive th:not([colspan]):first-child, table.dataTable1.responsive.theme-4 th:not([colspan]):first-child,
table.dataTable1.theme-3.responsive td:not([colspan]):first-child,
table.dataTable1.responsive.theme-4 td:not([colspan]):first-child {
    /* The first cell in each row should look different (e.g. like a table header), to visually separate the rows. We ignore cells with colspans because they're probably special. */
    color: #000 !important;
    background-color: #cce7f0 !important;
  }

  table.dataTable1.theme-4.responsive th:not([colspan]):first-child,
table.dataTable1.theme-4.responsive td:not([colspan]):first-child {
    /* The first cell in each row should look different (e.g. like a table header), to visually separate the rows. We ignore cells with colspans because they're probably special. */
    color: #000 !important;
    background-color: #dee3e6 !important;
  }

  table.dataTable2.responsive tbody > tr:first-child > :first-child {
    /* The first cell in the first row. */
  }

  table.dataTable2.responsive th,
table.dataTable2.responsive td {
    /* All headers and data cells. */
    border-right: 0;
  }

  table.dataTable2.responsive td::before {
    /* Cell labels (virtual header cells). */
  }

  table.dataTable2.responsive th:not([colspan]):first-child,
table.dataTable2.responsive td:not([colspan]):first-child {
    /* The first cell in each row. */
    color: #181008 !important;
    background-color: #fff !important;
    border-top: 0;
  }

  table.dataTable2.responsive th:not([colspan]):last-child,
table.dataTable2.responsive td:not([colspan]):last-child {
    /* The last cell in each row. */
  }

  table.dataTable2.theme-2.responsive th, table.dataTable2.responsive.dataTable1.theme-3 th, table.dataTable2.responsive.dataTable1.theme-4 th,
table.dataTable2.theme-2.responsive td,
table.dataTable2.responsive.dataTable1.theme-3 td,
table.dataTable2.responsive.dataTable1.theme-4 td {
    /* All headers and data cells. */
  }

  table.dataTable2.theme-2.responsive th:not([colspan]):first-child, table.dataTable2.responsive.dataTable1.theme-3 th:not([colspan]):first-child, table.dataTable2.responsive.dataTable1.theme-4 th:not([colspan]):first-child,
table.dataTable2.theme-2.responsive td:not([colspan]):first-child,
table.dataTable2.responsive.dataTable1.theme-3 td:not([colspan]):first-child,
table.dataTable2.responsive.dataTable1.theme-4 td:not([colspan]):first-child {
    /* The first cell in each row. */
    color: #fff !important;
    background-color: #181008 !important;
  }

  table.dataTable2.theme-3.responsive th, table.dataTable2.responsive.dataTable1.theme-4 th,
table.dataTable2.theme-3.responsive td,
table.dataTable2.responsive.dataTable1.theme-4 td {
    /* All headers and data cells. */
  }

  table.dataTable2.theme-3.responsive th:not([colspan]):first-child, table.dataTable2.responsive.dataTable1.theme-4 th:not([colspan]):first-child,
table.dataTable2.theme-3.responsive td:not([colspan]):first-child,
table.dataTable2.responsive.dataTable1.theme-4 td:not([colspan]):first-child {
    /* The first cell in each row. */
    color: #000 !important;
    background-color: #cce7f0 !important;
  }

  table.dataTable2.theme-4.responsive th,
table.dataTable2.theme-4.responsive td {
    /* All headers and data cells. */
  }

  table.dataTable2.theme-4.responsive th:not([colspan]):first-child,
table.dataTable2.theme-4.responsive td:not([colspan]):first-child {
    /* The first cell in each row. */
    color: #000 !important;
    background-color: #dee3e6 !important;
  }

  table.dataTable3.responsive tbody > tr:first-child > :first-child {
    /* The first cell in the first row (because table headers are visually hidden for responsive tables). */
  }

  table.dataTable3.responsive th,
table.dataTable3.responsive td {
    /* All headers and data cells. */
  }

  table.dataTable3.responsive td::before {
    /* Cell labels (virtual header cells) */
    position: relative;
    margin-top: -8px;
    margin-bottom: -8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: #fff 2px solid;
  }

  table.dataTable3.responsive th:not([colspan]):first-child,
table.dataTable3.responsive td:not([colspan]):first-child {
    /* The first cell in each row. */
    color: #fff;
    background-color: #484038;
  }

  table.dataTable3.responsive th:not([colspan]):last-child,
table.dataTable3.responsive td:not([colspan]):last-child {
    /* The last cell in each row. */
  }

  table.dataTable4.responsive tbody > tr:first-child > :first-child {
    /* The first cell in the first row. */
  }

  table.dataTable4.responsive th,
table.dataTable4.responsive td {
    /* All headers and data cells. */
  }

  table.dataTable4.responsive td::before {
    /* Cell labels (virtual header cells) */
  }

  table.dataTable4.responsive th:not([colspan]):first-child,
table.dataTable4.responsive td:not([colspan]):first-child {
    /* The first cell in each row. */
    color: #fff;
    background-color: #181008 !important;
  }

  table.dataTable4.responsive th:not([colspan]):last-child,
table.dataTable4.responsive td:not([colspan]):last-child {
    /* The last cell in each row. */
  }

  table.simple.responsive {
    border: 0;
  }

  table.simple.responsive tr th,
table.simple.responsive tr td {
    /* All headers and data cells. */
    border-bottom: 0;
  }

  table.simple.responsive td::before {
    /* Cell labels (virtual header cells) */
    font-weight: normal;
  }

  table.simple.responsive th:not([colspan]):first-child,
table.simple.responsive td:not([colspan]):first-child,
table.simple.responsive td:not([colspan]):first-child::before {
    /* The first cell in each row. */
    font-weight: bold;
  }

  table.simple.responsive th:not([colspan]):last-child,
table.simple.responsive td:not([colspan]):last-child {
    /* The last cell in each row. */
  }

  table.plain.responsive td:not([colspan]):first-child {
    /* Reset rules set for default tables, because plain tables should be plain. */
    font-weight: inherit;
    background: inherit;
  }

  table.plain.responsive td::before {
    display: none;
  }

  /* 
      Rounded Corners
      - By default we set up rounded corners on all tables, assuming that's how the general site design works. Alter this to target individual table layouts if needed.
      - Remember that header rows (e.g. thead full of th cells) are hidden by being moved off screen by the responsive tables Javascript plugin.
  */
  table.responsive > tr:first-child > :first-child,
table.responsive thead:first-child tr:first-child > :first-child,
table.responsive tbody:first-child tr:first-child > :first-child,
table.responsive thead:first-child + tbody tr:first-child > :first-child,
table.responsive caption + thead > tr:first-child > :first-child,
table.responsive caption + thead + tbody > tr:first-child > :first-child,
table.responsive caption + tbody > tr:first-child > :first-child {
    border-top-left-radius: 3px;
    /* Set to the design's border-radius. */
    border-top-right-radius: 3px;
    /* Set to the design's border-radius. */
  }

  table.responsive > tr:first-child > :last-child,
table.responsive thead:first-child tr:first-child > :last-child,
table.responsive tbody:first-child tr:first-child > :last-child,
table.responsive thead:first-child + tbody tr:first-child > :last-child,
table.responsive caption + thead > tr:first-child > :last-child,
table.responsive caption + thead + tbody > tr:first-child > :last-child,
table.responsive caption + tbody > tr:first-child > :last-child {
    border-top-right-radius: 0;
    /* Always set to 0. */
  }

  table.responsive > tr:last-child > :first-child,
table.responsive > :last-child > tr:last-child > :first-child {
    border-bottom-left-radius: 0;
    /* Always set to 0. */
  }

  table.responsive > tr:last-child > :last-child,
table.responsive > :last-child > tr:last-child > :last-child {
    border-bottom-left-radius: 3px;
    /* Set to the design's border-radius. */
    border-bottom-right-radius: 3px;
    /* Set to the design's border-radius. */
  }

  /* 
      Label the data 
      - This needs to be done for individual tables (and should be auto-calculated using Javascript tricks), but set up some defaults for nice layout, just in case.
  */
  table.responsive td:nth-of-type(1)::before {
    content: "Data 1";
  }

  table.responsive td:nth-of-type(2)::before {
    content: "Data 2";
  }

  table.responsive td:nth-of-type(3)::before {
    content: "Data 3";
  }

  table.responsive td:nth-of-type(4)::before {
    content: "Data 4";
  }

  table.responsive td:nth-of-type(5)::before {
    content: "Data 5";
  }

  table.responsive td:nth-of-type(6)::before {
    content: "Data 6";
  }

  table.responsive td:nth-of-type(7)::before {
    content: "Data 7";
  }

  table.responsive td:nth-of-type(8)::before {
    content: "Data 8";
  }

  table.responsive td:nth-of-type(9)::before {
    content: "Data 9";
  }

  table.responsive td:nth-of-type(10)::before {
    content: "Data 10";
  }

  table.responsive td:nth-of-type(11)::before {
    content: "Data 11";
  }

  table.responsive td:nth-of-type(12)::before {
    content: "Data 12";
  }

  table.responsive td:nth-of-type(13)::before {
    content: "Data 13";
  }

  table.responsive td:nth-of-type(14)::before {
    content: "Data 14";
  }

  table.responsive td:nth-of-type(15)::before {
    content: "Data 15";
  }

  table.responsive td:nth-of-type(16)::before {
    content: "Data 16";
  }

  table.responsive td:nth-of-type(17)::before {
    content: "Data 17";
  }

  table.responsive td:nth-of-type(18)::before {
    content: "Data 18";
  }

  table.responsive td:nth-of-type(19)::before {
    content: "Data 19";
  }

  table.responsive td:nth-of-type(20)::before {
    content: "Data 20";
  }
}
/* ############################################################################
   ## 
   ##  Content Elements (General)
   ## 
   ##  - This might look like a miscellaneous category but it's not, watch yourself!
   ##  - Special/custom site elements that aren't in the core should go in CustomElements.scss
   ## 
   ######################################################################### */
hr {
  margin: 0;
  height: 3px;
  width: auto;
  /* Don't be tempted to use a set width for the default hr layout, it messes with floated images and other elements. */
  background: rgba(0, 0, 0, 0.08);
  border: 0;
}
hr.short {
  width: 50%;
  margin-left: 25%;
}
hr.white {
  background: #fff;
}
hr.blac {
  background: #000;
}
hr.dark {
  background: #00493d;
}
hr.dark-alternate {
  background: #358366;
}
a.link-cta,
a.linkCallToAction {
  /* .linkCallToAction is only for backward compatibility. */
  font-size: 110.53%;
  font-weight: 700 !important;
}
a.link-cta::before,
a.linkCallToAction::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
/*
    Loading Spinner
*/
@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.spin, app-home .notificationCheckRunning p {
  position: relative;
  padding-left: 2.5em;
}
.spin::before, app-home .notificationCheckRunning p::before {
  content: "";
  position: absolute;
  top: 0.65em;
  left: 0.75em;
  height: 1.25em;
  width: 1.25em;
  border: solid 5px rgba(5, 115, 176, 0.25);
  border-bottom-color: #358366;
  border-radius: 100%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  transform: translate3d(-50%, -50%, 0);
  will-change: transform;
}
/*
    Ionic Elements
*/
ion-item {
  padding-inline-start: calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));
  /* Match the right padding of .item-inner for consistency. */
}
ion-badge {
  --padding-start: 5px;
  --padding-end: 5px;
}
button ion-badge, .button ion-bade, app-notification-modal .manageToolbar button ion-bade, app-notification-modal .readMore button ion-bade, .subpages-tiles button ion-bade, .subpages-video button ion-bade, ul.menu li a ion-bade {
  position: absolute;
  right: 5px;
  bottom: 0.15em;
}
/*
    Ionic Lists
    - Ionic "lists" are not HTML lists. 
*/
ion-list, .list-md, list-ios {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 15px;
  background: transparent;
  border-radius: 3px;
}
ion-list ion-list-header, .list-md ion-list-header, list-ios ion-list-header {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
}
ion-list ion-item, ion-list .item, .list-md ion-item, .list-md .item, list-ios ion-item, list-ios .item {
  padding-inline-start: 0;
  color: #fff;
}
ion-list ion-item:last-child::part(native), ion-list .item:last-child::part(native), .list-md ion-item:last-child::part(native), .list-md .item:last-child::part(native), list-ios ion-item:last-child::part(native), list-ios .item:last-child::part(native) {
  --inner-border-width: 0;
}
ion-list ion-item.displayMore, ion-list .item.displayMore, .list-md ion-item.displayMore, .list-md .item.displayMore, list-ios ion-item.displayMore, list-ios .item.displayMore {
  font-weight: bold;
  color: #00493d;
  border-top: #dee3e6 1px solid;
}
ion-list ion-item::part(native), .list-md ion-item::part(native), list-ios ion-item::part(native) {
  --background: rgba(0,0,0,0.6);
  --color: #fff;
}
/*
    Ionic Tabs / Segments
*/
ion-segment {
  /* All segments */
}
ion-segment ion-segment-button {
  display: flex;
  justify-content: start;
  white-space: normal;
  box-sizing: border-box;
  min-width: 0;
  line-height: 100%;
  font-size: 12px;
  font-weight: normal;
  padding: 7px 0;
  --color-checked: #fff;
  --padding-start: 0;
  --padding-end: 0;
  --background-hover: none;
}
ion-segment ion-segment-button.segment-button-checked_DISABLED {
  color: #fff;
  --indicator-color: transparent;
  /*
  background: #eeeef2;
  .icon {
      color: rgba(5,118,175,1);
  }
  */
}
ion-segment ion-segment-button .icon, ion-segment ion-segment-button app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar ion-segment ion-segment-button button, ion-segment ion-segment-button app-notification-modal .readMore button, app-notification-modal .readMore ion-segment ion-segment-button button, ion-segment ion-segment-button app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink, app-meal-schedule #UpcomingMeals .rosterOptions ion-segment ion-segment-button .mealsCalendarLink, ion-segment ion-segment-button app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink, app-meal-calendar #UpcomingMeals .rosterOptions ion-segment ion-segment-button .mealsCalendarLink, ion-segment ion-segment-button app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt, app-meal-current #MealConfirmPage .mealCreditOptions ion-segment ion-segment-button .extraCreditPrompt, ion-segment ion-segment-button app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ion-segment ion-segment-button .extraCreditPrompt, ion-segment ion-segment-button app-meal-current #MealConfirmPage .mealCreditsConfirmed, app-meal-current #MealConfirmPage ion-segment ion-segment-button .mealCreditsConfirmed, ion-segment ion-segment-button app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly ion-segment ion-segment-button .mealCreditsConfirmed, ion-segment ion-segment-button app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar ion-segment ion-segment-button .manageCafeCreditsLink, ion-segment ion-segment-button app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink, app-meal-current #MealTimePage .mealCreditsToolbar ion-segment ion-segment-button .manageMealCreditsLink, ion-segment ion-segment-button app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar ion-segment ion-segment-button .manageCafeCreditsLink, ion-segment ion-segment-button app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink, app-meal-current #NoCreditsPage .mealCreditsToolbar ion-segment ion-segment-button .manageMealCreditsLink, ion-segment ion-segment-button app-authorise-key #KeyForm .button, ion-segment ion-segment-button app-authorise-key #KeyForm app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar ion-segment ion-segment-button app-authorise-key #KeyForm button, ion-segment ion-segment-button app-authorise-key #KeyForm app-notification-modal .readMore button, app-notification-modal .readMore ion-segment ion-segment-button app-authorise-key #KeyForm button, app-authorise-key #KeyForm ion-segment ion-segment-button .button, app-authorise-key #KeyForm ion-segment ion-segment-button app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-key #KeyForm ion-segment ion-segment-button button, app-authorise-key #KeyForm ion-segment ion-segment-button app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-key #KeyForm ion-segment ion-segment-button button, ion-segment ion-segment-button app-authorise-key #KeyForm .subpages-tiles button, app-authorise-key #KeyForm .subpages-tiles ion-segment ion-segment-button button, ion-segment ion-segment-button .subpages-tiles app-authorise-key #KeyForm button, .subpages-tiles app-authorise-key #KeyForm ion-segment ion-segment-button button, ion-segment ion-segment-button app-authorise-key #KeyForm .subpages-video button, app-authorise-key #KeyForm .subpages-video ion-segment ion-segment-button button, ion-segment ion-segment-button .subpages-video app-authorise-key #KeyForm button, .subpages-video app-authorise-key #KeyForm ion-segment ion-segment-button button, ion-segment ion-segment-button app-authorise-key #KeyForm ul.menu li a, app-authorise-key #KeyForm ul.menu li ion-segment ion-segment-button a, ion-segment ion-segment-button ul.menu li app-authorise-key #KeyForm a, ul.menu li app-authorise-key #KeyForm ion-segment ion-segment-button a, ion-segment ion-segment-button .sectionMenu ul a, .sectionMenu ul ion-segment ion-segment-button a, ion-segment ion-segment-button .notificationsMenu ul li a, .notificationsMenu ul li ion-segment ion-segment-button a, ion-segment ion-segment-button .notifications ion-list ion-item ion-icon:first-child, .notifications ion-list ion-item ion-segment ion-segment-button ion-icon:first-child, ion-segment ion-segment-button ul.menu-vertical li a, ul.menu-vertical li ion-segment ion-segment-button a {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 4px;
}
ion-segment ion-segment-button .icon::before, ion-segment ion-segment-button app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar ion-segment ion-segment-button button::before, ion-segment ion-segment-button app-notification-modal .readMore button::before, app-notification-modal .readMore ion-segment ion-segment-button button::before, ion-segment ion-segment-button app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-schedule #UpcomingMeals .rosterOptions ion-segment ion-segment-button .mealsCalendarLink::before, ion-segment ion-segment-button app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions ion-segment ion-segment-button .mealsCalendarLink::before, ion-segment ion-segment-button app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPage .mealCreditOptions ion-segment ion-segment-button .extraCreditPrompt::before, ion-segment ion-segment-button app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ion-segment ion-segment-button .extraCreditPrompt::before, ion-segment ion-segment-button app-meal-current #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPage ion-segment ion-segment-button .mealCreditsConfirmed::before, ion-segment ion-segment-button app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly ion-segment ion-segment-button .mealCreditsConfirmed::before, ion-segment ion-segment-button app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar ion-segment ion-segment-button .manageCafeCreditsLink::before, ion-segment ion-segment-button app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #MealTimePage .mealCreditsToolbar ion-segment ion-segment-button .manageMealCreditsLink::before, ion-segment ion-segment-button app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ion-segment ion-segment-button .manageCafeCreditsLink::before, ion-segment ion-segment-button app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink::before, app-meal-current #NoCreditsPage .mealCreditsToolbar ion-segment ion-segment-button .manageMealCreditsLink::before, ion-segment ion-segment-button app-authorise-key #KeyForm .button::before, ion-segment ion-segment-button app-authorise-key #KeyForm app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar ion-segment ion-segment-button app-authorise-key #KeyForm button::before, ion-segment ion-segment-button app-authorise-key #KeyForm app-notification-modal .readMore button::before, app-notification-modal .readMore ion-segment ion-segment-button app-authorise-key #KeyForm button::before, app-authorise-key #KeyForm ion-segment ion-segment-button .button::before, app-authorise-key #KeyForm ion-segment ion-segment-button app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar app-authorise-key #KeyForm ion-segment ion-segment-button button::before, app-authorise-key #KeyForm ion-segment ion-segment-button app-notification-modal .readMore button::before, app-notification-modal .readMore app-authorise-key #KeyForm ion-segment ion-segment-button button::before, ion-segment ion-segment-button app-authorise-key #KeyForm .subpages-tiles button::before, app-authorise-key #KeyForm .subpages-tiles ion-segment ion-segment-button button::before, ion-segment ion-segment-button .subpages-tiles app-authorise-key #KeyForm button::before, .subpages-tiles app-authorise-key #KeyForm ion-segment ion-segment-button button::before, ion-segment ion-segment-button app-authorise-key #KeyForm .subpages-video button::before, app-authorise-key #KeyForm .subpages-video ion-segment ion-segment-button button::before, ion-segment ion-segment-button .subpages-video app-authorise-key #KeyForm button::before, .subpages-video app-authorise-key #KeyForm ion-segment ion-segment-button button::before, ion-segment ion-segment-button app-authorise-key #KeyForm ul.menu li a::before, app-authorise-key #KeyForm ul.menu li ion-segment ion-segment-button a::before, ion-segment ion-segment-button ul.menu li app-authorise-key #KeyForm a::before, ul.menu li app-authorise-key #KeyForm ion-segment ion-segment-button a::before, ion-segment ion-segment-button .sectionMenu ul a::before, .sectionMenu ul ion-segment ion-segment-button a::before, ion-segment ion-segment-button .notificationsMenu ul li a::before, .notificationsMenu ul li ion-segment ion-segment-button a::before, ion-segment ion-segment-button .notifications ion-list ion-item ion-icon:first-child::before, .notifications ion-list ion-item ion-segment ion-segment-button ion-icon:first-child::before, ion-segment ion-segment-button ul.menu-vertical li a::before, ul.menu-vertical li ion-segment ion-segment-button a::before {
  position: relative;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  height: 1.25em;
  width: 1.25em;
  margin-right: 0.25em;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.25em;
  display: block;
  margin: 0 auto 3px;
  font-weight: 500;
  font-size: 18px;
}
ion-header {
  /* When segments are in the header */
}
ion-header ion-segment {
  --color-checked: #fff;
}
ion-content {
  /* When segments are in the content area */
}
ion-content ion-segment {
  display: flex;
  justify-content: space-between;
  grid-gap: 5px;
  gap: 5px;
}
ion-content ion-segment ion-segment-button {
  --color-checked: #231f20;
  --color: #231f20;
  --color-hover: #231f20;
  background: #fff;
  opacity: 0.75;
  border-radius: 3px;
}
ion-content ion-segment ion-segment-button.segment-button-checked {
  color: #fff;
  --color-hover: #fff;
  --indicator-color: transparent;
  background: #231f20;
  opacity: 1;
  /*

  .icon {
      color: rgba(5,118,175,1);
  }
  */
}
ion-content ion-segment ion-segment-button.segment-button-checked:hover {
  --color: #fff;
}
ion-toolbar {
  --background: transparent !important;
}
/*
    Notifications
*/
.notifications ion-list ion-item ion-icon:first-child {
  margin-right: 10px;
}
.notifications ion-list ion-item .title {
  font-size: 16px;
  font-weight: bold;
}
.notifications ion-list ion-item .date {
  text-transform: uppercase;
}
/* Acora App Theme - Modules */
/* ####################################
   Content Expander

   - Critical Rendering Path: Optional
   ################################## */
.expanderSection {
  display: inline-block;
  /* Behave better around floated elements, i.e. drop below them with width=100% */
  width: 100%;
  margin-bottom: 1.5em;
  border: #f0eceb 1px solid;
}
.expanderSection .expanderSection {
  background-color: #fff;
  /* They can be placed inside each other to create a tree-like effect. */
}
.expanderSection + .expanderSection {
  margin-top: calc(-1.5em + 2px);
  /* When there's one after another, this creates a nice accordion-like effect. */
}
.expanderLink {
  position: relative;
  margin: 0;
  padding: 0;
}
.expanderLink a {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 20px;
}
.expanderLink a.expanded::after {
  content: "-";
}
.expanderLink a.collapsed::after {
  content: "+";
}
.expanderLink a::after {
  position: absolute;
  display: inline-block;
  text-indent: 0;
  top: 17px;
  right: 17px;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: bold;
  width: 24px;
  line-height: 24px;
  text-align: center;
  border-color: inherit;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
}
.expanderContent {
  display: none;
  /* This will be switched on dynamically. */
  padding: 10px 20px 20px;
}
.expanderContent > :first-child {
  margin-top: 0 !important;
}
.expanderContent > :last-child {
  margin-bottom: 0 !important;
}
/* ####################################
   Countdown Widget

   - Critical Rendering Path: Recommended
   - The most popular widget of all time
   ################################## */
.countdown {
  font-size: 200%;
}
.countdown .counter {
  display: inline-block;
  box-sizing: border-box;
  min-width: 50px;
  /* Enough room for the "Minutes" label underneath. */
  margin-bottom: 30px;
  /* Account for the bottom position of .counter::after if it's absolutely positioned. */
  padding: 30px 40px;
  text-align: center;
  color: #ffffff;
  background: #000000;
  border-radius: 4px;
}
.countdown .counter::after {
  position: absolute;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  left: 0;
  bottom: -30px;
}
.countdown .counter.days {
  position: relative;
  margin-right: 5px;
}
.countdown .counter.days::after {
  content: "Days";
}
.countdown .counter.hours {
  position: relative;
  margin-right: 5px;
}
.countdown .counter.hours::after {
  content: "Hours";
}
.countdown .counter.minutes {
  position: relative;
  margin-right: 5px;
}
.countdown .counter.minutes::after {
  content: "Minutes";
}
.countdown .counter.seconds {
  background: rgba(0, 0, 0, 0.75);
  position: relative;
}
.countdown .counter.seconds::after {
  content: "Seconds";
}
.countdown > :last-child {
  margin-right: 0 !important;
}
.countdown .separator {
  /* Separators come before the associated element, so there isn't one for days. */
  margin-left: -5px;
  /* Remove the margin after the units, there is some text leading that looks like a margin within the text block anyway. */
}
.countdown.expired {
  /* When the countdown is at or below 0. */
}
.countdown.expired .counter {
  background: #990000;
}
/* ####################################
   Counter

   - Critical Rendering Path: Recommended
   ################################## */
.counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.counter .label {
  order: 2;
  padding-bottom: 30px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
}
.counter .count {
  order: 1;
  text-align: center;
  font-weight: bold;
  font-size: 350%;
}
.counter + .counter {
  border-top-width: 1px;
}
.counter.box, app-meal-schedule .counter.pageBody, app-meal-calendar .counter.pageBody, app-meal-current .counter.pageBody, app-meal-credits .counter.pageBody, app-meal-cafe-credits .counter.pageBody {
  margin: 0 auto;
  /* Centred within container. */
  width: 240px;
  height: 240px;
  background-color: #faf8f7;
}
.counter.circle {
  margin: 0 auto;
  /* Centred within container. */
  width: 240px;
  height: 240px;
  background-color: #faf8f7;
  border-radius: 100%;
}
.counter.border {
  border: #dcd6d0 1px solid;
}
.counter.background-none {
  background-color: transparent;
}
.counter.small {
  font-size: 75%;
}
.counter.box.small, app-meal-schedule .counter.small.pageBody, app-meal-calendar .counter.small.pageBody, app-meal-current .counter.small.pageBody, app-meal-credits .counter.small.pageBody, app-meal-cafe-credits .counter.small.pageBody,
.counter.circle.small {
  width: 180px;
  height: 180px;
}
.counter.big {
  font-size: 133.33%;
}
.counter.box.big, app-meal-schedule .counter.big.pageBody, app-meal-calendar .counter.big.pageBody, app-meal-current .counter.big.pageBody, app-meal-credits .counter.big.pageBody, app-meal-cafe-credits .counter.big.pageBody,
.counter.circle.big {
  width: 320px;
  height: 320px;
}
/* ####################################
   Animations

   - Critical Rendering Path: Optional
   ################################## */
.rating {
  position: relative;
  width: 100%;
  height: 32px;
  background: none;
}
.rating .label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-weight: bold;
}
.rating .value {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  height: 32px;
  text-indent: -10000em;
}
.rating .value::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 32px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2047.94%2047.94%22%20style%3D%22enable-background%3Anew%200%200%2047.94%2047.94%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23ED8A19%3B%22%20d%3D%22M26.285%2C2.486l5.407%2C10.956c0.376%2C0.762%2C1.103%2C1.29%2C1.944%2C1.412l12.091%2C1.757%0A%09c2.118%2C0.308%2C2.963%2C2.91%2C1.431%2C4.403l-8.749%2C8.528c-0.608%2C0.593-0.886%2C1.448-0.742%2C2.285l2.065%2C12.042%0A%09c0.362%2C2.109-1.852%2C3.717-3.746%2C2.722l-10.814-5.685c-0.752-0.395-1.651-0.395-2.403%2C0l-10.814%2C5.685%0A%09c-1.894%2C0.996-4.108-0.613-3.746-2.722l2.065-12.042c0.144-0.837-0.134-1.692-0.742-2.285l-8.749-8.528%0A%09c-1.532-1.494-0.687-4.096%2C1.431-4.403l12.091-1.757c0.841-0.122%2C1.568-0.65%2C1.944-1.412l5.407-10.956%0A%09C22.602%2C0.567%2C25.338%2C0.567%2C26.285%2C2.486z%22%2F%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  background-position: left top;
  background-size: auto 32px;
  background-repeat: repeat-x;
  opacity: 0.35;
}
.rating .value::after {
  content: "";
  position: absolute;
  height: 32px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2047.94%2047.94%22%20style%3D%22enable-background%3Anew%200%200%2047.94%2047.94%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23ED8A19%3B%22%20d%3D%22M26.285%2C2.486l5.407%2C10.956c0.376%2C0.762%2C1.103%2C1.29%2C1.944%2C1.412l12.091%2C1.757%0A%09c2.118%2C0.308%2C2.963%2C2.91%2C1.431%2C4.403l-8.749%2C8.528c-0.608%2C0.593-0.886%2C1.448-0.742%2C2.285l2.065%2C12.042%0A%09c0.362%2C2.109-1.852%2C3.717-3.746%2C2.722l-10.814-5.685c-0.752-0.395-1.651-0.395-2.403%2C0l-10.814%2C5.685%0A%09c-1.894%2C0.996-4.108-0.613-3.746-2.722l2.065-12.042c0.144-0.837-0.134-1.692-0.742-2.285l-8.749-8.528%0A%09c-1.532-1.494-0.687-4.096%2C1.431-4.403l12.091-1.757c0.841-0.122%2C1.568-0.65%2C1.944-1.412l5.407-10.956%0A%09C22.602%2C0.567%2C25.338%2C0.567%2C26.285%2C2.486z%22%2F%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  background-position: left top;
  background-size: auto 32px;
  background-repeat: repeat-x;
}
.rating-0-0 .value::after {
  width: 0 !important;
}
.rating-0-1 .value::after {
  width: 2% !important;
}
.rating-0-2 .value::after {
  width: 4% !important;
}
.rating-0-3 .value::after {
  width: 6% !important;
}
.rating-0-4 .value::after {
  width: 8% !important;
}
.rating-0-5 .value::after {
  width: 10% !important;
}
.rating-0-6 .value::after {
  width: 12% !important;
}
.rating-0-7 .value::after {
  width: 14% !important;
}
.rating-0-8 .value::after {
  width: 16% !important;
}
.rating-0-9 .value::after {
  width: 18% !important;
}
.rating-1 .value::after {
  width: 20% !important;
}
.rating-1-0 .value::after {
  width: 20% !important;
}
.rating-1-1 .value::after {
  width: 22% !important;
}
.rating-1-2 .value::after {
  width: 24% !important;
}
.rating-1-3 .value::after {
  width: 26% !important;
}
.rating-1-4 .value::after {
  width: 28% !important;
}
.rating-1-5 .value::after {
  width: 30% !important;
}
.rating-1-6 .value::after {
  width: 32% !important;
}
.rating-1-7 .value::after {
  width: 34% !important;
}
.rating-1-8 .value::after {
  width: 36% !important;
}
.rating-1-9 .value::after {
  width: 38% !important;
}
.rating-2 .value::after {
  width: 40% !important;
}
.rating-2-0 .value::after {
  width: 40% !important;
}
.rating-2-1 .value::after {
  width: 42% !important;
}
.rating-2-2 .value::after {
  width: 44% !important;
}
.rating-2-3 .value::after {
  width: 46% !important;
}
.rating-2-4 .value::after {
  width: 48% !important;
}
.rating-2-5 .value::after {
  width: 50% !important;
}
.rating-2-6 .value::after {
  width: 52% !important;
}
.rating-2-7 .value::after {
  width: 54% !important;
}
.rating-2-8 .value::after {
  width: 56% !important;
}
.rating-2-9 .value::after {
  width: 58% !important;
}
.rating-3 .value::after {
  width: 60% !important;
}
.rating-3-0 .value::after {
  width: 60% !important;
}
.rating-3-1 .value::after {
  width: 62% !important;
}
.rating-3-2 .value::after {
  width: 64% !important;
}
.rating-3-3 .value::after {
  width: 66% !important;
}
.rating-3-4 .value::after {
  width: 68% !important;
}
.rating-3-5 .value::after {
  width: 70% !important;
}
.rating-3-6 .value::after {
  width: 72% !important;
}
.rating-3-7 .value::after {
  width: 74% !important;
}
.rating-3-8 .value::after {
  width: 76% !important;
}
.rating-3-9 .value::after {
  width: 78% !important;
}
.rating-4 .value::after {
  width: 80% !important;
}
.rating-4-0 .value::after {
  width: 80% !important;
}
.rating-4-1 .value::after {
  width: 82% !important;
}
.rating-4-2 .value::after {
  width: 84% !important;
}
.rating-4-3 .value::after {
  width: 86% !important;
}
.rating-4-4 .value::after {
  width: 88% !important;
}
.rating-4-5 .value::after {
  width: 90% !important;
}
.rating-4-6 .value::after {
  width: 92% !important;
}
.rating-4-7 .value::after {
  width: 94% !important;
}
.rating-4-8 .value::after {
  width: 96% !important;
}
.rating-4-9 .value::after {
  width: 98% !important;
}
.rating-5 .value::after {
  width: 100% !important;
}
.rating-5-0 .value::after {
  width: 100% !important;
}
/* ####################################
   Tabs

   - Critical Rendering Path: Optional
   ################################## */
.tabs {
  position: relative;
  clear: both;
  padding-bottom: 34px;
  /* Addition of top and bottom vertical padding + border of .tab */
  margin-bottom: 1.5em;
}
.tabs ul.tabList {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 !important;
  padding: 0 !important;
}
.tabs ul.tabList li {
  list-style: none;
  box-sizing: border-box;
  margin: 0 !important;
  padding-left: 2px;
}
.tabs ul.tabList li:first-child {
  padding-left: 0;
}
.tabs ul.tabList li a:link {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 30px;
  font-size: 115.79%;
  /* 22px if the site started at 19px. */
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tabs ul.tabList li a:link:not(:hover) {
  text-decoration: none !important;
  color: #c23000;
  background: #f0eceb;
}
.tabs ul.tabList li.selected {
  padding-right: 0;
}
.tabs ul.tabList li.selected a:link {
  position: relative;
  z-index: 3;
  margin-bottom: -1px;
  /*font-size: 1.125rem;*/
  color: inherit;
  background-color: #fff;
  border: #c0bcbb 1px solid;
  border-bottom: 0;
}
/*
.tabs.tabCount2 ul.tabList li { max-width: 50%; }
.tabs.tabCount3 ul.tabList li { max-width: 33.33%; }
.tabs.tabCount4 ul.tabList li { max-width: 25%; }
.tabs.tabCount5 ul.tabList li { max-width: 20%; }
.tabs.tabCount6 ul.tabList li { max-width: 16.67%; }
.tabs.tabCount7 ul.tabList li { max-width: 14.28%; }
.tabs.tabCount8 ul.tabList li { max-width: 12.5%; }
.tabs.tabCount9 ul.tabList li { max-width: 11.11%; }
.tabs.tabCount10 ul.tabList li { max-width: 10%; }
*/
.tabs.space-evenly.tabCount2 ul.tabList li {
  width: 50%;
}
.tabs.space-evenly.tabCount3 ul.tabList li {
  width: 33.33%;
}
.tabs.space-evenly.tabCount4 ul.tabList li {
  width: 25%;
}
.tabs.space-evenly.tabCount5 ul.tabList li {
  width: 20%;
}
.tabs.space-evenly.tabCount6 ul.tabList li {
  width: 16.67%;
}
.tabs.space-evenly.tabCount7 ul.tabList li {
  width: 14.28%;
}
.tabs.space-evenly.tabCount8 ul.tabList li {
  width: 12.5%;
}
.tabs.space-evenly.tabCount9 ul.tabList li {
  width: 11.11%;
}
.tabs.space-evenly.tabCount10 ul.tabList li {
  width: 10%;
}
.tabs .tabContent {
  position: relative;
  display: block;
  overflow: hidden;
}
.tabs .tab {
  /* Matches tabs in the CMS visual editor and on the front end. */
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  border: #c0bcbb 1px solid;
}
.tabs .tabContent .tab {
  /* Matches tabs on the front end only. */
  position: absolute;
  opacity: 0;
}
.tabs .tab > :first-child {
  margin-top: 0 !important;
}
.tabs .tab > :last-child {
  margin-bottom: 0 !important;
}
.tabs[class*=background-] {
  background-color: inherit;
  color: inherit;
}
.tabs[class*=background-] ul.tabList li.selected a:link {
  border: 0;
}
.tabs[class*=background-] .tab {
  border: 0;
}
.tabs.background-lighter .tab {
  background-color: #faf8f7;
}
.tabs.background-lighter ul.tabList li.selected a:link {
  background-color: #faf8f7;
}
.tabs.background-light .tab {
  background-color: #dcd6d0;
  background-color: #f0eceb;
}
.tabs.background-light ul.tabList li a:link:not(:hover) {
  background-color: #faf8f7;
}
.tabs.background-light ul.tabList li.selected a:link {
  background-color: #dcd6d0;
  background-color: #f0eceb;
}
.tabs.background-penumbra .tab {
  color: #fff;
  background-color: #6c6862;
}
.tabs.background-penumbra ul.tabList li.selected a:link {
  color: #fff;
  background-color: #6c6862;
}
.tabs.background-dark .tab {
  color: #fff;
  background-color: #484038;
}
.tabs.background-dark ul.tabList li.selected a:link {
  color: #fff;
  background-color: #484038;
}
.tabs.background-darker .tab {
  color: #fff;
  background-color: #181008;
}
.tabs.background-darker ul.tabList li.selected a:link {
  color: #fff;
  background-color: #181008;
}
@media screen and (max-width: 900px) {
  .tabs ul.tabList li a:link {
    padding: 15px;
    font-size: 84.21%;
    /* 16px if the site started at 19px. */
  }

  .tabs .tabContent .tab {
    padding: 15px;
  }
}
@media screen and (max-width: 600px) {
  .tabs ul.tabList {
    flex-wrap: wrap;
  }

  .tabs ul.tabList li {
    width: 50% !important;
    max-width: 50% !important;
  }

  .tabs ul.tabList li:nth-child(2n) {
    padding-right: 0;
  }

  .tabs ul.tabList li:nth-child(2n+1) {
    padding-left: 0;
  }

  .tabs ul.tabList li:last-child:not(:nth-child(2n)) {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tabs ul.tabList li a:link {
    margin-bottom: 2px !important;
    border-radius: 0;
  }

  .tabs:not([class*=background-]) ul.tabList li a:link {
    border: #c0bcbb 1px solid;
  }

  .tabs ul.tabList li:first-child a:link {
    border-top-left-radius: 4px;
  }

  .tabs ul.tabList li:nth-child(2) a:link {
    border-top-right-radius: 4px;
  }
}
/* Acora App Theme - Custom Elements */
/* ####################################
   Custom Elements
   ################################## */
/* 
	Put your custom site-wide elements here, if any are needed (e.g. if there are custom modules in the site).
    If a custom element appears on the Critical Rendering Path (i.e. above the fold), write your CSS in CustomElements.css instead
*/
/*
    An image block that covers the space it's in. 
*/
div.image-cover {
  position: relative;
  width: 100% !important;
  height: 100% !important;
}
div.image-cover img {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
@media all and (-ms-high-contrast: none) {
  /* Rules for IE only. IE11 support is deprecated so we just provide basic layout. */
  div.image-cover {
    /* IE11 doesn't support object-fit. */
    height: auto !important;
  }
}
/*
    Simple lightbox layout
*/
.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 !important;
  background: #ffffff;
}
@font-face {
  font-family: "DDSN";
  src: url('icomoon.ttf');
}
.scroll-content {
  line-height: 125%;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
}
h1 {
  margin-top: 1rem;
  font-size: 2rem;
  font-family: le-monde-livre-std, serif;
  font-weight: normal;
}
h2, .item-md h2 {
  margin: 0 0 0.5rem;
  font-size: 1.75rem;
  font-weight: bold;
  font-family: le-monde-livre-std, serif;
}
h3 {
  font-size: 1.6rem;
  font-weight: normal;
  font-family: fieldwork, sans-serif;
}
h4 {
  font-size: 1.4rem;
  font-family: fieldwork, sans-serif;
  font-weight: lighter;
}
h5 {
  font-family: le-monde-livre-std, serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: italic;
}
h6 {
  font-size: 1.2rem;
  padding-bottom: 5px;
  border-bottom: #68b6dd 1px solid;
  color: #5d7d8d;
}
h1 > img {
  max-width: 100%;
  border: 0;
  background: #fff;
  padding: 8px;
  box-sizing: content-box;
  border-radius: 3px;
  vertical-align: middle;
  margin: 8px 8px 8px 0;
  width: 24px;
  height: 24px;
}
.scroll-content > h1:first-child,
.scroll-content > h2:first-child,
.scroll-content > h3:first-child {
  margin-top: 0.75em;
}
a {
  text-decoration: underline;
  color: #231f20;
}
a:hover {
  opacity: 0.7;
}
.message {
  display: block;
  background: rgba(255, 255, 255, 0.75);
  width: 100%;
  padding: 12px;
  margin: 0 0 10px !important;
  text-align: center;
  color: #2d1255;
}
.error {
  display: block;
  background: rgba(255, 255, 255, 0.75);
  width: 100%;
  padding: 12px;
  margin: 0 0 10px !important;
  text-align: center;
  color: darkred;
}
.event-feed h2 {
  margin: 1em 0 0.5em 0;
  padding: 10px 0;
  color: #fff;
  background: #231f20;
  font-family: fieldwork, sans-serif;
  font-size: 1.4rem;
  font-weight: 100;
}
.event-feed .subpages-summary .content .contentItem .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #381100;
}
.event-feed .subpages-summary .content .contentItem .text .title {
  font-weight: 600;
  font-size: 135%;
}
.event-feed .subpages-summary .content .contentItem .text .date {
  font-size: 110%;
}
.event-feed .subpages-summary .content .contentItem:after {
  display: flex;
  align-self: center;
}
#AllEvents {
  display: none;
}
/* Acora App Theme - General Page Layout */
.ion-page {
  background-color: #e6ce8a;
}
ion-header {
  background: #231f20;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
ion-header::after {
  display: none;
}
ion-header ion-toolbar {
  text-align: center;
  color: #fff;
  --background: rgba(0,0,0,0);
}
ion-header ion-toolbar .button, ion-header ion-toolbar app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar ion-header ion-toolbar button, ion-header ion-toolbar app-notification-modal .readMore button, app-notification-modal .readMore ion-header ion-toolbar button, ion-header ion-toolbar .subpages-tiles button, .subpages-tiles ion-header ion-toolbar button, ion-header ion-toolbar .subpages-video button, .subpages-video ion-header ion-toolbar button, ion-header ion-toolbar ul.menu li a, ul.menu li ion-header ion-toolbar a, ion-header ion-toolbar .button::part(native), ion-header ion-toolbar app-notification-modal .manageToolbar button::part(native), app-notification-modal .manageToolbar ion-header ion-toolbar button::part(native), ion-header ion-toolbar app-notification-modal .readMore button::part(native), app-notification-modal .readMore ion-header ion-toolbar button::part(native), ion-header ion-toolbar .subpages-tiles button::part(native), .subpages-tiles ion-header ion-toolbar button::part(native), ion-header ion-toolbar .subpages-video button::part(native), .subpages-video ion-header ion-toolbar button::part(native), ion-header ion-toolbar ul.menu li a::part(native), ul.menu li ion-header ion-toolbar a::part(native) {
  margin: 0;
  padding: 9px;
  font-size: 1.25em;
  background: none;
  color: #fff !important;
  /*border: 0;*/
}
ion-header ion-toolbar .button::before, ion-header ion-toolbar app-notification-modal .manageToolbar button::before, app-notification-modal .manageToolbar ion-header ion-toolbar button::before, ion-header ion-toolbar app-notification-modal .readMore button::before, app-notification-modal .readMore ion-header ion-toolbar button::before, ion-header ion-toolbar .subpages-tiles button::before, .subpages-tiles ion-header ion-toolbar button::before, ion-header ion-toolbar .subpages-video button::before, .subpages-video ion-header ion-toolbar button::before, ion-header ion-toolbar ul.menu li a::before, ul.menu li ion-header ion-toolbar a::before, ion-header ion-toolbar .button::part(native)::before, ion-header ion-toolbar app-notification-modal .manageToolbar button::part(native)::before, app-notification-modal .manageToolbar ion-header ion-toolbar button::part(native)::before, ion-header ion-toolbar app-notification-modal .readMore button::part(native)::before, app-notification-modal .readMore ion-header ion-toolbar button::part(native)::before, ion-header ion-toolbar .subpages-tiles button::part(native)::before, .subpages-tiles ion-header ion-toolbar button::part(native)::before, ion-header ion-toolbar .subpages-video button::part(native)::before, .subpages-video ion-header ion-toolbar button::part(native)::before, ion-header ion-toolbar ul.menu li a::part(native)::before, ul.menu li ion-header ion-toolbar a::part(native)::before {
  font-weight: 900;
}
ion-header ion-toolbar .button::part(native), ion-header ion-toolbar app-notification-modal .manageToolbar button::part(native), app-notification-modal .manageToolbar ion-header ion-toolbar button::part(native), ion-header ion-toolbar app-notification-modal .readMore button::part(native), app-notification-modal .readMore ion-header ion-toolbar button::part(native), ion-header ion-toolbar .subpages-tiles button::part(native), .subpages-tiles ion-header ion-toolbar button::part(native), ion-header ion-toolbar .subpages-video button::part(native), .subpages-video ion-header ion-toolbar button::part(native), ion-header ion-toolbar ul.menu li a::part(native), ul.menu li ion-header ion-toolbar a::part(native) {
  padding: 0;
}
ion-content {
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 15px;
  --padding-bottom: 15px;
  --background: none;
}
ion-content div[class*=headerImage] {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 37.5%;
  height: 250px;
  overflow: hidden;
  /* The "&" markup assures deeper specificity without !important. */
}
ion-content div[class*=headerImage] img {
  /* Note: Images have a max-width constraint of 100% by default. */
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: -9999em;
  bottom: -9999em;
  left: -9999em;
  right: -9999em;
  margin: auto;
}
ion-content div[class*=headerImage].headerImageShort {
  max-height: 13.5%;
  height: 90px;
}
ion-content div[class*=headerImage].headerImageMedium {
  max-height: 37.5%;
  height: 250px;
}
ion-content div[class*=headerImage].headerImageTall {
  max-height: 60%;
  height: 400px;
}
ion-content.headerImageShort {
  --padding-top: 105px;
}
ion-content.headerImageShort .sectionMenu {
  margin-top: -45px;
}
ion-content.headerImageMedium {
  --padding-top: 265px;
}
ion-content.headerImageMedium .sectionMenu {
  margin-top: -45px;
}
ion-content.headerImageTall {
  --padding-top: 415px;
}
ion-content.headerImageTall .sectionMenu {
  margin-top: -45px;
}
@media screen and (max-width: 600px) {
  ion-content .headerImageTall img {
    /* Switch from max-width to max-height constraint on small/thin screens for taller images. Header images are usually wide so this should work well in general. */
    max-width: none;
    max-height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  ion-content .headerImageMedium img {
    /* Switch from max-width to max-height constraint on small/thin screens for taller images. Header images are usually wide so this should work well in general. */
    max-width: none;
    max-height: 100%;
    width: auto;
  }
}
.pageTemplateBlue01, app-splash, app-login, app-authorise-key, app-authorise-email, app-authorise-add-pin {
  align-items: center;
  --ion-background-color: rgb(227, 248, 245);
  background-color: #00493d;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.pageTemplateBlue01::after, app-splash::after, app-login::after, app-authorise-key::after, app-authorise-email::after, app-authorise-add-pin::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.pageTemplateBlue01 ion-header, app-splash ion-header, app-login ion-header, app-authorise-key ion-header, app-authorise-email ion-header, app-authorise-add-pin ion-header {
  border: 0;
}
.pageTemplateBlue01 ion-header ion-toolbar, app-splash ion-header ion-toolbar, app-login ion-header ion-toolbar, app-authorise-key ion-header ion-toolbar, app-authorise-email ion-header ion-toolbar, app-authorise-add-pin ion-header ion-toolbar {
  background-color: rgba(0, 0, 0, 0);
}
.pageTemplateBlue01 ion-content, app-splash ion-content, app-login ion-content, app-authorise-key ion-content, app-authorise-email ion-content, app-authorise-add-pin ion-content {
  z-index: 2;
}
.pageTemplateBlue01 a, app-splash a, app-login a, app-authorise-key a, app-authorise-email a, app-authorise-add-pin a {
  color: #e6ce8a;
  font-weight: bold;
}
.pageTemplateBlue01 ion-item, app-splash ion-item, app-login ion-item, app-authorise-key ion-item, app-authorise-email ion-item, app-authorise-add-pin ion-item {
  color: #fff;
}
.pageTemplateBlue01 ion-item.item-interactive, app-splash ion-item.item-interactive, app-login ion-item.item-interactive, app-authorise-key ion-item.item-interactive, app-authorise-email ion-item.item-interactive, app-authorise-add-pin ion-item.item-interactive {
  margin-bottom: 1em;
  padding-inline-start: 0;
  padding-inline-end: 0;
  border-bottom: rgba(255, 255, 255, 0.5) 1px solid !important;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
}
.pageTemplateBlue01 ion-item::part(native), app-splash ion-item::part(native), app-login ion-item::part(native), app-authorise-key ion-item::part(native), app-authorise-email ion-item::part(native), app-authorise-add-pin ion-item::part(native) {
  --border-style: none;
  background: transparent;
}
.pageTemplateBlue01 .item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color), app-splash .item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color), app-login .item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color), app-authorise-key .item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color), app-authorise-email .item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color), app-authorise-add-pin .item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color),
.pageTemplateBlue01 .item-has-focus .label-stacked-sc-ion-label-md-h:not(.ion-color),
app-splash .item-has-focus .label-stacked-sc-ion-label-md-h:not(.ion-color),
app-login .item-has-focus .label-stacked-sc-ion-label-md-h:not(.ion-color),
app-authorise-key .item-has-focus .label-stacked-sc-ion-label-md-h:not(.ion-color),
app-authorise-email .item-has-focus .label-stacked-sc-ion-label-md-h:not(.ion-color),
app-authorise-add-pin .item-has-focus .label-stacked-sc-ion-label-md-h:not(.ion-color),
.pageTemplateBlue01 .item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),
app-splash .item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),
app-login .item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),
app-authorise-key .item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),
app-authorise-email .item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),
app-authorise-add-pin .item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),
.pageTemplateBlue01 .item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color),
app-splash .item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color),
app-login .item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color),
app-authorise-key .item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color),
app-authorise-email .item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color),
app-authorise-add-pin .item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color) {
  color: #fff;
}
.pageTemplateBlue01 .checkboxField, app-splash .checkboxField, app-login .checkboxField, app-authorise-key .checkboxField, app-authorise-email .checkboxField, app-authorise-add-pin .checkboxField {
  padding-left: 0;
  margin-bottom: 1em;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: #fff;
  text-align: center;
  /* border: rgba(255, 255, 255, 0.5) 1px solid !important; */
  /* background: rgba(255, 255, 255, 0.25); */
  border-radius: 3px;
}
.pageTemplateBlue01 .checkboxField ion-checkbox, app-splash .checkboxField ion-checkbox, app-login .checkboxField ion-checkbox, app-authorise-key .checkboxField ion-checkbox, app-authorise-email .checkboxField ion-checkbox, app-authorise-add-pin .checkboxField ion-checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.pageTemplateBlue01 .checkbox-icon, app-splash .checkbox-icon, app-login .checkbox-icon, app-authorise-key .checkbox-icon, app-authorise-email .checkbox-icon, app-authorise-add-pin .checkbox-icon {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: #fff !important;
}
.pageTemplateBlue01 :host(.checkbox-checked) .checkbox-icon, app-splash :host(.checkbox-checked) .checkbox-icon, app-login :host(.checkbox-checked) .checkbox-icon, app-authorise-key :host(.checkbox-checked) .checkbox-icon, app-authorise-email :host(.checkbox-checked) .checkbox-icon, app-authorise-add-pin :host(.checkbox-checked) .checkbox-icon,
.pageTemplateBlue01 :host(.checkbox-indeterminate) .checkbox-icon,
app-splash :host(.checkbox-indeterminate) .checkbox-icon,
app-login :host(.checkbox-indeterminate) .checkbox-icon,
app-authorise-key :host(.checkbox-indeterminate) .checkbox-icon,
app-authorise-email :host(.checkbox-indeterminate) .checkbox-icon,
app-authorise-add-pin :host(.checkbox-indeterminate) .checkbox-icon {
  border-color: #000;
  background: #000;
}
.darkPageTemplate, .splashPages, app-splash, app-login, app-authorise-key, app-authorise-email, app-authorise-add-pin {
  background-image: url('loginBg.png');
  --ion-background-color: rgb(227, 248, 245);
}
.darkPageTemplate ion-item::part(native), .splashPages ion-item::part(native), app-splash ion-item::part(native), app-login ion-item::part(native), app-authorise-key ion-item::part(native), app-authorise-email ion-item::part(native), app-authorise-add-pin ion-item::part(native) {
  --border-style: none;
  background: transparent;
  color: #fff;
}
.darkPageTemplate a, .splashPages a, app-splash a, app-login a, app-authorise-key a, app-authorise-email a, app-authorise-add-pin a {
  color: #e6ce8a;
  font-weight: bold;
}
.darkPageTemplate .button, .darkPageTemplate app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar .darkPageTemplate button, .darkPageTemplate app-notification-modal .readMore button, app-notification-modal .readMore .darkPageTemplate button, .splashPages .button, app-splash .button, .splashPages app-notification-modal .manageToolbar button, app-splash app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar .splashPages button, app-notification-modal .manageToolbar app-splash button, .splashPages app-notification-modal .readMore button, app-splash app-notification-modal .readMore button, app-notification-modal .readMore .splashPages button, app-notification-modal .readMore app-splash button, app-login .button, app-login app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-login button, app-login app-notification-modal .readMore button, app-notification-modal .readMore app-login button, app-authorise-key .button, app-authorise-key app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-key button, app-authorise-key app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-key button, app-authorise-email .button, app-authorise-email app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-email button, app-authorise-email app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-email button, app-authorise-add-pin .button, app-authorise-add-pin app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-add-pin button, app-authorise-add-pin app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-add-pin button, .darkPageTemplate .subpages-tiles button, .splashPages .subpages-tiles button, app-splash .subpages-tiles button, app-login .subpages-tiles button, app-authorise-key .subpages-tiles button, app-authorise-email .subpages-tiles button, app-authorise-add-pin .subpages-tiles button, .subpages-tiles .darkPageTemplate button, .subpages-tiles .splashPages button, .subpages-tiles app-splash button, .subpages-tiles app-login button, .subpages-tiles app-authorise-key button, .subpages-tiles app-authorise-email button, .subpages-tiles app-authorise-add-pin button, .darkPageTemplate .subpages-video button, .splashPages .subpages-video button, app-splash .subpages-video button, app-login .subpages-video button, app-authorise-key .subpages-video button, app-authorise-email .subpages-video button, app-authorise-add-pin .subpages-video button, .subpages-video .darkPageTemplate button, .subpages-video .splashPages button, .subpages-video app-splash button, .subpages-video app-login button, .subpages-video app-authorise-key button, .subpages-video app-authorise-email button, .subpages-video app-authorise-add-pin button, .darkPageTemplate ul.menu li a, .splashPages ul.menu li a, app-splash ul.menu li a, app-login ul.menu li a, app-authorise-key ul.menu li a, app-authorise-email ul.menu li a, app-authorise-add-pin ul.menu li a, ul.menu li .darkPageTemplate a, ul.menu li .splashPages a, ul.menu li app-splash a, ul.menu li app-login a, ul.menu li app-authorise-key a, ul.menu li app-authorise-email a, ul.menu li app-authorise-add-pin a {
  color: #e6ce8a !important;
  background-color: transparent;
  border: #e6ce8a 2px solid;
}
.darkPageTemplate .button:hover, .darkPageTemplate app-notification-modal .manageToolbar button:hover, app-notification-modal .manageToolbar .darkPageTemplate button:hover, .darkPageTemplate app-notification-modal .readMore button:hover, app-notification-modal .readMore .darkPageTemplate button:hover, .splashPages .button:hover, app-splash .button:hover, .splashPages app-notification-modal .manageToolbar button:hover, app-splash app-notification-modal .manageToolbar button:hover, app-notification-modal .manageToolbar .splashPages button:hover, app-notification-modal .manageToolbar app-splash button:hover, .splashPages app-notification-modal .readMore button:hover, app-splash app-notification-modal .readMore button:hover, app-notification-modal .readMore .splashPages button:hover, app-notification-modal .readMore app-splash button:hover, app-login .button:hover, app-login app-notification-modal .manageToolbar button:hover, app-notification-modal .manageToolbar app-login button:hover, app-login app-notification-modal .readMore button:hover, app-notification-modal .readMore app-login button:hover, app-authorise-key .button:hover, app-authorise-key app-notification-modal .manageToolbar button:hover, app-notification-modal .manageToolbar app-authorise-key button:hover, app-authorise-key app-notification-modal .readMore button:hover, app-notification-modal .readMore app-authorise-key button:hover, app-authorise-email .button:hover, app-authorise-email app-notification-modal .manageToolbar button:hover, app-notification-modal .manageToolbar app-authorise-email button:hover, app-authorise-email app-notification-modal .readMore button:hover, app-notification-modal .readMore app-authorise-email button:hover, app-authorise-add-pin .button:hover, app-authorise-add-pin app-notification-modal .manageToolbar button:hover, app-notification-modal .manageToolbar app-authorise-add-pin button:hover, app-authorise-add-pin app-notification-modal .readMore button:hover, app-notification-modal .readMore app-authorise-add-pin button:hover, .darkPageTemplate .subpages-tiles button:hover, .splashPages .subpages-tiles button:hover, app-splash .subpages-tiles button:hover, app-login .subpages-tiles button:hover, app-authorise-key .subpages-tiles button:hover, app-authorise-email .subpages-tiles button:hover, app-authorise-add-pin .subpages-tiles button:hover, .subpages-tiles .darkPageTemplate button:hover, .subpages-tiles .splashPages button:hover, .subpages-tiles app-splash button:hover, .subpages-tiles app-login button:hover, .subpages-tiles app-authorise-key button:hover, .subpages-tiles app-authorise-email button:hover, .subpages-tiles app-authorise-add-pin button:hover, .darkPageTemplate .subpages-video button:hover, .splashPages .subpages-video button:hover, app-splash .subpages-video button:hover, app-login .subpages-video button:hover, app-authorise-key .subpages-video button:hover, app-authorise-email .subpages-video button:hover, app-authorise-add-pin .subpages-video button:hover, .subpages-video .darkPageTemplate button:hover, .subpages-video .splashPages button:hover, .subpages-video app-splash button:hover, .subpages-video app-login button:hover, .subpages-video app-authorise-key button:hover, .subpages-video app-authorise-email button:hover, .subpages-video app-authorise-add-pin button:hover, .darkPageTemplate ul.menu li a:hover, .splashPages ul.menu li a:hover, app-splash ul.menu li a:hover, app-login ul.menu li a:hover, app-authorise-key ul.menu li a:hover, app-authorise-email ul.menu li a:hover, app-authorise-add-pin ul.menu li a:hover, ul.menu li .darkPageTemplate a:hover, ul.menu li .splashPages a:hover, ul.menu li app-splash a:hover, ul.menu li app-login a:hover, ul.menu li app-authorise-key a:hover, ul.menu li app-authorise-email a:hover, ul.menu li app-authorise-add-pin a:hover {
  color: #231f20 !important;
  background-color: #e6ce8a;
}
.checkbox-icon {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: #fff !important;
}
.splashPages #AppTitle, app-splash #AppTitle, app-login #AppTitle, app-authorise-key #AppTitle, app-authorise-email #AppTitle, app-authorise-add-pin #AppTitle {
  margin-top: 30px;
  text-align: center;
}
.splashPages #AppTitle #AppIcon, app-splash #AppTitle #AppIcon, app-login #AppTitle #AppIcon, app-authorise-key #AppTitle #AppIcon, app-authorise-email #AppTitle #AppIcon, app-authorise-add-pin #AppTitle #AppIcon {
  display: inline-block;
}
.splashPages #AppTitle #AppIcon img, app-splash #AppTitle #AppIcon img, app-login #AppTitle #AppIcon img, app-authorise-key #AppTitle #AppIcon img, app-authorise-email #AppTitle #AppIcon img, app-authorise-add-pin #AppTitle #AppIcon img {
  width: 100%;
  max-width: 300px;
}
.splashPages #AppTitle #AppIcon img + img, app-splash #AppTitle #AppIcon img + img, app-login #AppTitle #AppIcon img + img, app-authorise-key #AppTitle #AppIcon img + img, app-authorise-email #AppTitle #AppIcon img + img, app-authorise-add-pin #AppTitle #AppIcon img + img {
  margin-left: 30px;
}
.splashPages #AppTitle h1, app-splash #AppTitle h1, app-login #AppTitle h1, app-authorise-key #AppTitle h1, app-authorise-email #AppTitle h1, app-authorise-add-pin #AppTitle h1 {
  color: #fff;
}
.splashPages #IntroMessage, app-splash #IntroMessage, app-login #IntroMessage, app-authorise-key #IntroMessage, app-authorise-email #IntroMessage, app-authorise-add-pin #IntroMessage {
  text-align: center;
  color: #f0f0f8;
  margin-bottom: 15px;
}
.splashPages #IntroMessage:last-child, app-splash #IntroMessage:last-child, app-login #IntroMessage:last-child, app-authorise-key #IntroMessage:last-child, app-authorise-email #IntroMessage:last-child, app-authorise-add-pin #IntroMessage:last-child {
  /* Sometimes the message is one line of text and sometimes it has multiple paragraphs, so make sure spacing at the end is always the same. */
  margin-bottom: 0;
}
.splashPages .form, app-splash .form, app-login .form, app-authorise-key .form, app-authorise-email .form, app-authorise-add-pin .form {
  /* Includes: #LoginForm, #RegistrationForm, #PinForm, #PasswordForm, #KeyForm */
  text-align: center;
  color: #f0f0f8;
  margin-bottom: 15px;
}
.splashPages .form .button, app-splash .form .button, .splashPages .form app-notification-modal .manageToolbar button, app-splash .form app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar .splashPages .form button, app-notification-modal .manageToolbar app-splash .form button, .splashPages .form app-notification-modal .readMore button, app-splash .form app-notification-modal .readMore button, app-notification-modal .readMore .splashPages .form button, app-notification-modal .readMore app-splash .form button, app-login .form .button, app-login .form app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-login .form button, app-login .form app-notification-modal .readMore button, app-notification-modal .readMore app-login .form button, app-authorise-key .form .button, app-authorise-key .form app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-key .form button, app-authorise-key .form app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-key .form button, app-authorise-email .form .button, app-authorise-email .form app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-email .form button, app-authorise-email .form app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-email .form button, app-authorise-add-pin .form .button, app-authorise-add-pin .form app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-add-pin .form button, app-authorise-add-pin .form app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-add-pin .form button, .splashPages .form .subpages-tiles button, app-splash .form .subpages-tiles button, app-login .form .subpages-tiles button, app-authorise-key .form .subpages-tiles button, app-authorise-email .form .subpages-tiles button, app-authorise-add-pin .form .subpages-tiles button, .subpages-tiles .splashPages .form button, .subpages-tiles app-splash .form button, .subpages-tiles app-login .form button, .subpages-tiles app-authorise-key .form button, .subpages-tiles app-authorise-email .form button, .subpages-tiles app-authorise-add-pin .form button, .splashPages .form .subpages-video button, app-splash .form .subpages-video button, app-login .form .subpages-video button, app-authorise-key .form .subpages-video button, app-authorise-email .form .subpages-video button, app-authorise-add-pin .form .subpages-video button, .subpages-video .splashPages .form button, .subpages-video app-splash .form button, .subpages-video app-login .form button, .subpages-video app-authorise-key .form button, .subpages-video app-authorise-email .form button, .subpages-video app-authorise-add-pin .form button, .splashPages .form ul.menu li a, app-splash .form ul.menu li a, app-login .form ul.menu li a, app-authorise-key .form ul.menu li a, app-authorise-email .form ul.menu li a, app-authorise-add-pin .form ul.menu li a, ul.menu li .splashPages .form a, ul.menu li app-splash .form a, ul.menu li app-login .form a, ul.menu li app-authorise-key .form a, ul.menu li app-authorise-email .form a, ul.menu li app-authorise-add-pin .form a {
  margin-bottom: 15px;
}
.splashPages .form #LoginLinks, app-splash .form #LoginLinks, app-login .form #LoginLinks, app-authorise-key .form #LoginLinks, app-authorise-email .form #LoginLinks, app-authorise-add-pin .form #LoginLinks {
  text-align: center;
}
.splashPages #HelpMessage, app-splash #HelpMessage, app-login #HelpMessage, app-authorise-key #HelpMessage, app-authorise-email #HelpMessage, app-authorise-add-pin #HelpMessage {
  text-align: center;
  color: #f0f0f8;
}
.splashPages #HelpMessage .button, app-splash #HelpMessage .button, .splashPages #HelpMessage app-notification-modal .manageToolbar button, app-splash #HelpMessage app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar .splashPages #HelpMessage button, app-notification-modal .manageToolbar app-splash #HelpMessage button, .splashPages #HelpMessage app-notification-modal .readMore button, app-splash #HelpMessage app-notification-modal .readMore button, app-notification-modal .readMore .splashPages #HelpMessage button, app-notification-modal .readMore app-splash #HelpMessage button, app-login #HelpMessage .button, app-login #HelpMessage app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-login #HelpMessage button, app-login #HelpMessage app-notification-modal .readMore button, app-notification-modal .readMore app-login #HelpMessage button, app-authorise-key #HelpMessage .button, app-authorise-key #HelpMessage app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-key #HelpMessage button, app-authorise-key #HelpMessage app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-key #HelpMessage button, app-authorise-email #HelpMessage .button, app-authorise-email #HelpMessage app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-email #HelpMessage button, app-authorise-email #HelpMessage app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-email #HelpMessage button, app-authorise-add-pin #HelpMessage .button, app-authorise-add-pin #HelpMessage app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-authorise-add-pin #HelpMessage button, app-authorise-add-pin #HelpMessage app-notification-modal .readMore button, app-notification-modal .readMore app-authorise-add-pin #HelpMessage button, .splashPages #HelpMessage .subpages-tiles button, app-splash #HelpMessage .subpages-tiles button, app-login #HelpMessage .subpages-tiles button, app-authorise-key #HelpMessage .subpages-tiles button, app-authorise-email #HelpMessage .subpages-tiles button, app-authorise-add-pin #HelpMessage .subpages-tiles button, .subpages-tiles .splashPages #HelpMessage button, .subpages-tiles app-splash #HelpMessage button, .subpages-tiles app-login #HelpMessage button, .subpages-tiles app-authorise-key #HelpMessage button, .subpages-tiles app-authorise-email #HelpMessage button, .subpages-tiles app-authorise-add-pin #HelpMessage button, .splashPages #HelpMessage .subpages-video button, app-splash #HelpMessage .subpages-video button, app-login #HelpMessage .subpages-video button, app-authorise-key #HelpMessage .subpages-video button, app-authorise-email #HelpMessage .subpages-video button, app-authorise-add-pin #HelpMessage .subpages-video button, .subpages-video .splashPages #HelpMessage button, .subpages-video app-splash #HelpMessage button, .subpages-video app-login #HelpMessage button, .subpages-video app-authorise-key #HelpMessage button, .subpages-video app-authorise-email #HelpMessage button, .subpages-video app-authorise-add-pin #HelpMessage button, .splashPages #HelpMessage ul.menu li a, app-splash #HelpMessage ul.menu li a, app-login #HelpMessage ul.menu li a, app-authorise-key #HelpMessage ul.menu li a, app-authorise-email #HelpMessage ul.menu li a, app-authorise-add-pin #HelpMessage ul.menu li a, ul.menu li .splashPages #HelpMessage a, ul.menu li app-splash #HelpMessage a, ul.menu li app-login #HelpMessage a, ul.menu li app-authorise-key #HelpMessage a, ul.menu li app-authorise-email #HelpMessage a, ul.menu li app-authorise-add-pin #HelpMessage a {
  margin-bottom: 15px;
}
.splashPages #TermsMessage, app-splash #TermsMessage, app-login #TermsMessage, app-authorise-key #TermsMessage, app-authorise-email #TermsMessage, app-authorise-add-pin #TermsMessage {
  text-align: center;
  color: #f0f0f8;
}
/*
    App Menu 
    - The main app fly out menu
*/
#AppMenu ion-header {
  background: #231f20;
}
#AppMenu ion-content {
  padding: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  background: #000;
}
#AppMenu ion-content ul {
  margin: 0;
  padding: 0 !important;
}
#AppMenu ion-content ul li {
  position: relative;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 16px;
}
#AppMenu ion-content ul li a {
  display: block;
  box-sizing: border-box;
  width: calc(100% - 35px);
  margin-left: 35px;
  padding: 10px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  border-bottom: #ddc 1px solid;
}
#AppMenu ion-content ul li a:hover {
  color: #fff;
  transition: 100ms all ease-in-out;
}
#AppMenu ion-content ul li a::before {
  /*content: "\f870";*/
  position: relative;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  height: 1.25em;
  width: 1.25em;
  margin-right: 0.25em;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.25em;
  position: absolute;
  left: 0;
  top: 0;
  padding: 8px 0 10px;
  width: 40px;
}
/*
    Page Components
*/
.notificationsMenu ul {
  margin-bottom: 15px !important;
}
.notificationsMenu ul li a {
  justify-content: flex-start;
}
.notificationsMenu ul li a ion-badge {
  position: absolute;
  right: 0;
  --background: #7cc0d7;
  color: #fff;
}
.notificationsMenu ul li.notificationsInbox a {
  color: #231f20 !important;
}
.notificationsMenu ul li.notificationsInbox a::before {
  content: "";
}
.notificationsMenu ul li.notificationsArchive {
  background-color: #231f20;
}
.notificationsMenu ul li.notificationsArchive a::before {
  content: "";
}
.sectionMenu ul {
  margin: 0 0 15px !important;
}
.sectionMenu ul a {
  flex-direction: column;
  line-height: 1;
  font-size: 13px;
  text-transform: uppercase;
}
.sectionMenu ul a::before {
  font-size: 18px;
  margin-bottom: 2px;
}
@media screen and (max-width: 400px) {
  .sectionMenu ul a {
    font-size: 10px;
  }
}
.mealsManagerNav {
  margin: 0 -15px;
}
.mealsManagerNav ul {
  grid-gap: 0;
  gap: 0;
}
.mealsManagerNav ul li {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  /* 
      Just show the first four items.
      To do:  Remove this yucky hack because we can't hide pages from segments right now, but we need this pages that aren't in the tabs in the list so the pages themselves works correctly - e.g. to show tabs on the Meal Calendar page. 
  */
  background-color: transparent;
  display: none;
}
.mealsManagerNav ul li:nth-child(1), .mealsManagerNav ul li:nth-child(2), .mealsManagerNav ul li:nth-child(3), .mealsManagerNav ul li:nth-child(4), .mealsManagerNav ul li:nth-child(5), .mealsManagerNav ul li:nth-child(6), .mealsManagerNav ul li:nth-child(7) {
  display: list-item;
}
.mealsManagerNav ul li:nth-child(5) {
  display: none;
}
.mealsManagerNav ul li .icon-meals-schedule::before,
.mealsManagerNav ul li .icon-meals-calendar::before,
.mealsManagerNav ul li .icon-my-requests::before,
.mealsManagerNav ul li .icon-dietary-requirements::before {
  font-family: DDSN !important;
  font-size: 50px !important;
  color: #231f20 !important;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 400px) {
  .mealsManagerNav ul li .icon-meals-schedule::before,
.mealsManagerNav ul li .icon-meals-calendar::before,
.mealsManagerNav ul li .icon-my-requests::before,
.mealsManagerNav ul li .icon-dietary-requirements::before {
    font-size: 35px !important;
  }
}
.mealsManagerNav ul li .icon-meals-schedule::before {
  content: "";
}
.mealsManagerNav ul li .icon-meals-calendar::before {
  content: "";
}
.mealsManagerNav ul li .icon-my-requests::before {
  content: "";
}
.mealsManagerNav ul li .icon-dietary-requirements::before {
  content: "";
}
.mealsManagerNav ul li.currentPage, .mealsManagerNav app-notifications-inbox .notificationsMenu ul li.notificationsInbox, app-notifications-inbox .notificationsMenu .mealsManagerNav ul li.notificationsInbox, .mealsManagerNav app-notifications-archive .notificationsMenu ul li.notificationsArchive, app-notifications-archive .notificationsMenu .mealsManagerNav ul li.notificationsArchive {
  background-color: transparent;
  border-color: #f4f4f4;
}
.mealsManagerNav ul li.currentPage a, .mealsManagerNav app-notifications-inbox .notificationsMenu ul li.notificationsInbox a, app-notifications-inbox .notificationsMenu .mealsManagerNav ul li.notificationsInbox a, .mealsManagerNav app-notifications-archive .notificationsMenu ul li.notificationsArchive a, app-notifications-archive .notificationsMenu .mealsManagerNav ul li.notificationsArchive a {
  color: #790000 !important;
}
.mealsManagerNav ul li.currentPage .icon-meals-schedule::before, .mealsManagerNav app-notifications-inbox .notificationsMenu ul li.notificationsInbox .icon-meals-schedule::before, app-notifications-inbox .notificationsMenu .mealsManagerNav ul li.notificationsInbox .icon-meals-schedule::before, .mealsManagerNav app-notifications-archive .notificationsMenu ul li.notificationsArchive .icon-meals-schedule::before, app-notifications-archive .notificationsMenu .mealsManagerNav ul li.notificationsArchive .icon-meals-schedule::before,
.mealsManagerNav ul li.currentPage .icon-meals-calendar::before,
.mealsManagerNav app-notifications-inbox .notificationsMenu ul li.notificationsInbox .icon-meals-calendar::before,
app-notifications-inbox .notificationsMenu .mealsManagerNav ul li.notificationsInbox .icon-meals-calendar::before,
.mealsManagerNav app-notifications-archive .notificationsMenu ul li.notificationsArchive .icon-meals-calendar::before,
app-notifications-archive .notificationsMenu .mealsManagerNav ul li.notificationsArchive .icon-meals-calendar::before,
.mealsManagerNav ul li.currentPage .icon-my-requests::before,
.mealsManagerNav app-notifications-inbox .notificationsMenu ul li.notificationsInbox .icon-my-requests::before,
app-notifications-inbox .notificationsMenu .mealsManagerNav ul li.notificationsInbox .icon-my-requests::before,
.mealsManagerNav app-notifications-archive .notificationsMenu ul li.notificationsArchive .icon-my-requests::before,
app-notifications-archive .notificationsMenu .mealsManagerNav ul li.notificationsArchive .icon-my-requests::before,
.mealsManagerNav ul li.currentPage .icon-dietary-requirements::before,
.mealsManagerNav app-notifications-inbox .notificationsMenu ul li.notificationsInbox .icon-dietary-requirements::before,
app-notifications-inbox .notificationsMenu .mealsManagerNav ul li.notificationsInbox .icon-dietary-requirements::before,
.mealsManagerNav app-notifications-archive .notificationsMenu ul li.notificationsArchive .icon-dietary-requirements::before,
app-notifications-archive .notificationsMenu .mealsManagerNav ul li.notificationsArchive .icon-dietary-requirements::before {
  color: #790000 !important;
}
.mealsManagerNav ul li a {
  color: #231f20 !important;
}
/*
    Individual Pages

    - Ideally these should be in page-name.page.scss but we're having trouble with Ionic 5's CSS compilation and placing the rules here is a robust workaround for now.
    - .ion-page adds specificity to deal with different pages loading in different application scopes.
*/
app-authorise-add-pin #PinForm #PinInstructionMessage {
  margin-bottom: 15px;
}
app-authorise-add-pin #IntroMessage #BiometricOption ion-item {
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
}
app-authorise-add-pin #IntroMessage #BiometricOption ion-toggle {
  --background: #fff;
  --background-checked: #fff;
  --handle-background: #000;
  --handle-background-checked: #0be374;
}
app-authorise-email #RegistrationForm #TermsField {
  color: #fff;
}
app-authorise-email #RegistrationForm #TermsField:hover {
  background: none;
}
app-authorise-help ion-title {
  margin-left: -52px;
  box-sizing: border-box;
}
app-authorise-help .list-items {
  background: rgba(0, 0, 0, 0.6);
  padding: 0 16px;
}
app-authorise-help .list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  color: #fff;
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
}
app-authorise-help .list-item .value {
  margin-left: auto;
}
app-authorise-help ion-icon {
  color: #fff;
  font-size: 30px;
  margin-right: 15px;
}
app-authorise-help a,
app-authorise-help a:link {
  color: #fff;
}
@media screen and (max-width: 380px) {
  app-authorise-help .list-item {
    flex-wrap: wrap;
  }
  app-authorise-help .list-item .value {
    display: block;
    width: 100%;
    margin-top: 6px;
    margin-left: 0;
  }
}
app-authorise-key #KeyForm .button:before, app-authorise-key #KeyForm app-notification-modal .manageToolbar button:before, app-notification-modal .manageToolbar app-authorise-key #KeyForm button:before, app-authorise-key #KeyForm app-notification-modal .readMore button:before, app-notification-modal .readMore app-authorise-key #KeyForm button:before, app-authorise-key #KeyForm .subpages-tiles button:before, .subpages-tiles app-authorise-key #KeyForm button:before, app-authorise-key #KeyForm .subpages-video button:before, .subpages-video app-authorise-key #KeyForm button:before, app-authorise-key #KeyForm ul.menu li a:before, ul.menu li app-authorise-key #KeyForm a:before {
  content: "";
  font-weight: bold;
}
app-content-update #UpdateForm ion-item {
  align-items: start;
}
app-content-update #UpdateForm ion-item ion-checkbox {
  margin-right: 10px;
}
app-content-update #UpdateForm ion-item ion-label {
  padding-top: 8px;
}
app-content-update #UpdateForm ion-item ion-label p {
  color: #fff;
}
app-content-update .button, app-content-update app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-content-update button, app-content-update app-notification-modal .readMore button, app-notification-modal .readMore app-content-update button, app-content-update .subpages-tiles button, .subpages-tiles app-content-update button, app-content-update .subpages-video button, .subpages-video app-content-update button, app-content-update ul.menu li a, ul.menu li app-content-update a {
  font-family: le-monde-livre-std, serif;
  font-size: 1.25rem;
  font-weight: 100;
}
app-home ion-header {
  position: absolute;
  z-index: 1;
  width: 100%;
}
app-home .pageBody {
  margin-top: 70px;
}
app-home #Banner {
  position: relative;
  /*padding-top: calc(9 / 16 * 100%);*/
  height: 100%;
  max-height: 350px;
  margin-bottom: 60;
}
app-home #Banner #FeatureImage {
  position: absolute;
  top: 0;
  margin: -15px;
  width: calc(100% + 30px);
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('home-splash-image.png');
  background-position: center;
}
app-home #Banner #Logo {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: -45px;
  text-align: center;
  z-index: 2;
  max-width: 300px;
}
app-home #Banner #Logo img {
  width: calc(50% - 8px);
  background: white;
  border-radius: 5px;
}
app-home #Banner #WelcomeMessage {
  position: absolute;
  z-index: 1;
  bottom: 135px;
  width: calc(100% + 30px);
  margin: 0 -15px;
  text-align: center;
}
app-home #Banner #WelcomeMessage h1 {
  margin: 0;
  font-size: 30px;
  color: #e6ce8a;
  text-shadow: 1px 1px 0 #000;
}
app-home .fullPageWidth .notificationBadge {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 10px auto;
  font-size: 20px;
  text-decoration: none;
  color: #231f20;
}
app-home .fullPageWidth .notificationBadge img {
  margin-right: 10px;
}
app-home .fullPageWidth.row {
  display: flex;
  flex-wrap: wrap;
}
app-home .fullPageWidth .col {
  padding: 5px;
  position: relative;
  width: 100%;
  margin: 0;
  min-height: 1px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
app-home .fullPageWidth .col.secondary {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 125px;
  color: #c5cdd1;
  background: transparent;
  margin: 5px;
  padding: 0;
  font-size: 1.1rem;
  border: 3px solid rgba(34, 34, 34, 0.5);
  border-radius: 5px;
}
app-home .fullPageWidth .col.secondary:hover {
  border: 3px solid #222222;
}
app-home .fullPageWidth .col.secondary a {
  color: #231f20;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
app-home .fullPageWidth .col.secondary a:hover {
  color: #231f20;
}
app-home .fullPageWidth .col.secondary a img {
  margin-bottom: 5px;
}
app-home .notificationCheckRunning {
  padding: 15px;
  font-size: 14px;
  text-align: center;
  margin-top: 70px;
}
app-home .notificationCheckRunning p {
  display: inline-block;
}
app-home .notifications {
  margin: -40px -16px 2em -16px;
}
app-home .notifications ion-list ion-list-header {
  padding: 80px 0 10px 15px;
  color: #fff;
  background-color: #231f20;
}
app-home .notifications ion-list ion-item {
  color: #fff;
  background-color: #231f20;
}
app-home .notifications ion-list ion-item ion-icon:first-child {
  display: flex;
  align-items: center;
  height: 100%;
  color: #98e6fd;
}
app-home .notifications ion-list ion-item ion-icon:first-child::before {
  content: "";
  font-size: 18px;
}
app-home .notifications ion-list ion-item ion-icon {
  color: #fff;
}
app-home .notifications ion-list ion-item .title {
  float: left;
  width: calc(100% - 50px);
  font-weight: bold;
}
app-home .notifications ion-list ion-item .date {
  float: right;
  margin-top: 1px;
  text-transform: uppercase;
  color: #fff;
}
app-home .notifications ion-list ion-item .message {
  float: left;
  border-top: 2px dotted #fff;
  color: #fff;
  width: 100%;
  margin-top: 5px;
  padding-top: 5px;
  text-align: left !important;
  background: none;
}
app-home .notifications ion-list ion-item.displayMore {
  font-weight: 100 !important;
  color: #fff !important;
  border-top: none !important;
}
app-home .notifications ion-list ion-item::part(native) {
  --background: rgba(0,0,0,0);
  --color: #fff;
}
app-home ion-list {
  --background: rgba(0,0,0,0);
  cursor: pointer;
}
app-home ion-item {
  --background: transparent;
  --border-color: transparent;
}
app-login #PinForm #LoginLinks .forgottenPinPrompt {
  display: block;
}
app-login #PasswordForm #LoginLinks a {
  display: inline-inline;
}
app-login #PasswordForm #LoginLinks span {
  display: inline;
}
app-login #LoggedIn {
  margin-bottom: 15px;
  text-align: center;
  color: #f0f0f8;
}
app-meal-cafe-credits .pageBody {
  margin-bottom: 0;
}
app-meal-cafe-credits .pageBody h1.pageTitle {
  text-align: center;
  margin-top: 0;
}
app-meal-cafe-credits .pageBody h1.pageTitle .prefix {
  display: block;
  font-size: 75%;
}
app-meal-cafe-credits #CurrentBalance h2 {
  display: none;
}
app-meal-cafe-credits #CurrentBalance .lastUpdated {
  padding: 15px;
  text-align: center;
  font-size: 87.5%;
  border: #eef 2px solid;
  border-radius: 3px;
}
app-meal-calendar ion-item h2 {
  text-align: left;
}
app-meal-credits .pageBody {
  margin-bottom: 0;
}
app-meal-credits .pageBody h1.pageTitle {
  text-align: center;
  margin-top: 0;
}
app-meal-credits .pageBody h1.pageTitle .prefix {
  display: block;
  font-size: 75%;
}
app-meal-credits #CurrentBalance {
  margin-bottom: 0.5em;
}
app-meal-credits #CurrentBalance h2 {
  display: none;
}
app-meal-credits #CurrentBalance #MealCredits .label .creditsValidPeriod {
  display: block;
  color: #99a;
  font-size: 87.5%;
}
app-meal-credits #CurrentBalance .lastUpdated {
  padding: 15px;
  text-align: center;
  font-size: 87.5%;
  border: #eef 2px solid;
  border-radius: 3px;
}
app-meal-credits #MealCreditRights .validityPeriod .startDate {
  margin-bottom: 0.75em;
}
app-meal-credits #MealCreditRights .validityPeriod .label {
  display: inline-block;
  width: 100px;
  font-weight: bold;
}
app-meal-current .pageBody {
  text-align: center;
  margin-bottom: 0;
}
app-meal-current .pageBody h1.pageTitle {
  margin-top: 0;
  margin-bottom: 0.25em;
}
app-meal-current .pageBody h1.pageTitle .prefix {
  display: block;
  font-size: 75%;
}
app-meal-current #NextMealPage .mealDate {
  margin-bottom: 0.5em;
}
app-meal-current #NoCreditsPage .mealCreditsToolbar .manageMealCreditsLink::before {
  content: "";
}
app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink {
  display: block;
  margin-top: 1em;
}
app-meal-current #NoCreditsPage .mealCreditsToolbar .manageCafeCreditsLink::before {
  content: "";
}
app-meal-current #MealTimePage h1.pageTitle {
  margin-bottom: 0;
}
app-meal-current #MealTimePage h1.pageTitle .prefix {
  display: none;
}
app-meal-current #MealTimePage .mealDate {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 150%;
  font-family: Sommet, Arial, Helvetica, sans-serif;
}
app-meal-current #MealTimePage .mealCreditOptions ul.menu li a .number {
  font-size: 200%;
}
app-meal-current #MealTimePage .mealCreditOptions ul.menu li a.disabled {
  color: #ccd !important;
  background: #f8f8fc;
  box-shadow: none;
}
app-meal-current #MealTimePage .mealCreditOptions ul.menu li a.disabled:hover, app-meal-current #MealTimePage .mealCreditOptions ul.menu li a.disabled:hover * {
  color: #ccd !important;
  background: #f8f8fc;
}
app-meal-current #MealTimePage .mealCredits {
  margin-bottom: 0.75em;
}
app-meal-current #MealTimePage .mealCreditsToolbar .manageMealCreditsLink::before {
  content: "";
}
app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink {
  display: block;
  margin-top: 1em;
}
app-meal-current #MealTimePage .mealCreditsToolbar .manageCafeCreditsLink::before {
  content: "";
}
app-meal-current #MealConfirmPage h1.pageTitle, app-meal-current #MealConfirmPageSecondCreditExampleOnly h1.pageTitle {
  margin-bottom: 0;
}
app-meal-current #MealConfirmPage h1.pageTitle .prefix, app-meal-current #MealConfirmPageSecondCreditExampleOnly h1.pageTitle .prefix {
  display: none;
}
app-meal-current #MealConfirmPage .mealDate, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealDate {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 150%;
  font-family: Sommet, Arial, Helvetica, sans-serif;
}
app-meal-current #MealConfirmPage .mealTime, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealTime {
  margin-bottom: 15px;
}
app-meal-current #MealConfirmPage .mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed {
  color: #0ba374;
  margin: 0 0 15px;
  font-size: 36px;
  /* The biggest it can be for the longest message on smallest screens. Even so the "extra credit used" message spills to two lines and looks ugly on many screens.  */
  line-height: 0;
}
app-meal-current #MealConfirmPage .mealCreditsConfirmed::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed::before {
  background-color: #0ba374;
}
@media screen and (max-width: 375px) {
  app-meal-current #MealConfirmPage .mealCreditsConfirmed, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditsConfirmed {
    margin-bottom: 30px;
  }
}
app-meal-current #MealConfirmPage .userInfo, app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo {
  padding: 0 30px;
}
app-meal-current #MealConfirmPage .userInfo .userName, app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo .userName {
  margin: 0 0 0.5em;
}
app-meal-current #MealConfirmPage .userInfo .userImage, app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo .userImage {
  overflow: hidden;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  background: #00493d;
  border-radius: 100%;
}
app-meal-current #MealConfirmPage .userInfo .userImage .userInitials, app-meal-current #MealConfirmPageSecondCreditExampleOnly .userInfo .userImage .userInitials {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 96px;
}
app-meal-current #MealConfirmPage .mealCreditOptions .extraCreditPrompt::before, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions .extraCreditPrompt::before {
  content: "";
}
app-meal-current #MealConfirmPage .mealCreditOptions ul.menu li a.disabled, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu li a.disabled {
  color: #ccd !important;
  background: #f8f8fc;
  box-shadow: none;
}
app-meal-current #MealConfirmPage .mealCreditOptions ul.menu li a.disabled:hover, app-meal-current #MealConfirmPage .mealCreditOptions ul.menu li a.disabled:hover *, app-meal-current #MealConfirmPage .mealCreditOptions ul.menu li a.disabled:after, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu li a.disabled:hover, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu li a.disabled:hover *, app-meal-current #MealConfirmPageSecondCreditExampleOnly .mealCreditOptions ul.menu li a.disabled:after {
  color: #ccd !important;
  background: #f8f8fc;
}
app-meal-current .pageBody + .pageBody {
  margin-top: 15px;
}
app-meal-diet ion-list, app-meal-diet .list-md {
  background: transparent;
}
app-meal-diet ion-list ion-item::part(native), app-meal-diet .list-md ion-item::part(native) {
  padding-inline-start: 0;
  background: transparent;
}
app-meal-diet ion-list ion-item.item, app-meal-diet .list-md ion-item.item {
  color: #000;
}
app-meal-diet ion-item {
  padding-inline-start: 0;
  --padding-end: 0;
  padding-right: 0;
}
app-meal-diet ion-textarea {
  background: #fff;
  padding-left: 10px;
}
app-meal-diet .button.mealButton, app-meal-diet app-notification-modal .manageToolbar button.mealButton, app-notification-modal .manageToolbar app-meal-diet button.mealButton, app-meal-diet app-notification-modal .readMore button.mealButton, app-notification-modal .readMore app-meal-diet button.mealButton, app-meal-diet .subpages-tiles button.mealButton, .subpages-tiles app-meal-diet button.mealButton, app-meal-diet .subpages-video button.mealButton, .subpages-video app-meal-diet button.mealButton, app-meal-diet ul.menu li a.mealButton, ul.menu li app-meal-diet a.mealButton {
  font-family: le-monde-livre-std, serif;
  font-size: 1.25rem;
  font-weight: 100;
}
.lightButton, app-meal-request-add-edit .type ion-toolbar ion-segment ion-segment-button, app-meal-request-add-edit ion-toolbar.meals ion-segment ion-segment-button, app-meal-request-add-edit ion-toolbar.days ion-segment ion-segment-button {
  width: 100%;
  max-width: 100%;
  --color-checked: #231f20;
  --color: #231f20;
}
.lightButton.segment-button-checked, app-meal-request-add-edit .type ion-toolbar ion-segment ion-segment-button.segment-button-checked, app-meal-request-add-edit ion-toolbar.meals ion-segment ion-segment-button.segment-button-checked, app-meal-request-add-edit ion-toolbar.days ion-segment ion-segment-button.segment-button-checked {
  color: #231f20;
  background: #e6ce8a;
}
app-meal-request-add-edit ion-content ion-segment {
  justify-content: center;
  padding: 0;
}
app-meal-request-add-edit ion-content ion-segment ion-segment-button {
  padding: 0;
}
app-meal-request-add-edit ion-segment {
  --background: transparent !important;
}
app-meal-request-add-edit ion-row {
  align-items: center;
}
app-meal-request-add-edit ion-item {
  padding-inline-start: 0;
}
app-meal-request-add-edit ion-toolbar.days {
  background: #fff;
  padding: 6px;
}
app-meal-request-add-edit ion-toolbar.days ion-segment {
  display: flex;
  justify-content: space-between;
  grid-gap: 5px;
  gap: 5px;
}
app-meal-request-add-edit ion-toolbar.meals {
  --background: #fff !important;
  padding: 6px;
}
app-meal-request-add-edit ion-toolbar.meals ion-segment {
  display: flex;
  justify-content: space-between;
  grid-gap: 5px;
  gap: 5px;
  flex-direction: column;
}
app-meal-request-add-edit .type ion-toolbar {
  background: #fff;
  padding: 6px;
}
app-meal-requests h2 {
  background: #231f20;
  color: #fff;
  padding: 10px 5px;
  text-transform: uppercase;
  font-family: fieldwork, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  width: calc(100vw + 2px);
  margin-left: -16px;
  padding-left: 16px;
}
app-meal-requests h3 {
  font-size: 1rem;
  font-weight: 600;
}
app-meal-requests .col .label {
  font-weight: 600;
}
app-meal-requests .button.mealButton, app-meal-requests app-notification-modal .manageToolbar button.mealButton, app-notification-modal .manageToolbar app-meal-requests button.mealButton, app-meal-requests app-notification-modal .readMore button.mealButton, app-notification-modal .readMore app-meal-requests button.mealButton, app-meal-requests .subpages-tiles button.mealButton, .subpages-tiles app-meal-requests button.mealButton, app-meal-requests .subpages-video button.mealButton, .subpages-video app-meal-requests button.mealButton, app-meal-requests ul.menu li a.mealButton, ul.menu li app-meal-requests a.mealButton {
  font-family: le-monde-livre-std, serif;
  font-size: 1.25rem;
  font-weight: 100;
}
app-meal-requests .cancelMeal button {
  width: auto;
  background: transparent;
}
app-meal-requests .cancelMeal button img {
  width: 135px;
}
app-meal-requests .cancelMeal button:hover {
  background: transparent;
}
app-meal-schedule .pageBody, app-meal-calendar .pageBody {
  padding: 0;
  margin-bottom: 15px;
}
app-meal-schedule .pageBody h1.pageTitle, app-meal-calendar .pageBody h1.pageTitle {
  text-align: center;
  margin-top: 0;
}
app-meal-schedule .pageBody h1.pageTitle .prefix, app-meal-calendar .pageBody h1.pageTitle .prefix {
  display: block;
  font-size: 75%;
}
app-meal-schedule h2, app-meal-calendar h2 {
  background: #231f20;
  color: #fff;
  padding: 10px 5px;
  text-transform: uppercase;
  font-family: fieldwork, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  width: calc(100vw + 2px);
  margin-left: -16px;
  padding-left: 16px;
}
app-meal-schedule h2.notificationLabel, app-meal-calendar h2.notificationLabel {
  background: #790000;
}
app-meal-schedule .button.mealButton, app-meal-schedule app-notification-modal .manageToolbar button.mealButton, app-notification-modal .manageToolbar app-meal-schedule button.mealButton, app-meal-schedule app-notification-modal .readMore button.mealButton, app-notification-modal .readMore app-meal-schedule button.mealButton, app-meal-schedule .subpages-tiles button.mealButton, .subpages-tiles app-meal-schedule button.mealButton, app-meal-schedule .subpages-video button.mealButton, .subpages-video app-meal-schedule button.mealButton, app-meal-schedule ul.menu li a.mealButton, ul.menu li app-meal-schedule a.mealButton, app-meal-calendar .button.mealButton, app-meal-calendar app-notification-modal .manageToolbar button.mealButton, app-notification-modal .manageToolbar app-meal-calendar button.mealButton, app-meal-calendar app-notification-modal .readMore button.mealButton, app-notification-modal .readMore app-meal-calendar button.mealButton, app-meal-calendar .subpages-tiles button.mealButton, .subpages-tiles app-meal-calendar button.mealButton, app-meal-calendar .subpages-video button.mealButton, .subpages-video app-meal-calendar button.mealButton, app-meal-calendar ul.menu li a.mealButton, ul.menu li app-meal-calendar a.mealButton {
  font-family: le-monde-livre-std, serif;
  font-size: 1.25rem;
  font-weight: 100;
}
app-meal-schedule ion-grid, app-meal-calendar ion-grid {
  padding: 0;
  margin-bottom: 15px;
}
app-meal-schedule ion-grid ion-row, app-meal-calendar ion-grid ion-row {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: #fff 4px dotted;
  align-items: center;
}
app-meal-schedule ion-grid .mealTime .times, app-meal-calendar ion-grid .mealTime .times {
  line-height: 125%;
  font-size: 14px;
  color: #231f20;
}
app-meal-schedule ion-grid .mealTime .times .endTime::before, app-meal-calendar ion-grid .mealTime .times .endTime::before {
  content: " - ";
}
app-meal-schedule ion-grid .mealInfo, app-meal-calendar ion-grid .mealInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
app-meal-schedule ion-grid .mealInfo .note, app-meal-calendar ion-grid .mealInfo .note {
  color: #231f20;
  font-size: 15px;
}
@media screen and (max-width: 600px) {
  app-meal-schedule ion-grid, app-meal-calendar ion-grid {
    font-size: 16px;
  }
}
app-meal-schedule #MealRequest, app-meal-calendar #MealRequest {
  text-align: center;
  margin-bottom: 15px;
}
app-meal-schedule #UpcomingMeals .rosterOptions, app-meal-calendar #UpcomingMeals .rosterOptions {
  text-align: center;
}
app-meal-schedule #UpcomingMeals .rosterOptions .mealsCalendarLink::before, app-meal-calendar #UpcomingMeals .rosterOptions .mealsCalendarLink::before {
  display: none;
  content: "";
}
app-meal-schedule #UpcomingMeals .label, app-meal-calendar #UpcomingMeals .label {
  font-weight: 600;
}
app-meal-schedule #SpecialMeals .noSpecialMeals, app-meal-calendar #SpecialMeals .noSpecialMeals {
  text-align: center;
}
app-meal-schedule #SpecialMeals .noSpecialMeals p, app-meal-calendar #SpecialMeals .noSpecialMeals p {
  margin: 0;
}
app-meal-schedule #ScheduledMeals #SelectSchedule, app-meal-calendar #ScheduledMeals #SelectSchedule {
  /* To do: This should be configurable via a setting. Turn it back on when it is. */
}
app-meal-schedule #ScheduledMeals #SelectSchedule ion-select, app-meal-calendar #ScheduledMeals #SelectSchedule ion-select {
  border: 0;
  background: #231f20;
  color: #fff;
  opacity: 1;
  --placeholder-opacity: 0.8;
  padding: 13px 8px 13px 16px;
}
app-meal-schedule #ScheduledMeals .scheduleDateRange, app-meal-calendar #ScheduledMeals .scheduleDateRange {
  display: block;
  padding-bottom: 7px;
  text-align: center;
  font-size: 100%;
  font-weight: 500;
}
app-meal-schedule #ScheduledMeals .scheduleDateRange .dateRangeConnector, app-meal-calendar #ScheduledMeals .scheduleDateRange .dateRangeConnector {
  font-weight: normal;
}
app-meal-schedule #ScheduledMeals .scheduleDateRange span, app-meal-calendar #ScheduledMeals .scheduleDateRange span {
  display: inline-block;
  margin-right: 4px;
}
app-meal-schedule #ScheduledMeals .mealTime .times, app-meal-calendar #ScheduledMeals .mealTime .times {
  font-size: 16px;
  color: inherit;
}
app-meal-schedule #ScheduledMeals .mealSchedule .mealInfo .label, app-meal-calendar #ScheduledMeals .mealSchedule .mealInfo .label {
  font-weight: bold;
}
app-meal-schedule .mealActions, app-meal-calendar .mealActions {
  flex-wrap: wrap;
}
app-meal-schedule .mealActions button, app-meal-calendar .mealActions button {
  width: 165px;
  background: transparent;
}
app-meal-schedule .mealActions button img, app-meal-calendar .mealActions button img {
  width: 135px;
}
app-meal-schedule .mealActions button:hover, app-meal-calendar .mealActions button:hover {
  background: transparent;
}
app-meal-schedule .label, app-meal-calendar .label {
  font-weight: 600;
}
app-notification-modal.ion-page {
  background-color: #e6ce8a;
}
app-notification-modal h1 {
  margin-top: 30px;
}
app-notification-modal .text {
  padding-bottom: 1em;
  border-bottom: rgba(255, 255, 255, 0.25) 1px solid;
  color: #ffffff !important;
}
app-notification-modal .readMore {
  margin: 15px 0;
}
app-notification-modal .readMore button {
  width: 100%;
  background: #fff;
  color: #231f20 !important;
  border-width: 1px;
  border-style: solid;
  border-color: #968e76;
}
app-notification-modal .readMore .button-readmore::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  margin-left: 15px;
  margin-right: -15px;
  color: #231f20;
  font-weight: 600;
  opacity: 1;
}
app-notification-modal .readMore .button-readmore:hover {
  background: #fff;
}
app-notification-modal .manageToolbar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
app-notification-modal .manageToolbar button {
  width: -moz-fit-content;
  width: fit-content;
  color: #fff !important;
  background: transparent;
  border: 0;
  font-size: 14px;
}
app-notification-modal .manageToolbar button:hover {
  background: transparent;
}
app-notification-modal .manageToolbar .button-unpin::before {
  content: "";
}
app-notification-modal .manageToolbar .button-archive::before {
  content: "";
}
app-notification-modal ion-content::part(background) {
  background: #e6ce8a;
}
app-notification-modal ion-content::part(scroll) {
  padding: 20px !important;
  margin: 25px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
app-notifications-archive .notificationsMenu ul li.notificationsInbox {
  background-color: #231f20;
  color: #fff;
}
app-notifications-archive .notificationsMenu ul li.notificationsInbox a {
  color: #fff !important;
}
app-notifications-archive ion-list {
  background: transparent !important;
}
app-notifications-archive ion-list ion-item .title {
  float: left;
  width: calc(100% - 55px);
  font-weight: bold;
  color: #231f20;
}
app-notifications-archive ion-list ion-item .date {
  float: left;
  color: #231f20;
}
app-notifications-archive ion-list ion-item .message {
  width: 100%;
  color: #231f20;
  background: transparent;
  padding-left: 1px;
  text-align: left;
}
app-notifications-archive ion-item::part(native) {
  --border-style: none;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  margin-bottom: 8px;
}
app-notifications-inbox ion-list {
  background: transparent !important;
}
app-notifications-inbox ion-list ion-item .title {
  float: left;
  width: calc(100% - 55px);
  font-weight: bold;
  color: #231f20;
}
app-notifications-inbox ion-list ion-item .date {
  float: left;
  color: #231f20;
}
app-notifications-inbox ion-list ion-item .message {
  width: 100%;
  color: #231f20;
  background: none;
  padding-left: 1px;
  text-align: left;
}
app-notifications-inbox ion-item::part(native) {
  --border-style: none;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  margin-bottom: 8px;
}
app-roster-add-edit-shift ion-item {
  --background: #fff !important;
}
app-roster-calendar .calendarHeader {
  color: #fff;
  background: #323834;
}
app-roster-calendar .not-this-month {
  opacity: 0.5;
  background: rgba(0, 0, 0, 0.1);
}
app-roster-calendar .select {
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
}
app-roster-check ion-item {
  --background: #fff !important;
}
app-roster-share ion-item {
  --background: #fff !important;
}
app-settings ion-item.userNameImage ion-label {
  order: 1;
}
app-settings ion-item.userNameImage ion-label p {
  color: #fff;
}
app-settings ion-item.userNameImage .userImage {
  position: relative;
  margin: 5px 0;
  width: 75px;
  height: 75px;
  padding: 0;
  background: #e6ce8a;
  border-radius: 100%;
  overflow: hidden;
  order: 2;
}
app-settings ion-item.userNameImage .userImage .userInitials {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 150%;
  color: #fff;
}
app-settings ion-item.userNameImage .userImage img {
  position: absolute;
  top: -10000em;
  bottom: -10000em;
  left: -10000em;
  right: -10000em;
  margin: auto;
}
app-settings .button, app-settings .subpages-tiles button, .subpages-tiles app-settings button, app-settings .subpages-video button, .subpages-video app-settings button, app-settings ul.menu li a, ul.menu li app-settings a, app-settings app-notification-modal .readMore button, app-notification-modal .readMore app-settings button, app-settings app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-settings button {
  font-family: le-monde-livre-std, serif;
  font-size: 1.25rem;
  font-weight: 100;
}
app-settings ion-icon {
  color: #fff;
}
app-settings ion-label p {
  color: #fff !important;
}
app-settings-troubleshooting #DeveloperTools {
  margin: 1.5em 0;
  padding-top: 1.5em;
  border-top: #e0dcdb 3px solid;
}
app-settings-troubleshooting ion-item::part(native) {
  background: rgba(0, 0, 0, 0.6);
}
app-settings-troubleshooting textarea {
  color: red;
}
app-settings-troubleshooting ion-label {
  --color:#fff;
}
app-settings-troubleshooting ion-label p {
  color: #fff !important;
}
app-settings-troubleshooting ion-textarea textarea {
  color: red;
}
app-settings-troubleshooting .button, app-settings-troubleshooting .subpages-tiles button, .subpages-tiles app-settings-troubleshooting button, app-settings-troubleshooting .subpages-video button, .subpages-video app-settings-troubleshooting button, app-settings-troubleshooting ul.menu li a, ul.menu li app-settings-troubleshooting a, app-settings-troubleshooting app-notification-modal .readMore button, app-notification-modal .readMore app-settings-troubleshooting button, app-settings-troubleshooting app-notification-modal .manageToolbar button, app-notification-modal .manageToolbar app-settings-troubleshooting button {
  font-family: le-monde-livre-std, serif;
  font-size: 1.25rem;
  font-weight: 100;
}
app-settings-troubleshooting ion-icon {
  color: #fff;
}
app-splash p {
  color: #fff;
}

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