/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Roboto+Condensed);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Regular.ttf');
}
@font-face {
  font-family: "RobotoBold";
  src: url('Roboto-Bold.ttf');
}
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-base: #72b071;
  --ion-color-primary: #72b071;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #FFFFFF;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #579456;
  --ion-color-primary-tint: #96b695;
  --ion-color-primary-tint-transp: rgba(109, 180, 107, 0.84);
  /** secondary **/
  --ion-color-secondary: #0c83ac;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade:#136597;
  --ion-color-secondary-tint: #6caab2;
  /** tertiary **/
  --ion-color-tertiary: #ffa91b;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #e09121;
  --ion-color-tertiary-tint: #ffc63f;
  /** success **/
  --ion-color-success: #44b87a;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #3ca26b;
  --ion-color-success-tint: #28e070;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #EB445A;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  /** dark **/
  --ion-color-dark: #656562;
  --ion-color-dark-rgb: 64, 64, 64;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #282826;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #76736b;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /** light **/
  --ion-color-light: #f4f4f4;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-accent: #f4f4f4;
  --ion-color-accent-rgb: 244 244 244;
  --ion-color-facebook-base: #3949ab;
  --ion-color-facebook-base-rgb: 57 73 171;
  --ion-color-facebook-contrast: #ffffff;
  --ion-color-facebook-contrast-rgb: 255 255 255;
  --ion-color-google-base:#bf360c;
  --ion-color-google-base-rgb: 191 54 12;
  --ion-color-google-contrast: #ffffff;
  --ion-color-google-contrast-rgb: 255 255 255;
  --ion-color-pinterest-base: #ff3d00;
  --ion-color-pinterest-base-rgb: 255 61 0;
  --ion-color-pinterest-contrast: #ffffff;
  --ion-color-pinterest-contrast-rgb: 255 255 255;
  --ion-color-favorite: #46ACBA;
  --ion-color-favorite-rgb:70 172 186;
  --ion-color-active-tab: #00B85D;
  --ion-color-active-tab-rgb: 0 184 93;
  --ion-tab-bar-color-activated: #ffffff;
  --ion-tab-bar-color-activated-rgb: 255 255 255;
  --ion-color-beige: #aa967c;
  --ion-color-beige-shade: #8d7a63;
  --ion-background-light-primary: #DDEEDD;
  --ion-background-light-secondary: #EBF1F5;
  --ion-background-light-gray: #F3F3F3;
  --ion-background-light-red: #FFD6D6;
  --ion-background-light-grey-card: #F9F9F9;
  --ion-background-light-tertiary: #ffeed1;
  --ion-background-light-beige: #e1dbc9;
  --ion-background-light-primary-hover: #c3d5c3;
  --ion-background-light-secondary-hover: #bfc6cf;
  --ion-background-light-gray-hover: #d2d2d2;
  --ion-background-light-red-hover: #e0afaf;
  --ion-background-tertiary-hover: #e4bc89;
  --ion-background-beige-hover: #cbbea9;
  --ion-background-opacity-grey: #ECECEC;
  --ion-border-light-grey: #F2F2F2;
  --ion-border-input-primary: #E2E2E2;
  --ion-shadow-card: 1px 0px 5px 0px rgba(0, 0, 0, 0.12);
  --ion-shadow-card-light: 1px 0px 5px 0px rgba(0, 0, 0, 0.06);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
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;
}
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::-moz-placeholder {
  padding-left: 2px;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-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;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  font-family: var(--ion-default-font);
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: #3880ff;
  color: var(--ion-color-primary, #3880ff);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
.ngx-datatable {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
  /**
   * Vertical Scrolling Adjustments
   */
  /**
   * Horizontal Scrolling Adjustments
   */
  /**
   * Fixed Header Height Adjustments
   */
  /**
   * Fixed row height adjustments
   */
  /**
   * Shared Styles
   */
  /**
   * Header Styles
   */
  /**
   * Body Styles
   */
  /**
   * Footer Styles
   */ }
.ngx-datatable [hidden] {
    display: none !important; }
.ngx-datatable *,
  .ngx-datatable *:before,
  .ngx-datatable *:after {
    box-sizing: border-box; }
.ngx-datatable.scroll-vertical .datatable-body {
    overflow-y: auto; }
.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: absolute; }
.ngx-datatable.scroll-horz .datatable-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap; }
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
.ngx-datatable.fixed-row .datatable-scroll {
    white-space: nowrap; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
      white-space: nowrap; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
.ngx-datatable .datatable-body-row,
  .ngx-datatable .datatable-row-center,
  .ngx-datatable .datatable-header-inner {
    display: flex;
    flex-direction: row;
    -o-flex-flow: row;
    flex-flow: row; }
.ngx-datatable .datatable-body-cell,
  .ngx-datatable .datatable-header-cell {
    overflow-x: hidden;
    vertical-align: top;
    display: inline-block;
    line-height: 1.625; }
.ngx-datatable .datatable-body-cell:focus,
    .ngx-datatable .datatable-header-cell:focus {
      outline: none; }
.ngx-datatable .datatable-row-left,
  .ngx-datatable .datatable-row-right {
    z-index: 9; }
.ngx-datatable .datatable-row-left,
  .ngx-datatable .datatable-row-center,
  .ngx-datatable .datatable-row-group,
  .ngx-datatable .datatable-row-right {
    position: relative; }
.ngx-datatable .datatable-header {
    display: block;
    overflow: hidden; }
.ngx-datatable .datatable-header .datatable-header-inner {
      align-items: stretch;
      -webkit-align-items: stretch; }
.ngx-datatable .datatable-header .datatable-header-cell {
      position: relative;
      display: inline-block; }
.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
        cursor: pointer; }
.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
        cursor: move; }
.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
        line-height: 100%;
        vertical-align: middle;
        display: inline-block;
        cursor: pointer; }
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        padding: 0 4px;
        visibility: hidden; }
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
        cursor: ew-resize; }
.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
        visibility: visible; }
.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
        visibility: visible; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
        position: absolute;
        top: 0;
        bottom: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
          right: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
          left: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
        height: inherit; }
.ngx-datatable .datatable-body {
    position: relative;
    z-index: 10;
    display: block; }
.ngx-datatable .datatable-body .datatable-scroll {
      display: inline-block; }
.ngx-datatable .datatable-body .datatable-row-detail {
      overflow-y: hidden; }
.ngx-datatable .datatable-body .datatable-row-wrapper {
      display: flex;
      flex-direction: column; }
.ngx-datatable .datatable-body .datatable-body-row {
      outline: none; }
.ngx-datatable .datatable-body .datatable-body-row > div {
        display: flex; }
.ngx-datatable .datatable-footer {
    display: block;
    width: 100%;
    overflow: auto; }
.ngx-datatable .datatable-footer .datatable-footer-inner {
      display: flex;
      align-items: center;
      width: 100%; }
.ngx-datatable .datatable-footer .selected-count .page-count {
      flex: 1 1 40%; }
.ngx-datatable .datatable-footer .selected-count .datatable-pager {
      flex: 1 1 60%; }
.ngx-datatable .datatable-footer .page-count {
      flex: 1 1 20%; }
.ngx-datatable .datatable-footer .datatable-pager {
      flex: 1 1 80%;
      text-align: right; }
.ngx-datatable .datatable-footer .datatable-pager .pager,
      .ngx-datatable .datatable-footer .datatable-pager .pager li {
        padding: 0;
        margin: 0;
        display: inline-block;
        list-style: none; }
.ngx-datatable .datatable-footer .datatable-pager .pager li,
      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
        outline: none; }
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
        cursor: pointer;
        display: inline-block; }
.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
        cursor: not-allowed; }
/*
  This stylesheet uses scss valiables for most of the colors / background-colors of the table
  to enable the customization of the displayed table without cloning the stylesheet into the
  own application.

  To modify table colors, add the following lines to the scss file of your application
  (this example modifies the color of the selected row - selectionType = single, multi or multiClick):

  $ngx-datatable-selected-active-background: yellow;
  $ngx-datatable-selected-active-background-hover: rgba(yellow, 0.2);

  @import '~@swimlane/ngx-datatable/index.css';
  @import '~@swimlane/ngx-datatable/themes/material.scss';
  @import '~@swimlane/ngx-datatable/assets/icons.css';

That's all.
*/
.ngx-datatable.material {
  background: #fff;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  /**
	 * Shared Styles
	 */
  /**
	 * Global Row Styles
	 */
  /**
	 * Header Styles
	 */
  /**
	 * Body Styles
	 */
  /**
	 * Footer Styles
	 */ }
.ngx-datatable.material.striped .datatable-row-odd {
    background: #eee; }
.ngx-datatable.material.single-selection .datatable-body-row.active,
  .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active,
  .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff; }
.ngx-datatable.material.single-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff; }
.ngx-datatable.material.single-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff; }
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: linear; }
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus,
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
    background-color: #ddd; }
.ngx-datatable.material.cell-selection .datatable-body-cell:hover,
  .ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: linear; }
.ngx-datatable.material.cell-selection .datatable-body-cell:focus,
  .ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
    background-color: #ddd; }
.ngx-datatable.material.cell-selection .datatable-body-cell.active,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff; }
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff; }
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff; }
.ngx-datatable.material .empty-row {
    height: 50px;
    text-align: left;
    padding: 0.5rem 1.2rem;
    vertical-align: top;
    border-top: 0; }
.ngx-datatable.material .loading-row {
    text-align: left;
    padding: 0.5rem 1.2rem;
    vertical-align: top;
    border-top: 0; }
.ngx-datatable.material .datatable-header .datatable-row-left,
  .ngx-datatable.material .datatable-body .datatable-row-left {
    background-color: #fff;
    background-position: 100% 0;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==); }
.ngx-datatable.material .datatable-header .datatable-row-right,
  .ngx-datatable.material .datatable-body .datatable-row-right {
    background-position: 0 0;
    background-color: #fff;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==); }
.ngx-datatable.material .datatable-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.ngx-datatable.material .datatable-header .datatable-header-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      font-weight: 400;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.54);
      vertical-align: bottom;
      font-size: 12px;
      font-weight: 500; }
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
        position: relative; }
.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
        transition: transform 400ms ease, opacity 400ms ease;
        opacity: 0.5;
        transform: scale(1); }
.ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -30px 0 0 -30px;
        height: 60px;
        width: 60px;
        background: #eee;
        border-radius: 100%;
        opacity: 1;
        filter: none;
        transform: scale(0);
        z-index: 9999;
        pointer-events: none; }
.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
        border-right: none; }
.ngx-datatable.material .datatable-header .resize-handle {
      border-right: solid 1px #eee; }
.ngx-datatable.material .datatable-body {
    position: relative; }
.ngx-datatable.material .datatable-body .datatable-row-detail {
      background: #f5f5f5;
      padding: 10px; }
.ngx-datatable.material .datatable-body .datatable-group-header {
      background: #f5f5f5;
      border-bottom: solid 1px #d9d8d9;
      border-top: solid 1px #d9d8d9; }
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      vertical-align: top;
      border-top: 0;
      color: rgba(0, 0, 0, 0.87);
      transition: width 0.3s ease;
      font-size: 14px;
      font-weight: 400; }
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      vertical-align: top;
      border-top: 0;
      color: rgba(0, 0, 0, 0.87);
      transition: width 0.3s ease;
      font-size: 14px;
      font-weight: 400; }
.ngx-datatable.material .datatable-body .progress-linear {
      display: block;
      position: sticky;
      width: 100%;
      height: 5px;
      padding: 0;
      margin: 0;
      top: 0; }
.ngx-datatable.material .datatable-body .progress-linear .container {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 5px;
        transform: translate(0, 0) scale(1, 1);
        background-color: #aad1f9; }
.ngx-datatable.material .datatable-body .progress-linear .container .bar {
          transition: all 0.2s linear;
          animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.2s linear;
          background-color: #106cc8;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 100%;
          height: 5px; }
.ngx-datatable.material .datatable-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54); }
.ngx-datatable.material .datatable-footer .page-count {
      line-height: 50px;
      height: 50px;
      padding: 0 1.2rem; }
.ngx-datatable.material .datatable-footer .datatable-pager {
      margin: 0 10px; }
.ngx-datatable.material .datatable-footer .datatable-pager li {
        vertical-align: middle; }
.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
          color: rgba(0, 0, 0, 0.26) !important;
          background-color: transparent !important; }
.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
          background-color: rgba(158, 158, 158, 0.2);
          font-weight: bold; }
.ngx-datatable.material .datatable-footer .datatable-pager a {
        height: 22px;
        min-width: 24px;
        line-height: 22px;
        padding: 0 6px;
        border-radius: 3px;
        margin: 6px 3px;
        text-align: center;
        vertical-align: top;
        color: rgba(0, 0, 0, 0.54);
        text-decoration: none;
        vertical-align: bottom; }
.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
          color: rgba(0, 0, 0, 0.75);
          background-color: rgba(158, 158, 158, 0.2); }
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
        font-size: 20px;
        line-height: 20px;
        padding: 0 3px; }
.ngx-datatable.material .datatable-summary-row .datatable-body-row {
    background-color: #ddd; }
.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
      background-color: #ddd; }
.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
      font-weight: bold; }
/**
 * Checkboxes
**/
.datatable-checkbox {
  position: relative;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 0; }
.datatable-checkbox input[type='checkbox'] {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    outline: none; }
.datatable-checkbox input[type='checkbox']:before {
      transition: all 0.3s ease-in-out;
      content: '';
      position: absolute;
      left: 0;
      z-index: 1;
      width: 1rem;
      height: 1rem;
      border: 2px solid #f2f2f2; }
.datatable-checkbox input[type='checkbox']:checked:before {
      transform: rotate(-45deg);
      height: 0.5rem;
      border-color: #009688;
      border-top-style: none;
      border-right-style: none; }
.datatable-checkbox input[type='checkbox']:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1rem;
      height: 1rem;
      background: #fff;
      cursor: pointer; }
/**
 * Progress bar animations
 */
@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1); }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1); } }
@font-face {
  font-family: 'data-table';
  src: url('data-table.eot');
  src: url('data-table.eot?#iefix') format('embedded-opentype'), url('data-table.woff') format('woff'),
    url('data-table.ttf') format('truetype'), url('data-table.svg#data-table') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]::before {
  font-family: 'data-table' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^='datatable-icon-']::before,
[class*=' datatable-icon-']::before {
  font-family: 'data-table' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.datatable-icon-filter::before {
  content: '\62';
}
.datatable-icon-collapse::before {
  content: '\61';
}
.datatable-icon-expand::before {
  content: '\63';
}
.datatable-icon-close::before {
  content: '\64';
}
.datatable-icon-up::before {
  content: '\65';
}
.datatable-icon-down::before {
  content: '\66';
}
.datatable-icon-sort-unset::before {
  content: '\63';
  opacity: 0.5;
}
.datatable-icon-sort::before {
  content: '\67';
}
.datatable-icon-done::before {
  content: '\68';
}
.datatable-icon-done-all::before {
  content: '\69';
}
.datatable-icon-search::before {
  content: '\6a';
}
.datatable-icon-pin::before {
  content: '\6b';
}
.datatable-icon-add::before {
  content: '\6d';
}
.datatable-icon-left::before {
  content: '\6f';
}
.datatable-icon-right::before {
  content: '\70';
}
.datatable-icon-skip::before {
  content: '\71';
}
.datatable-icon-prev::before {
  content: '\72';
}
/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */
/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: rgba(0, 0, 0, 0.1);
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: 4px;
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: auto;
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: 4px;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * 1%);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: auto;
  left: var(--swiper-scrollbar-left, auto);
  right: 4px;
  right: var(--swiper-scrollbar-right, 4px);
  top: 1%;
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: 4px;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * 1%);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #72b071;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0c83ac;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ffa91b;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #72b071;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #0c83ac;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #ffa91b;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-badge-content {
  color: black;
  background: #72b071;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #0c83ac;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: black;
  background: #ffa91b;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #72b071;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #0c83ac;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #ffa91b;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #72b071;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #0c83ac;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #ffa91b;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: black;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: black;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #72b071;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #0c83ac;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #ffa91b;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #72b071;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #0c83ac;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #ffa91b;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #72b071;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #0c83ac;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #ffa91b;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #72b071;
  color: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: black;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #ffa91b;
  color: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: black;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #0c83ac;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(114, 176, 113, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(114, 176, 113, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(114, 176, 113, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #72b071;
  color: black;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(114, 176, 113, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px black;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(114, 176, 113, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(114, 176, 113, 0.3);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(12, 131, 172, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(12, 131, 172, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(12, 131, 172, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #0c83ac;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(12, 131, 172, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(12, 131, 172, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(12, 131, 172, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(255, 169, 27, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 169, 27, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 169, 27, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #ffa91b;
  color: black;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 169, 27, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px black;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 169, 27, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 169, 27, 0.3);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #72b071;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #0c83ac;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #ffa91b;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #72b071;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #0c83ac;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #ffa91b;
}
.mat-focused .mat-form-field-required-marker {
  color: #0c83ac;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #72b071;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #0c83ac;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #ffa91b;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #72b071;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #0c83ac;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #ffa91b;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #ffa91b;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #ffa91b;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #ffa91b;
}
.mat-error {
  color: #ffa91b;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #72b071;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #0c83ac;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #ffa91b;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #ffa91b;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #72b071;
}
.mat-icon.mat-accent {
  color: #0c83ac;
}
.mat-icon.mat-warn {
  color: #ffa91b;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #72b071;
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #0c83ac;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #ffa91b;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #ffa91b;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #d8e8d8;
}
.mat-progress-bar-buffer {
  background-color: #d8e8d8;
}
.mat-progress-bar-fill::after {
  background-color: #72b071;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #bfdce7;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #bfdce7;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #0c83ac;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #fbe6c2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #fbe6c2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #ffa91b;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #72b071;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #0c83ac;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #ffa91b;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #72b071;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #72b071;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0c83ac;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #0c83ac;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ffa91b;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #ffa91b;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #72b071;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #0c83ac;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #ffa91b;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #ffa91b;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #0c83ac;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(12, 131, 172, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #0c83ac;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #72b071;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(114, 176, 113, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #72b071;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #ffa91b;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 169, 27, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #ffa91b;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #72b071;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: black;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(114, 176, 113, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #0c83ac;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(12, 131, 172, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #ffa91b;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: black;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(255, 169, 27, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: black;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #72b071;
  color: black;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #0c83ac;
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: black;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #ffa91b;
  color: black;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #ffa91b;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #ffa91b;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(213, 231, 212, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #72b071;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: black;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(182, 218, 230, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #0c83ac;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 229, 187, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #ffa91b;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: black;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(213, 231, 212, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #72b071;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: black;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: black;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: black;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: black;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(182, 218, 230, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #0c83ac;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 229, 187, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #ffa91b;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: black;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: black;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: black;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: black;
  opacity: 0.12;
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #72b071;
  color: black;
}
.mat-toolbar.mat-accent {
  background: #0c83ac;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #ffa91b;
  color: black;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }

  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #0c83ac;
}
#slice-01,
#slice-02,
#slice-03,
#slice-04,
#slice-05,
#slice-06,
#slice-07 {
  opacity: 0;
  animation: fade-in 1.5s ease-in-out forwards;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  cursor: pointer;
}
#slice-01:not(:hover) .path-hover,
#slice-02:not(:hover) .path-hover,
#slice-03:not(:hover) .path-hover,
#slice-04:not(:hover) .path-hover,
#slice-05:not(:hover) .path-hover,
#slice-06:not(:hover) .path-hover,
#slice-07:not(:hover) .path-hover {
  filter: saturate(1);
  stroke: none;
  transition: all 0.5s ease-in-out;
}
#slice-01:hover .path-hover,
#slice-02:hover .path-hover,
#slice-03:hover .path-hover,
#slice-04:hover .path-hover,
#slice-05:hover .path-hover,
#slice-06:hover .path-hover,
#slice-07:hover .path-hover {
  filter: saturate(0.5);
  stroke: #72b071;
  stroke-width: 8px;
  transition: all 0.5s ease-in-out;
}
#slice-01 .path-active,
#slice-02 .path-active,
#slice-03 .path-active,
#slice-04 .path-active,
#slice-05 .path-active,
#slice-06 .path-active,
#slice-07 .path-active {
  filter: saturate(0.5) !important;
  stroke: #72b071 !important;
  stroke-width: 8px !important;
  transition: all 0.5s ease-in-out;
}
#slice-01 {
  animation-delay: 0s;
}
#slice-02 {
  animation-delay: 0.75s;
}
#slice-03 {
  animation-delay: 1.5s;
}
#slice-04 {
  animation-delay: 2.25s;
}
#slice-05 {
  animation-delay: 3s;
}
#slice-06 {
  animation-delay: 3.75s;
}
#slice-07 {
  animation-delay: 4.5s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
  animation-duration: 0.75s;
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
@font-face {
  font-family: "fontello";
  src: url('fontello.eot');
  src: url('fontello.eot') format("embedded-opentype"), url('fontello.woff') format("woff"), url('fontello.ttf') format("truetype"), url('fontello.svg') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?89574879#fontello') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-account:before {
  content: "\e800";
}
/* '' */
.icon-zip-box:before {
  content: "\e801";
}
/* '' */
.icon-airballoon:before {
  content: "\e802";
}
/* '' */
.icon-airplane-off:before {
  content: "\e803";
}
/* '' */
.icon-airplane:before {
  content: "\e804";
}
/* '' */
.icon-alarm-check:before {
  content: "\e805";
}
/* '' */
.icon-alarm-multiple:before {
  content: "\e806";
}
/* '' */
.icon-alarm-off:before {
  content: "\e807";
}
/* '' */
.icon-alarm-plus:before {
  content: "\e808";
}
/* '' */
.icon-apple:before {
  content: "\e809";
}
/* '' */
.icon-appnet:before {
  content: "\e80a";
}
/* '' */
.icon-apps:before {
  content: "\e80b";
}
/* '' */
.icon-arrange-bring-forward:before {
  content: "\e80c";
}
/* '' */
.icon-arrange-bring-to-front:before {
  content: "\e80d";
}
/* '' */
.icon-arrange-send-backward:before {
  content: "\e80e";
}
/* '' */
.icon-arrange-send-to-back:before {
  content: "\e80f";
}
/* '' */
.icon-arrow-collapse:before {
  content: "\e810";
}
/* '' */
.icon-arrow-right:before {
  content: "\e811";
}
/* '' */
.icon-arrow-up-bold-circle-outline:before {
  content: "\e812";
}
/* '' */
.icon-arrow-up-bold-circle:before {
  content: "\e813";
}
/* '' */
.icon-arrow-up-bold-hexagon-outline:before {
  content: "\e814";
}
/* '' */
.icon-arrow-up:before {
  content: "\e815";
}
/* '' */
.icon-attachment:before {
  content: "\e816";
}
/* '' */
.icon-auto-fix:before {
  content: "\e817";
}
/* '' */
.icon-auto-upload:before {
  content: "\e818";
}
/* '' */
.icon-battery-90:before {
  content: "\e819";
}
/* '' */
.icon-battery-alert:before {
  content: "\e81a";
}
/* '' */
.icon-battery-charging-100:before {
  content: "\e81b";
}
/* '' */
.icon-battery-charging-20:before {
  content: "\e81c";
}
/* '' */
.icon-battery-charging-30:before {
  content: "\e81d";
}
/* '' */
.icon-battery-charging-40:before {
  content: "\e81e";
}
/* '' */
.icon-battery-charging-60:before {
  content: "\e81f";
}
/* '' */
.icon-battery-charging-80:before {
  content: "\e820";
}
/* '' */
.icon-beats:before {
  content: "\e821";
}
/* '' */
.icon-behance:before {
  content: "\e822";
}
/* '' */
.icon-bell-off:before {
  content: "\e823";
}
/* '' */
.icon-bell-outline:before {
  content: "\e824";
}
/* '' */
.icon-bell-ring-outline:before {
  content: "\e825";
}
/* '' */
.icon-bell-ring:before {
  content: "\e826";
}
/* '' */
.icon-bell-sleep:before {
  content: "\e827";
}
/* '' */
.icon-bell:before {
  content: "\e828";
}
/* '' */
.icon-blur-off:before {
  content: "\e829";
}
/* '' */
.icon-blur-radial:before {
  content: "\e82a";
}
/* '' */
.icon-blur:before {
  content: "\e82b";
}
/* '' */
.icon-book-multiple-variant:before {
  content: "\e82c";
}
/* '' */
.icon-book-multiple:before {
  content: "\e82d";
}
/* '' */
.icon-book-variant:before {
  content: "\e82e";
}
/* '' */
.icon-book:before {
  content: "\e82f";
}
/* '' */
.icon-bookmark-outline:before {
  content: "\e830";
}
/* '' */
.icon-bowling:before {
  content: "\e831";
}
/* '' */
.icon-briefcase-check:before {
  content: "\e832";
}
/* '' */
.icon-briefcase-download:before {
  content: "\e833";
}
/* '' */
.icon-briefcase-upload:before {
  content: "\e834";
}
/* '' */
.icon-briefcase:before {
  content: "\e835";
}
/* '' */
.icon-brightness-1:before {
  content: "\e836";
}
/* '' */
.icon-brightness-2:before {
  content: "\e837";
}
/* '' */
.icon-brightness-3:before {
  content: "\e838";
}
/* '' */
.icon-brightness-4:before {
  content: "\e839";
}
/* '' */
.icon-brightness-5:before {
  content: "\e83a";
}
/* '' */
.icon-brightness-6:before {
  content: "\e83b";
}
/* '' */
.icon-brightness-7:before {
  content: "\e83c";
}
/* '' */
.icon-brightness-auto:before {
  content: "\e83d";
}
/* '' */
.icon-broom:before {
  content: "\e83e";
}
/* '' */
.icon-brush:before {
  content: "\e83f";
}
/* '' */
.icon-bug:before {
  content: "\e840";
}
/* '' */
.icon-bus:before {
  content: "\e841";
}
/* '' */
.icon-cake-variant:before {
  content: "\e842";
}
/* '' */
.icon-cake:before {
  content: "\e843";
}
/* '' */
.icon-calculator:before {
  content: "\e844";
}
/* '' */
.icon-calendar-check:before {
  content: "\e845";
}
/* '' */
.icon-calendar-remove:before {
  content: "\e846";
}
/* '' */
.icon-calendar-text:before {
  content: "\e847";
}
/* '' */
.icon-calendar-today:before {
  content: "\e848";
}
/* '' */
.icon-calendar:before {
  content: "\e849";
}
/* '' */
.icon-camcorder-box-off:before {
  content: "\e84a";
}
/* '' */
.icon-camcorder-box:before {
  content: "\e84b";
}
/* '' */
.icon-camcorder-off:before {
  content: "\e84c";
}
/* '' */
.icon-camcorder:before {
  content: "\e84d";
}
/* '' */
.icon-camera-iris:before {
  content: "\e84e";
}
/* '' */
.icon-camera-party-mode:before {
  content: "\e84f";
}
/* '' */
.icon-camera-switch:before {
  content: "\e850";
}
/* '' */
.icon-camera-timer:before {
  content: "\e851";
}
/* '' */
.icon-camera:before {
  content: "\e852";
}
/* '' */
.icon-candycane:before {
  content: "\e853";
}
/* '' */
.icon-car-wash:before {
  content: "\e854";
}
/* '' */
.icon-car:before {
  content: "\e855";
}
/* '' */
.icon-carrot:before {
  content: "\e856";
}
/* '' */
.icon-cart-outline:before {
  content: "\e857";
}
/* '' */
.icon-cart:before {
  content: "\e858";
}
/* '' */
.icon-cash:before {
  content: "\e859";
}
/* '' */
.icon-cast-connected:before {
  content: "\e85a";
}
/* '' */
.icon-cast:before {
  content: "\e85b";
}
/* '' */
.icon-cellphone-android:before {
  content: "\e85c";
}
/* '' */
.icon-cellphone-dock:before {
  content: "\e85d";
}
/* '' */
.icon-cellphone-iphone:before {
  content: "\e85e";
}
/* '' */
.icon-cellphone-link-off:before {
  content: "\e85f";
}
/* '' */
.icon-cellphone-link:before {
  content: "\e860";
}
/* '' */
.icon-cellphone-settings:before {
  content: "\e861";
}
/* '' */
.icon-cellphone:before {
  content: "\e862";
}
/* '' */
.icon-chart-bar:before {
  content: "\e863";
}
/* '' */
.icon-chart-histogram:before {
  content: "\e864";
}
/* '' */
.icon-chart-line:before {
  content: "\e865";
}
/* '' */
.icon-check-all:before {
  content: "\e866";
}
/* '' */
.icon-check:before {
  content: "\e867";
}
/* '' */
.icon-checkbox-blank-circle-outline:before {
  content: "\e868";
}
/* '' */
.icon-checkbox-blank-circle:before {
  content: "\e869";
}
/* '' */
.icon-checkbox-blank-outline:before {
  content: "\e86a";
}
/* '' */
.icon-checkbox-blank:before {
  content: "\e86b";
}
/* '' */
.icon-checkbox-marked-circle-outline:before {
  content: "\e86c";
}
/* '' */
.icon-checkbox-marked-circle:before {
  content: "\e86d";
}
/* '' */
.icon-checkbox-marked-outline:before {
  content: "\e86e";
}
/* '' */
.icon-checkbox-marked:before {
  content: "\e86f";
}
/* '' */
.icon-checkbox-multiple-blank-outline:before {
  content: "\e870";
}
/* '' */
.icon-checkbox-multiple-blank:before {
  content: "\e871";
}
/* '' */
.icon-checkbox-multiple-marked-outline:before {
  content: "\e872";
}
/* '' */
.icon-checkbox-multiple-marked:before {
  content: "\e873";
}
/* '' */
.icon-chevron-down:before {
  content: "\e874";
}
/* '' */
.icon-chevron-left:before {
  content: "\e875";
}
/* '' */
.icon-chevron-right:before {
  content: "\e876";
}
/* '' */
.icon-chevron-up:before {
  content: "\e877";
}
/* '' */
.icon-city:before {
  content: "\e878";
}
/* '' */
.icon-clipboard-account:before {
  content: "\e879";
}
/* '' */
.icon-clipboard-alert:before {
  content: "\e87a";
}
/* '' */
.icon-clipboard-arrow-down:before {
  content: "\e87b";
}
/* '' */
.icon-clipboard-arrow-left:before {
  content: "\e87c";
}
/* '' */
.icon-clipboard-check:before {
  content: "\e87d";
}
/* '' */
.icon-clipboard-outline:before {
  content: "\e87e";
}
/* '' */
.icon-clipboard-text:before {
  content: "\e87f";
}
/* '' */
.icon-clipboard:before {
  content: "\e880";
}
/* '' */
.icon-clock:before {
  content: "\e881";
}
/* '' */
.icon-close-box-outline:before {
  content: "\e882";
}
/* '' */
.icon-close-box:before {
  content: "\e883";
}
/* '' */
.icon-close-circle-outline:before {
  content: "\e884";
}
/* '' */
.icon-close-circle:before {
  content: "\e885";
}
/* '' */
.icon-close-network:before {
  content: "\e886";
}
/* '' */
.icon-close:before {
  content: "\e887";
}
/* '' */
.icon-closed-caption:before {
  content: "\e888";
}
/* '' */
.icon-cloud-check:before {
  content: "\e889";
}
/* '' */
.icon-cloud-circle:before {
  content: "\e88a";
}
/* '' */
.icon-cloud-download:before {
  content: "\e88b";
}
/* '' */
.icon-cloud-outline-off:before {
  content: "\e88c";
}
/* '' */
.icon-cloud-outline:before {
  content: "\e88d";
}
/* '' */
.icon-cloud-upload:before {
  content: "\e88e";
}
/* '' */
.icon-cloud:before {
  content: "\e88f";
}
/* '' */
.icon-coffee-to-go:before {
  content: "\e890";
}
/* '' */
.icon-coffee:before {
  content: "\e891";
}
/* '' */
.icon-coin:before {
  content: "\e892";
}
/* '' */
.icon-color-helper:before {
  content: "\e893";
}
/* '' */
.icon-comment-account-outline:before {
  content: "\e894";
}
/* '' */
.icon-comment-account:before {
  content: "\e895";
}
/* '' */
.icon-comment-alert-outline:before {
  content: "\e896";
}
/* '' */
.icon-comment-alert:before {
  content: "\e897";
}
/* '' */
.icon-comment-check-outline:before {
  content: "\e898";
}
/* '' */
.icon-comment-check:before {
  content: "\e899";
}
/* '' */
.icon-comment-multipe-outline:before {
  content: "\e89a";
}
/* '' */
.icon-comment-outline:before {
  content: "\e89b";
}
/* '' */
.icon-comment-plus-outline:before {
  content: "\e89c";
}
/* '' */
.icon-comment-processing-outline:before {
  content: "\e89d";
}
/* '' */
.icon-comment-processing:before {
  content: "\e89e";
}
/* '' */
.icon-comment-remove-outline:before {
  content: "\e89f";
}
/* '' */
.icon-comment-text-outline:before {
  content: "\e8a0";
}
/* '' */
.icon-comment-text:before {
  content: "\e8a1";
}
/* '' */
.icon-comment:before {
  content: "\e8a2";
}
/* '' */
.icon-compare:before {
  content: "\e8a3";
}
/* '' */
.icon-compass-outline:before {
  content: "\e8a4";
}
/* '' */
.icon-compass:before {
  content: "\e8a5";
}
/* '' */
.icon-content-copy:before {
  content: "\e8a6";
}
/* '' */
.icon-content-cut:before {
  content: "\e8a7";
}
/* '' */
.icon-content-paste:before {
  content: "\e8a8";
}
/* '' */
.icon-content-save:before {
  content: "\e8a9";
}
/* '' */
.icon-contrast-box:before {
  content: "\e8aa";
}
/* '' */
.icon-contrast-circle:before {
  content: "\e8ab";
}
/* '' */
.icon-contrast:before {
  content: "\e8ac";
}
/* '' */
.icon-cow:before {
  content: "\e8ad";
}
/* '' */
.icon-credit-card:before {
  content: "\e8ae";
}
/* '' */
.icon-crop-free:before {
  content: "\e8af";
}
/* '' */
.icon-crop-landscape:before {
  content: "\e8b0";
}
/* '' */
.icon-crop-portrait:before {
  content: "\e8b1";
}
/* '' */
.icon-crop-square:before {
  content: "\e8b2";
}
/* '' */
.icon-crop:before {
  content: "\e8b3";
}
/* '' */
.icon-crosshairs-gps:before {
  content: "\e8b4";
}
/* '' */
.icon-crosshairs:before {
  content: "\e8b5";
}
/* '' */
.icon-cube-outline:before {
  content: "\e8b6";
}
/* '' */
.icon-cube:before {
  content: "\e8b7";
}
/* '' */
.icon-cup-water:before {
  content: "\e8b8";
}
/* '' */
.icon-cup:before {
  content: "\e8b9";
}
/* '' */
.icon-currency-btc:before {
  content: "\e8ba";
}
/* '' */
.icon-currency-usd:before {
  content: "\e8bb";
}
/* '' */
.icon-cursor-default-outline:before {
  content: "\e8bc";
}
/* '' */
.icon-cursor-default:before {
  content: "\e8bd";
}
/* '' */
.icon-cursor-pointer:before {
  content: "\e8be";
}
/* '' */
.icon-database-minus:before {
  content: "\e8bf";
}
/* '' */
.icon-database-outline:before {
  content: "\e8c0";
}
/* '' */
.icon-database-plus:before {
  content: "\e8c1";
}
/* '' */
.icon-database:before {
  content: "\e8c2";
}
/* '' */
.icon-debug-step-into:before {
  content: "\e8c3";
}
/* '' */
.icon-debug-step-out:before {
  content: "\e8c4";
}
/* '' */
.icon-debug-step-over:before {
  content: "\e8c5";
}
/* '' */
.icon-delete:before {
  content: "\e8c6";
}
/* '' */
.icon-desktop-mac:before {
  content: "\e8c7";
}
/* '' */
.icon-deviantart:before {
  content: "\e8c8";
}
/* '' */
.icon-dice:before {
  content: "\e8c9";
}
/* '' */
.icon-directions:before {
  content: "\e8ca";
}
/* '' */
.icon-disk-alert:before {
  content: "\e8cb";
}
/* '' */
.icon-disqus-outline:before {
  content: "\e8cc";
}
/* '' */
.icon-disqus:before {
  content: "\e8cd";
}
/* '' */
.icon-dots-horizontal:before {
  content: "\e8ce";
}
/* '' */
.icon-dots-vertical:before {
  content: "\e8cf";
}
/* '' */
.icon-download:before {
  content: "\e8d0";
}
/* '' */
.icon-drawing-box:before {
  content: "\e8d1";
}
/* '' */
.icon-account-alert:before {
  content: "\e8d2";
}
/* '' */
.icon-account-box-outline:before {
  content: "\e8d3";
}
/* '' */
.icon-account-box:before {
  content: "\e8d4";
}
/* '' */
.icon-account-check:before {
  content: "\e8d5";
}
/* '' */
.icon-account-circle:before {
  content: "\e8d6";
}
/* '' */
.icon-account-key:before {
  content: "\e8d7";
}
/* '' */
.icon-account-location:before {
  content: "\e8d8";
}
/* '' */
.icon-account-minus:before {
  content: "\e8d9";
}
/* '' */
.icon-account-multiple-outline:before {
  content: "\e8da";
}
/* '' */
.icon-account-multiple-plus:before {
  content: "\e8db";
}
/* '' */
.icon-account-multiple:before {
  content: "\e8dc";
}
/* '' */
.icon-account-network:before {
  content: "\e8dd";
}
/* '' */
.icon-account-outline:before {
  content: "\e8de";
}
/* '' */
.icon-account-plus:before {
  content: "\e8df";
}
/* '' */
.icon-account-remove:before {
  content: "\e8e0";
}
/* '' */
.icon-account-search:before {
  content: "\e8e1";
}
/* '' */
.icon-account-star-variant:before {
  content: "\e8e2";
}
/* '' */
.icon-account-star:before {
  content: "\e8e3";
}
/* '' */
.icon-account-switch:before {
  content: "\e8e4";
}
/* '' */
.icon-alarm:before {
  content: "\e8e5";
}
/* '' */
.icon-album:before {
  content: "\e8e6";
}
/* '' */
.icon-alert-box:before {
  content: "\e8e7";
}
/* '' */
.icon-alert-circle:before {
  content: "\e8e8";
}
/* '' */
.icon-alert-octagon:before {
  content: "\e8e9";
}
/* '' */
.icon-alert:before {
  content: "\e8ea";
}
/* '' */
.icon-alphabetical:before {
  content: "\e8eb";
}
/* '' */
.icon-amazon:before {
  content: "\e8ec";
}
/* '' */
.icon-ambulance:before {
  content: "\e8ed";
}
/* '' */
.icon-android-debug-bridge:before {
  content: "\e8ee";
}
/* '' */
.icon-android:before {
  content: "\e8ef";
}
/* '' */
.icon-apple-mobileme:before {
  content: "\e8f0";
}
/* '' */
.icon-arrow-down-bold-circle-outline:before {
  content: "\e8f1";
}
/* '' */
.icon-arrow-down-bold-circle:before {
  content: "\e8f2";
}
/* '' */
.icon-arrow-down-bold-hexagon-outline:before {
  content: "\e8f3";
}
/* '' */
.icon-arrow-down:before {
  content: "\e8f4";
}
/* '' */
.icon-arrow-expand:before {
  content: "\e8f5";
}
/* '' */
.icon-arrow-left-bold-circle-outline:before {
  content: "\e8f6";
}
/* '' */
.icon-arrow-left-bold-circle:before {
  content: "\e8f7";
}
/* '' */
.icon-arrow-left-bold-hexagon-outline:before {
  content: "\e8f8";
}
/* '' */
.icon-arrow-left:before {
  content: "\e8f9";
}
/* '' */
.icon-arrow-right-bold-circle-outline:before {
  content: "\e8fa";
}
/* '' */
.icon-arrow-right-bold-circle:before {
  content: "\e8fb";
}
/* '' */
.icon-arrow-right-bold-hexagon-outline:before {
  content: "\e8fc";
}
/* '' */
.icon-backup-restore:before {
  content: "\e8fd";
}
/* '' */
.icon-bank:before {
  content: "\e8fe";
}
/* '' */
.icon-barcode:before {
  content: "\e8ff";
}
/* '' */
.icon-basecamp:before {
  content: "\e900";
}
/* '' */
.icon-basket-fill:before {
  content: "\e901";
}
/* '' */
.icon-basket-unfill:before {
  content: "\e902";
}
/* '' */
.icon-basket:before {
  content: "\e903";
}
/* '' */
.icon-battery-20:before {
  content: "\e904";
}
/* '' */
.icon-battery-30:before {
  content: "\e905";
}
/* '' */
.icon-battery-40:before {
  content: "\e906";
}
/* '' */
.icon-battery-60:before {
  content: "\e907";
}
/* '' */
.icon-battery-80:before {
  content: "\e908";
}
/* '' */
.icon-battery-charging-90:before {
  content: "\e909";
}
/* '' */
.icon-battery-minus:before {
  content: "\e90a";
}
/* '' */
.icon-battery-negative:before {
  content: "\e90b";
}
/* '' */
.icon-battery-outline:before {
  content: "\e90c";
}
/* '' */
.icon-battery-plus:before {
  content: "\e90d";
}
/* '' */
.icon-battery-positive:before {
  content: "\e90e";
}
/* '' */
.icon-battery-unknown:before {
  content: "\e90f";
}
/* '' */
.icon-battery:before {
  content: "\e910";
}
/* '' */
.icon-beaker-empty-outline:before {
  content: "\e911";
}
/* '' */
.icon-beaker-empty:before {
  content: "\e912";
}
/* '' */
.icon-beaker-outline:before {
  content: "\e913";
}
/* '' */
.icon-beaker:before {
  content: "\e914";
}
/* '' */
.icon-bike:before {
  content: "\e915";
}
/* '' */
.icon-bing:before {
  content: "\e916";
}
/* '' */
.icon-bio:before {
  content: "\e917";
}
/* '' */
.icon-blackberry:before {
  content: "\e918";
}
/* '' */
.icon-blinds:before {
  content: "\e919";
}
/* '' */
.icon-block-helper:before {
  content: "\e91a";
}
/* '' */
.icon-blogger:before {
  content: "\e91b";
}
/* '' */
.icon-bluetooth-audio:before {
  content: "\e91c";
}
/* '' */
.icon-bluetooth-connect:before {
  content: "\e91d";
}
/* '' */
.icon-bluetooth-settings:before {
  content: "\e91e";
}
/* '' */
.icon-bluetooth:before {
  content: "\e91f";
}
/* '' */
.icon-blur-linear:before {
  content: "\e920";
}
/* '' */
.icon-bookmark:before {
  content: "\e921";
}
/* '' */
.icon-border-all:before {
  content: "\e922";
}
/* '' */
.icon-border-bottom:before {
  content: "\e923";
}
/* '' */
.icon-border-color:before {
  content: "\e924";
}
/* '' */
.icon-border-horizontal:before {
  content: "\e925";
}
/* '' */
.icon-border-inside:before {
  content: "\e926";
}
/* '' */
.icon-border-left:before {
  content: "\e927";
}
/* '' */
.icon-border-none:before {
  content: "\e928";
}
/* '' */
.icon-border-outside:before {
  content: "\e929";
}
/* '' */
.icon-border-right:before {
  content: "\e92a";
}
/* '' */
.icon-border-top:before {
  content: "\e92b";
}
/* '' */
.icon-border-vertical:before {
  content: "\e92c";
}
/* '' */
.icon-drawing:before {
  content: "\e92d";
}
/* '' */
.icon-dribbble-box:before {
  content: "\e92e";
}
/* '' */
.icon-dribbble:before {
  content: "\e92f";
}
/* '' */
.icon-duck:before {
  content: "\e930";
}
/* '' */
.icon-earth-off:before {
  content: "\e931";
}
/* '' */
.icon-earth:before {
  content: "\e932";
}
/* '' */
.icon-elevation-decline:before {
  content: "\e933";
}
/* '' */
.icon-elevation-rise:before {
  content: "\e934";
}
/* '' */
.icon-email-outline:before {
  content: "\e935";
}
/* '' */
.icon-email:before {
  content: "\e936";
}
/* '' */
.icon-emoticon-cool:before {
  content: "\e937";
}
/* '' */
.icon-emoticon-happy:before {
  content: "\e938";
}
/* '' */
.icon-emoticon-neutral:before {
  content: "\e939";
}
/* '' */
.icon-emoticon-poop:before {
  content: "\e93a";
}
/* '' */
.icon-emoticon-sad:before {
  content: "\e93b";
}
/* '' */
.icon-emoticon-tongue:before {
  content: "\e93c";
}
/* '' */
.icon-emoticon:before {
  content: "\e93d";
}
/* '' */
.icon-eraser:before {
  content: "\e93e";
}
/* '' */
.icon-etsy:before {
  content: "\e93f";
}
/* '' */
.icon-evernote:before {
  content: "\e940";
}
/* '' */
.icon-exit-to-app:before {
  content: "\e941";
}
/* '' */
.icon-eye-off:before {
  content: "\e942";
}
/* '' */
.icon-eye:before {
  content: "\e943";
}
/* '' */
.icon-eyedropper-variant:before {
  content: "\e944";
}
/* '' */
.icon-eyedropper:before {
  content: "\e945";
}
/* '' */
.icon-facebook-box:before {
  content: "\e946";
}
/* '' */
.icon-facebook:before {
  content: "\e947";
}
/* '' */
.icon-factory:before {
  content: "\e948";
}
/* '' */
.icon-fast-forward:before {
  content: "\e949";
}
/* '' */
.icon-ferry:before {
  content: "\e94a";
}
/* '' */
.icon-file-cloud:before {
  content: "\e94b";
}
/* '' */
.icon-file-delimited:before {
  content: "\e94c";
}
/* '' */
.icon-file-document-box:before {
  content: "\e94d";
}
/* '' */
.icon-file-document:before {
  content: "\e94e";
}
/* '' */
.icon-file-excel-box:before {
  content: "\e94f";
}
/* '' */
.icon-file-excel:before {
  content: "\e950";
}
/* '' */
.icon-file-find:before {
  content: "\e951";
}
/* '' */
.icon-file-image-box:before {
  content: "\e952";
}
/* '' */
.icon-file-image:before {
  content: "\e953";
}
/* '' */
.icon-file-music:before {
  content: "\e954";
}
/* '' */
.icon-file-pdf-box:before {
  content: "\e955";
}
/* '' */
.icon-file-pdf:before {
  content: "\e956";
}
/* '' */
.icon-file-powerpoint-box:before {
  content: "\e957";
}
/* '' */
.icon-file-powerpoint:before {
  content: "\e958";
}
/* '' */
.icon-file-presentation-box:before {
  content: "\e959";
}
/* '' */
.icon-file-video:before {
  content: "\e95a";
}
/* '' */
.icon-file-word-box:before {
  content: "\e95b";
}
/* '' */
.icon-file-word:before {
  content: "\e95c";
}
/* '' */
.icon-file:before {
  content: "\e95d";
}
/* '' */
.icon-film:before {
  content: "\e95e";
}
/* '' */
.icon-filmstrip-off:before {
  content: "\e95f";
}
/* '' */
.icon-filmstrip:before {
  content: "\e960";
}
/* '' */
.icon-filter-outline:before {
  content: "\e961";
}
/* '' */
.icon-filter-remove-outline:before {
  content: "\e962";
}
/* '' */
.icon-filter-remove:before {
  content: "\e963";
}
/* '' */
.icon-filter-variant:before {
  content: "\e964";
}
/* '' */
.icon-filter:before {
  content: "\e965";
}
/* '' */
.icon-fire:before {
  content: "\e966";
}
/* '' */
.icon-fish:before {
  content: "\e967";
}
/* '' */
.icon-flag-checkered:before {
  content: "\e968";
}
/* '' */
.icon-flag-outline-variant:before {
  content: "\e969";
}
/* '' */
.icon-flag-outline:before {
  content: "\e96a";
}
/* '' */
.icon-flag-variant:before {
  content: "\e96b";
}
/* '' */
.icon-flag:before {
  content: "\e96c";
}
/* '' */
.icon-flash-auto:before {
  content: "\e96d";
}
/* '' */
.icon-flash-off:before {
  content: "\e96e";
}
/* '' */
.icon-flash:before {
  content: "\e96f";
}
/* '' */
.icon-flip-to-back:before {
  content: "\e970";
}
/* '' */
.icon-flip-to-front:before {
  content: "\e971";
}
/* '' */
.icon-floppy:before {
  content: "\e972";
}
/* '' */
.icon-flower:before {
  content: "\e973";
}
/* '' */
.icon-folder-account:before {
  content: "\e974";
}
/* '' */
.icon-folder-google-drive:before {
  content: "\e975";
}
/* '' */
.icon-folder-image:before {
  content: "\e976";
}
/* '' */
.icon-folder-move:before {
  content: "\e977";
}
/* '' */
.icon-folder-multiple-image:before {
  content: "\e978";
}
/* '' */
.icon-folder-multiple-outline:before {
  content: "\e979";
}
/* '' */
.icon-folder-multiple:before {
  content: "\e97a";
}
/* '' */
.icon-folder-outline:before {
  content: "\e97b";
}
/* '' */
.icon-folder-plus:before {
  content: "\e97c";
}
/* '' */
.icon-folder-remove:before {
  content: "\e97d";
}
/* '' */
.icon-folder:before {
  content: "\e97e";
}
/* '' */
.icon-food-apple:before {
  content: "\e97f";
}
/* '' */
.icon-food:before {
  content: "\e980";
}
/* '' */
.icon-format-align-center:before {
  content: "\e981";
}
/* '' */
.icon-format-align-justify:before {
  content: "\e982";
}
/* '' */
.icon-format-align-left:before {
  content: "\e983";
}
/* '' */
.icon-format-align-right:before {
  content: "\e984";
}
/* '' */
.icon-format-bold:before {
  content: "\e985";
}
/* '' */
.icon-format-clear:before {
  content: "\e986";
}
/* '' */
.icon-format-color-fill:before {
  content: "\e987";
}
/* '' */
.icon-format-line-spacing:before {
  content: "\e988";
}
/* '' */
.icon-format-list-numbers:before {
  content: "\e989";
}
/* '' */
.icon-format-paint:before {
  content: "\e98a";
}
/* '' */
.icon-format-strikethrough:before {
  content: "\e98b";
}
/* '' */
.icon-format-subscript:before {
  content: "\e98c";
}
/* '' */
.icon-format-superscript:before {
  content: "\e98d";
}
/* '' */
.icon-format-underline:before {
  content: "\e98e";
}
/* '' */
.icon-foursquare:before {
  content: "\e98f";
}
/* '' */
.icon-fullscreen-exit:before {
  content: "\e990";
}
/* '' */
.icon-fullscreen:before {
  content: "\e991";
}
/* '' */
.icon-gamepad-variant:before {
  content: "\e992";
}
/* '' */
.icon-gamepad:before {
  content: "\e993";
}
/* '' */
.icon-gas-station:before {
  content: "\e994";
}
/* '' */
.icon-gavel:before {
  content: "\e995";
}
/* '' */
.icon-gender-female:before {
  content: "\e996";
}
/* '' */
.icon-gender-male:before {
  content: "\e997";
}
/* '' */
.icon-gender-transgender:before {
  content: "\e998";
}
/* '' */
.icon-gift:before {
  content: "\e999";
}
/* '' */
.icon-github-box:before {
  content: "\e99a";
}
/* '' */
.icon-github-circle:before {
  content: "\e99b";
}
/* '' */
.icon-gmail:before {
  content: "\e99c";
}
/* '' */
.icon-google-chrome:before {
  content: "\e99d";
}
/* '' */
.icon-google-circles-communities:before {
  content: "\e99e";
}
/* '' */
.icon-google-circles-extended:before {
  content: "\e99f";
}
/* '' */
.icon-google-circles:before {
  content: "\e9a0";
}
/* '' */
.icon-google-drive:before {
  content: "\e9a1";
}
/* '' */
.icon-google-earth:before {
  content: "\e9a2";
}
/* '' */
.icon-google-glass:before {
  content: "\e9a3";
}
/* '' */
.icon-google-maps:before {
  content: "\e9a4";
}
/* '' */
.icon-google-pages:before {
  content: "\e9a5";
}
/* '' */
.icon-google-play:before {
  content: "\e9a6";
}
/* '' */
.icon-google-plus-box:before {
  content: "\e9a7";
}
/* '' */
.icon-google-plus:before {
  content: "\e9a8";
}
/* '' */
.icon-google:before {
  content: "\e9a9";
}
/* '' */
.icon-guitar-pick-outline:before {
  content: "\e9aa";
}
/* '' */
.icon-guitar-pick:before {
  content: "\e9ab";
}
/* '' */
.icon-hand-pointing-right:before {
  content: "\e9ac";
}
/* '' */
.icon-hanger:before {
  content: "\e9ad";
}
/* '' */
.icon-hangouts:before {
  content: "\e9ae";
}
/* '' */
.icon-harddisk:before {
  content: "\e9af";
}
/* '' */
.icon-headphones-box:before {
  content: "\e9b0";
}
/* '' */
.icon-headphones:before {
  content: "\e9b1";
}
/* '' */
.icon-headset:before {
  content: "\e9b2";
}
/* '' */
.icon-heart-box-outline:before {
  content: "\e9b3";
}
/* '' */
.icon-heart-box:before {
  content: "\e9b4";
}
/* '' */
.icon-heart-outline:before {
  content: "\e9b5";
}
/* '' */
.icon-heart:before {
  content: "\e9b6";
}
/* '' */
.icon-help-circle:before {
  content: "\e9b7";
}
/* '' */
.icon-help:before {
  content: "\e9b8";
}
/* '' */
.icon-hexagon-outline:before {
  content: "\e9b9";
}
/* '' */
.icon-hexagon:before {
  content: "\e9ba";
}
/* '' */
.icon-history:before {
  content: "\e9bb";
}
/* '' */
.icon-home-modern:before {
  content: "\e9bc";
}
/* '' */
.icon-home-variant:before {
  content: "\e9bd";
}
/* '' */
.icon-home:before {
  content: "\e9be";
}
/* '' */
.icon-hospital-building:before {
  content: "\e9bf";
}
/* '' */
.icon-hospital-marker:before {
  content: "\e9c0";
}
/* '' */
.icon-hospital:before {
  content: "\e9c1";
}
/* '' */
.icon-hotel:before {
  content: "\e9c2";
}
/* '' */
.icon-houzz-box:before {
  content: "\e9c3";
}
/* '' */
.icon-houzz:before {
  content: "\e9c4";
}
/* '' */
.icon-human-child:before {
  content: "\e9c5";
}
/* '' */
.icon-human-male-female:before {
  content: "\e9c6";
}
/* '' */
.icon-human:before {
  content: "\e9c7";
}
/* '' */
.icon-image-album:before {
  content: "\e9c8";
}
/* '' */
.icon-image-area-close:before {
  content: "\e9c9";
}
/* '' */
.icon-image-area:before {
  content: "\e9ca";
}
/* '' */
.icon-image-filter-black-white:before {
  content: "\e9cb";
}
/* '' */
.icon-image-filter-center-focus:before {
  content: "\e9cc";
}
/* '' */
.icon-image-filter-drama:before {
  content: "\e9cd";
}
/* '' */
.icon-image-filter-frames:before {
  content: "\e9ce";
}
/* '' */
.icon-image-filter-hdr:before {
  content: "\e9cf";
}
/* '' */
.icon-image-filter-none:before {
  content: "\e9d0";
}
/* '' */
.icon-image-filter-tilt-shift:before {
  content: "\e9d1";
}
/* '' */
.icon-image-filter-vintage:before {
  content: "\e9d2";
}
/* '' */
.icon-image-filter:before {
  content: "\e9d3";
}
/* '' */
.icon-information-outline:before {
  content: "\e9d4";
}
/* '' */
.icon-information:before {
  content: "\e9d5";
}
/* '' */
.icon-instagram:before {
  content: "\e9d6";
}
/* '' */
.icon-instapaper:before {
  content: "\e9d7";
}
/* '' */
.icon-internet-explorer:before {
  content: "\e9d8";
}
/* '' */
.icon-invert-colors:before {
  content: "\e9d9";
}
/* '' */
.icon-key-change:before {
  content: "\e9da";
}
/* '' */
.icon-key-minus:before {
  content: "\e9db";
}
/* '' */
.icon-key-plus:before {
  content: "\e9dc";
}
/* '' */
.icon-key-remove:before {
  content: "\e9dd";
}
/* '' */
.icon-key-variant:before {
  content: "\e9de";
}
/* '' */
.icon-key:before {
  content: "\e9df";
}
/* '' */
.icon-keyboard-backspace:before {
  content: "\e9e0";
}
/* '' */
.icon-keyboard-caps:before {
  content: "\e9e1";
}
/* '' */
.icon-keyboard-close:before {
  content: "\e9e2";
}
/* '' */
.icon-keyboard-return:before {
  content: "\e9e3";
}
/* '' */
.icon-keyboard-tab:before {
  content: "\e9e4";
}
/* '' */
.icon-keyboard:before {
  content: "\e9e5";
}
/* '' */
.icon-label-outline:before {
  content: "\e9e6";
}
/* '' */
.icon-label:before {
  content: "\e9e7";
}
/* '' */
.icon-laptop-chromebook:before {
  content: "\e9e8";
}
/* '' */
.icon-laptop-mac:before {
  content: "\e9e9";
}
/* '' */
.icon-laptop-windows:before {
  content: "\e9ea";
}
/* '' */
.icon-laptop:before {
  content: "\e9eb";
}
/* '' */
.icon-lastfm:before {
  content: "\e9ec";
}
/* '' */
.icon-launch:before {
  content: "\e9ed";
}
/* '' */
.icon-leaf:before {
  content: "\e9ee";
}
/* '' */
.icon-library-books:before {
  content: "\e9ef";
}
/* '' */
.icon-library-music:before {
  content: "\e9f0";
}
/* '' */
.icon-library-plus:before {
  content: "\e9f1";
}
/* '' */
.icon-library:before {
  content: "\e9f2";
}
/* '' */
.icon-lightbulb:before {
  content: "\e9f3";
}
/* '' */
.icon-link:before {
  content: "\e9f4";
}
/* '' */
.icon-linkedin:before {
  content: "\e9f5";
}
/* '' */
.icon-linux:before {
  content: "\e9f6";
}
/* '' */
.icon-lock-open-outline:before {
  content: "\e9f7";
}
/* '' */
.icon-lock-open:before {
  content: "\e9f8";
}
/* '' */
.icon-lock-outline:before {
  content: "\e9f9";
}
/* '' */
.icon-lock:before {
  content: "\e9fa";
}
/* '' */
.icon-login:before {
  content: "\e9fb";
}
/* '' */
.icon-logout:before {
  content: "\e9fc";
}
/* '' */
.icon-looks:before {
  content: "\e9fd";
}
/* '' */
.icon-loupe:before {
  content: "\e9fe";
}
/* '' */
.icon-magnify-minus:before {
  content: "\e9ff";
}
/* '' */
.icon-magnify-plus:before {
  content: "\ea00";
}
/* '' */
.icon-magnify:before {
  content: "\ea01";
}
/* '' */
.icon-map-marker-circle:before {
  content: "\ea02";
}
/* '' */
.icon-map-marker-off:before {
  content: "\ea03";
}
/* '' */
.icon-map-marker-radius:before {
  content: "\ea04";
}
/* '' */
.icon-map-marker:before {
  content: "\ea05";
}
/* '' */
.icon-map:before {
  content: "\ea06";
}
/* '' */
.icon-marker-check:before {
  content: "\ea07";
}
/* '' */
.icon-martini:before {
  content: "\ea08";
}
/* '' */
.icon-math-compass:before {
  content: "\ea09";
}
/* '' */
.icon-memory:before {
  content: "\ea0a";
}
/* '' */
.icon-menu-down:before {
  content: "\ea0b";
}
/* '' */
.icon-menu-up:before {
  content: "\ea0c";
}
/* '' */
.icon-menu:before {
  content: "\ea0d";
}
/* '' */
.icon-message-alert:before {
  content: "\ea0e";
}
/* '' */
.icon-message-draw:before {
  content: "\ea0f";
}
/* '' */
.icon-message-image:before {
  content: "\ea10";
}
/* '' */
.icon-message-processing:before {
  content: "\ea11";
}
/* '' */
.icon-message-reply:before {
  content: "\ea12";
}
/* '' */
.icon-message-video:before {
  content: "\ea13";
}
/* '' */
.icon-microphone-dots:before {
  content: "\ea14";
}
/* '' */
.icon-microphone-off:before {
  content: "\ea15";
}
/* '' */
.icon-microphone-outline:before {
  content: "\ea16";
}
/* '' */
.icon-microphone-settings:before {
  content: "\ea17";
}
/* '' */
.icon-microphone:before {
  content: "\ea18";
}
/* '' */
.icon-minus-box:before {
  content: "\ea19";
}
/* '' */
.icon-minus-circle-outline:before {
  content: "\ea1a";
}
/* '' */
.icon-minus-circle:before {
  content: "\ea1b";
}
/* '' */
.icon-minus-network:before {
  content: "\ea1c";
}
/* '' */
.icon-minus:before {
  content: "\ea1d";
}
/* '' */
.icon-monitor:before {
  content: "\ea1e";
}
/* '' */
.icon-more:before {
  content: "\ea1f";
}
/* '' */
.icon-mouse:before {
  content: "\ea20";
}
/* '' */
.icon-movie:before {
  content: "\ea21";
}
/* '' */
.icon-music-box-outline:before {
  content: "\ea22";
}
/* '' */
.icon-music-box:before {
  content: "\ea23";
}
/* '' */
.icon-nature-people:before {
  content: "\ea24";
}
/* '' */
.icon-nature:before {
  content: "\ea25";
}
/* '' */
.icon-navigation:before {
  content: "\ea26";
}
/* '' */
.icon-needle:before {
  content: "\ea27";
}
/* '' */
.icon-nest-protect:before {
  content: "\ea28";
}
/* '' */
.icon-nest-thermostat:before {
  content: "\ea29";
}
/* '' */
.icon-newspaper:before {
  content: "\ea2a";
}
/* '' */
.icon-nfc-variant:before {
  content: "\ea2b";
}
/* '' */
.icon-nfc:before {
  content: "\ea2c";
}
/* '' */
.icon-numeric-0-box-multiple-outline:before {
  content: "\ea2d";
}
/* '' */
.icon-numeric-0-box-outline:before {
  content: "\ea2e";
}
/* '' */
.icon-numeric-0-box:before {
  content: "\ea2f";
}
/* '' */
.icon-numeric-1-box-multiple-outline:before {
  content: "\ea30";
}
/* '' */
.icon-numeric-1-box-outline:before {
  content: "\ea31";
}
/* '' */
.icon-numeric-1-box:before {
  content: "\ea32";
}
/* '' */
.icon-numeric-2-box-multiple-outline:before {
  content: "\ea33";
}
/* '' */
.icon-numeric-2-box-outline:before {
  content: "\ea34";
}
/* '' */
.icon-numeric-2-box:before {
  content: "\ea35";
}
/* '' */
.icon-numeric-3-box-multiple-outline:before {
  content: "\ea36";
}
/* '' */
.icon-numeric-3-box-outline:before {
  content: "\ea37";
}
/* '' */
.icon-numeric-3-box:before {
  content: "\ea38";
}
/* '' */
.icon-numeric-4-box-multiple-outline:before {
  content: "\ea39";
}
/* '' */
.icon-numeric-4-box-outline:before {
  content: "\ea3a";
}
/* '' */
.icon-numeric-4-box:before {
  content: "\ea3b";
}
/* '' */
.icon-numeric-5-box-multiple-outline:before {
  content: "\ea3c";
}
/* '' */
.icon-numeric-5-box-outline:before {
  content: "\ea3d";
}
/* '' */
.icon-numeric-5-box:before {
  content: "\ea3e";
}
/* '' */
.icon-numeric-6-box-multiple-outline:before {
  content: "\ea3f";
}
/* '' */
.icon-numeric-6-box-outline:before {
  content: "\ea40";
}
/* '' */
.icon-numeric-6-box:before {
  content: "\ea41";
}
/* '' */
.icon-numeric-7-box-multiple-outline:before {
  content: "\ea42";
}
/* '' */
.icon-numeric-7-box-outline:before {
  content: "\ea43";
}
/* '' */
.icon-numeric-7-box:before {
  content: "\ea44";
}
/* '' */
.icon-numeric-8-box-multiple-outline:before {
  content: "\ea45";
}
/* '' */
.icon-numeric-8-box-outline:before {
  content: "\ea46";
}
/* '' */
.icon-numeric-8-box:before {
  content: "\ea47";
}
/* '' */
.icon-numeric-9-box-multiple-outline:before {
  content: "\ea48";
}
/* '' */
.icon-numeric-9-box-outline:before {
  content: "\ea49";
}
/* '' */
.icon-numeric-9-box:before {
  content: "\ea4a";
}
/* '' */
.icon-numeric-9-plus-box-multiple-outline:before {
  content: "\ea4b";
}
/* '' */
.icon-numeric-9-plus-box-outline:before {
  content: "\ea4c";
}
/* '' */
.icon-numeric-9-plus-box:before {
  content: "\ea4d";
}
/* '' */
.icon-numeric:before {
  content: "\ea4e";
}
/* '' */
.icon-oil:before {
  content: "\ea4f";
}
/* '' */
.icon-open-in-app:before {
  content: "\ea50";
}
/* '' */
.icon-ornament-variant:before {
  content: "\ea51";
}
/* '' */
.icon-ornament:before {
  content: "\ea52";
}
/* '' */
.icon-package-down:before {
  content: "\ea53";
}
/* '' */
.icon-package-up:before {
  content: "\ea54";
}
/* '' */
.icon-package:before {
  content: "\ea55";
}
/* '' */
.icon-palette:before {
  content: "\ea56";
}
/* '' */
.icon-pandora:before {
  content: "\ea57";
}
/* '' */
.icon-panorama-fisheye:before {
  content: "\ea58";
}
/* '' */
.icon-panorama-horizontal:before {
  content: "\ea59";
}
/* '' */
.icon-panorama-vertical:before {
  content: "\ea5a";
}
/* '' */
.icon-panorama-wide-angle:before {
  content: "\ea5b";
}
/* '' */
.icon-panorama:before {
  content: "\ea5c";
}
/* '' */
.icon-paper-cut-vertical:before {
  content: "\ea5d";
}
/* '' */
.icon-paperclip:before {
  content: "\ea5e";
}
/* '' */
.icon-parking:before {
  content: "\ea5f";
}
/* '' */
.icon-pause-circle-outline:before {
  content: "\ea60";
}
/* '' */
.icon-pause-circle:before {
  content: "\ea61";
}
/* '' */
.icon-pause-octagon-outline:before {
  content: "\ea62";
}
/* '' */
.icon-pause-octagon:before {
  content: "\ea63";
}
/* '' */
.icon-pause:before {
  content: "\ea64";
}
/* '' */
.icon-pencil-box-outline:before {
  content: "\ea65";
}
/* '' */
.icon-pencil-box:before {
  content: "\ea66";
}
/* '' */
.icon-pencil:before {
  content: "\ea67";
}
/* '' */
.icon-pharmacy:before {
  content: "\ea68";
}
/* '' */
.icon-phone-bluetooth:before {
  content: "\ea69";
}
/* '' */
.icon-phone-forward:before {
  content: "\ea6a";
}
/* '' */
.icon-phone-hangup:before {
  content: "\ea6b";
}
/* '' */
.icon-phone-in-talk:before {
  content: "\ea6c";
}
/* '' */
.icon-phone-locked:before {
  content: "\ea6d";
}
/* '' */
.icon-phone-missed:before {
  content: "\ea6e";
}
/* '' */
.icon-phone-paused:before {
  content: "\ea6f";
}
/* '' */
.icon-phone-settings:before {
  content: "\ea70";
}
/* '' */
.icon-phone:before {
  content: "\ea71";
}
/* '' */
.icon-pig:before {
  content: "\ea72";
}
/* '' */
.icon-pill:before {
  content: "\ea73";
}
/* '' */
.icon-pin-off:before {
  content: "\ea74";
}
/* '' */
.icon-pin:before {
  content: "\ea75";
}
/* '' */
.icon-pine-tree-box:before {
  content: "\ea76";
}
/* '' */
.icon-pine-tree:before {
  content: "\ea77";
}
/* '' */
.icon-pinterest:before {
  content: "\ea78";
}
/* '' */
.icon-pizza:before {
  content: "\ea79";
}
/* '' */
.icon-play-box-outline:before {
  content: "\ea7a";
}
/* '' */
.icon-play-circle-outline:before {
  content: "\ea7b";
}
/* '' */
.icon-play-circle:before {
  content: "\ea7c";
}
/* '' */
.icon-play:before {
  content: "\ea7d";
}
/* '' */
.icon-playlist-plus:before {
  content: "\ea7e";
}
/* '' */
.icon-plus-box:before {
  content: "\ea7f";
}
/* '' */
.icon-plus-circle-outline:before {
  content: "\ea80";
}
/* '' */
.icon-plus-circle:before {
  content: "\ea81";
}
/* '' */
.icon-plus-network:before {
  content: "\ea82";
}
/* '' */
.icon-plus-one:before {
  content: "\ea83";
}
/* '' */
.icon-plus:before {
  content: "\ea84";
}
/* '' */
.icon-pocket:before {
  content: "\ea85";
}
/* '' */
.icon-poll-box:before {
  content: "\ea86";
}
/* '' */
.icon-poll:before {
  content: "\ea87";
}
/* '' */
.icon-polymer:before {
  content: "\ea88";
}
/* '' */
.icon-popcorn:before {
  content: "\ea89";
}
/* '' */
.icon-power-settings:before {
  content: "\ea8a";
}
/* '' */
.icon-power:before {
  content: "\ea8b";
}
/* '' */
.icon-presentation:before {
  content: "\ea8c";
}
/* '' */
.icon-printer:before {
  content: "\ea8d";
}
/* '' */
.icon-puzzle:before {
  content: "\ea8e";
}
/* '' */
.icon-qrcode:before {
  content: "\ea8f";
}
/* '' */
.icon-quality-high:before {
  content: "\ea90";
}
/* '' */
.icon-radiator:before {
  content: "\ea91";
}
/* '' */
.icon-radiobox-blank:before {
  content: "\ea92";
}
/* '' */
.icon-radiobox-marked:before {
  content: "\ea93";
}
/* '' */
.icon-rdio:before {
  content: "\ea94";
}
/* '' */
.icon-readability:before {
  content: "\ea95";
}
/* '' */
.icon-receipt:before {
  content: "\ea96";
}
/* '' */
.icon-recycle:before {
  content: "\ea97";
}
/* '' */
.icon-redo-variant:before {
  content: "\ea98";
}
/* '' */
.icon-redo:before {
  content: "\ea99";
}
/* '' */
.icon-refresh:before {
  content: "\ea9a";
}
/* '' */
.icon-relative-scale:before {
  content: "\ea9b";
}
/* '' */
.icon-reload:before {
  content: "\ea9c";
}
/* '' */
.icon-remote:before {
  content: "\ea9d";
}
/* '' */
.icon-rename-box:before {
  content: "\ea9e";
}
/* '' */
.icon-repeat-once:before {
  content: "\ea9f";
}
/* '' */
.icon-repeat:before {
  content: "\eaa0";
}
/* '' */
.icon-replay:before {
  content: "\eaa1";
}
/* '' */
.icon-reply-all:before {
  content: "\eaa2";
}
/* '' */
.icon-reply:before {
  content: "\eaa3";
}
/* '' */
.icon-responsive:before {
  content: "\eaa4";
}
/* '' */
.icon-rewind:before {
  content: "\eaa5";
}
/* '' */
.icon-ribbon:before {
  content: "\eaa6";
}
/* '' */
.icon-rotate-3d:before {
  content: "\eaa7";
}
/* '' */
.icon-rotate-left-variant:before {
  content: "\eaa8";
}
/* '' */
.icon-rotate-left:before {
  content: "\eaa9";
}
/* '' */
.icon-rotate-right-variant:before {
  content: "\eaaa";
}
/* '' */
.icon-rotate-right:before {
  content: "\eaab";
}
/* '' */
.icon-routes:before {
  content: "\eaac";
}
/* '' */
.icon-rss-box:before {
  content: "\eaad";
}
/* '' */
.icon-rss:before {
  content: "\eaae";
}
/* '' */
.icon-satellite:before {
  content: "\eaaf";
}
/* '' */
.icon-school:before {
  content: "\eab0";
}
/* '' */
.icon-script:before {
  content: "\eab1";
}
/* '' */
.icon-security-network:before {
  content: "\eab2";
}
/* '' */
.icon-security:before {
  content: "\eab3";
}
/* '' */
.icon-send:before {
  content: "\eab4";
}
/* '' */
.icon-server-minus:before {
  content: "\eab5";
}
/* '' */
.icon-server-network-off:before {
  content: "\eab6";
}
/* '' */
.icon-server-network:before {
  content: "\eab7";
}
/* '' */
.icon-server-off:before {
  content: "\eab8";
}
/* '' */
.icon-server-plus:before {
  content: "\eab9";
}
/* '' */
.icon-server-remove:before {
  content: "\eaba";
}
/* '' */
.icon-server-security:before {
  content: "\eabb";
}
/* '' */
.icon-server:before {
  content: "\eabc";
}
/* '' */
.icon-settings-box:before {
  content: "\eabd";
}
/* '' */
.icon-settings:before {
  content: "\eabe";
}
/* '' */
.icon-shape-plus:before {
  content: "\eabf";
}
/* '' */
.icon-share-variant:before {
  content: "\eac0";
}
/* '' */
.icon-share:before {
  content: "\eac1";
}
/* '' */
.icon-shopping-music:before {
  content: "\eac2";
}
/* '' */
.icon-shopping:before {
  content: "\eac3";
}
/* '' */
.icon-shuffle:before {
  content: "\eac4";
}
/* '' */
.icon-sign-caution:before {
  content: "\eac5";
}
/* '' */
.icon-silverware-variant:before {
  content: "\eac6";
}
/* '' */
.icon-silverware:before {
  content: "\eac7";
}
/* '' */
.icon-sim-alert:before {
  content: "\eac8";
}
/* '' */
.icon-sim:before {
  content: "\eac9";
}
/* '' */
.icon-skip-next:before {
  content: "\eaca";
}
/* '' */
.icon-skip-previous:before {
  content: "\eacb";
}
/* '' */
.icon-snowman:before {
  content: "\eacc";
}
/* '' */
.icon-sort-alphabetical:before {
  content: "\eacd";
}
/* '' */
.icon-sort-ascending:before {
  content: "\eace";
}
/* '' */
.icon-sort-descending:before {
  content: "\eacf";
}
/* '' */
.icon-sort-numeric:before {
  content: "\ead0";
}
/* '' */
.icon-sort-variant:before {
  content: "\ead1";
}
/* '' */
.icon-sort:before {
  content: "\ead2";
}
/* '' */
.icon-soundcloud:before {
  content: "\ead3";
}
/* '' */
.icon-source-fork:before {
  content: "\ead4";
}
/* '' */
.icon-source-pull:before {
  content: "\ead5";
}
/* '' */
.icon-speaker-off:before {
  content: "\ead6";
}
/* '' */
.icon-speaker:before {
  content: "\ead7";
}
/* '' */
.icon-spellcheck:before {
  content: "\ead8";
}
/* '' */
.icon-spotify:before {
  content: "\ead9";
}
/* '' */
.icon-spotlight-beam:before {
  content: "\eada";
}
/* '' */
.icon-spotlight:before {
  content: "\eadb";
}
/* '' */
.icon-star-circle:before {
  content: "\eadc";
}
/* '' */
.icon-star-half:before {
  content: "\eadd";
}
/* '' */
.icon-star-outline:before {
  content: "\eade";
}
/* '' */
.icon-star:before {
  content: "\eadf";
}
/* '' */
.icon-stocking:before {
  content: "\eae0";
}
/* '' */
.icon-stop:before {
  content: "\eae1";
}
/* '' */
.icon-store-24-hour:before {
  content: "\eae2";
}
/* '' */
.icon-store:before {
  content: "\eae3";
}
/* '' */
.icon-stove:before {
  content: "\eae4";
}
/* '' */
.icon-subway:before {
  content: "\eae5";
}
/* '' */
.icon-swap-horizontal:before {
  content: "\eae6";
}
/* '' */
.icon-swap-vertical:before {
  content: "\eae7";
}
/* '' */
.icon-sword:before {
  content: "\eae8";
}
/* '' */
.icon-sync-alert:before {
  content: "\eae9";
}
/* '' */
.icon-sync-off:before {
  content: "\eaea";
}
/* '' */
.icon-sync:before {
  content: "\eaeb";
}
/* '' */
.icon-tab-unselected:before {
  content: "\eaec";
}
/* '' */
.icon-tab:before {
  content: "\eaed";
}
/* '' */
.icon-table:before {
  content: "\eaee";
}
/* '' */
.icon-tablet-android:before {
  content: "\eaef";
}
/* '' */
.icon-tablet-ipad:before {
  content: "\eaf0";
}
/* '' */
.icon-tablet:before {
  content: "\eaf1";
}
/* '' */
.icon-tag-faces:before {
  content: "\eaf2";
}
/* '' */
.icon-tag-outline:before {
  content: "\eaf3";
}
/* '' */
.icon-tag-text-outline:before {
  content: "\eaf4";
}
/* '' */
.icon-tag:before {
  content: "\eaf5";
}
/* '' */
.icon-taxi:before {
  content: "\eaf6";
}
/* '' */
.icon-television-guide:before {
  content: "\eaf7";
}
/* '' */
.icon-television:before {
  content: "\eaf8";
}
/* '' */
.icon-temperature-celsius:before {
  content: "\eaf9";
}
/* '' */
.icon-temperature-fahrenheit:before {
  content: "\eafa";
}
/* '' */
.icon-temperature-kelvin:before {
  content: "\eafb";
}
/* '' */
.icon-tent:before {
  content: "\eafc";
}
/* '' */
.icon-terrain:before {
  content: "\eafd";
}
/* '' */
.icon-texture:before {
  content: "\eafe";
}
/* '' */
.icon-theater:before {
  content: "\eaff";
}
/* '' */
.icon-thermometer-lines:before {
  content: "\eb00";
}
/* '' */
.icon-thermometer:before {
  content: "\eb01";
}
/* '' */
.icon-thumb-down:before {
  content: "\eb02";
}
/* '' */
.icon-thumb-up:before {
  content: "\eb03";
}
/* '' */
.icon-thumbs-up-down:before {
  content: "\eb04";
}
/* '' */
.icon-ticket-account:before {
  content: "\eb05";
}
/* '' */
.icon-ticket:before {
  content: "\eb06";
}
/* '' */
.icon-tie:before {
  content: "\eb07";
}
/* '' */
.icon-timelapse:before {
  content: "\eb08";
}
/* '' */
.icon-timer-10:before {
  content: "\eb09";
}
/* '' */
.icon-timer-3:before {
  content: "\eb0a";
}
/* '' */
.icon-timer-off:before {
  content: "\eb0b";
}
/* '' */
.icon-timer-sand:before {
  content: "\eb0c";
}
/* '' */
.icon-timer:before {
  content: "\eb0d";
}
/* '' */
.icon-timetable:before {
  content: "\eb0e";
}
/* '' */
.icon-toggle-switch-off:before {
  content: "\eb0f";
}
/* '' */
.icon-toggle-switch:before {
  content: "\eb10";
}
/* '' */
.icon-tooltip-edit:before {
  content: "\eb11";
}
/* '' */
.icon-tooltip-image:before {
  content: "\eb12";
}
/* '' */
.icon-tooltip-outline:before {
  content: "\eb13";
}
/* '' */
.icon-tooltip-text:before {
  content: "\eb14";
}
/* '' */
.icon-tooltip:before {
  content: "\eb15";
}
/* '' */
.icon-tor:before {
  content: "\eb16";
}
/* '' */
.icon-traffic-light:before {
  content: "\eb17";
}
/* '' */
.icon-train:before {
  content: "\eb18";
}
/* '' */
.icon-tram:before {
  content: "\eb19";
}
/* '' */
.icon-transcribe-close:before {
  content: "\eb1a";
}
/* '' */
.icon-transcribe:before {
  content: "\eb1b";
}
/* '' */
.icon-trending-down:before {
  content: "\eb1c";
}
/* '' */
.icon-trending-neutral:before {
  content: "\eb1d";
}
/* '' */
.icon-trending-up:before {
  content: "\eb1e";
}
/* '' */
.icon-trophy-award:before {
  content: "\eb1f";
}
/* '' */
.icon-trophy-variant:before {
  content: "\eb20";
}
/* '' */
.icon-trophy:before {
  content: "\eb21";
}
/* '' */
.icon-truck:before {
  content: "\eb22";
}
/* '' */
.icon-tshirt-crew:before {
  content: "\eb23";
}
/* '' */
.icon-tshirt-v:before {
  content: "\eb24";
}
/* '' */
.icon-tumblr-reblog:before {
  content: "\eb25";
}
/* '' */
.icon-tumblr:before {
  content: "\eb26";
}
/* '' */
.icon-twitch:before {
  content: "\eb27";
}
/* '' */
.icon-twitter-box:before {
  content: "\eb28";
}
/* '' */
.icon-twitter-retweet:before {
  content: "\eb29";
}
/* '' */
.icon-twitter:before {
  content: "\eb2a";
}
/* '' */
.icon-ubuntu:before {
  content: "\eb2b";
}
/* '' */
.icon-undo-variant:before {
  content: "\eb2c";
}
/* '' */
.icon-undo:before {
  content: "\eb2d";
}
/* '' */
.icon-unfold-less:before {
  content: "\eb2e";
}
/* '' */
.icon-unfold-more:before {
  content: "\eb2f";
}
/* '' */
.icon-upload:before {
  content: "\eb30";
}
/* '' */
.icon-usb:before {
  content: "\eb31";
}
/* '' */
.icon-vector-curve:before {
  content: "\eb32";
}
/* '' */
.icon-vector-point:before {
  content: "\eb33";
}
/* '' */
.icon-vector-square:before {
  content: "\eb34";
}
/* '' */
.icon-verified:before {
  content: "\eb35";
}
/* '' */
.icon-vibrate:before {
  content: "\eb36";
}
/* '' */
.icon-video-off:before {
  content: "\eb37";
}
/* '' */
.icon-video-switch:before {
  content: "\eb38";
}
/* '' */
.icon-video:before {
  content: "\eb39";
}
/* '' */
.icon-view-agenda:before {
  content: "\eb3a";
}
/* '' */
.icon-view-array:before {
  content: "\eb3b";
}
/* '' */
.icon-view-carousel:before {
  content: "\eb3c";
}
/* '' */
.icon-view-column:before {
  content: "\eb3d";
}
/* '' */
.icon-view-dashboard:before {
  content: "\eb3e";
}
/* '' */
.icon-view-day:before {
  content: "\eb3f";
}
/* '' */
.icon-view-headline:before {
  content: "\eb40";
}
/* '' */
.icon-view-list:before {
  content: "\eb41";
}
/* '' */
.icon-view-module:before {
  content: "\eb42";
}
/* '' */
.icon-view-quilt:before {
  content: "\eb43";
}
/* '' */
.icon-view-stream:before {
  content: "\eb44";
}
/* '' */
.icon-view-week:before {
  content: "\eb45";
}
/* '' */
.icon-voicemail:before {
  content: "\eb46";
}
/* '' */
.icon-volume-high:before {
  content: "\eb47";
}
/* '' */
.icon-volume-low:before {
  content: "\eb48";
}
/* '' */
.icon-volume-medium:before {
  content: "\eb49";
}
/* '' */
.icon-volume-off:before {
  content: "\eb4a";
}
/* '' */
.icon-walk:before {
  content: "\eb4b";
}
/* '' */
.icon-wallet-giftcard:before {
  content: "\eb4c";
}
/* '' */
.icon-wallet-membership:before {
  content: "\eb4d";
}
/* '' */
.icon-wallet-travel:before {
  content: "\eb4e";
}
/* '' */
.icon-wallet:before {
  content: "\eb4f";
}
/* '' */
.icon-watch:before {
  content: "\eb50";
}
/* '' */
.icon-water-off:before {
  content: "\eb51";
}
/* '' */
.icon-water-pump:before {
  content: "\eb52";
}
/* '' */
.icon-water:before {
  content: "\eb53";
}
/* '' */
.icon-weather-cloudy:before {
  content: "\eb54";
}
/* '' */
.icon-weather-hail:before {
  content: "\eb55";
}
/* '' */
.icon-weather-lightning:before {
  content: "\eb56";
}
/* '' */
.icon-weather-night:before {
  content: "\eb57";
}
/* '' */
.icon-weather-partlycloudy:before {
  content: "\eb58";
}
/* '' */
.icon-weather-pouring:before {
  content: "\eb59";
}
/* '' */
.icon-weather-rainy:before {
  content: "\eb5a";
}
/* '' */
.icon-weather-snowy:before {
  content: "\eb5b";
}
/* '' */
.icon-weather-sunny:before {
  content: "\eb5c";
}
/* '' */
.icon-weather-sunset-down:before {
  content: "\eb5d";
}
/* '' */
.icon-weather-sunset-up:before {
  content: "\eb5e";
}
/* '' */
.icon-weather-sunset:before {
  content: "\eb5f";
}
/* '' */
.icon-weather-windy-variant:before {
  content: "\eb60";
}
/* '' */
.icon-weather-windy:before {
  content: "\eb61";
}
/* '' */
.icon-web:before {
  content: "\eb62";
}
/* '' */
.icon-whatsapp:before {
  content: "\eb63";
}
/* '' */
.icon-wheelchair-accessibility:before {
  content: "\eb64";
}
/* '' */
.icon-white-balance-auto:before {
  content: "\eb65";
}
/* '' */
.icon-white-balance-incandescent:before {
  content: "\eb66";
}
/* '' */
.icon-white-balance-irradescent:before {
  content: "\eb67";
}
/* '' */
.icon-white-balance-sunny:before {
  content: "\eb68";
}
/* '' */
.icon-wifi:before {
  content: "\eb69";
}
/* '' */
.icon-wikipedia:before {
  content: "\eb6a";
}
/* '' */
.icon-window-closed:before {
  content: "\eb6b";
}
/* '' */
.icon-window-open:before {
  content: "\eb6c";
}
/* '' */
.icon-windows:before {
  content: "\eb6d";
}
/* '' */
.icon-xbox:before {
  content: "\eb6e";
}
/* '' */
.icon-xda:before {
  content: "\eb6f";
}
/* '' */
.icon-xml:before {
  content: "\eb70";
}
/* '' */
.icon-youtube-play:before {
  content: "\eb71";
}
/* '' */
/* Body */
body {
  margin: 0;
  padding: 0;
  --color: #76736b;
  color: var(--color);
  font-size: 1rem;
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
}
div, p, ion-menu-button, ion-back-button {
  --color: #76736b;
  color: var(--color);
  color: var(--ion-toolbar-color, var(--color));
}
/* Headings */
h1, h2, h3, h4, h5, ion-card-header ion-card-title {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  --color: var(--ion-color-dark);
  color: var(--color);
}
@media screen and (max-width: 400px) {
  h1, h2, h3 {
    font-size: 15px !important;
  }
}
/* grid */
.max-grid ion-grid {
  max-width: 1170px;
}
/* Custom Icons */
ion-icon[class*=custom-] {
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 1em;
  height: 1em;
}
ion-icon[class*=custom-waterdrop] {
  -webkit-mask-image: url('water-drop.png');
          mask-image: url('water-drop.png');
}
ion-icon[class*=custom-waterdrops] {
  -webkit-mask-image: url('water-drops.png');
          mask-image: url('water-drops.png');
}
ion-icon[class*=custom-leaf] {
  -webkit-mask-image: url('leaf.png');
          mask-image: url('leaf.png');
}
.pointer-link {
  cursor: pointer;
}
.start-icon {
  position: absolute;
  left: 20px;
  opacity: 0.8;
}
.feature-icon {
  background: #06060675;
  padding: 8px;
  overflow: visible;
  border: 1px;
  box-shadow: 1px 1px 1px #06060661;
}
.end-icon {
  position: absolute;
  right: 20px;
}
/* Background colors */
.bg-white {
  background: #fff;
}
.bg-white-2 {
  background: #f1f1f1;
}
.bg-white-3 {
  background: #e9e9e9;
}
.bg-black {
  background: #111;
}
.bg-black-2 {
  background: #222;
}
.bg-black-3 {
  background: #333;
}
.bg-base {
  background: var(--ion-color-base);
}
.bg-secondary {
  background: var(--ion-color-secondary);
}
.bg-tertiary {
  background: var(--ion-color-tertiary);
}
.bg-light {
  background: #FFFFFF;
}
.bg-medium {
  background: var(--ion-color-medium);
}
.bg-dark {
  background: var(--ion-color-dark);
}
.bg-success {
  background: var(--ion-color-success);
}
.bg-warning {
  background: var(--ion-color-warning);
}
.bg-danger {
  background: var(--ion-color-danger);
}
/* Common Styling Classes */
.show {
  display: block;
}
.hide {
  display: none !important;
}
.block {
  display: block;
}
.inline-block {
  display: block;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-ali-center {
  align-items: center;
}
.flex-ali-start {
  align-items: flex-start;
}
.flex-ali-end {
  align-items: flex-end;
}
.flex-jus-center {
  justify-content: center;
}
.flex-jus-start {
  justify-content: flex-start;
}
.flex-jus-end {
  justify-content: flex-end;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}
.flex-9 {
  flex: 9;
}
.flex-10 {
  flex: 10;
}
/*text css color*/
.txt1 {
  color: var(--ion-text-color);
}
.txt2 {
  color: var(--ion-text-color-lv2);
}
.txt3 {
  color: var(--ion-text-color-lv3);
}
.txt4 {
  color: var(--ion-text-color-lv4);
}
.txt5 {
  color: var(--ion-text-color-lv5);
}
.txt-primary {
  color: var(--ion-color-primary);
}
.txt-secondary {
  color: var(--ion-color-secondary);
}
.txt-tertiary {
  color: var(--ion-color-tertiary);
}
.txt-success {
  color: var(--ion-color-success);
}
.txt-warning {
  color: var(--ion-color-warning);
}
.txt-danger {
  color: var(--ion-color-danger);
  --color: var(--ion-color-danger);
}
.txt-light {
  color: #fff !important;
}
.txt-medium {
  color: var(--ion-color-medium);
}
.txt-dark {
  color: rgba(50, 50, 50, 0.93) !important;
}
/*text css style*/
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.italic {
  font-style: italic;
}
.line-through {
  text-decoration: line-through;
}
.overline {
  text-decoration: overline;
}
.underline {
  text-decoration: underline;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
/*text css spacing*/
.spacing1 {
  letter-spacing: 1px;
}
.spacing2 {
  letter-spacing: 2px;
}
.spacing3 {
  letter-spacing: 3px;
}
.spacing4 {
  letter-spacing: 4px;
}
.spacing5 {
  letter-spacing: 5px;
}
.spacing6 {
  letter-spacing: 6px;
}
.spacing7 {
  letter-spacing: 7px;
}
.spacing8 {
  letter-spacing: 8px;
}
.spacing9 {
  letter-spacing: 9px;
}
.spacing10 {
  letter-spacing: 10px;
}
/*text css fontsize*/
.fs-5 {
  font-size: 5px !important;
  /*line-height: 11px !important;*/
}
.fs-6 {
  font-size: 6px !important;
  /*line-height: 12px !important;*/
}
.fs-7 {
  font-size: 7px !important;
  /*line-height: 13px !important;*/
}
.fs-8 {
  font-size: 8px !important;
  /*line-height: 14px !important;*/
}
.fs-9 {
  font-size: 9px !important;
  /*line-height: 15px !important;*/
}
.fs-10 {
  font-size: 10px !important;
  /*line-height: 16px !important;*/
}
.fs-11 {
  font-size: 11px !important;
  /*line-height: 17px !important;*/
}
.fs-12 {
  font-size: 12px !important;
  /*line-height: 18px !important;*/
}
.fs-13 {
  font-size: 13px !important;
  /*line-height: 19px !important;*/
}
.fs-14 {
  font-size: 14px !important;
  /*line-height: 20px !important;*/
}
.fs-15 {
  font-size: 15px !important;
  /*line-height: 21px !important;*/
}
.fs-16 {
  font-size: 16px !important;
  /*line-height: 22px !important;*/
}
.fs-17 {
  font-size: 17px !important;
  /*line-height: 23px !important;*/
}
.fs-18 {
  font-size: 18px !important;
  /*line-height: 24px !important;*/
}
.fs-19 {
  font-size: 19px !important;
  /*line-height: 25px !important;*/
}
.fs-20 {
  font-size: 20px !important;
  /*line-height: 26px !important;*/
}
.fs-21 {
  font-size: 21px !important;
  /*line-height: 27px !important;*/
}
.fs-22 {
  font-size: 22px !important;
  /*line-height: 28px !important;*/
}
.fs-23 {
  font-size: 23px !important;
  /*line-height: 29px !important;*/
}
.fs-24 {
  font-size: 24px !important;
  /*line-height: 30px !important;*/
}
.fs-25 {
  font-size: 25px !important;
  /*line-height: 31px !important;*/
}
.fs-26 {
  font-size: 26px !important;
  /*line-height: 32px !important;*/
}
.fs-27 {
  font-size: 27px !important;
  /*line-height: 33px !important;*/
}
.fs-28 {
  font-size: 28px !important;
  /*line-height: 34px !important;*/
}
.fs-29 {
  font-size: 29px !important;
  /*line-height: 35px !important;*/
}
.fs-30 {
  font-size: 30px !important;
  /*line-height: 36px !important;*/
}
.fs-32 {
  font-size: 32px !important;
  /*line-height: 38px !important;*/
}
.fs-34 {
  font-size: 34px !important;
  /*line-height: 40px !important;*/
}
.fs-36 {
  font-size: 36px !important;
  /*line-height: 42px !important;*/
}
.fs-38 {
  font-size: 38px !important;
  /*line-height: 44px !important;*/
}
.fs-40 {
  font-size: 40px !important;
  /*line-height: 46px !important;*/
}
.fs-42 {
  font-size: 42px !important;
  /*line-height: 48px !important;*/
}
.fs-44 {
  font-size: 44px !important;
}
.fs-46 {
  font-size: 46px !important;
  /*line-height: 52px !important;*/
}
.fs-48 {
  font-size: 48px !important;
  /*line-height: 54px !important;*/
}
.fs-50 {
  font-size: 50px !important;
  /*line-height: 56px !important;*/
}
.fs-60 {
  font-size: 60px !important;
  /*line-height: 66px !important;*/
}
.fs-70 {
  font-size: 70px !important;
  /*line-height: 76px !important;*/
}
.fs-80 {
  font-size: 80px !important;
  /*line-height: 86px !important;*/
}
.fs-90 {
  font-size: 90px !important;
  /*line-height: 96px !important;*/
}
.fs-100 {
  font-size: 100px !important;
  /*line-height: 106px !important;*/
}
.w-100 {
  width: 100%;
}
/* Text css fontweight*/
.fw-100 {
  font-weight: 100 !important;
}
.fw-200 {
  font-weight: 200 !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}
/* All spacing css*/
.pd-0 {
  padding: 0 !important;
}
.pd-1 {
  padding: 1px !important;
}
.pd-2 {
  padding: 2px !important;
}
.pd-3 {
  padding: 3px !important;
}
.pd-4 {
  padding: 4px !important;
}
.pd-5 {
  padding: 5px !important;
}
.pd-6 {
  padding: 6px !important;
}
.pd-7 {
  padding: 7px !important;
}
.pd-8 {
  padding: 8px !important;
}
.pd-9 {
  padding: 9px !important;
}
.pd-10 {
  padding: 10px !important;
}
.pd-11 {
  padding: 11px !important;
}
.pd-12 {
  padding: 12px !important;
}
.pd-13 {
  padding: 13px !important;
}
.pd-14 {
  padding: 14px !important;
}
.pd-15 {
  padding: 15px !important;
}
.pd-16 {
  padding: 16px !important;
}
.pd-17 {
  padding: 17px !important;
}
.pd-18 {
  padding: 18px !important;
}
.pd-19 {
  padding: 19px !important;
}
.pd-20 {
  padding: 20px !important;
}
.pd-25 {
  padding: 25px !important;
}
.pd-30 {
  padding: 30px !important;
}
.pd-35 {
  padding: 35px !important;
}
.pd-40 {
  padding: 40px !important;
}
.pd-45 {
  padding: 45px !important;
}
.pd-50 {
  padding: 50px !important;
}
.pd-70 {
  padding: 70px !important;
}
.pd-100 {
  padding: 100px !important;
}
.pd-150 {
  padding: 150px !important;
}
.pdt-0 {
  padding-top: 0 !important;
}
.pdt-1 {
  padding-top: 1px !important;
}
.pdt-2 {
  padding-top: 2px !important;
}
.pdt-3 {
  padding-top: 3px !important;
}
.pdt-4 {
  padding-top: 4px !important;
}
.pdt-5 {
  padding-top: 5px !important;
}
.pdt-6 {
  padding-top: 6px !important;
}
.pdt-7 {
  padding-top: 7px !important;
}
.pdt-8 {
  padding-top: 8px !important;
}
.pdt-9 {
  padding-top: 9px !important;
}
.pdt-10 {
  padding-top: 10px !important;
}
.pdt-11 {
  padding-top: 11px !important;
}
.pdt-12 {
  padding-top: 12px !important;
}
.pdt-13 {
  padding-top: 13px !important;
}
.pdt-14 {
  padding-top: 14px !important;
}
.pdt-15 {
  padding-top: 15px !important;
}
.pdt-16 {
  padding-top: 16px !important;
}
.pdt-17 {
  padding-top: 17px !important;
}
.pdt-18 {
  padding-top: 18px !important;
}
.pdt-19 {
  padding-top: 19px !important;
}
.pdt-20 {
  padding-top: 20px !important;
}
.pdt-25 {
  padding-top: 25px !important;
}
.pdt-30 {
  padding-top: 30px !important;
}
.pdt-35 {
  padding-top: 35px !important;
}
.pdt-40 {
  padding-top: 40px !important;
}
.pdt-45 {
  padding-top: 45px !important;
}
.pdt-50 {
  padding-top: 50px !important;
}
.pdt-70 {
  padding-top: 70px !important;
}
.pdt-100 {
  padding-top: 100px !important;
}
.pdt-150 {
  padding-top: 150px !important;
}
.pdb-0 {
  padding-bottom: 0 !important;
}
.pdb-1 {
  padding-bottom: 1px !important;
}
.pdb-2 {
  padding-bottom: 2px !important;
}
.pdb-3 {
  padding-bottom: 3px !important;
}
.pdb-4 {
  padding-bottom: 4px !important;
}
.pdb-5 {
  padding-bottom: 5px !important;
}
.pdb-6 {
  padding-bottom: 6px !important;
}
.pdb-7 {
  padding-bottom: 7px !important;
}
.pdb-8 {
  padding-bottom: 8px !important;
}
.pdb-9 {
  padding-bottom: 9px !important;
}
.pdb-10 {
  padding-bottom: 10px !important;
}
.pdb-11 {
  padding-bottom: 11px !important;
}
.pdb-12 {
  padding-bottom: 12px !important;
}
.pdb-13 {
  padding-bottom: 13px !important;
}
.pdb-14 {
  padding-bottom: 14px !important;
}
.pdb-15 {
  padding-bottom: 15px !important;
}
.pdb-16 {
  padding-bottom: 16px !important;
}
.pdb-17 {
  padding-bottom: 17px !important;
}
.pdb-18 {
  padding-bottom: 18px !important;
}
.pdb-19 {
  padding-bottom: 19px !important;
}
.pdb-20 {
  padding-bottom: 20px !important;
}
.pdb-25 {
  padding-bottom: 25px !important;
}
.pdb-30 {
  padding-bottom: 30px !important;
}
.pdb-35 {
  padding-bottom: 35px !important;
}
.pdb-40 {
  padding-bottom: 40px !important;
}
.pdb-45 {
  padding-bottom: 45px !important;
}
.pdb-50 {
  padding-bottom: 50px !important;
}
.pdb-70 {
  padding-bottom: 70px !important;
}
.pdb-100 {
  padding-bottom: 100px !important;
}
.pdb-150 {
  padding-bottom: 150px !important;
}
.pdl-0 {
  padding-left: 0 !important;
}
.pdl-1 {
  padding-left: 1px !important;
}
.pdl-2 {
  padding-left: 2px !important;
}
.pdl-3 {
  padding-left: 3px !important;
}
.pdl-4 {
  padding-left: 4px !important;
}
.pdl-5 {
  padding-left: 5px !important;
}
.pdl-6 {
  padding-left: 6px !important;
}
.pdl-7 {
  padding-left: 7px !important;
}
.pdl-8 {
  padding-left: 8px !important;
}
.pdl-9 {
  padding-left: 9px !important;
}
.pdl-10 {
  padding-left: 10px !important;
}
.pdl-11 {
  padding-left: 11px !important;
}
.pdl-12 {
  padding-left: 12px !important;
}
.pdl-13 {
  padding-left: 13px !important;
}
.pdl-14 {
  padding-left: 14px !important;
}
.pdl-15 {
  padding-left: 15px !important;
}
.pdl-16 {
  padding-left: 16px !important;
}
.pdl-17 {
  padding-left: 17px !important;
}
.pdl-18 {
  padding-left: 18px !important;
}
.pdl-19 {
  padding-left: 19px !important;
}
.pdl-20 {
  padding-left: 20px !important;
}
.pdl-25 {
  padding-left: 25px !important;
}
.pdl-30 {
  padding-left: 30px !important;
}
.pdl-35 {
  padding-left: 35px !important;
}
.pdl-40 {
  padding-left: 40px !important;
}
.pdl-45 {
  padding-left: 45px !important;
}
.pdl-50 {
  padding-left: 50px !important;
}
.pdl-70 {
  padding-left: 70px !important;
}
.pdl-100 {
  padding-left: 100px !important;
}
.pdl-150 {
  padding-left: 150px !important;
}
.pdr-0 {
  padding-right: 0 !important;
}
.pdr-1 {
  padding-right: 1px !important;
}
.pdr-2 {
  padding-right: 2px !important;
}
.pdr-3 {
  padding-right: 3px !important;
}
.pdr-4 {
  padding-right: 4px !important;
}
.pdr-5 {
  padding-right: 5px !important;
}
.pdr-6 {
  padding-right: 6px !important;
}
.pdr-7 {
  padding-right: 7px !important;
}
.pdr-8 {
  padding-right: 8px !important;
}
.pdr-9 {
  padding-right: 9px !important;
}
.pdr-10 {
  padding-right: 10px !important;
}
.pdr-11 {
  padding-right: 11px !important;
}
.pdr-12 {
  padding-right: 12px !important;
}
.pdr-13 {
  padding-right: 13px !important;
}
.pdr-14 {
  padding-right: 14px !important;
}
.pdr-15 {
  padding-right: 15px !important;
}
.pdr-16 {
  padding-right: 16px !important;
}
.pdr-17 {
  padding-right: 17px !important;
}
.pdr-18 {
  padding-right: 18px !important;
}
.pdr-19 {
  padding-right: 19px !important;
}
.pdr-20 {
  padding-right: 20px !important;
}
.pdr-25 {
  padding-right: 25px !important;
}
.pdr-30 {
  padding-right: 30px !important;
}
.pdr-35 {
  padding-right: 35px !important;
}
.pdr-40 {
  padding-right: 40px !important;
}
.pdr-45 {
  padding-right: 45px !important;
}
.pdr-50 {
  padding-right: 50px !important;
}
.pdr-70 {
  padding-right: 70px !important;
}
.pdr-100 {
  padding-right: 100px !important;
}
.pdr-150 {
  padding-right: 150px !important;
}
/* Margin css*/
.mg-0 {
  margin: 0 !important;
}
.mg-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.mg-5 {
  margin: 5px !important;
}
.mg-10 {
  margin: 10px !important;
}
.mg-15 {
  margin: 15px !important;
}
.mg-20 {
  margin: 20px !important;
}
.mg-25 {
  margin: 25px !important;
}
.mg-30 {
  margin: 30px !important;
}
.mg-35 {
  margin: 35px !important;
}
.mg-40 {
  margin: 40px !important;
}
.mg-45 {
  margin: 45px !important;
}
.mg-50 {
  margin: 50px !important;
}
.mg-70 {
  margin: 70px !important;
}
.mg-90 {
  margin: 90px !important;
}
.mgt-0 {
  margin-top: 0 !important;
}
.mgt-5 {
  margin-top: 5px !important;
}
.mgt-10 {
  margin-top: 10px !important;
}
.mgt-15 {
  margin-top: 15px !important;
}
.mgt-20 {
  margin-top: 20px !important;
}
.mgt-25 {
  margin-top: 25px !important;
}
.mgt-30 {
  margin-top: 30px !important;
}
.mgt-35 {
  margin-top: 35px !important;
}
.mgt-40 {
  margin-top: 40px !important;
}
.mgt-45 {
  margin-top: 45px !important;
}
.mgt-50 {
  margin-top: 50px !important;
}
.mgt-70 {
  margin-top: 70px !important;
}
.mgt-90 {
  margin-top: 90px !important;
}
.mgt--5 {
  margin-top: -5px !important;
}
.mgt--10 {
  margin-top: -10px !important;
}
.mgt--12 {
  margin-top: -12px !important;
}
.mgt--15 {
  margin-top: -15px !important;
}
.mgt--20 {
  margin-top: -20px !important;
}
.mgt--25 {
  margin-top: -25px !important;
}
.mgt--30 {
  margin-top: -30px !important;
}
.mgt--35 {
  margin-top: -35px !important;
}
.mgt--40 {
  margin-top: -40px !important;
}
.mgt--45 {
  margin-top: -45px !important;
}
.mgt--50 {
  margin-top: -50px !important;
}
.mgt--70 {
  margin-top: -70px !important;
}
.mgt--90 {
  margin-top: -90px !important;
}
.mgb-0 {
  margin-bottom: 0 !important;
}
.mgb-5 {
  margin-bottom: 5px !important;
}
.mgb-10 {
  margin-bottom: 10px !important;
}
.mgb-15 {
  margin-bottom: 15px !important;
}
.mgb-20 {
  margin-bottom: 20px !important;
}
.mgb-25 {
  margin-bottom: 25px !important;
}
.mgb-30 {
  margin-bottom: 30px !important;
}
.mgb-35 {
  margin-bottom: 35px !important;
}
.mgb-40 {
  margin-bottom: 40px !important;
}
.mgb-45 {
  margin-bottom: 45px !important;
}
.mgb-50 {
  margin-bottom: 50px !important;
}
.mgb-70 {
  margin-bottom: 70px !important;
}
.mgb-90 {
  margin-bottom: 90px !important;
}
.mgb--2 {
  margin-bottom: -2px !important;
}
.mgb--5 {
  margin-bottom: -5px !important;
}
.mgb--10 {
  margin-bottom: -10px !important;
}
.mgb--15 {
  margin-bottom: -15px !important;
}
.mgb--20 {
  margin-bottom: -20px !important;
}
.mgb--25 {
  margin-bottom: -25px !important;
}
.mgb--30 {
  margin-bottom: -30px !important;
}
.mgb--35 {
  margin-bottom: -35px !important;
}
.mgb--40 {
  margin-bottom: -40px !important;
}
.mgb--45 {
  margin-bottom: -45px !important;
}
.mgb--50 {
  margin-bottom: -50px !important;
}
.mgb--70 {
  margin-bottom: -70px !important;
}
.mgb--90 {
  margin-bottom: -90px !important;
}
.mgl-0 {
  margin-left: 0 !important;
}
.mgl-5 {
  margin-left: 5px !important;
}
.mgl-10 {
  margin-left: 10px !important;
}
.mgl-15 {
  margin-left: 15px !important;
}
.mgl-20 {
  margin-left: 20px !important;
}
.mgl-25 {
  margin-left: 25px !important;
}
.mgl-30 {
  margin-left: 30px !important;
}
.mgl-35 {
  margin-left: 35px !important;
}
.mgl-40 {
  margin-left: 40px !important;
}
.mgl-45 {
  margin-left: 45px !important;
}
.mgl-50 {
  margin-left: 50px !important;
}
.mgl-70 {
  margin-left: 70px !important;
}
.mgl-90 {
  margin-left: 90px !important;
}
.mgl--5 {
  margin-left: -5px !important;
}
.mgl--10 {
  margin-left: -10px !important;
}
.mgl--15 {
  margin-left: -15px !important;
}
.mgl--20 {
  margin-left: -20px !important;
}
.mgl--25 {
  margin-left: -25px !important;
}
.mgl--30 {
  margin-left: -30px !important;
}
.mgl--35 {
  margin-left: -35px !important;
}
.mgl--40 {
  margin-left: -40px !important;
}
.mgl--45 {
  margin-left: -45px !important;
}
.mgl--50 {
  margin-left: -50px !important;
}
.mgl--70 {
  margin-left: -70px !important;
}
.mgl--90 {
  margin-left: -90px !important;
}
.mgr-0 {
  margin-right: 0 !important;
}
.mgr-5 {
  margin-right: 5px !important;
}
.mgr-10 {
  margin-right: 10px !important;
}
.mgr-15 {
  margin-right: 15px !important;
}
.mgr-20 {
  margin-right: 20px !important;
}
.mgr-25 {
  margin-right: 25px !important;
}
.mgr-30 {
  margin-right: 30px !important;
}
.mgr-35 {
  margin-right: 35px !important;
}
.mgr-40 {
  margin-right: 40px !important;
}
.mgr-45 {
  margin-right: 45px !important;
}
.mgr-50 {
  margin-right: 50px !important;
}
.mgr-70 {
  margin-right: 70px !important;
}
.mgr-90 {
  margin-right: 90px !important;
}
.mgr--5 {
  margin-right: -5px !important;
}
.mgr--10 {
  margin-right: -10px !important;
}
.mgr--15 {
  margin-right: -15px !important;
}
.mgr--20 {
  margin-right: -20px !important;
}
.mgr--25 {
  margin-right: -25px !important;
}
.mgr--30 {
  margin-right: -30px !important;
}
.mgr--35 {
  margin-right: -35px !important;
}
.mgr--40 {
  margin-right: -40px !important;
}
.mgr--45 {
  margin-right: -45px !important;
}
.mgr--50 {
  margin-right: -50px !important;
}
.mgr--70 {
  margin-right: -70px !important;
}
.mgr--90 {
  margin-right: -90px !important;
}
/* Shadow css*/
.shadow-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.shadow-2 {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.shadow-3 {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}
.shadow-4 {
  box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.3);
}
.shadow-5 {
  box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.5);
}
/* Round css*/
.bdra-0 {
  border-radius: 0;
  overflow: hidden;
}
.bdra-1 {
  border-radius: 1px;
  overflow: hidden;
}
.bdra-2 {
  border-radius: 2px;
  overflow: hidden;
}
.bdra-3 {
  border-radius: 3px;
  overflow: hidden;
}
.bdra-4 {
  border-radius: 4px;
  overflow: hidden;
}
.bdra-5 {
  border-radius: 5px;
  overflow: hidden;
}
.bdra-6 {
  border-radius: 6px;
  overflow: hidden;
}
.bdra-7 {
  border-radius: 7px;
  overflow: hidden;
}
.bdra-8 {
  border-radius: 8px;
  overflow: hidden;
}
.bdra-9 {
  border-radius: 9px;
  overflow: hidden;
}
.bdra-10 {
  border-radius: 10px;
  overflow: hidden;
}
.bdra-12 {
  border-radius: 12px;
  overflow: hidden;
}
.bdra-14 {
  border-radius: 14px;
  overflow: hidden;
}
.bdra-15 {
  border-radius: 15px;
  overflow: hidden;
}
.bdra-16 {
  border-radius: 16px;
  overflow: hidden;
}
.bdra-18 {
  border-radius: 18px;
  overflow: hidden;
}
.bdra-20 {
  border-radius: 20px;
  overflow: hidden;
}
.bdra-25 {
  border-radius: 25px;
  overflow: hidden;
}
.bdra-30 {
  border-radius: 30px;
  overflow: hidden;
}
.circle {
  border-radius: 50%;
  overflow: hidden;
}
/*css button element*/
.button {
  text-decoration: none;
}
ion-button, .button.primary {
  text-transform: uppercase;
  color: white;
  --ion-text-color: white;
  font-size: 90%;
  letter-spacing: 0.5px;
  text-shadow: 0 0 0 #28716600;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
ion-button ion-icon, ion-button span, .button.primary ion-icon, .button.primary span {
  color: white;
}
ion-button.button-clear {
  color: #000000;
  color: var(--ion-color-dark, #000000);
  --ion-text-color: darkgray;
}
ion-button.next-button {
  height: 50px;
}
ion-button.next-button h3 {
  color: white;
}
.skip-container {
  padding-top: 10px;
  display: flex;
  justify-content: center;
}
.skip-container .skip-button {
  cursor: pointer;
}
.skip-container .skip-button h4 {
  font-size: 16px;
  color: var(--ion-color-medium);
  margin: 0 auto;
  text-align: center;
}
ion-button[color=primary] {
  /*  --box-shadow: 0px 2px 7px 0px var(--ion-color-primary-shadow);*/
  /* background-color: #1a9b87; breaks radius */
  color: white;
}
ion-button[color=secondary] {
  /* --box-shadow: 0px 2px 7px 0px var(--ion-color-secondary-shadow); */
  /*  background-color: #0c83ac;*/
  color: white;
}
ion-button[color=tertiary] {
  /* --box-shadow: 0px 2px 7px 0px var(--ion-color-tertiary-shadow);*/
}
ion-button[color=medium] {
  --box-shadow: 0 2px 7px 0 var(--ion-color-medium-shadow);
}
ion-button[color=light] {
  --box-shadow: 0 2px 7px 0 var(--ion-color-light-shadow);
}
ion-button[color=info] {
  --box-shadow: 0 2px 7px 0 var(--ion-color-info-shadow) !important;
  --background: var(--ion-color-info) !important;
  --background-activated: var(--ion-color-info-shade) !important;
  --background-focused: var(--ion-color-info-shade) !important;
  --color: var(--ion-color-info-contrast) !important;
  --color-activated: var(--ion-color-info-contrast) !important;
  --color-focused: var(--ion-color-info-contrast) !important;
}
ion-button[color=success] {
  --box-shadow: 0 2px 7px 0 var(--ion-color-success-shadow);
}
ion-button[color=warning] {
  /* --box-shadow: 0px 2px 7px 0px var(--ion-color-warning-shadow);*/
}
ion-button[color=clear] {
  --box-shadow: 0 0 0 0 var(--ion-color-danger-shadow);
  border-width: 0;
  --background: #f38b6100 !important;
  background: #f2642a00 !important;
}
ion-button[color=clear] .button-native {
  background: transparent !important;
  color: var(--ion-color-contrast);
}
ion-toast.toast-success::part(container) {
  background: #24a148;
  color: #fff;
}
ion-toast.toast-danger::part(container) {
  color: #fff;
}
img {
  max-height: unset !important;
  display: flex !important;
}
ion-tabbar {
  border: none !important;
}
ion-tab-bar {
  background: white;
}
ion-toolbar {
  --background: white;
}
ion-content[fullscreen] {
  --offset-top: 76px !important;
}
ion-content > ion-grid {
  max-width: 1200px;
}
/* Header & Toolbar */
ion-header {
  z-index: 20000;
}
ion-header img.logo_brand {
  height: 32px;
}
ion-header ion-button ion-icon, ion-header ion-button.back ion-icon {
  color: var(--ion-toolbar-color);
}
ion-header ion-toolbar {
  --ion-color-base: #f1f2f7;
  --ion-color-primary: #f1f2f7;
  --background: #f1f2f7 !important;
  --ion-toolbar-background-color: #f1f2f7;
  --color: #424344;
  --ion-toolbar-color: #424344;
  --ion-text-color:#424344;
  --border-width: 0 0 0 !important;
}
ion-header ion-toolbar button {
  color: #FFF;
  --color: #FFF;
}
ion-header ion-toolbar ion-title {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  min-width: 56px;
}
ion-header ion-toolbar ion-title.title-ios {
  text-align: left;
  position: relative;
  width: auto;
  padding-left: 10px;
}
@media (min-width: 550px) {
  ion-header ion-toolbar ion-title {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
    padding-right: 0;
    padding-left: 0;
  }
  ion-header ion-toolbar ion-title.hydrated {
    padding-right: 0;
    padding-left: 0;
  }
  ion-header ion-toolbar ion-title.title-ios {
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
}
ion-header ion-toolbar ion-icon {
  margin: 8px;
}
ion-header ion-toolbar .logo {
  margin: 0;
  min-width: 56px;
  max-height: 56px !important;
}
ion-header ion-toolbar.ios .logo {
  margin: 0 45px;
}
@media screen and (max-width: 360px) {
  ion-header ion-button {
    width: -moz-fit-content !important;
    width: fit-content !important;
    min-width: 36px !important;
    height: 36px !important;
    margin-right: 15px;
    --padding-start: 1!important;
    --padding-end: 1!important;
    --padding-top: 0!important;
    --padding-bottom: 0!important;
  }
  ion-header ion-button ion-icon {
    width: 24px;
    height: 24px;
  }
  ion-header ion-button ion-badge {
    margin-right: 5px;
  }
}
ion-header::after {
  content: unset !important;
}
ion-header.header-transparent ion-toolbar {
  --background: transparent;
}
ion-header.header-opacity ion-toolbar {
  --background: rgba(255,255,255,0.5);
}
.card-content-md {
  font-size: 1rem;
}
.card-content-md p {
  font-size: 1rem;
}
.alert-button.popup-button-primary {
  background-color: #d9dce3;
  --background: var(--ion-background-color,#d9dce3);
  --ion-background-color:#d9dce3;
  border-radius: 5px;
}
.tab-btn-selected {
  color: #fff;
}
.offset-top-obj {
  margin-top: calc(var(--offset-top) * -1) !important;
}
ion-slides {
  --bullet-background-active: #fff !important;
  overflow: unset !important;
}
ion-slides .swiper-wrapper {
  overflow: unset !important;
  height: 100% !important;
  z-index: 1000;
  /*transition: 1s cubic-bezier(0.01, 0.63, 0.71, 0.82) !important;*/
}
ion-slides .swiper-wrapper ion-slide {
  /*height: 100% !important;*/
}
/* Visible / Hidden helper classes */
.invisible {
  visibility: hidden !important;
}
.hidden-xs-up {
  display: none !important;
}
@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}
.hidden-xl-down {
  display: none !important;
}
/* Main Content  */
ion-content {
  z-index: 10;
  /*background-color: #d9dce3;
  --background: var(--ion-background-color,#d9dce3);
  --ion-background-color:#d9dce3;*/
}
.small {
  font-size: 80%;
  color: #BBBBBB;
}
.small.copyright {
  font-style: italic;
}
.small.ion-color-danger {
  color: var(--ion-color-danger-shade) !important;
}
.small ion-icon {
  color: #BBBBBB;
}
div {
  white-space: normal;
}
/* Page/Content Wrapper */
.wrap-interval {
  position: relative;
  z-index: 1000;
  flex: 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap-interval .main-form {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .wrap-interval .main-form {
    padding: 50px;
  }
}
/* Forms defaults */
.wrap-form, .main-form {
  width: 100%;
}
.wrap-form .list-md, .main-form .list-md {
  --ion-item-background: transparent;
  --ion-background-color: transparent;
}
ion-select {
  background: #efefef;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  padding: 5px !important;
  min-height: 36px;
  margin-top: 10px;
}
/* Add to your global.scss file */
.alert-checkbox-label.sc-ion-alert-md,
.alert-checkbox-label.sc-ion-alert-ios {
  white-space: normal;
}
/* For older Ionic versions, this might also work */
ion-alert .alert-checkbox-label {
  white-space: normal !important;
}
.alert-radio-label {
  /* Target the label inside the alert interface */
  white-space: normal !important;
}
form ion-input .border, form ion-textarea .border, form ion-datetime .border {
  border: 1px solid #efefef;
}
form ion-datetime {
  font-size: 14px;
}
form ion-label, form .label-text {
  max-width: 100% !important;
}
form ion-label.label-stacked.txt3, form .label-text.label-stacked.txt3 {
  font-size: 15px;
  font-weight: 600;
  --webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
@media screen and (max-width: 576px) {
  form ion-label.label-stacked.txt3, form .label-text.label-stacked.txt3 {
    font-size: 14px;
  }
}
form ion-label.label-stacked.txt4, form .label-text.label-stacked.txt4 {
  font-size: 18px;
  font-weight: 600;
  --webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
@media screen and (max-width: 576px) {
  form ion-label.label-stacked.txt4, form .label-text.label-stacked.txt4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 350px) {
  form ion-textarea.placeholder {
    font-size: 14px;
  }
}
form ion-text, form .help-text {
  margin-bottom: 10px;
  margin-top: 7px;
  position: relative;
  text-align: left;
  width: 100%;
  font-size: 14px;
}
@media screen and (max-width: 576px) {
  form ion-text, form .help-text {
    font-size: 13px;
  }
}
input {
  width: 100%;
  font-weight: 400;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  border: 0;
  outline: 0;
  border-radius: 6px;
  --webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  -webkit-appearance: none;
  vertical-align: middle;
}
.search-share {
  display: inline-flex;
  justify-content: space-between;
}
.search-wrapper {
  flex-wrap: nowrap;
}
.search-input--small {
  border: 1px solid #bbbbbb;
  margin: 5px 0;
  height: 30px;
  opacity: 0.75;
}
.search-input--small.copy {
  height: 37px;
}
.search-input.search-input--large:before {
  font-size: 22px;
  left: 20px;
}
.search-input.search-input--large input {
  transition: box-shadow 0.3s;
  font-size: 16px;
  line-height: 22px;
  padding: 20px 50px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
.search-input:before {
  font-family: Ionicons, serif;
  content: "\f4a5";
  color: var(--ion-color-medium-tint);
  position: absolute;
  height: 24px;
  top: 50%;
  --webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Custom header for pages */
ion-item .header-title, ion-item [header-title], ion-col .header-title, ion-col [header-title], ion-row .header-title, ion-row [header-title] {
  --background: transparent;
  --ion-background-color: transparent;
  --background-activated: transparent;
  --background-focused: transparent;
  --inner-border-width: 0 0 0 0;
}
ion-item .header-title ion-icon, ion-col .header-title ion-icon, ion-row .header-title ion-icon {
  cursor: pointer;
  font-size: 16px;
}
ion-item .subtitle, ion-col .subtitle, ion-row .subtitle {
  display: block;
  font-size: 70%;
  font-family: "Bebas Neue", "Helvetic Neue", sans-serif;
  color: #8a8a8a;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
ion-item a.subtitle, ion-col a.subtitle, ion-row a.subtitle {
  background: #b0d3f0;
}
ion-item .custom-icon, ion-col .custom-icon, ion-row .custom-icon {
  margin-right: 10px;
}
/* Custom Footer */
ion-footer {
  z-index: 20;
}
ion-footer ion-col {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ion-color-dark);
  vertical-align: middle;
  float: none;
}
ion-footer ion-col.color-dark {
  background-color: #00000020;
}
ion-footer ion-col span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-align: center;
  padding: 9px 0;
  font-weight: 500;
  color: var(--ion-color-dark);
  gap: 8px;
  border-right: 2px solid #e4e4e4;
  background-color: var(--ion-background-light-gray);
  transition: ease-in 200ms;
  cursor: pointer;
}
ion-footer ion-col span.last-column {
  border-right: none;
}
ion-footer ion-col span svg {
  width: 24px;
  height: auto;
  max-height: 24px;
  display: block;
  fill: var(--ion-color-dark);
  margin: auto;
}
ion-footer ion-col span.activeLink {
  background-color: #709f6f;
  color: white;
}
ion-footer ion-col span.activeLink svg {
  fill: white;
}
ion-footer ion-col span.activeLink ion-icon {
  color: white;
}
ion-footer ion-col span:hover:not(.activeLink) {
  color: #709f6f;
}
ion-footer ion-col span:hover:not(.activeLink) svg {
  fill: #709f6f;
}
ion-footer ion-col span:hover:not(.activeLink) ion-icon {
  color: #709f6f;
}
ion-footer.internal-footer ion-icon, ion-footer .footer-icon {
  text-align: center;
  display: block;
  margin: 0 auto;
  height: 24px;
  color: var(--ion-color-dark);
  font-size: 1em;
  width: 100%;
}
ion-footer ion-toolbar {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
}
/* Card Default */
/* fix weird text-central issue */
.hydrated {
  visibility: inherit;
  text-align: left;
}
/* list items / card items default styles */
ion-avatar {
  width: 150px;
  height: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}
ion-avatar img {
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
}
@media screen and (max-width: 480px) {
  ion-avatar {
    width: 100px;
  }
}
.need-item ion-item {
  position: relative;
  border: 1px solid var(--ion-border-light-grey);
  box-shadow: var(--ion-shadow-card-light);
  border-radius: 15px;
  overflow: visible;
}
.need-item ion-item ion-chip.new-badge {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 10;
}
.need-item ion-item::part(native) {
  border-radius: 15px;
  padding: 0;
}
.need-item ion-label {
  margin: 15px 0;
}
.need-item ion-avatar {
  position: relative;
  min-width: 100px;
  height: 100% !important;
  margin: 20px 20px 20px 0;
  overflow: hidden;
  border-radius: 0;
}
@media screen and (max-width: 480px) {
  .need-item ion-avatar {
    max-width: 150px;
    margin-right: 10px;
  }
}
.need-item .cover-image {
  max-width: 150px;
  border-radius: 15px !important;
  height: 100%;
}
@media screen and (max-width: 480px) {
  .need-item .cover-image {
    max-width: 100px;
    width: 100px !important;
    margin-right: 15px !important;
  }
}
.need-item .need-card-actions {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
.datetype {
  border: 1px solid lightgray;
  border-radius: 3px;
  text-transform: uppercase;
  padding: 5px;
  font-size: 80%;
  width: auto !important;
  display: inline-block;
}
/* ion fab */
.fab {
  contain: initial;
  box-shadow: 0 3px 2px 2px black;
}
ion-fab ion-fab-list button[ion-fab] {
  overflow: visible;
}
ion-fab ion-fab-list button[ion-fab] div.label {
  position: absolute;
  right: 48px;
  background: rgba(0, 0, 0, 0.7);
  height: 24px;
  line-height: 16px;
  padding: 5px 8px;
  border-radius: 3px;
  color: #fff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
}
/* sharing tool globally, show locally */
ion-fab.a2a_kit {
  z-index: 111;
  position: absolute;
  bottom: 10px;
}
ion-fab.a2a_kit.need_page, ion-fab.a2a_kit.family_page, ion-fab.a2a_kit.organization_page, ion-fab.a2a_kit.resources_page {
  z-index: unset;
  position: relative;
  bottom: unset;
}
ion-fab.a2a_kit ion-fab-button.share, ion-fab.a2a_kit ion-button.share {
  --ion-color-base: #FF9800 !important;
  font-size: 20px;
}
ion-fab.a2a_kit ion-fab-button.share ion-icon, ion-fab.a2a_kit ion-button.share ion-icon {
  color: white;
  font-size: 20px;
}
ion-fab.a2a_kit ion-fab-list a {
  margin: 5px;
}
ion-fab.icon.share-button ion-fab-button.orange {
  --background: rgb(255, 152, 0);
  --background-hover: rgb(255, 152, 0);
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block;
}
.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em;
}
.resp-sharing-button {
  transition: 25ms ease-out;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 12px;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  line-height: 30px;
}
.resp-sharing-button__icon svg, .resp-sharing-button__icon ion-icon {
  color: white !important;
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top;
}
.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}
/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
}
/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none;
}
.resp-sharing-button--twitter {
  background-color: #55acee;
}
.resp-sharing-button--twitter:hover {
  background-color: #2795e9;
}
.resp-sharing-button--pinterest {
  background-color: #bd081c;
}
.resp-sharing-button--pinterest:hover {
  background-color: #8c0615;
}
.resp-sharing-button--facebook {
  background-color: #3b5998;
}
.resp-sharing-button--facebook:hover {
  background-color: #2d4373;
}
.resp-sharing-button--tumblr {
  background-color: #35465C;
}
.resp-sharing-button--tumblr:hover {
  background-color: #222d3c;
}
.resp-sharing-button--reddit {
  background-color: #5f99cf;
}
.resp-sharing-button--reddit:hover {
  background-color: #3a80c1;
}
.resp-sharing-button--google {
  background-color: #dd4b39;
}
.resp-sharing-button--google:hover {
  background-color: #c23321;
}
.resp-sharing-button--linkedin {
  background-color: #0077b5;
}
.resp-sharing-button--linkedin:hover {
  background-color: #046293;
}
.resp-sharing-button--email {
  background-color: #777;
}
.resp-sharing-button--email:hover {
  background-color: #5e5e5e;
}
.resp-sharing-button--xing {
  background-color: #1a7576;
}
.resp-sharing-button--xing:hover {
  background-color: #114c4c;
}
.resp-sharing-button--link {
  background-color: #1a7576;
}
.resp-sharing-button--link:hover {
  background-color: #114c4c;
}
.resp-sharing-button--whatsapp {
  background-color: #25D366;
}
.resp-sharing-button--whatsapp:hover {
  background-color: #1da851;
}
.resp-sharing-button--hackernews {
  background-color: #FF6600;
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
  background-color: #FB6200;
}
.resp-sharing-button--vk {
  background-color: #507299;
}
.resp-sharing-button--vk:hover {
  background-color: #43648c;
}
.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}
.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}
.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}
.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}
.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}
.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}
.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}
.resp-sharing-button--copy-link {
  background-color: var(--ion-color-primary);
}
.resp-sharing-button--copy-link:hover {
  background-color: var(--ion-color-primary-shade);
}
.resp-sharing-button__link, button {
  background: transparent;
  margin-left: 0;
}
.resp-sharing-button__icon_copy_link {
  margin-top: 1px;
  margin-left: 2px;
}
.image-upload {
  margin: 0;
  padding: 0;
}
.image-upload #image-search-keyword {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}
.image-upload .current-image {
  max-width: 200px;
  height: auto;
  border-radius: 5px;
  padding: 3px;
  border: 1px solid lightgray;
}
.image-upload ion-text {
  margin: 0;
  padding: 0;
}
.image-upload ion-text h3 {
  margin: 0;
  padding: 0;
}
/** TODO: should this be in pixabay-images.component.scss?? */
.image-search-results-container img {
  max-height: unset !important;
  display: flex !important;
  margin: 0 auto;
  border: 1px solid #bfbebe;
  padding: 1px;
}
.image-search-results-container img.selected {
  border: solid 3px red;
  opacity: 0.7;
}
hr {
  height: 0;
  border-width: 1px;
  opacity: 50%;
}
.encouragement .svg-art {
  margin: 0 auto;
  max-width: 200px;
}
.encouragement .proverb {
  border: 1px solid #e6e6e6;
  color: #454545;
  padding: 5px 8px;
  font-size: 1.2em;
  background-color: #e2e2e2;
  line-height: 1.6em;
  margin: 10px 0;
}
@media screen and (min-width: 767px) {
  .encouragement .proverb {
    padding: 10px 20px;
  }
}
.user-info .user-name {
  font-size: 90%;
  float: right;
  text-align: right;
}
.user-info .user-name span.greeting {
  float: right;
  padding-top: 6px;
}
@media screen and (max-width: 767px) {
  .user-info .welcome {
    font-size: 18px;
  }
}
.question-counter.lifeplan-header {
  margin-bottom: 5px;
}
.question-counter .counter-holder {
  height: 12px;
  width: 100%;
  padding: 2px;
  border: solid #000000 0.25px;
}
.question-counter .bg {
  height: 8px;
  background-color: #000000;
  border: none;
  float: left;
}
@media screen and (max-height: 700px) {
  .card-content-ios {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.question-card.dnd {
  border: 1px solid #c0bfbf;
  border-radius: 5px;
}
.question-card ion-card-header {
  border-bottom: 1px solid;
}
.question-card ion-card-header h1 {
  padding: 0;
  margin: 0;
  font-size: 20px;
}
@media screen and (max-height: 700px) {
  .question-card ion-card-header h1 {
    font-size: 17px;
  }
}
.question-card ion-card-header h1 ion-icon {
  vertical-align: middle;
  padding: 5px;
  background: #ebf5eb;
  margin: 0 5px 0 0;
  border-radius: 5px;
  height: 30px;
  float: left;
  font-size: 30px;
}
.question-card ion-card-header h2:not(.subtitle-per-slug), .question-card ion-card-header h3 {
  color: darkgrey;
  padding: 0;
  BACKGROUND: #ebf7f5;
  margin: 0 0 10px;
}
@media screen and (max-height: 700px) {
  .question-card ion-card-header h2:not(.subtitle-per-slug), .question-card ion-card-header h3 {
    font-size: 20px;
  }
}
.question-card ion-card-header h2:not(.subtitle-per-slug) ion-icon, .question-card ion-card-header h3 ion-icon {
  color: darkgrey;
  background: #ebf7f5;
  border-radius: 10px;
  padding: 4px;
  vertical-align: middle;
}
.question-card ion-card-header h2:not(.subtitle-per-slug).goals-question-title, .question-card ion-card-header h3.goals-question-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 4px;
  border-radius: 6px;
}
.question-card ion-card-header h2:not(.subtitle-per-slug).goals-question-title ion-icon, .question-card ion-card-header h3.goals-question-title ion-icon {
  margin: 0;
}
.question-card ion-card-header h2:not(.subtitle-per-slug).goals-question-title span, .question-card ion-card-header h3.goals-question-title span {
  font-size: 20px;
  color: #188575;
}
@media screen and (max-height: 700px) {
  .question-card ion-card-header h2:not(.subtitle-per-slug).goals-question-title span, .question-card ion-card-header h3.goals-question-title span {
    font-size: 18px;
  }
}
.question-card ion-card-content h2 {
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 22px;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .question-card {
    padding: 0 !important;
    margin: 0;
  }
}
ion-modal.confirm-selection {
  --width: fit-content;
  --height: fit-content;
  --max-width: 80vw;
  --max-height: 1000px;
  --background: #ecf1f5;
  --border-radius: 10px;
  --border-width: 1px;
  --border-color: #EDEDED;
  --border-style: solid;
}
ion-modal.confirm-selection::part(content) {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (min-height: 700px) {
  ion-modal.confirm-selection .sc-ion-modal-md-h, ion-modal.confirm-selection .sc-ion-modal-ios-h {
    --width: fit-content;
    --height: fit-content;
    --max-width: 80vw;
    --max-height: 1000px;
  }
}
.question-answers ion-button {
  --background: var(--ion-color-primary);
  background: var(--background);
  --ion-background-color: var(--ion-color-primary) ;
}
.question-answers ion-button:nth-of-type(2) {
  opacity: 0.9;
}
.question-answers ion-button:nth-of-type(3) {
  opacity: 0.8;
}
.question-answers ion-button:nth-of-type(4) {
  opacity: 0.7;
}
.question-answers ion-button:nth-of-type(5) {
  opacity: 0.6;
}
.question-answers ion-button:nth-of-type(6) {
  opacity: 0.5;
}
.question-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 111;
}
.question-footer ion-button {
  --border-radius: 10px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .question-footer {
    position: relative;
  }
}
@media screen and (max-height: 700px) {
  .ion-padding {
    --padding-top: unset;
    --padding-bottom: unset;
  }
}
.drag-drop-holder {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
  min-height: 300px;
  z-index: 1111;
  position: relative;
  background-size: contain;
  background: transparent url('arrow-down.png') no-repeat 95% top/contain;
  padding-right: 20%;
  margin: 10px 0;
}
@media screen and (max-width: 490px) {
  .drag-drop-holder {
    background: transparent url('arrow-down-mobile.png') no-repeat 95% top/contain;
    min-height: 260px;
    padding-right: 12%;
  }
}
@media screen and (max-height: 700px) {
  .drag-drop-holder {
    min-height: 150px;
    padding-right: 12%;
  }
}
.drag-drop-holder .draggable {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ion-color-primary);
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  float: left;
  padding: 10px;
  width: clamp(100px, 40%, 120px);
  max-height: 120px;
  min-height: 100px;
  aspect-ratio: 1/1;
  font-size: 0.9em;
  letter-spacing: 0;
  line-height: 1;
}
.drag-drop-holder .draggable:nth-of-type(odd) {
  opacity: 0.8;
}
.drag-drop-holder .draggable:nth-of-type(even) {
  opacity: 0.8;
  background-color: var(--ion-color-secondary);
}
@media screen and (max-width: 480px) {
  .drag-drop-holder .draggable {
    width: clamp(100px, 38%, 120px);
    font-size: clamp(12px, 75%, 15px);
  }
}
@media screen and (max-height: 700px) {
  .drag-drop-holder .draggable {
    width: clamp(80px, 30%, 100px);
    font-size: clamp(12px, 75%, 15px);
    min-height: 80px;
  }
}
.drag-drop-holder .draggable .answer {
  min-height: 30px;
  height: auto;
  padding: 8px;
  color: white;
  text-shadow: 1px 1px 1px black;
}
.drag-drop-holder .draggable:nth-of-type(odd) {
  opacity: 0.8;
}
.drag-drop-holder .draggable:nth-of-type(even) {
  opacity: 0.8;
  background-color: var(--ion-color-secondary);
}
.dropable {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  bottom: 5px;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 5px;
  border: solid #dcd4d4 2px;
  background: #e4e3e3;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  min-height: 100px;
  z-index: 1;
  text-transform: uppercase;
  font-size: 13px;
}
.dropable .before {
  font-style: italic;
  font-size: 80%;
}
.dropable .holder {
  margin: 3px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 2px 0 2px 6px;
  display: flex;
  text-align: center;
  align-items: center;
  background: rgba(75, 75, 75, 0.78);
  font-size: 90%;
}
.dropable .holder ion-button {
  width: 30px;
  height: 26px;
  background-color: transparent;
  margin-left: 10px;
}
.dropable .holder div {
  color: white;
  font-weight: bold;
}
.falling-element {
  text-align: center;
  background-color: #bdd4d2;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  height: auto;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 10px 20px 10px;
}
.falling-element .falling-icon {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  width: 60px;
  height: 60px;
  display: block;
  z-index: 1000;
  margin-right: auto;
  margin-left: auto;
  margin-top: -50px;
  background-color: var(--ion-color-primary);
}
.falling-element .falling-icon ion-icon {
  padding: 13px;
  border: 2px solid #168575;
  border-radius: 50%;
  background: #f0fffe;
}
.falling-answers {
  margin-top: -20px;
  justify-content: center;
  position: relative;
  bottom: 0;
  clear: both;
}
.falling-answers ion-button {
  padding: 0 20px;
  height: 35px;
  border-radius: 10px;
}
.bubbles-questions #bubble_content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.bubbles-questions #bubble_content label {
  background-color: #1a9b87;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  opacity: 0.6;
}
.bubbles-questions #bubble_content label .label-text {
  color: #ffffff;
}
.alert-tappable.alert-radio {
  height: auto;
  contain: content;
}
.alert-radio-label.sc-ion-alert-md,
.alert-radio-label.sc-ion-alert-ios {
  white-space: normal !important;
}
.normalToast {
  color: white !important;
}
.circle-detail ion-button {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  white-space: normal;
  overflow: visible;
  color: #383838;
  --ion-text-color: white;
}
.circle-detail ion-button.button-circle {
  --padding-top: 20px;
  --padding-bottom: 20px;
  --padding-start: 20px;
  --padding-end: 20px;
  --border-radius: 50px;
  height: 80px;
  width: 80px;
}
@media screen and (max-width: 768px) {
  .circle-detail ion-button.button-circle {
    --padding-top:10px;
    --padding-bottom: 10px;
    --padding-start: 10px;
    --padding-end: 10px;
    --border-radius: 40px;
    height: 60px;
    width: 60px;
  }
}
.circle-detail ion-button.button-circle .custom-icon {
  margin-right: 0 !important;
}
.circle-detail ion-button.button-circle.icon-0 {
  --background-activated: var(--background);
  --background: var(--ion-color-primary, #ACD9DC);
  --ion-color-primary: #ACD9DC;
}
.circle-detail ion-button.button-circle.icon-1 {
  --background-activated: var(--background);
  --background: var(--ion-color-primary, #9ad7da);
  --ion-color-primary: #9ad7da;
}
.circle-detail ion-button.button-circle.icon-2 {
  --background-activated: var(--background);
  --background: var(--ion-color-primary, #6ac8ca);
  --ion-color-primary: #6ac8ca;
}
.circle-detail ion-button.button-circle.icon-3 {
  --background-activated: var(--background);
  --background: var(--ion-color-primary, #04b1c2);
  --ion-color-primary: #04b1c2;
}
.circle-detail ion-button.button-circle.icon-4 {
  --background-activated: var(--background);
  --background: var(--ion-color-primary, #0081af);
  --ion-color-primary: #0081af;
}
.circle-detail ion-button.button-circle.icon-5 {
  --background-activated: var(--background);
  --background: var(--ion-color-primary, #055093);
  --ion-color-primary: #055093;
}
.circle-detail ion-button.button-circle.icon-6 {
  --background-activated: var(--background);
  --background: var(--ion-color-primary, #293780);
  --ion-color-primary: #293780;
}
.circle-detail ion-button.button-circle .custom-icon {
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  --color: #ffffff;
}
.circle-detail ion-button.button-header {
  display: block;
  --background-activated: var(--background);
  --background: var(--ion-color-primary, rgba(255, 255, 255, 0));
  --background-focused: var(--ion-color-primary-shade, rgba(56, 129, 255, 0));
  --ion-color-base: #ffffff00;
  font-weight: bold;
  margin-bottom: 20px;
  height: 55px;
}
.disclaimer {
  position: relative;
  bottom: 0;
  display: inline-block;
}
app-next-encouragement {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 11111;
}
.next-guide ion-fab-button {
  bottom: 10px;
  width: 180px;
  --border-radius: 15px;
}
.next-guide ion-fab-button span {
  color: #FFFFFF;
  padding-left: 0;
  font-size: 130%;
}
.next-guide ion-fab-button ion-icon {
  text-align: center;
  display: inline-block;
  width: 50%;
  color: #FFFFFF;
}
.edit-family-profile {
  margin: 10px;
  border-radius: 5px;
}
.edit-family-profile h3 {
  color: #FFF;
  font-size: 22px;
}
.edit-family-profile a {
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
.edit-family-profile .edit-family-profile-menu {
  color: #FFF;
  font-weight: bold;
}
.toggle-roles::part(content) {
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 90vw;
  margin-right: 10px;
  overflow-x: hidden;
}
.toggle-roles ion-radio-group ion-item::part(native) {
  margin: 0 auto;
  width: 100%;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 10px 0 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.toggle-roles ion-radio-group ion-item ion-thumbnail {
  margin: 0;
  height: 35px;
  width: 35px;
}
.toggle-roles ion-radio-group ion-item ion-thumbnail img {
  height: 35px;
  width: 35px;
  border-radius: 100%;
}
.toggle-roles ion-radio-group ion-item ion-radio {
  margin: 0 0 0 10px;
}
.toggle-roles ion-radio-group ion-item ion-label {
  margin: 5px 0;
}
.toggle-roles ion-radio-group ion-item ion-label small {
  width: 100%;
  white-space: normal;
}
.pill {
  color: var(--ion-color-light);
  border-radius: 30px;
  --border-radius: 40px;
  --margin-bottom: 20px;
  margin-bottom: 12px;
}
.pill ion-avatar {
  background-color: #ffffff;
  width: 40px;
  margin-top: 6px;
  height: 40px;
}
.pill ion-avatar img {
  width: 70%;
  height: 70%;
  /* margin: 0 auto; */
  margin: 7px auto;
  overflow: visible;
}
.pill.growth-pill {
  --background: var(--ion-color-primary);
  --background-activated: var(--background);
  --background-focused: var(--ion-item-background-activated,#f1f1f1);
}
.pill.impact-pill {
  --background: var(--ion-color-secondary);
  background-color: #5d91a2;
}
.pill ion-label {
  --color: #FFFFFF;
  white-space: normal;
}
.growth-pill-text ion-avatar, .impact-pill-text ion-avatar {
  width: 30px;
  max-width: 30px;
}
.growth-pill-text ion-avatar img, .impact-pill-text ion-avatar img {
  max-width: 100%;
}
@keyframes zoom-in {
  from {
    opacity: 0.5;
    transform: scale3d(0.5, 0.5, 0.5);
  }
  to {
    opacity: 1;
  }
}
.url-wrapper {
  display: flex;
  width: 100%;
}
.url-wrapper ion-input {
  margin-left: 5px;
  margin-top: 5px;
}
.checkbox-item {
  padding: 15px;
}
.checkbox-item ion-checkbox {
  margin: 0 10px -3px 0;
}
.checkbox-item a {
  text-decoration: underline;
  cursor: pointer;
}
h4.red {
  color: #d33939;
  margin: 0;
  position: absolute;
  right: 10px;
}
.red h2 {
  color: #d33939;
}
@media (min-width: 550px) {
  ion-modal ion-header ion-toolbar ion-title.title-ios {
    padding-left: 10px;
  }
}
ion-col.zindex-11 {
  z-index: 11;
}
ion-col.zindex-10 {
  z-index: 10;
}
mat-expansion-panel {
  background-color: #eee;
  margin-top: 5px;
}
mat-expansion-panel mat-panel-title {
  font-size: 18px;
  font-family: "BebasNeue", "Helvetic Neue", sans-serif;
}
.remove-image {
  position: absolute;
  top: 0;
  right: 0;
  background: lightgray;
  border-radius: 50%;
  border: 0.5px solid black;
  font-weight: bolder;
  height: 30px;
  width: 30px;
  font-size: 20px;
}
.icon-container {
  width: 100%;
  height: 200px;
  background-color: #ccc;
  padding: 5px;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-container ion-icon {
  width: 80%;
  height: 80%;
}
.image-preview-container, .document-preview-container {
  position: relative;
  display: inline-block;
}
.image-preview-container .icon-container, .document-preview-container .icon-container {
  width: 150px;
  height: 115px;
  border-radius: 5%;
}
cause-group-dashboard .icon-container {
  width: 100%;
  height: 100%;
}
/**
 Providers action buttons
 */
ion-card-content.title {
  padding-inline-start: 5px;
}
ion-button, ion-fab-button {
  margin-left: 1px;
}
ion-button .icon-on-top, ion-fab-button .icon-on-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FFFFFF;
  font-size: 11px;
}
ion-button.icon-text {
  height: 35px;
  border-radius: 5px;
  color: white;
  --color: white;
}
ion-button.icon-text.red {
  background: #e04a42;
}
ion-button.icon-text.orange {
  background: #ff9800;
}
@media screen and (max-width: 576px) {
  ion-button.icon-text {
    font-size: 12px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 420px) {
  ion-button.icon-text {
    font-size: 11px;
    letter-spacing: unset;
  }
}
/** MAT ACCORDION IMPROVE SMALL SCREENS */
.remove-padding-panel .mat-expansion-panel-body {
  padding: 0;
}
/** MAT ACCORDION IMAGES */
.image-selection mat-expansion-panel {
  background-color: transparent;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.image-selection .mat-expansion-panel-content {
  background: white;
}
.image-selection .mat-expansion-panel-body {
  padding: 16px;
}
.image-selection mat-expansion-panel-header, .image-selection mat-expansion-panel-header.mat-expanded {
  padding: 16px;
  border-radius: 4px !important;
  background-color: var(--ion-background-light-gray) !important;
  border: 1px solid var(--ion-border-input-primary) !important;
}
.image-selection mat-expansion-panel-header h3, .image-selection mat-expansion-panel-header.mat-expanded h3 {
  color: var(--ion-color-medium);
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0 10px;
}
.image-selection mat-expansion-panel-header ion-icon, .image-selection mat-expansion-panel-header.mat-expanded ion-icon {
  font-size: 18px;
  color: var(--ion-color-medium);
}
.image-selection.mat-accordion .mat-expansion-panel:first-of-type {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (min-height: 768px) {
  .sc-ion-modal-md-h, .sc-ion-modal-ios-h {
    --width: 60vw;
  }
}
@media only screen and (min-width: 768px) and (min-height: 700px) {
  .sc-ion-modal-md-h, .sc-ion-modal-ios-h {
    --height: 70vh;
    --max-height: 1000px;
  }
}
ion-popover {
  --width: auto;
}
@media only screen and (max-width: 400px) {
  ion-popover {
    --width: 90%;
  }
  ion-popover.toggle-roles {
    --width: 80%;
  }
}
.content-col {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.section_header {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}
.section_header ion-icon, .section_header img {
  width: 22px;
  height: 22px;
  color: #666666;
}
.section_header ion-button {
  --background: #f3f3f3;
  --box-shadow: none;
}
.section_header ion-button ion-icon {
  width: 15px;
  height: 15px;
  font-size: 14px;
  color: #666666;
  --ionicon-stroke-width: 42px;
}
.section_header ion-button p {
  font-family: "Roboto", sans-serif;
  color: #666666;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.section_header h2 {
  margin: 0 0;
}
@media screen and (max-width: 390px) {
  .section_header h2 {
    margin: 0 0;
    font-size: 20px;
  }
}
.left-col {
  padding-right: 10px;
}
.right-col {
  padding-left: 10px;
}
.swiper-pagination {
  --swiper-pagination-color: var(--ion-color-primary)!important;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
}
.why-slides .swiper-pagination {
  --swiper-pagination-bullet-width: 6px;
  --swiper-pagination-bullet-height: 6px;
}
.needsTabs .mat-tab-label, .circleTabs .mat-tab-label, .recommendationsTabs .mat-tab-label {
  border: none;
  border-radius: 0;
  height: 50px;
  background-color: white;
}
.needsTabs .mat-tab-label-active, .circleTabs .mat-tab-label-active, .recommendationsTabs .mat-tab-label-active {
  opacity: 1;
}
.needsTabs .mat-tab-label-active ion-text, .circleTabs .mat-tab-label-active ion-text, .recommendationsTabs .mat-tab-label-active ion-text {
  color: var(--ion-color-primary) !important;
  font-weight: 600;
}
.needsTabs .mat-tab-label-active svg, .circleTabs .mat-tab-label-active svg, .recommendationsTabs .mat-tab-label-active svg {
  fill: var(--ion-color-primary) !important;
}
.hide-manage-tab div#mat-tab-label-0-3 {
  display: none;
}
ng-template.tab-label {
  padding: 5px 25px;
}
ng-template.tab-label ion-text.church-wrapper svg {
  fill: #76736b;
}
ion-popover.photo-warning {
  --backdrop-opacity: 0;
  --box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  --color: #7a7a7a;
  --width: 250px;
  --border-radius: 10px;
  --max-width: 220px;
}
ion-popover.photo-warning ion-button {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #666666;
  --background: #d1d1d1;
  --box-shadow: none;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 500;
  text-transform: lowercase;
  width: -moz-fit-content;
  width: fit-content;
}
ion-popover.photo-warning ion-button ion-icon {
  width: 14px;
  height: 14px;
  color: #666666;
}
ion-popover.photo-warning ion-content {
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}
ion-popover {
  --border-radius: 10px;
  --border-width: 1px;
  --border-color: #EDEDED;
  --border-style: solid;
}
ion-popover::part(content) {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
ion-fab-button.keep-going-float {
  --border-radius: 10px;
}
ion-fab-button.keep-going-float::part(native) {
  width: 160px;
}
ion-fab-button.keep-going-float span {
  font-size: 17px;
}
ion-fab-button.keep-going-float ion-icon {
  color: white;
  font-size: 17px;
}
div.family-actions-items, div.needs-actions-items, div.commitment-actions-items {
  display: flex;
  flex-direction: column;
}
.warning-button {
  width: 18px;
  height: 18px;
  padding: 2px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #eacb9f;
  color: #956A21;
  margin: 0;
  z-index: 10;
}
.warning-button ion-icon {
  width: 14px;
  height: 14px;
  margin: 0 0;
  padding: 0 0;
  --ionicon-stroke-width: 50px;
  color: #956A21;
}
.warning-button.color-red {
  background-color: #da7462;
  color: #953221;
}
.warning-button.color-red ion-icon {
  color: #FFFFFF;
}
.church-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}
.church-wrapper svg.church-icon {
  width: 17px;
  height: 17px;
  padding-bottom: 3px;
  fill: #76736b;
}
div.small-profile-photo img {
  width: 100%;
  max-width: 100px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}
/*  Styles for new reusable components added */
.title-wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}
.multiline-text-w-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.email-text-w-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.card-wrapper {
  width: 100%;
  display: flex;
  gap: 16px;
  background-color: var(--ion-background-light-grey-card);
  border-radius: 10px;
  border: 1px solid var(--ion-border-light-grey);
  padding: 10px;
  align-items: center;
  box-shadow: var(--ion-shadow-card);
}
.card-wrapper img {
  width: 90px;
  height: 90px;
  aspect-ratio: 1;
  border-radius: 10px;
  padding: 0;
  margin: 0;
  border: 2px solid #dee1ea;
  background: var(--ion-background-light-gray);
  cursor: pointer;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.card-wrapper .card-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-right: 10px;
}
.card-wrapper .card-content .card-content-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.card-wrapper .card-content .card-content-header .actions-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.card-wrapper .card-content .card-content-header .actions-wrapper .warning-button {
  position: relative;
  cursor: pointer;
  width: 18px;
  height: 18px;
  padding: 3px;
  background-color: #eacb9f;
  color: #956A21;
}
.card-wrapper .card-content .card-content-header .actions-wrapper .popover-actions {
  cursor: pointer;
}
.card-wrapper .card-content .card-name {
  font-size: 16px;
  line-height: 15px;
  font-weight: 600;
  color: var(--ion-color-dark);
  margin: 0;
  text-transform: capitalize;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.card-wrapper .card-content .card-description {
  width: 100%;
  font-size: 14px;
  line-height: 15px;
  text-align: start;
  font-weight: 400;
  margin: 0;
}
.card-wrapper .card-content ion-chip {
  margin: 0;
  cursor: pointer;
  border-radius: 8px;
  font-size: 12px;
  line-height: 10px;
  height: 25px;
  padding: 2px 8px;
  font-family: Roboto, sans-serif;
  background-color: var(--ion-background-light-primary);
  color: var(--ion-color-primary);
}
.card-wrapper .card-content ion-text.church-wrapper {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.card-wrapper .card-content ion-text.church-wrapper #church_icon {
  padding: 0;
  width: 14px;
  height: 14px;
}
.card-wrapper .card-content ion-text.church-wrapper a {
  cursor: pointer;
  font-weight: 600;
  color: var(--ion-color-secondary);
}
.card-wrapper.resources-wrapper, .card-wrapper.recommendations-wrapper {
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  gap: 0;
}
.card-wrapper.resources-wrapper img, .card-wrapper.recommendations-wrapper img {
  width: 100%;
  height: 175px;
  border: none;
  border-radius: 0;
}
.card-wrapper.resources-wrapper .card-content, .card-wrapper.recommendations-wrapper .card-content {
  margin: 0;
  padding: 20px 20px;
}
.card-wrapper.resources-wrapper .card-content .card-name, .card-wrapper.recommendations-wrapper .card-content .card-name {
  cursor: pointer;
  font-size: 18px;
  line-height: 22px;
}
.card-wrapper.resources-wrapper .card-content .card-description, .card-wrapper.recommendations-wrapper .card-content .card-description {
  cursor: pointer;
  font-size: 15px;
  line-height: 20px;
  min-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.card-wrapper.resources-wrapper .relevant-question, .card-wrapper.recommendations-wrapper .relevant-question {
  padding: 6px 10px 6px 10px;
  border-radius: 8px;
}
.card-wrapper.resources-wrapper .relevant-question p, .card-wrapper.recommendations-wrapper .relevant-question p {
  font-size: 14px;
}
.card-wrapper.resources-wrapper .close-button, .card-wrapper.recommendations-wrapper .close-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-wrapper.resources-wrapper .close-button ion-icon, .card-wrapper.recommendations-wrapper .close-button ion-icon {
  margin: 0;
}
.card-wrapper.resources-wrapper ion-chip.new-badge, .card-wrapper.recommendations-wrapper ion-chip.new-badge {
  position: absolute;
  top: 130px;
  left: 20px;
}
.card-wrapper.resources-wrapper.grid-format ion-chip.new-badge, .card-wrapper.recommendations-wrapper.grid-format ion-chip.new-badge {
  top: 140px;
}
@media screen and (max-width: 1200px) {
  .card-wrapper.resources-wrapper .relevant-question p, .card-wrapper.recommendations-wrapper .relevant-question p {
    font-size: 14px;
  }
  .card-wrapper.resources-wrapper .relevant-question ion-icon, .card-wrapper.recommendations-wrapper .relevant-question ion-icon {
    width: 17px;
    height: 17px;
  }
}
@media screen and (max-width: 768px) {
  .card-wrapper.resources-wrapper img, .card-wrapper.recommendations-wrapper img {
    height: 150px;
  }
  .card-wrapper.resources-wrapper .relevant-question, .card-wrapper.recommendations-wrapper .relevant-question {
    gap: 15px;
  }
  .card-wrapper.resources-wrapper .relevant-question p, .card-wrapper.recommendations-wrapper .relevant-question p {
    font-size: 14px;
  }
  .card-wrapper.resources-wrapper .relevant-question ion-icon, .card-wrapper.recommendations-wrapper .relevant-question ion-icon {
    width: 18px;
    height: 18px;
  }
  .card-wrapper.resources-wrapper ion-chip.new-badge, .card-wrapper.recommendations-wrapper ion-chip.new-badge {
    top: 105px;
  }
  .card-wrapper.resources-wrapper.grid-format ion-chip.new-badge, .card-wrapper.recommendations-wrapper.grid-format ion-chip.new-badge {
    top: 120px;
  }
}
@media screen and (max-width: 420px) {
  .card-wrapper.resources-wrapper img, .card-wrapper.recommendations-wrapper img {
    height: 125px;
  }
  .card-wrapper.resources-wrapper .relevant-question, .card-wrapper.recommendations-wrapper .relevant-question {
    padding: 8px 8px 8px 8px;
    gap: 15px;
  }
  .card-wrapper.resources-wrapper .relevant-question p, .card-wrapper.recommendations-wrapper .relevant-question p {
    font-size: 12px;
  }
  .card-wrapper.resources-wrapper .relevant-question ion-icon, .card-wrapper.recommendations-wrapper .relevant-question ion-icon {
    width: 18px;
    height: 18px;
  }
  .card-wrapper.resources-wrapper ion-chip.new-badge, .card-wrapper.recommendations-wrapper ion-chip.new-badge {
    top: 85px;
  }
  .card-wrapper.resources-wrapper.grid-format .card-content, .card-wrapper.recommendations-wrapper.grid-format .card-content {
    padding: 12px 12px;
  }
  .card-wrapper.resources-wrapper.grid-format .relevant-question, .card-wrapper.recommendations-wrapper.grid-format .relevant-question {
    flex-direction: column;
    gap: 2px;
  }
  .card-wrapper.resources-wrapper.grid-format ion-chip.new-badge, .card-wrapper.recommendations-wrapper.grid-format ion-chip.new-badge {
    top: 95px;
  }
}
ion-popover.actions-popover::part(content) {
  --width: fit-content;
}
@media only screen and (max-width: 400px) {
  ion-popover.actions-popover {
    --width: fit-content;
    --max-width: 200px;
  }
  ion-popover.actions-popover::part(content) {
    --width: fit-content;
  }
}
@media only screen and (max-width: 400px) {
  ion-popover.quick-connect-popover::part(content) {
    padding: 0;
    width: -moz-fit-content;
    width: fit-content;
    --max-width: 90vw;
  }
  ion-popover.quick-connect-popover ion-select-popover ion-list ion-list-header {
    font-size: 16px;
    font-weight: 600;
  }
  ion-popover.quick-connect-popover ion-select-popover ion-list ion-checkbox {
    margin: 0 15px 0 0;
  }
  ion-popover.quick-connect-popover ion-select-popover ion-list ion-item::part(native) {
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 10px 0 10px 16px;
    font-size: 14px;
  }
  ion-popover.quick-connect-popover ion-select-popover ion-list ion-item:nth-child(2)::part(native) {
    font-size: 15px;
    padding: 0 0 8px 16px;
  }
}
ion-modal.actions-popover {
  --width: fit-content;
  --height: fit-content;
  --max-width: 80vw;
  --max-height: 1000px;
}
ion-modal.actions-popover::part(content) {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
  border: 1px #EDEDED solid;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (min-height: 700px) {
  ion-modal.actions-popover .sc-ion-modal-md-h, ion-modal.actions-popover .sc-ion-modal-ios-h {
    --width: fit-content;
    --height: fit-content;
    --max-width: 80vw;
    --max-height: 1000px;
  }
}
div.popover-wrapper {
  --width: fit-content;
  --max-width: 80vw;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.popover-wrapper .popover-header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
div.popover-wrapper .popover-header p {
  font-size: 14px;
  margin: 0;
}
div.popover-wrapper .popover-header h3 {
  font-size: 17px;
  margin: 0;
}
div.popover-wrapper .popover-header ion-text.church-wrapper {
  font-size: 14px;
}
div.popover-wrapper .popover-header ion-text.church-wrapper a {
  cursor: pointer;
  font-weight: 600;
  color: var(--ion-color-secondary);
}
@media screen and (max-width: 576px) {
  div.popover-wrapper app-button-primary {
    margin-top: 0;
  }
}
@media screen and (max-width: 400px) {
  div.popover-wrapper app-button-primary {
    margin-top: 0;
  }
}
div.info-modal-wrapper {
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
}
div.info-modal-wrapper a.info-modal-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  font-size: 18px;
  color: white;
  background-color: var(--ion-color-primary);
}
/* Styles for the new Connect and Grow pages */
ion-searchbar.search-box {
  margin: 0;
  padding: 0;
  --border-radius: 25px;
  --box-shadow: none;
  --background: var(--ion-background-light-gray);
  --color: #585653;
  --placeholder-color: #585653;
  --placeholder-opacity: 0.8;
}
ion-searchbar.search-box.mobile-version input.searchbar-input.sc-ion-searchbar-md {
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 0.5px;
  padding-left: 30px;
  margin-bottom: 0;
}
ion-searchbar.search-box.mobile-version ion-icon.searchbar-search-icon.sc-ion-searchbar-md {
  width: 13px;
  height: 14px;
  font-size: 14px;
  left: 12px;
  top: 10px;
}
ion-searchbar.search-box input.searchbar-input.sc-ion-searchbar-md {
  font-size: 14px;
  padding: 4.5px 35px 2.5px 40px;
  margin-bottom: 15px;
}
ion-searchbar.search-box ion-icon.searchbar-search-icon.sc-ion-searchbar-md, ion-searchbar.search-box ion-icon.searchbar-clear-icon.sc-ion-searchbar-md {
  width: 17px;
  height: 17px;
  font-size: 16px;
}
ion-searchbar.search-box button.searchbar-clear-button.sc-ion-searchbar-md {
  width: 17px;
  height: 37px;
  padding: 0;
  margin: 0;
}
ion-input.filter-input {
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 37px;
  border-radius: 25px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  --box-shadow: none;
  --background: var(--ion-background-light-gray);
  border: 1px solid var(--ion-background-light-gray);
  --color: #585653;
  --placeholder-color: #585653;
  --placeholder-opacity: 0.8;
}
ion-input.filter-input input.native-input.sc-ion-input-md {
  padding-left: 0;
  padding-right: 20px;
  font-size: 14px;
}
ion-input.filter-input ion-icon {
  width: 17px;
  height: 17px;
  font-size: 16px;
  padding-left: 15px;
}
ion-input.filter-input.invalid-field {
  --color: var(--ion-color-danger);
  border-color: var(--ion-color-danger);
}
ion-select.filter-input {
  padding-inline-start: 15px !important;
  padding-inline-end: 15px !important;
  font-size: 14px;
  margin: 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 37px;
  border-radius: 25px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  border: none;
  --box-shadow: none;
  --background: var(--ion-background-light-gray);
  --color: #585653;
  --placeholder-color: #585653;
  --placeholder-opacity: 0.8;
}
ion-chip.notifications {
  font-size: 11px;
  line-height: 11px;
  height: 16px;
  padding: 3px 5px;
  font-family: Roboto, sans-serif;
  background-color: var(--ion-color-primary);
  color: white;
  font-weight: 500;
}
div.svg-wrapper .filter-connection-box {
  background: #ecf1f5;
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  flex-direction: row;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
div.svg-wrapper .filter-connection-box img {
  width: 22px;
  height: 22px;
}
div.svg-wrapper .filter-connection-box .filter-connection-box_content h5 {
  margin: 0;
  font-size: 16px;
  #color: #666666;
}
div.svg-wrapper .filter-connection-box .filter-connection-box_content p {
  margin: 0;
  font-size: 14px;
  font-family: Roboto, sans-serif;
}
@media screen and (max-width: 350px) {
  div.svg-wrapper .filter-connection-box .filter-connection-box_content h5 {
    font-size: 15px;
  }
  div.svg-wrapper .filter-connection-box .filter-connection-box_content p {
    font-size: 13px !important;
  }
}
div.svg-wrapper .filter-connection-box ion-button {
  cursor: pointer;
  height: 28px;
  margin: 0;
  --box-shadow: none;
}
div.svg-wrapper .filter-connection-box ion-button::part(native) {
  padding: 5px 5px;
  height: 28px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 576px) {
  div.svg-wrapper {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
h5.no-results-text {
  font-size: 17px;
  margin: 10px 0;
}
@media screen and (max-width: 400px) {
  h5.no-results-text {
    font-size: 15px;
  }
}
div.section-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
div.section-wrapper div.section-header-wrapper {
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: nowrap;
}
div.section-wrapper div.section-header-wrapper div.section-header-actions {
  flex: 1;
  display: flex;
  gap: 15px;
  align-items: center;
}
div.section-wrapper div.section-header-wrapper div.section-header-search-text {
  flex: 0;
  display: block;
}
@media screen and (max-width: 850px) {
  div.section-wrapper div.section-header-wrapper {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media screen and (max-width: 450px) {
  div.section-wrapper div.section-header-wrapper {
    gap: 10px;
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
  div.section-wrapper div.section-header-wrapper.dynamic-section-header {
    justify-content: space-between;
  }
}
div.questions-wrapper {
  width: 100%;
  margin: 0 auto 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.questions-wrapper h2 {
  margin: 0 0 10px;
  text-align: center;
}
.recommendation-card .relevant-question, .card-wrapper .relevant-question {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 12px;
  background-color: rgba(243, 243, 243, 0.95);
  gap: 10px;
  position: absolute;
  top: 20px;
  border-radius: 5px;
  z-index: 10;
}
.recommendation-card .relevant-question p, .card-wrapper .relevant-question p {
  margin: 0;
  font-weight: 500;
  font-style: normal;
  color: #666666;
  font-size: 16px;
  line-height: 18px;
  padding: 3px 0;
}
.recommendation-card .relevant-question div.relevant-question-actions, .card-wrapper .relevant-question div.relevant-question-actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.recommendation-card .relevant-question div.relevant-question-actions ion-icon, .card-wrapper .relevant-question div.relevant-question-actions ion-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  cursor: pointer;
}
.recommendation-card .relevant-question div.relevant-question-actions ion-icon.thumbs-up-icon, .card-wrapper .relevant-question div.relevant-question-actions ion-icon.thumbs-up-icon {
  color: #74B079;
}
.recommendation-card .relevant-question div.relevant-question-actions ion-icon.thumbs-down-icon, .card-wrapper .relevant-question div.relevant-question-actions ion-icon.thumbs-down-icon {
  color: #D77575;
}
.recommendation-card .close-button, .card-wrapper .close-button {
  width: 24px;
  height: 24px;
  align-self: end;
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px;
  background-color: rgba(243, 243, 243, 0.5);
  border-radius: 100%;
}
.recommendation-card .close-button:hover, .card-wrapper .close-button:hover {
  background-color: rgba(243, 243, 243, 0.65);
}
.recommendation-card .close-button ion-icon, .card-wrapper .close-button ion-icon {
  width: 14px;
  height: 14px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .recommendation-card .relevant-question p, .card-wrapper .relevant-question p {
    font-size: 14px;
  }
  .recommendation-card .relevant-question div.relevant-question-actions ion-icon, .card-wrapper .relevant-question div.relevant-question-actions ion-icon {
    width: 17px;
    height: 17px;
  }
}
@media screen and (max-width: 390px) {
  .recommendation-card .relevant-question {
    padding: 4px 6px 4px 6px;
  }
  .recommendation-card .relevant-question p {
    font-size: 13px;
  }
  .recommendation-card .relevant-question div.relevant-question-actions ion-icon {
    width: 16px;
    height: 16px;
  }
}
.resources-loader {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.resources-loader .post-questions-button {
  width: 450px;
  margin-top: 10px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid var(--ion-border-light-grey);
  box-shadow: var(--ion-shadow-card);
}
.resources-loader .post-questions-button h4 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ion-color-secondary);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.resources-loader .post-questions-button h4 ion-icon {
  font-size: 18px;
  color: var(--ion-color-secondary);
}
.resources-loader .post-questions-button p {
  margin: 0;
  font-size: 16px;
  text-align: center;
}
.resources-loader .post-questions-button app-button-primary {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .resources-loader .post-questions-button {
    max-width: 98%;
    padding: 20px 15px;
  }
  .resources-loader .post-questions-button h3 {
    font-size: 18px !important;
  }
  .resources-loader .post-questions-button h6 {
    margin: 5px 0 !important;
  }
}
.see-more-slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  margin: auto 0;
}
.see-more-slider p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
ion-chip.new-badge {
  --margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  --background: var(--ion-background-light-red) !important;
  color: var(--ion-color-danger-shade) !important;
  padding: 3px 6px 3px 4px;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 14px;
  box-shadow: var(--ion-shadow-card);
}
ion-chip.new-badge ion-icon {
  color: var(--ion-color-danger-shade);
  font-size: 14px;
  margin: 0 2px 0 0;
  padding: 0;
}
button.tutorial-next-button {
  color: #000000BF;
  background: var(--ion-background-light-primary);
}
button.tutorial-next-button:not(:disabled):hover {
  color: #000000BF;
  background: var(--ion-background-light-primary-hover);
}
button.tutorial-back-button {
  color: var(--ion-color-danger-shade);
  background: var(--ion-background-light-red) !important;
}
button.tutorial-back-button:not(:disabled):hover {
  color: var(--ion-color-danger-shade);
  background: var(--ion-background-light-red-hover) !important;
}
.shepherd-header {
  background: var(--ion-background-light-secondary) !important;
}
.shepherd-header h3 {
  color: var(--ion-color-secondary-shade) !important;
  font-size: 18px;
  font-weight: 500;
}
ion-button.new-style {
  padding: 0;
  margin: 1px 0;
  height: 30px;
  --height: 30px;
  --padding-top: 5.5px;
  --padding-bottom: 5.5px;
  --padding-start: 12px;
  --padding-end: 12px;
  --box-shadow: none;
  --background: var(--ion-background-light-gray);
  --background-activated: var(--ion-background-light-gray-hover);
  --background-focused: var(--ion-background-light-gray);
  --background-hover: var(--ion-background-light-gray-hover);
  --border-radius: 100px;
  color: #585653;
  text-transform: lowercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: normal;
}
ion-button.new-style ion-icon {
  font-size: 15px;
  margin-right: 5px;
  color: #585653;
}
ion-button.new-style span {
  text-transform: lowercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: normal;
  color: #585653;
}
.featured-resource-banner-skeleton {
  height: 260px;
  border-radius: 10px;
  border: 2px solid var(--ion-background-light-secondary);
  position: relative;
  overflow: hidden;
}
.featured-resource-banner-skeleton ion-skeleton-text {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
}
.resource-card-skeleton, .organization-card-skeleton {
  border-radius: 8px;
  overflow: hidden;
}
.resource-card-skeleton .resource-card-skeleton-img ion-skeleton-text, .resource-card-skeleton .organization-card-skeleton-img ion-skeleton-text, .organization-card-skeleton .resource-card-skeleton-img ion-skeleton-text, .organization-card-skeleton .organization-card-skeleton-img ion-skeleton-text {
  height: 175px;
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 789px) {
  .resource-card-skeleton .resource-card-skeleton-img ion-skeleton-text, .resource-card-skeleton .organization-card-skeleton-img ion-skeleton-text, .organization-card-skeleton .resource-card-skeleton-img ion-skeleton-text, .organization-card-skeleton .organization-card-skeleton-img ion-skeleton-text {
    height: 150px;
  }
}
@media screen and (max-width: 420px) {
  .resource-card-skeleton .resource-card-skeleton-img ion-skeleton-text, .resource-card-skeleton .organization-card-skeleton-img ion-skeleton-text, .organization-card-skeleton .resource-card-skeleton-img ion-skeleton-text, .organization-card-skeleton .organization-card-skeleton-img ion-skeleton-text {
    height: 125px;
  }
}
.resource-card-skeleton .resource-card-skeleton-content, .resource-card-skeleton .organization-card-skeleton-content, .organization-card-skeleton .resource-card-skeleton-content, .organization-card-skeleton .organization-card-skeleton-content {
  padding: 20px;
  background: #f9f9f9;
  height: 170px;
}
.resource-card-skeleton .resource-card-skeleton-content h3, .resource-card-skeleton .organization-card-skeleton-content h3, .organization-card-skeleton .resource-card-skeleton-content h3, .organization-card-skeleton .organization-card-skeleton-content h3 {
  margin-top: 0;
}
.resource-card-skeleton .resource-card-skeleton-content h3 ion-skeleton-text, .resource-card-skeleton .organization-card-skeleton-content h3 ion-skeleton-text, .organization-card-skeleton .resource-card-skeleton-content h3 ion-skeleton-text, .organization-card-skeleton .organization-card-skeleton-content h3 ion-skeleton-text {
  height: 22px;
}
.primary-pagination .ngx-pagination {
  margin-left: 0;
  padding: 0;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.primary-pagination .ngx-pagination li {
  border-radius: 7px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 8px;
  height: 25px;
  margin: 0 3px;
}
.primary-pagination .ngx-pagination li a {
  color: var(--ion-color-medium);
  font-weight: 500;
  padding: 0;
}
.primary-pagination .ngx-pagination li a:hover {
  background: none;
  color: var(--ion-color-primary);
}
.primary-pagination .ngx-pagination .current {
  background: var(--ion-color-primary);
  color: #FFF;
  font-weight: 700;
}
.primary-pagination .ngx-pagination .pagination-next:before, .primary-pagination .ngx-pagination .pagination-next:after, .primary-pagination .ngx-pagination .pagination-previous:before, .primary-pagination .ngx-pagination .pagination-previous:after {
  margin: 0;
  font-size: 18px;
}
ion-item.input-item {
  --inner-padding-end: 0!important;
  --border-radius: 4px;
  --highlight-height: 0px;
  --highlight-color-invalid: var(--ion-color-danger);
  --color: var(--ion-color-medium);
}
ion-item.input-item::part(native) {
  --width: 100%;
  --font-size: 16px !important;
  --font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
ion-item.input-item ion-label.primary-label {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 0 0 8px 0;
  --webkit-transform: none;
  transform: none;
}
ion-item.input-item ion-input.primary-input, ion-item.input-item ion-textarea.primary-input {
  --placeholder-color: var(--ion-color-medium-shade);
  --placeholder-opacity: 0.8;
  border-radius: 4px;
  border: 1px solid var(--ion-border-input-primary);
  --padding-bottom: 10px;
  --padding-end: 10px;
  --padding-start: 10px!important;
  --padding-top: 10px;
}
ion-item.input-item ion-textarea.primary-input {
  margin: 0;
}
ion-item.input-item ion-input.input-error, ion-item.input-item ion-textarea.input-error {
  border: 1px solid var(--ion-color-danger);
}
ion-item.input-item ion-label.label-error, ion-item.input-item ion-textarea.label-error {
  --color: var(--ion-color-danger);
}
ion-item.input-item ion-select.primary-select {
  margin: 0;
  width: 100%;
  border: 1px solid var(--ion-border-input-primary);
  background: #F3F3F3;
  padding-left: 10px !important;
  height: 39px;
  --placeholder-color: var(--ion-color-medium);
  --placeholder-opacity: 0.8;
}
ion-item.input-item ion-select.primary-select::part(text), ion-item.input-item ion-select.primary-select::part(icon) {
  color: var(--ion-color-medium);
}
ion-item.input-item ion-select.primary-select::part(icon) {
  top: 10px;
}
ion-item.input-item ion-select.primary-select.select-error {
  border: 1px solid var(--ion-color-danger);
}
ion-item.input-item.horizontal-input::part(native) {
  --width: fit-content !important;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
ion-item.input-item.horizontal-input ion-label.primary-label {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  margin: 0 12px 0 0;
}
ion-item.input-item.horizontal-input ion-select.primary-select {
  min-width: 150px;
}
ion-item.input-item.horizontal-input ion-select.primary-select::part(icon) {
  top: 0;
}
ion-radio-group.dates-radio-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 12px;
}
ion-radio-group.dates-radio-group ion-label {
  margin: 0 0 0 8px;
}
ion-radio-group.dates-radio-group ion-radio {
  margin: 0;
}
@media screen and (max-width: 650px) {
  ion-radio-group.dates-radio-group {
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }
}
ion-item.dates-radio-option {
  --inner-padding-end: 0;
  --inner-padding-start: 0;
  --highlight-height: 0px;
  --ripple-color: transparent;
  --background-hover: transparent;
  --min-height: 28px;
}
ion-item.dates-radio-option::part(native) {
  padding: 0;
  margin: 0;
  height: 24px;
}
button.dates-display-button {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: var(--ion-background-light-primary);
  border-radius: 8px;
  box-shadow: none;
  padding: 12px 18px;
  margin: 0;
  height: 51px;
}
button.dates-display-button p {
  font-size: 13px;
  color: var(--ion-color-primary-shade);
  margin: 0;
  padding: 0;
}
button.dates-display-button p.label {
  font-size: 15px;
  font-weight: 600;
}
ion-popover.date-picker-popover::part(content), ion-popover.family-bio-popover::part(content) {
  --width: fit-content;
  --max-width: 300px;
}
@media only screen and (max-width: 400px) {
  ion-popover.date-picker-popover, ion-popover.family-bio-popover {
    --width: fit-content;
    --max-width: 80vw;
  }
  ion-popover.date-picker-popover::part(content), ion-popover.family-bio-popover::part(content) {
    --width: fit-content;
  }
}
tag-input.need-tags .ng2-tag-input, tag-input.user-audience-selection .ng2-tag-input {
  border-radius: 4px;
  border: 1px solid var(--ion-border-input-primary);
  padding: 2px 0 2px 4px;
}
tag-input.need-tags .ng2-tag-input.ng2-tag-input--focused, tag-input.user-audience-selection .ng2-tag-input.ng2-tag-input--focused {
  border: 1px solid var(--ion-color-primary);
}
tag-input.need-tags tag, tag-input.user-audience-selection tag {
  height: 35px;
  background: var(--ion-background-light-primary);
  letter-spacing: unset;
  border-radius: 6px;
}
tag-input.need-tags tag .tag__text, tag-input.user-audience-selection tag .tag__text {
  color: var(--ion-color-primary-shade);
  letter-spacing: unset;
  font-weight: 500;
}
tag-input.need-tags tag delete-icon path, tag-input.user-audience-selection tag delete-icon path {
  fill: var(--ion-color-primary-shade) !important;
}
tag-input.need-tags tag:hover, tag-input.need-tags tag:not(.readonly):not(.tag--editing):active, tag-input.need-tags tag:not(.readonly):not(.tag--editing):focus, tag-input.user-audience-selection tag:hover, tag-input.user-audience-selection tag:not(.readonly):not(.tag--editing):active, tag-input.user-audience-selection tag:not(.readonly):not(.tag--editing):focus {
  background: var(--ion-background-light-primary-hover) !important;
  box-shadow: none !important;
}
tag-input.need-tags tag:not(.readonly):not(:focus), tag-input.user-audience-selection tag:not(.readonly):not(:focus) {
  background: var(--ion-background-light-primary);
  box-shadow: none !important;
}
.remove-item-icon-btn, .edit-item-icon-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  z-index: 10;
}
.remove-item-icon-btn.edit-item-icon-btn, .edit-item-icon-btn.edit-item-icon-btn {
  top: 34px;
}
.remove-item-icon-btn i, .edit-item-icon-btn i {
  font-size: 16px;
}
.remove-item-icon-btn:hover, .edit-item-icon-btn:hover {
  background: rgba(0, 0, 0, 0.6);
}
ion-modal.add-vision-board-popover, ion-modal.vision-board-tutorial-popover {
  --width: fit-content;
  --height: fit-content;
  --max-width: 80vw;
  --max-height: 80vh;
  --border-radius: 10px;
  --border-width: 1px;
  --border-color: #EDEDED;
  --border-style: solid;
}
ion-modal.add-vision-board-popover::part(content), ion-modal.vision-board-tutorial-popover::part(content) {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 85vw;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (min-height: 700px) {
  ion-modal.add-vision-board-popover .sc-ion-modal-md-h, ion-modal.add-vision-board-popover .sc-ion-modal-ios-h, ion-modal.vision-board-tutorial-popover .sc-ion-modal-md-h, ion-modal.vision-board-tutorial-popover .sc-ion-modal-ios-h {
    --width: 100%;
    --height: 100%;
    --max-width: 90vw;
    --max-height: 90vh;
  }
  ion-modal.add-vision-board-popover::part(content), ion-modal.vision-board-tutorial-popover::part(content) {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 800px;
    padding: 15px 20px 15px 20px;
  }
  ion-modal.add-vision-board-popover.vision-board-tutorial-popover::part(content), ion-modal.vision-board-tutorial-popover.vision-board-tutorial-popover::part(content) {
    padding: 20px;
  }
}
ion-modal.vision-board-modal {
  --width: 800px;
  --height: fit-content;
  --max-width: 80vw;
  --max-height: 80vh;
  --border-radius: 10px;
  --border-width: 1px;
  --border-color: #EDEDED;
  --border-style: solid;
}
ion-modal.vision-board-modal::part(content) {
  width: 85vw;
  max-width: 85vw;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (min-height: 700px) {
  ion-modal.vision-board-modal .sc-ion-modal-md-h, ion-modal.vision-board-modal .sc-ion-modal-ios-h {
    --width: 100%;
    --height: 100%;
    --max-width: 90vw;
    --max-height: 90vh;
  }
  ion-modal.vision-board-modal::part(content) {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 800px;
    padding: 15px 0 15px 20px;
  }
}
app-vision-board-item-popover.ion-page {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
  scroll-behavior: smooth;
}
@media only screen and (min-width: 768px) and (min-height: 700px) {
  app-vision-board-item-popover.ion-page {
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 20px;
    margin-right: 10px;
  }
}
ul.clean-list {
  list-style: disc inside;
  padding: 0;
  margin: 0;
}
.horizontal-btn-container {
  display: flex;
  gap: 8px;
  align-items: center;
}
ion-popover.popover-select {
  --backdrop-opacity: 0.32;
}
ion-popover.popover-select::part(backdrop) {
  background-color: #151515;
}
p.one-line-text-w-ellipsis {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
.cg-dashboard-title-wrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  min-width: 0;
  flex: 1;
}
@media screen and (max-width: 756px) {
  .cg-dashboard-title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.cg-dashboard-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
small.cg-dashboard-added {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 12px;
}
ion-label.cg-dashboard-label {
  min-width: 0;
}
ion-label.primary-label {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 0 0 8px 0;
  --webkit-transform: none;
  transform: none;
  --color: var(--ion-color-medium)!important;
}
ion-label.primary-label.no-margin {
  margin: 0;
}
.favorite-button {
  width: 32px;
  height: 32px;
  align-self: end;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20px;
  right: 20px;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 100%;
}
.favorite-button ion-icon {
  font-size: 18px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: var(--ion-color-danger-shade);
  --ionicon-stroke-width: 48px;
}
.favorite-button ion-icon:hover {
  color: var(--ion-color-danger-tint);
}
.badge-content {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ion-color-primary);
  padding: 3px 5px;
  border-radius: 50px;
  cursor: pointer;
  gap: 1px;
}
.badge-content ion-icon {
  width: 12px !important;
  height: 12px !important;
  font-size: 10px !important;
  color: white;
  margin: 0;
}
.badge-content span {
  border: none;
  padding: 0 1px 0 0;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  background: transparent;
  color: white;
  font-family: Roboto, sans-serif;
}
@media screen and (max-width: 410px) {
  .badge-content {
    padding: 2px 4px;
  }
  .badge-content span {
    font-size: 11px;
    line-height: 11px;
  }
}
tag-input.w-full .ng2-tag-input .ng2-tags-container {
  width: 100% !important;
  display: inline-block !important;
}
img.public-logo {
  width: 64px;
  height: 64px !important;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/shepherd.js/dist/css/shepherd.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-title{color:rgba(0,0,0,.75);display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}

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