/** Ionic CSS Variables **/
:root {
  /** Ionic CSS Variables **/
  /** primary **/
  --ion-color-primary: #2f3241;
  --ion-color-primary-rgb: 47, 50, 65;
  --ion-color-primary-contrast: #9feaf9;
  --ion-color-primary-contrast-rgb: 159, 234, 249;
  --ion-color-primary-shade: #2b2e3b;
  --ion-color-primary-tint: #20515B;
  /** secondary **/
  --ion-color-secondary: #2b2e3b;
  --ion-color-secondary-rgb: 43, 46, 59;
  --ion-color-secondary-contrast: #74b1be;
  --ion-color-secondary-contrast-rgb: 116, 177, 190;
  --ion-color-secondary-shade: #1f222f;
  --ion-color-secondary-tint: #3A585F;
  --ion-grid-column-padding: 0 !important; }

@charset "UTF-8";
/***   Farben   ****************************************************************************************************************************************************/
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}
.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, #0cd1e8) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 12,209,232) !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, #0bb8cc) !important;--ion-color-tint: var(--ion-color-secondary-tint, #24d6ea) !important}
.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #7044ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 112,68,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, #633ce0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7e57ff) !important}
.ion-color-success{--ion-color-base: var(--ion-color-success, #10dc60) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 16,220,96) !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, #0ec254) !important;--ion-color-tint: var(--ion-color-success-tint, #28e070) !important}
.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffce00) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255,206,0) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 255,255,255) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0b500) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffd31a) !important}
.ion-color-danger{--ion-color-base: var(--ion-color-danger, #f04141) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 240,65,65) !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, #d33939) !important;--ion-color-tint: var(--ion-color-danger-tint, #f25454) !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, #989aa2) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 152,154,162) !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, #86888f) !important;--ion-color-tint: var(--ion-color-medium-tint, #a2a4ab) !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}
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]{display:none !important}
.ion-page-invisible{opacity:0}
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)}}
audio,canvas,progress,video{vertical-align:baseline}
audio:not([controls]){display:none;height:0}
b,strong{font-weight:bold}
img{max-width:100%;border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
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:-ms-input-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{border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}
[tappable]{cursor:pointer}
a[disabled],button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}
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.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%;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-font-family)}
a{background-color:transparent;color:var(--ion-color-primary, #3880ff)}
h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}
h1{margin-top:20px;font-size:26px}
h2{margin-top:18px;font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
small{font-size:75%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
.ion-no-padding,[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]{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}
@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-padding,[padding]{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}
.ion-padding-top,[padding-top]{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}
.ion-padding-start,[padding-start]{--padding-start: var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px)}
@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-padding-start,[padding-start]{padding-left:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}}
.ion-padding-end,[padding-end]{--padding-end: var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px)}
@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-padding-end,[padding-end]{padding-right:unset;-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}
.ion-padding-bottom,[padding-bottom]{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}
.ion-padding-vertical,[padding-vertical]{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}
.ion-padding-horizontal,[padding-horizontal]{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px)}
@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-padding-horizontal,[padding-horizontal]{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}
.ion-no-margin,[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]{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}
@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-margin,[margin]{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}
.ion-margin-top,[margin-top]{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}
.ion-margin-start,[margin-start]{--margin-start: var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px)}
@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-margin-start,[margin-start]{margin-left:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}}
.ion-margin-end,[margin-end]{--margin-end: var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px)}
@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-margin-end,[margin-end]{margin-right:unset;-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}
.ion-margin-bottom,[margin-bottom]{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}
.ion-margin-vertical,[margin-vertical]{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}
.ion-margin-horizontal,[margin-horizontal]{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px)}
@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-margin-horizontal,[margin-horizontal]{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}
.ion-float-left,[float-left]{float:left !important}
.ion-float-right,[float-right]{float:right !important}
.ion-float-start,[float-start]{float:left !important}
:host-context([dir=rtl]) .ion-float-start,:host-context([dir=rtl]) [float-start]{float:right !important}
.ion-float-end,[float-end]{float:right !important}
:host-context([dir=rtl]) .ion-float-end,:host-context([dir=rtl]) [float-end]{float:left !important}
@media (min-width: 576px){.ion-float-sm-left,[float-sm-left]{float:left !important}.ion-float-sm-right,[float-sm-right]{float:right !important}.ion-float-sm-start,[float-sm-start]{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start,:host-context([dir=rtl]) [float-sm-start]{float:right !important}.ion-float-sm-end,[float-sm-end]{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end,:host-context([dir=rtl]) [float-sm-end]{float:left !important}}
@media (min-width: 768px){.ion-float-md-left,[float-md-left]{float:left !important}.ion-float-md-right,[float-md-right]{float:right !important}.ion-float-md-start,[float-md-start]{float:left !important}:host-context([dir=rtl]) .ion-float-md-start,:host-context([dir=rtl]) [float-md-start]{float:right !important}.ion-float-md-end,[float-md-end]{float:right !important}:host-context([dir=rtl]) .ion-float-md-end,:host-context([dir=rtl]) [float-md-end]{float:left !important}}
@media (min-width: 992px){.ion-float-lg-left,[float-lg-left]{float:left !important}.ion-float-lg-right,[float-lg-right]{float:right !important}.ion-float-lg-start,[float-lg-start]{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start,:host-context([dir=rtl]) [float-lg-start]{float:right !important}.ion-float-lg-end,[float-lg-end]{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end,:host-context([dir=rtl]) [float-lg-end]{float:left !important}}
@media (min-width: 1200px){.ion-float-xl-left,[float-xl-left]{float:left !important}.ion-float-xl-right,[float-xl-right]{float:right !important}.ion-float-xl-start,[float-xl-start]{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start,:host-context([dir=rtl]) [float-xl-start]{float:right !important}.ion-float-xl-end,[float-xl-end]{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end,:host-context([dir=rtl]) [float-xl-end]{float:left !important}}
.ion-text-center,[text-center]{text-align:center !important}
.ion-text-justify,[text-justify]{text-align:justify !important}
.ion-text-start,[text-start]{text-align:start !important}
.ion-text-end,[text-end]{text-align:end !important}
.ion-text-left,[text-left]{text-align:left !important}
.ion-text-right,[text-right]{text-align:right !important}
.ion-text-nowrap,[text-nowrap]{white-space:nowrap !important}
.ion-text-wrap,[text-wrap]{white-space:normal !important}
@media (min-width: 576px){.ion-text-sm-center,[text-sm-center]{text-align:center !important}.ion-text-sm-justify,[text-sm-justify]{text-align:justify !important}.ion-text-sm-start,[text-sm-start]{text-align:start !important}.ion-text-sm-end,[text-sm-end]{text-align:end !important}.ion-text-sm-left,[text-sm-left]{text-align:left !important}.ion-text-sm-right,[text-sm-right]{text-align:right !important}.ion-text-sm-nowrap,[text-sm-nowrap]{white-space:nowrap !important}.ion-text-sm-wrap,[text-sm-wrap]{white-space:normal !important}}
@media (min-width: 768px){.ion-text-md-center,[text-md-center]{text-align:center !important}.ion-text-md-justify,[text-md-justify]{text-align:justify !important}.ion-text-md-start,[text-md-start]{text-align:start !important}.ion-text-md-end,[text-md-end]{text-align:end !important}.ion-text-md-left,[text-md-left]{text-align:left !important}.ion-text-md-right,[text-md-right]{text-align:right !important}.ion-text-md-nowrap,[text-md-nowrap]{white-space:nowrap !important}.ion-text-md-wrap,[text-md-wrap]{white-space:normal !important}}
@media (min-width: 992px){.ion-text-lg-center,[text-lg-center]{text-align:center !important}.ion-text-lg-justify,[text-lg-justify]{text-align:justify !important}.ion-text-lg-start,[text-lg-start]{text-align:start !important}.ion-text-lg-end,[text-lg-end]{text-align:end !important}.ion-text-lg-left,[text-lg-left]{text-align:left !important}.ion-text-lg-right,[text-lg-right]{text-align:right !important}.ion-text-lg-nowrap,[text-lg-nowrap]{white-space:nowrap !important}.ion-text-lg-wrap,[text-lg-wrap]{white-space:normal !important}}
@media (min-width: 1200px){.ion-text-xl-center,[text-xl-center]{text-align:center !important}.ion-text-xl-justify,[text-xl-justify]{text-align:justify !important}.ion-text-xl-start,[text-xl-start]{text-align:start !important}.ion-text-xl-end,[text-xl-end]{text-align:end !important}.ion-text-xl-left,[text-xl-left]{text-align:left !important}.ion-text-xl-right,[text-xl-right]{text-align:right !important}.ion-text-xl-nowrap,[text-xl-nowrap]{white-space:nowrap !important}.ion-text-xl-wrap,[text-xl-wrap]{white-space:normal !important}}
.ion-text-uppercase,[text-uppercase]{text-transform:uppercase !important}
.ion-text-lowercase,[text-lowercase]{text-transform:lowercase !important}
.ion-text-capitalize,[text-capitalize]{text-transform:capitalize !important}
@media (min-width: 576px){.ion-text-sm-uppercase,[text-sm-uppercase]{text-transform:uppercase !important}.ion-text-sm-lowercase,[text-sm-lowercase]{text-transform:lowercase !important}.ion-text-sm-capitalize,[text-sm-capitalize]{text-transform:capitalize !important}}
@media (min-width: 768px){.ion-text-md-uppercase,[text-md-uppercase]{text-transform:uppercase !important}.ion-text-md-lowercase,[text-md-lowercase]{text-transform:lowercase !important}.ion-text-md-capitalize,[text-md-capitalize]{text-transform:capitalize !important}}
@media (min-width: 992px){.ion-text-lg-uppercase,[text-lg-uppercase]{text-transform:uppercase !important}.ion-text-lg-lowercase,[text-lg-lowercase]{text-transform:lowercase !important}.ion-text-lg-capitalize,[text-lg-capitalize]{text-transform:capitalize !important}}
@media (min-width: 1200px){.ion-text-xl-uppercase,[text-xl-uppercase]{text-transform:uppercase !important}.ion-text-xl-lowercase,[text-xl-lowercase]{text-transform:lowercase !important}.ion-text-xl-capitalize,[text-xl-capitalize]{text-transform:capitalize !important}}
.ion-align-self-start,[align-self-start]{align-self:flex-start !important}
.ion-align-self-end,[align-self-end]{align-self:flex-end !important}
.ion-align-self-center,[align-self-center]{align-self:center !important}
.ion-align-self-stretch,[align-self-stretch]{align-self:stretch !important}
.ion-align-self-baseline,[align-self-baseline]{align-self:baseline !important}
.ion-align-self-auto,[align-self-auto]{align-self:auto !important}
.ion-wrap,[wrap]{flex-wrap:wrap !important}
.ion-nowrap,[nowrap]{flex-wrap:nowrap !important}
.ion-wrap-reverse,[wrap-reverse]{flex-wrap:wrap-reverse !important}
.ion-justify-content-start,[justify-content-start]{justify-content:flex-start !important}
.ion-justify-content-center,[justify-content-center]{justify-content:center !important}
.ion-justify-content-end,[justify-content-end]{justify-content:flex-end !important}
.ion-justify-content-around,[justify-content-around]{justify-content:space-around !important}
.ion-justify-content-between,[justify-content-between]{justify-content:space-between !important}
.ion-justify-content-evenly,[justify-content-evenly]{justify-content:space-evenly !important}
.ion-align-items-start,[align-items-start]{align-items:flex-start !important}
.ion-align-items-center,[align-items-center]{align-items:center !important}
.ion-align-items-end,[align-items-end]{align-items:flex-end !important}
.ion-align-items-stretch,[align-items-stretch]{align-items:stretch !important}
.ion-align-items-baseline,[align-items-baseline]{align-items:baseline !important}
@charset "UTF-8";
/*!
  Ionicons, v4.6.3
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url('ionicons.a558ac78b554eefa1817.eot?v=4.6.3');
  src: url('ionicons.a558ac78b554eefa1817.eot?v=4.6.3#iefix') format("embedded-opentype"), url('ionicons.96f1c901c087fb64019f.woff2?v=4.6.3') format("woff2"), url('ionicons.99b863497156d4478ec3.woff?v=4.6.3') format("woff"), url('ionicons.ef4a9f280b0e411ddf6c.ttf?v=4.6.3') format("truetype"), url('ionicons.d659209138fc7c28c23a.svg?v=4.6.3#Ionicons') format("svg");
  font-weight: normal;
  font-style: normal;
}
.ion, .ionicons,
.ion-ios-add:before,
.ion-ios-add-circle:before,
.ion-ios-add-circle-outline:before,
.ion-ios-airplane:before,
.ion-ios-alarm:before,
.ion-ios-albums:before,
.ion-ios-alert:before,
.ion-ios-american-football:before,
.ion-ios-analytics:before,
.ion-ios-aperture:before,
.ion-ios-apps:before,
.ion-ios-appstore:before,
.ion-ios-archive:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-dropdown:before,
.ion-ios-arrow-dropdown-circle:before,
.ion-ios-arrow-dropleft:before,
.ion-ios-arrow-dropleft-circle:before,
.ion-ios-arrow-dropright:before,
.ion-ios-arrow-dropright-circle:before,
.ion-ios-arrow-dropup:before,
.ion-ios-arrow-dropup-circle:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-round-back:before,
.ion-ios-arrow-round-down:before,
.ion-ios-arrow-round-forward:before,
.ion-ios-arrow-round-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-attach:before,
.ion-ios-backspace:before,
.ion-ios-barcode:before,
.ion-ios-baseball:before,
.ion-ios-basket:before,
.ion-ios-basketball:before,
.ion-ios-battery-charging:before,
.ion-ios-battery-dead:before,
.ion-ios-battery-full:before,
.ion-ios-beaker:before,
.ion-ios-bed:before,
.ion-ios-beer:before,
.ion-ios-bicycle:before,
.ion-ios-bluetooth:before,
.ion-ios-boat:before,
.ion-ios-body:before,
.ion-ios-bonfire:before,
.ion-ios-book:before,
.ion-ios-bookmark:before,
.ion-ios-bookmarks:before,
.ion-ios-bowtie:before,
.ion-ios-briefcase:before,
.ion-ios-browsers:before,
.ion-ios-brush:before,
.ion-ios-bug:before,
.ion-ios-build:before,
.ion-ios-bulb:before,
.ion-ios-bus:before,
.ion-ios-business:before,
.ion-ios-cafe:before,
.ion-ios-calculator:before,
.ion-ios-calendar:before,
.ion-ios-call:before,
.ion-ios-camera:before,
.ion-ios-car:before,
.ion-ios-card:before,
.ion-ios-cart:before,
.ion-ios-cash:before,
.ion-ios-cellular:before,
.ion-ios-chatboxes:before,
.ion-ios-chatbubbles:before,
.ion-ios-checkbox:before,
.ion-ios-checkbox-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-circle:before,
.ion-ios-checkmark-circle-outline:before,
.ion-ios-clipboard:before,
.ion-ios-clock:before,
.ion-ios-close:before,
.ion-ios-close-circle:before,
.ion-ios-close-circle-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-circle:before,
.ion-ios-cloud-done:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-code:before,
.ion-ios-code-download:before,
.ion-ios-code-working:before,
.ion-ios-cog:before,
.ion-ios-color-fill:before,
.ion-ios-color-filter:before,
.ion-ios-color-palette:before,
.ion-ios-color-wand:before,
.ion-ios-compass:before,
.ion-ios-construct:before,
.ion-ios-contact:before,
.ion-ios-contacts:before,
.ion-ios-contract:before,
.ion-ios-contrast:before,
.ion-ios-copy:before,
.ion-ios-create:before,
.ion-ios-crop:before,
.ion-ios-cube:before,
.ion-ios-cut:before,
.ion-ios-desktop:before,
.ion-ios-disc:before,
.ion-ios-document:before,
.ion-ios-done-all:before,
.ion-ios-download:before,
.ion-ios-easel:before,
.ion-ios-egg:before,
.ion-ios-exit:before,
.ion-ios-expand:before,
.ion-ios-eye:before,
.ion-ios-eye-off:before,
.ion-ios-fastforward:before,
.ion-ios-female:before,
.ion-ios-filing:before,
.ion-ios-film:before,
.ion-ios-finger-print:before,
.ion-ios-fitness:before,
.ion-ios-flag:before,
.ion-ios-flame:before,
.ion-ios-flash:before,
.ion-ios-flash-off:before,
.ion-ios-flashlight:before,
.ion-ios-flask:before,
.ion-ios-flower:before,
.ion-ios-folder:before,
.ion-ios-folder-open:before,
.ion-ios-football:before,
.ion-ios-funnel:before,
.ion-ios-gift:before,
.ion-ios-git-branch:before,
.ion-ios-git-commit:before,
.ion-ios-git-compare:before,
.ion-ios-git-merge:before,
.ion-ios-git-network:before,
.ion-ios-git-pull-request:before,
.ion-ios-glasses:before,
.ion-ios-globe:before,
.ion-ios-grid:before,
.ion-ios-hammer:before,
.ion-ios-hand:before,
.ion-ios-happy:before,
.ion-ios-headset:before,
.ion-ios-heart:before,
.ion-ios-heart-dislike:before,
.ion-ios-heart-empty:before,
.ion-ios-heart-half:before,
.ion-ios-help:before,
.ion-ios-help-buoy:before,
.ion-ios-help-circle:before,
.ion-ios-help-circle-outline:before,
.ion-ios-home:before,
.ion-ios-hourglass:before,
.ion-ios-ice-cream:before,
.ion-ios-image:before,
.ion-ios-images:before,
.ion-ios-infinite:before,
.ion-ios-information:before,
.ion-ios-information-circle:before,
.ion-ios-information-circle-outline:before,
.ion-ios-jet:before,
.ion-ios-journal:before,
.ion-ios-key:before,
.ion-ios-keypad:before,
.ion-ios-laptop:before,
.ion-ios-leaf:before,
.ion-ios-link:before,
.ion-ios-list:before,
.ion-ios-list-box:before,
.ion-ios-locate:before,
.ion-ios-lock:before,
.ion-ios-log-in:before,
.ion-ios-log-out:before,
.ion-ios-magnet:before,
.ion-ios-mail:before,
.ion-ios-mail-open:before,
.ion-ios-mail-unread:before,
.ion-ios-male:before,
.ion-ios-man:before,
.ion-ios-map:before,
.ion-ios-medal:before,
.ion-ios-medical:before,
.ion-ios-medkit:before,
.ion-ios-megaphone:before,
.ion-ios-menu:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-microphone:before,
.ion-ios-moon:before,
.ion-ios-more:before,
.ion-ios-move:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-notifications:before,
.ion-ios-notifications-off:before,
.ion-ios-notifications-outline:before,
.ion-ios-nuclear:before,
.ion-ios-nutrition:before,
.ion-ios-open:before,
.ion-ios-options:before,
.ion-ios-outlet:before,
.ion-ios-paper:before,
.ion-ios-paper-plane:before,
.ion-ios-partly-sunny:before,
.ion-ios-pause:before,
.ion-ios-paw:before,
.ion-ios-people:before,
.ion-ios-person:before,
.ion-ios-person-add:before,
.ion-ios-phone-landscape:before,
.ion-ios-phone-portrait:before,
.ion-ios-photos:before,
.ion-ios-pie:before,
.ion-ios-pin:before,
.ion-ios-pint:before,
.ion-ios-pizza:before,
.ion-ios-planet:before,
.ion-ios-play:before,
.ion-ios-play-circle:before,
.ion-ios-podium:before,
.ion-ios-power:before,
.ion-ios-pricetag:before,
.ion-ios-pricetags:before,
.ion-ios-print:before,
.ion-ios-pulse:before,
.ion-ios-qr-scanner:before,
.ion-ios-quote:before,
.ion-ios-radio:before,
.ion-ios-radio-button-off:before,
.ion-ios-radio-button-on:before,
.ion-ios-rainy:before,
.ion-ios-recording:before,
.ion-ios-redo:before,
.ion-ios-refresh:before,
.ion-ios-refresh-circle:before,
.ion-ios-remove:before,
.ion-ios-remove-circle:before,
.ion-ios-remove-circle-outline:before,
.ion-ios-reorder:before,
.ion-ios-repeat:before,
.ion-ios-resize:before,
.ion-ios-restaurant:before,
.ion-ios-return-left:before,
.ion-ios-return-right:before,
.ion-ios-reverse-camera:before,
.ion-ios-rewind:before,
.ion-ios-ribbon:before,
.ion-ios-rocket:before,
.ion-ios-rose:before,
.ion-ios-sad:before,
.ion-ios-save:before,
.ion-ios-school:before,
.ion-ios-search:before,
.ion-ios-send:before,
.ion-ios-settings:before,
.ion-ios-share:before,
.ion-ios-share-alt:before,
.ion-ios-shirt:before,
.ion-ios-shuffle:before,
.ion-ios-skip-backward:before,
.ion-ios-skip-forward:before,
.ion-ios-snow:before,
.ion-ios-speedometer:before,
.ion-ios-square:before,
.ion-ios-square-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stats:before,
.ion-ios-stopwatch:before,
.ion-ios-subway:before,
.ion-ios-sunny:before,
.ion-ios-swap:before,
.ion-ios-switch:before,
.ion-ios-sync:before,
.ion-ios-tablet-landscape:before,
.ion-ios-tablet-portrait:before,
.ion-ios-tennisball:before,
.ion-ios-text:before,
.ion-ios-thermometer:before,
.ion-ios-thumbs-down:before,
.ion-ios-thumbs-up:before,
.ion-ios-thunderstorm:before,
.ion-ios-time:before,
.ion-ios-timer:before,
.ion-ios-today:before,
.ion-ios-train:before,
.ion-ios-transgender:before,
.ion-ios-trash:before,
.ion-ios-trending-down:before,
.ion-ios-trending-up:before,
.ion-ios-trophy:before,
.ion-ios-tv:before,
.ion-ios-umbrella:before,
.ion-ios-undo:before,
.ion-ios-unlock:before,
.ion-ios-videocam:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-volume-mute:before,
.ion-ios-volume-off:before,
.ion-ios-walk:before,
.ion-ios-wallet:before,
.ion-ios-warning:before,
.ion-ios-watch:before,
.ion-ios-water:before,
.ion-ios-wifi:before,
.ion-ios-wine:before,
.ion-ios-woman:before,
.ion-logo-android:before,
.ion-logo-angular:before,
.ion-logo-apple:before,
.ion-logo-bitbucket:before,
.ion-logo-bitcoin:before,
.ion-logo-buffer:before,
.ion-logo-chrome:before,
.ion-logo-closed-captioning:before,
.ion-logo-codepen:before,
.ion-logo-css3:before,
.ion-logo-designernews:before,
.ion-logo-dribbble:before,
.ion-logo-dropbox:before,
.ion-logo-euro:before,
.ion-logo-facebook:before,
.ion-logo-flickr:before,
.ion-logo-foursquare:before,
.ion-logo-freebsd-devil:before,
.ion-logo-game-controller-a:before,
.ion-logo-game-controller-b:before,
.ion-logo-github:before,
.ion-logo-google:before,
.ion-logo-googleplus:before,
.ion-logo-hackernews:before,
.ion-logo-html5:before,
.ion-logo-instagram:before,
.ion-logo-ionic:before,
.ion-logo-ionitron:before,
.ion-logo-javascript:before,
.ion-logo-linkedin:before,
.ion-logo-markdown:before,
.ion-logo-model-s:before,
.ion-logo-no-smoking:before,
.ion-logo-nodejs:before,
.ion-logo-npm:before,
.ion-logo-octocat:before,
.ion-logo-pinterest:before,
.ion-logo-playstation:before,
.ion-logo-polymer:before,
.ion-logo-python:before,
.ion-logo-reddit:before,
.ion-logo-rss:before,
.ion-logo-sass:before,
.ion-logo-skype:before,
.ion-logo-slack:before,
.ion-logo-snapchat:before,
.ion-logo-steam:before,
.ion-logo-tumblr:before,
.ion-logo-tux:before,
.ion-logo-twitch:before,
.ion-logo-twitter:before,
.ion-logo-usd:before,
.ion-logo-vimeo:before,
.ion-logo-vk:before,
.ion-logo-whatsapp:before,
.ion-logo-windows:before,
.ion-logo-wordpress:before,
.ion-logo-xbox:before,
.ion-logo-xing:before,
.ion-logo-yahoo:before,
.ion-logo-yen:before,
.ion-logo-youtube:before,
.ion-md-add:before,
.ion-md-add-circle:before,
.ion-md-add-circle-outline:before,
.ion-md-airplane:before,
.ion-md-alarm:before,
.ion-md-albums:before,
.ion-md-alert:before,
.ion-md-american-football:before,
.ion-md-analytics:before,
.ion-md-aperture:before,
.ion-md-apps:before,
.ion-md-appstore:before,
.ion-md-archive:before,
.ion-md-arrow-back:before,
.ion-md-arrow-down:before,
.ion-md-arrow-dropdown:before,
.ion-md-arrow-dropdown-circle:before,
.ion-md-arrow-dropleft:before,
.ion-md-arrow-dropleft-circle:before,
.ion-md-arrow-dropright:before,
.ion-md-arrow-dropright-circle:before,
.ion-md-arrow-dropup:before,
.ion-md-arrow-dropup-circle:before,
.ion-md-arrow-forward:before,
.ion-md-arrow-round-back:before,
.ion-md-arrow-round-down:before,
.ion-md-arrow-round-forward:before,
.ion-md-arrow-round-up:before,
.ion-md-arrow-up:before,
.ion-md-at:before,
.ion-md-attach:before,
.ion-md-backspace:before,
.ion-md-barcode:before,
.ion-md-baseball:before,
.ion-md-basket:before,
.ion-md-basketball:before,
.ion-md-battery-charging:before,
.ion-md-battery-dead:before,
.ion-md-battery-full:before,
.ion-md-beaker:before,
.ion-md-bed:before,
.ion-md-beer:before,
.ion-md-bicycle:before,
.ion-md-bluetooth:before,
.ion-md-boat:before,
.ion-md-body:before,
.ion-md-bonfire:before,
.ion-md-book:before,
.ion-md-bookmark:before,
.ion-md-bookmarks:before,
.ion-md-bowtie:before,
.ion-md-briefcase:before,
.ion-md-browsers:before,
.ion-md-brush:before,
.ion-md-bug:before,
.ion-md-build:before,
.ion-md-bulb:before,
.ion-md-bus:before,
.ion-md-business:before,
.ion-md-cafe:before,
.ion-md-calculator:before,
.ion-md-calendar:before,
.ion-md-call:before,
.ion-md-camera:before,
.ion-md-car:before,
.ion-md-card:before,
.ion-md-cart:before,
.ion-md-cash:before,
.ion-md-cellular:before,
.ion-md-chatboxes:before,
.ion-md-chatbubbles:before,
.ion-md-checkbox:before,
.ion-md-checkbox-outline:before,
.ion-md-checkmark:before,
.ion-md-checkmark-circle:before,
.ion-md-checkmark-circle-outline:before,
.ion-md-clipboard:before,
.ion-md-clock:before,
.ion-md-close:before,
.ion-md-close-circle:before,
.ion-md-close-circle-outline:before,
.ion-md-cloud:before,
.ion-md-cloud-circle:before,
.ion-md-cloud-done:before,
.ion-md-cloud-download:before,
.ion-md-cloud-outline:before,
.ion-md-cloud-upload:before,
.ion-md-cloudy:before,
.ion-md-cloudy-night:before,
.ion-md-code:before,
.ion-md-code-download:before,
.ion-md-code-working:before,
.ion-md-cog:before,
.ion-md-color-fill:before,
.ion-md-color-filter:before,
.ion-md-color-palette:before,
.ion-md-color-wand:before,
.ion-md-compass:before,
.ion-md-construct:before,
.ion-md-contact:before,
.ion-md-contacts:before,
.ion-md-contract:before,
.ion-md-contrast:before,
.ion-md-copy:before,
.ion-md-create:before,
.ion-md-crop:before,
.ion-md-cube:before,
.ion-md-cut:before,
.ion-md-desktop:before,
.ion-md-disc:before,
.ion-md-document:before,
.ion-md-done-all:before,
.ion-md-download:before,
.ion-md-easel:before,
.ion-md-egg:before,
.ion-md-exit:before,
.ion-md-expand:before,
.ion-md-eye:before,
.ion-md-eye-off:before,
.ion-md-fastforward:before,
.ion-md-female:before,
.ion-md-filing:before,
.ion-md-film:before,
.ion-md-finger-print:before,
.ion-md-fitness:before,
.ion-md-flag:before,
.ion-md-flame:before,
.ion-md-flash:before,
.ion-md-flash-off:before,
.ion-md-flashlight:before,
.ion-md-flask:before,
.ion-md-flower:before,
.ion-md-folder:before,
.ion-md-folder-open:before,
.ion-md-football:before,
.ion-md-funnel:before,
.ion-md-gift:before,
.ion-md-git-branch:before,
.ion-md-git-commit:before,
.ion-md-git-compare:before,
.ion-md-git-merge:before,
.ion-md-git-network:before,
.ion-md-git-pull-request:before,
.ion-md-glasses:before,
.ion-md-globe:before,
.ion-md-grid:before,
.ion-md-hammer:before,
.ion-md-hand:before,
.ion-md-happy:before,
.ion-md-headset:before,
.ion-md-heart:before,
.ion-md-heart-dislike:before,
.ion-md-heart-empty:before,
.ion-md-heart-half:before,
.ion-md-help:before,
.ion-md-help-buoy:before,
.ion-md-help-circle:before,
.ion-md-help-circle-outline:before,
.ion-md-home:before,
.ion-md-hourglass:before,
.ion-md-ice-cream:before,
.ion-md-image:before,
.ion-md-images:before,
.ion-md-infinite:before,
.ion-md-information:before,
.ion-md-information-circle:before,
.ion-md-information-circle-outline:before,
.ion-md-jet:before,
.ion-md-journal:before,
.ion-md-key:before,
.ion-md-keypad:before,
.ion-md-laptop:before,
.ion-md-leaf:before,
.ion-md-link:before,
.ion-md-list:before,
.ion-md-list-box:before,
.ion-md-locate:before,
.ion-md-lock:before,
.ion-md-log-in:before,
.ion-md-log-out:before,
.ion-md-magnet:before,
.ion-md-mail:before,
.ion-md-mail-open:before,
.ion-md-mail-unread:before,
.ion-md-male:before,
.ion-md-man:before,
.ion-md-map:before,
.ion-md-medal:before,
.ion-md-medical:before,
.ion-md-medkit:before,
.ion-md-megaphone:before,
.ion-md-menu:before,
.ion-md-mic:before,
.ion-md-mic-off:before,
.ion-md-microphone:before,
.ion-md-moon:before,
.ion-md-more:before,
.ion-md-move:before,
.ion-md-musical-note:before,
.ion-md-musical-notes:before,
.ion-md-navigate:before,
.ion-md-notifications:before,
.ion-md-notifications-off:before,
.ion-md-notifications-outline:before,
.ion-md-nuclear:before,
.ion-md-nutrition:before,
.ion-md-open:before,
.ion-md-options:before,
.ion-md-outlet:before,
.ion-md-paper:before,
.ion-md-paper-plane:before,
.ion-md-partly-sunny:before,
.ion-md-pause:before,
.ion-md-paw:before,
.ion-md-people:before,
.ion-md-person:before,
.ion-md-person-add:before,
.ion-md-phone-landscape:before,
.ion-md-phone-portrait:before,
.ion-md-photos:before,
.ion-md-pie:before,
.ion-md-pin:before,
.ion-md-pint:before,
.ion-md-pizza:before,
.ion-md-planet:before,
.ion-md-play:before,
.ion-md-play-circle:before,
.ion-md-podium:before,
.ion-md-power:before,
.ion-md-pricetag:before,
.ion-md-pricetags:before,
.ion-md-print:before,
.ion-md-pulse:before,
.ion-md-qr-scanner:before,
.ion-md-quote:before,
.ion-md-radio:before,
.ion-md-radio-button-off:before,
.ion-md-radio-button-on:before,
.ion-md-rainy:before,
.ion-md-recording:before,
.ion-md-redo:before,
.ion-md-refresh:before,
.ion-md-refresh-circle:before,
.ion-md-remove:before,
.ion-md-remove-circle:before,
.ion-md-remove-circle-outline:before,
.ion-md-reorder:before,
.ion-md-repeat:before,
.ion-md-resize:before,
.ion-md-restaurant:before,
.ion-md-return-left:before,
.ion-md-return-right:before,
.ion-md-reverse-camera:before,
.ion-md-rewind:before,
.ion-md-ribbon:before,
.ion-md-rocket:before,
.ion-md-rose:before,
.ion-md-sad:before,
.ion-md-save:before,
.ion-md-school:before,
.ion-md-search:before,
.ion-md-send:before,
.ion-md-settings:before,
.ion-md-share:before,
.ion-md-share-alt:before,
.ion-md-shirt:before,
.ion-md-shuffle:before,
.ion-md-skip-backward:before,
.ion-md-skip-forward:before,
.ion-md-snow:before,
.ion-md-speedometer:before,
.ion-md-square:before,
.ion-md-square-outline:before,
.ion-md-star:before,
.ion-md-star-half:before,
.ion-md-star-outline:before,
.ion-md-stats:before,
.ion-md-stopwatch:before,
.ion-md-subway:before,
.ion-md-sunny:before,
.ion-md-swap:before,
.ion-md-switch:before,
.ion-md-sync:before,
.ion-md-tablet-landscape:before,
.ion-md-tablet-portrait:before,
.ion-md-tennisball:before,
.ion-md-text:before,
.ion-md-thermometer:before,
.ion-md-thumbs-down:before,
.ion-md-thumbs-up:before,
.ion-md-thunderstorm:before,
.ion-md-time:before,
.ion-md-timer:before,
.ion-md-today:before,
.ion-md-train:before,
.ion-md-transgender:before,
.ion-md-trash:before,
.ion-md-trending-down:before,
.ion-md-trending-up:before,
.ion-md-trophy:before,
.ion-md-tv:before,
.ion-md-umbrella:before,
.ion-md-undo:before,
.ion-md-unlock:before,
.ion-md-videocam:before,
.ion-md-volume-high:before,
.ion-md-volume-low:before,
.ion-md-volume-mute:before,
.ion-md-volume-off:before,
.ion-md-walk:before,
.ion-md-wallet:before,
.ion-md-warning:before,
.ion-md-watch:before,
.ion-md-water:before,
.ion-md-wifi:before,
.ion-md-wine:before,
.ion-md-woman:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ion-ios-add:before {
  content: "";
}
.ion-ios-add-circle:before {
  content: "";
}
.ion-ios-add-circle-outline:before {
  content: "";
}
.ion-ios-airplane:before {
  content: "";
}
.ion-ios-alarm:before {
  content: "";
}
.ion-ios-albums:before {
  content: "";
}
.ion-ios-alert:before {
  content: "";
}
.ion-ios-american-football:before {
  content: "";
}
.ion-ios-analytics:before {
  content: "";
}
.ion-ios-aperture:before {
  content: "";
}
.ion-ios-apps:before {
  content: "";
}
.ion-ios-appstore:before {
  content: "";
}
.ion-ios-archive:before {
  content: "";
}
.ion-ios-arrow-back:before {
  content: "";
}
.ion-ios-arrow-down:before {
  content: "";
}
.ion-ios-arrow-dropdown:before {
  content: "";
}
.ion-ios-arrow-dropdown-circle:before {
  content: "";
}
.ion-ios-arrow-dropleft:before {
  content: "";
}
.ion-ios-arrow-dropleft-circle:before {
  content: "";
}
.ion-ios-arrow-dropright:before {
  content: "";
}
.ion-ios-arrow-dropright-circle:before {
  content: "";
}
.ion-ios-arrow-dropup:before {
  content: "";
}
.ion-ios-arrow-dropup-circle:before {
  content: "";
}
.ion-ios-arrow-forward:before {
  content: "";
}
.ion-ios-arrow-round-back:before {
  content: "";
}
.ion-ios-arrow-round-down:before {
  content: "";
}
.ion-ios-arrow-round-forward:before {
  content: "";
}
.ion-ios-arrow-round-up:before {
  content: "";
}
.ion-ios-arrow-up:before {
  content: "";
}
.ion-ios-at:before {
  content: "";
}
.ion-ios-attach:before {
  content: "";
}
.ion-ios-backspace:before {
  content: "";
}
.ion-ios-barcode:before {
  content: "";
}
.ion-ios-baseball:before {
  content: "";
}
.ion-ios-basket:before {
  content: "";
}
.ion-ios-basketball:before {
  content: "";
}
.ion-ios-battery-charging:before {
  content: "";
}
.ion-ios-battery-dead:before {
  content: "";
}
.ion-ios-battery-full:before {
  content: "";
}
.ion-ios-beaker:before {
  content: "";
}
.ion-ios-bed:before {
  content: "";
}
.ion-ios-beer:before {
  content: "";
}
.ion-ios-bicycle:before {
  content: "";
}
.ion-ios-bluetooth:before {
  content: "";
}
.ion-ios-boat:before {
  content: "";
}
.ion-ios-body:before {
  content: "";
}
.ion-ios-bonfire:before {
  content: "";
}
.ion-ios-book:before {
  content: "";
}
.ion-ios-bookmark:before {
  content: "";
}
.ion-ios-bookmarks:before {
  content: "";
}
.ion-ios-bowtie:before {
  content: "";
}
.ion-ios-briefcase:before {
  content: "";
}
.ion-ios-browsers:before {
  content: "";
}
.ion-ios-brush:before {
  content: "";
}
.ion-ios-bug:before {
  content: "";
}
.ion-ios-build:before {
  content: "";
}
.ion-ios-bulb:before {
  content: "";
}
.ion-ios-bus:before {
  content: "";
}
.ion-ios-business:before {
  content: "";
}
.ion-ios-cafe:before {
  content: "";
}
.ion-ios-calculator:before {
  content: "";
}
.ion-ios-calendar:before {
  content: "";
}
.ion-ios-call:before {
  content: "";
}
.ion-ios-camera:before {
  content: "";
}
.ion-ios-car:before {
  content: "";
}
.ion-ios-card:before {
  content: "";
}
.ion-ios-cart:before {
  content: "";
}
.ion-ios-cash:before {
  content: "";
}
.ion-ios-cellular:before {
  content: "";
}
.ion-ios-chatboxes:before {
  content: "";
}
.ion-ios-chatbubbles:before {
  content: "";
}
.ion-ios-checkbox:before {
  content: "";
}
.ion-ios-checkbox-outline:before {
  content: "";
}
.ion-ios-checkmark:before {
  content: "";
}
.ion-ios-checkmark-circle:before {
  content: "";
}
.ion-ios-checkmark-circle-outline:before {
  content: "";
}
.ion-ios-clipboard:before {
  content: "";
}
.ion-ios-clock:before {
  content: "";
}
.ion-ios-close:before {
  content: "";
}
.ion-ios-close-circle:before {
  content: "";
}
.ion-ios-close-circle-outline:before {
  content: "";
}
.ion-ios-cloud:before {
  content: "";
}
.ion-ios-cloud-circle:before {
  content: "";
}
.ion-ios-cloud-done:before {
  content: "";
}
.ion-ios-cloud-download:before {
  content: "";
}
.ion-ios-cloud-outline:before {
  content: "";
}
.ion-ios-cloud-upload:before {
  content: "";
}
.ion-ios-cloudy:before {
  content: "";
}
.ion-ios-cloudy-night:before {
  content: "";
}
.ion-ios-code:before {
  content: "";
}
.ion-ios-code-download:before {
  content: "";
}
.ion-ios-code-working:before {
  content: "";
}
.ion-ios-cog:before {
  content: "";
}
.ion-ios-color-fill:before {
  content: "";
}
.ion-ios-color-filter:before {
  content: "";
}
.ion-ios-color-palette:before {
  content: "";
}
.ion-ios-color-wand:before {
  content: "";
}
.ion-ios-compass:before {
  content: "";
}
.ion-ios-construct:before {
  content: "";
}
.ion-ios-contact:before {
  content: "";
}
.ion-ios-contacts:before {
  content: "";
}
.ion-ios-contract:before {
  content: "";
}
.ion-ios-contrast:before {
  content: "";
}
.ion-ios-copy:before {
  content: "";
}
.ion-ios-create:before {
  content: "";
}
.ion-ios-crop:before {
  content: "";
}
.ion-ios-cube:before {
  content: "";
}
.ion-ios-cut:before {
  content: "";
}
.ion-ios-desktop:before {
  content: "";
}
.ion-ios-disc:before {
  content: "";
}
.ion-ios-document:before {
  content: "";
}
.ion-ios-done-all:before {
  content: "";
}
.ion-ios-download:before {
  content: "";
}
.ion-ios-easel:before {
  content: "";
}
.ion-ios-egg:before {
  content: "";
}
.ion-ios-exit:before {
  content: "";
}
.ion-ios-expand:before {
  content: "";
}
.ion-ios-eye:before {
  content: "";
}
.ion-ios-eye-off:before {
  content: "";
}
.ion-ios-fastforward:before {
  content: "";
}
.ion-ios-female:before {
  content: "";
}
.ion-ios-filing:before {
  content: "";
}
.ion-ios-film:before {
  content: "";
}
.ion-ios-finger-print:before {
  content: "";
}
.ion-ios-fitness:before {
  content: "";
}
.ion-ios-flag:before {
  content: "";
}
.ion-ios-flame:before {
  content: "";
}
.ion-ios-flash:before {
  content: "";
}
.ion-ios-flash-off:before {
  content: "";
}
.ion-ios-flashlight:before {
  content: "";
}
.ion-ios-flask:before {
  content: "";
}
.ion-ios-flower:before {
  content: "";
}
.ion-ios-folder:before {
  content: "";
}
.ion-ios-folder-open:before {
  content: "";
}
.ion-ios-football:before {
  content: "";
}
.ion-ios-funnel:before {
  content: "";
}
.ion-ios-gift:before {
  content: "";
}
.ion-ios-git-branch:before {
  content: "";
}
.ion-ios-git-commit:before {
  content: "";
}
.ion-ios-git-compare:before {
  content: "";
}
.ion-ios-git-merge:before {
  content: "";
}
.ion-ios-git-network:before {
  content: "";
}
.ion-ios-git-pull-request:before {
  content: "";
}
.ion-ios-glasses:before {
  content: "";
}
.ion-ios-globe:before {
  content: "";
}
.ion-ios-grid:before {
  content: "";
}
.ion-ios-hammer:before {
  content: "";
}
.ion-ios-hand:before {
  content: "";
}
.ion-ios-happy:before {
  content: "";
}
.ion-ios-headset:before {
  content: "";
}
.ion-ios-heart:before {
  content: "";
}
.ion-ios-heart-dislike:before {
  content: "";
}
.ion-ios-heart-empty:before {
  content: "";
}
.ion-ios-heart-half:before {
  content: "";
}
.ion-ios-help:before {
  content: "";
}
.ion-ios-help-buoy:before {
  content: "";
}
.ion-ios-help-circle:before {
  content: "";
}
.ion-ios-help-circle-outline:before {
  content: "";
}
.ion-ios-home:before {
  content: "";
}
.ion-ios-hourglass:before {
  content: "";
}
.ion-ios-ice-cream:before {
  content: "";
}
.ion-ios-image:before {
  content: "";
}
.ion-ios-images:before {
  content: "";
}
.ion-ios-infinite:before {
  content: "";
}
.ion-ios-information:before {
  content: "";
}
.ion-ios-information-circle:before {
  content: "";
}
.ion-ios-information-circle-outline:before {
  content: "";
}
.ion-ios-jet:before {
  content: "";
}
.ion-ios-journal:before {
  content: "";
}
.ion-ios-key:before {
  content: "";
}
.ion-ios-keypad:before {
  content: "";
}
.ion-ios-laptop:before {
  content: "";
}
.ion-ios-leaf:before {
  content: "";
}
.ion-ios-link:before {
  content: "";
}
.ion-ios-list:before {
  content: "";
}
.ion-ios-list-box:before {
  content: "";
}
.ion-ios-locate:before {
  content: "";
}
.ion-ios-lock:before {
  content: "";
}
.ion-ios-log-in:before {
  content: "";
}
.ion-ios-log-out:before {
  content: "";
}
.ion-ios-magnet:before {
  content: "";
}
.ion-ios-mail:before {
  content: "";
}
.ion-ios-mail-open:before {
  content: "";
}
.ion-ios-mail-unread:before {
  content: "";
}
.ion-ios-male:before {
  content: "";
}
.ion-ios-man:before {
  content: "";
}
.ion-ios-map:before {
  content: "";
}
.ion-ios-medal:before {
  content: "";
}
.ion-ios-medical:before {
  content: "";
}
.ion-ios-medkit:before {
  content: "";
}
.ion-ios-megaphone:before {
  content: "";
}
.ion-ios-menu:before {
  content: "";
}
.ion-ios-mic:before {
  content: "";
}
.ion-ios-mic-off:before {
  content: "";
}
.ion-ios-microphone:before {
  content: "";
}
.ion-ios-moon:before {
  content: "";
}
.ion-ios-more:before {
  content: "";
}
.ion-ios-move:before {
  content: "";
}
.ion-ios-musical-note:before {
  content: "";
}
.ion-ios-musical-notes:before {
  content: "";
}
.ion-ios-navigate:before {
  content: "";
}
.ion-ios-notifications:before {
  content: "";
}
.ion-ios-notifications-off:before {
  content: "";
}
.ion-ios-notifications-outline:before {
  content: "";
}
.ion-ios-nuclear:before {
  content: "";
}
.ion-ios-nutrition:before {
  content: "";
}
.ion-ios-open:before {
  content: "";
}
.ion-ios-options:before {
  content: "";
}
.ion-ios-outlet:before {
  content: "";
}
.ion-ios-paper:before {
  content: "";
}
.ion-ios-paper-plane:before {
  content: "";
}
.ion-ios-partly-sunny:before {
  content: "";
}
.ion-ios-pause:before {
  content: "";
}
.ion-ios-paw:before {
  content: "";
}
.ion-ios-people:before {
  content: "";
}
.ion-ios-person:before {
  content: "";
}
.ion-ios-person-add:before {
  content: "";
}
.ion-ios-phone-landscape:before {
  content: "";
}
.ion-ios-phone-portrait:before {
  content: "";
}
.ion-ios-photos:before {
  content: "";
}
.ion-ios-pie:before {
  content: "";
}
.ion-ios-pin:before {
  content: "";
}
.ion-ios-pint:before {
  content: "";
}
.ion-ios-pizza:before {
  content: "";
}
.ion-ios-planet:before {
  content: "";
}
.ion-ios-play:before {
  content: "";
}
.ion-ios-play-circle:before {
  content: "";
}
.ion-ios-podium:before {
  content: "";
}
.ion-ios-power:before {
  content: "";
}
.ion-ios-pricetag:before {
  content: "";
}
.ion-ios-pricetags:before {
  content: "";
}
.ion-ios-print:before {
  content: "";
}
.ion-ios-pulse:before {
  content: "";
}
.ion-ios-qr-scanner:before {
  content: "";
}
.ion-ios-quote:before {
  content: "";
}
.ion-ios-radio:before {
  content: "";
}
.ion-ios-radio-button-off:before {
  content: "";
}
.ion-ios-radio-button-on:before {
  content: "";
}
.ion-ios-rainy:before {
  content: "";
}
.ion-ios-recording:before {
  content: "";
}
.ion-ios-redo:before {
  content: "";
}
.ion-ios-refresh:before {
  content: "";
}
.ion-ios-refresh-circle:before {
  content: "";
}
.ion-ios-remove:before {
  content: "";
}
.ion-ios-remove-circle:before {
  content: "";
}
.ion-ios-remove-circle-outline:before {
  content: "";
}
.ion-ios-reorder:before {
  content: "";
}
.ion-ios-repeat:before {
  content: "";
}
.ion-ios-resize:before {
  content: "";
}
.ion-ios-restaurant:before {
  content: "";
}
.ion-ios-return-left:before {
  content: "";
}
.ion-ios-return-right:before {
  content: "";
}
.ion-ios-reverse-camera:before {
  content: "";
}
.ion-ios-rewind:before {
  content: "";
}
.ion-ios-ribbon:before {
  content: "";
}
.ion-ios-rocket:before {
  content: "";
}
.ion-ios-rose:before {
  content: "";
}
.ion-ios-sad:before {
  content: "";
}
.ion-ios-save:before {
  content: "";
}
.ion-ios-school:before {
  content: "";
}
.ion-ios-search:before {
  content: "";
}
.ion-ios-send:before {
  content: "";
}
.ion-ios-settings:before {
  content: "";
}
.ion-ios-share:before {
  content: "";
}
.ion-ios-share-alt:before {
  content: "";
}
.ion-ios-shirt:before {
  content: "";
}
.ion-ios-shuffle:before {
  content: "";
}
.ion-ios-skip-backward:before {
  content: "";
}
.ion-ios-skip-forward:before {
  content: "";
}
.ion-ios-snow:before {
  content: "";
}
.ion-ios-speedometer:before {
  content: "";
}
.ion-ios-square:before {
  content: "";
}
.ion-ios-square-outline:before {
  content: "";
}
.ion-ios-star:before {
  content: "";
}
.ion-ios-star-half:before {
  content: "";
}
.ion-ios-star-outline:before {
  content: "";
}
.ion-ios-stats:before {
  content: "";
}
.ion-ios-stopwatch:before {
  content: "";
}
.ion-ios-subway:before {
  content: "";
}
.ion-ios-sunny:before {
  content: "";
}
.ion-ios-swap:before {
  content: "";
}
.ion-ios-switch:before {
  content: "";
}
.ion-ios-sync:before {
  content: "";
}
.ion-ios-tablet-landscape:before {
  content: "";
}
.ion-ios-tablet-portrait:before {
  content: "";
}
.ion-ios-tennisball:before {
  content: "";
}
.ion-ios-text:before {
  content: "";
}
.ion-ios-thermometer:before {
  content: "";
}
.ion-ios-thumbs-down:before {
  content: "";
}
.ion-ios-thumbs-up:before {
  content: "";
}
.ion-ios-thunderstorm:before {
  content: "";
}
.ion-ios-time:before {
  content: "";
}
.ion-ios-timer:before {
  content: "";
}
.ion-ios-today:before {
  content: "";
}
.ion-ios-train:before {
  content: "";
}
.ion-ios-transgender:before {
  content: "";
}
.ion-ios-trash:before {
  content: "";
}
.ion-ios-trending-down:before {
  content: "";
}
.ion-ios-trending-up:before {
  content: "";
}
.ion-ios-trophy:before {
  content: "";
}
.ion-ios-tv:before {
  content: "";
}
.ion-ios-umbrella:before {
  content: "";
}
.ion-ios-undo:before {
  content: "";
}
.ion-ios-unlock:before {
  content: "";
}
.ion-ios-videocam:before {
  content: "";
}
.ion-ios-volume-high:before {
  content: "";
}
.ion-ios-volume-low:before {
  content: "";
}
.ion-ios-volume-mute:before {
  content: "";
}
.ion-ios-volume-off:before {
  content: "";
}
.ion-ios-walk:before {
  content: "";
}
.ion-ios-wallet:before {
  content: "";
}
.ion-ios-warning:before {
  content: "";
}
.ion-ios-watch:before {
  content: "";
}
.ion-ios-water:before {
  content: "";
}
.ion-ios-wifi:before {
  content: "";
}
.ion-ios-wine:before {
  content: "";
}
.ion-ios-woman:before {
  content: "";
}
.ion-logo-android:before {
  content: "";
}
.ion-logo-angular:before {
  content: "";
}
.ion-logo-apple:before {
  content: "";
}
.ion-logo-bitbucket:before {
  content: "";
}
.ion-logo-bitcoin:before {
  content: "";
}
.ion-logo-buffer:before {
  content: "";
}
.ion-logo-chrome:before {
  content: "";
}
.ion-logo-closed-captioning:before {
  content: "";
}
.ion-logo-codepen:before {
  content: "";
}
.ion-logo-css3:before {
  content: "";
}
.ion-logo-designernews:before {
  content: "";
}
.ion-logo-dribbble:before {
  content: "";
}
.ion-logo-dropbox:before {
  content: "";
}
.ion-logo-euro:before {
  content: "";
}
.ion-logo-facebook:before {
  content: "";
}
.ion-logo-flickr:before {
  content: "";
}
.ion-logo-foursquare:before {
  content: "";
}
.ion-logo-freebsd-devil:before {
  content: "";
}
.ion-logo-game-controller-a:before {
  content: "";
}
.ion-logo-game-controller-b:before {
  content: "";
}
.ion-logo-github:before {
  content: "";
}
.ion-logo-google:before {
  content: "";
}
.ion-logo-googleplus:before {
  content: "";
}
.ion-logo-hackernews:before {
  content: "";
}
.ion-logo-html5:before {
  content: "";
}
.ion-logo-instagram:before {
  content: "";
}
.ion-logo-ionic:before {
  content: "";
}
.ion-logo-ionitron:before {
  content: "";
}
.ion-logo-javascript:before {
  content: "";
}
.ion-logo-linkedin:before {
  content: "";
}
.ion-logo-markdown:before {
  content: "";
}
.ion-logo-model-s:before {
  content: "";
}
.ion-logo-no-smoking:before {
  content: "";
}
.ion-logo-nodejs:before {
  content: "";
}
.ion-logo-npm:before {
  content: "";
}
.ion-logo-octocat:before {
  content: "";
}
.ion-logo-pinterest:before {
  content: "";
}
.ion-logo-playstation:before {
  content: "";
}
.ion-logo-polymer:before {
  content: "";
}
.ion-logo-python:before {
  content: "";
}
.ion-logo-reddit:before {
  content: "";
}
.ion-logo-rss:before {
  content: "";
}
.ion-logo-sass:before {
  content: "";
}
.ion-logo-skype:before {
  content: "";
}
.ion-logo-slack:before {
  content: "";
}
.ion-logo-snapchat:before {
  content: "";
}
.ion-logo-steam:before {
  content: "";
}
.ion-logo-tumblr:before {
  content: "";
}
.ion-logo-tux:before {
  content: "";
}
.ion-logo-twitch:before {
  content: "";
}
.ion-logo-twitter:before {
  content: "";
}
.ion-logo-usd:before {
  content: "";
}
.ion-logo-vimeo:before {
  content: "";
}
.ion-logo-vk:before {
  content: "";
}
.ion-logo-whatsapp:before {
  content: "";
}
.ion-logo-windows:before {
  content: "";
}
.ion-logo-wordpress:before {
  content: "";
}
.ion-logo-xbox:before {
  content: "";
}
.ion-logo-xing:before {
  content: "";
}
.ion-logo-yahoo:before {
  content: "";
}
.ion-logo-yen:before {
  content: "";
}
.ion-logo-youtube:before {
  content: "";
}
.ion-md-add:before {
  content: "";
}
.ion-md-add-circle:before {
  content: "";
}
.ion-md-add-circle-outline:before {
  content: "";
}
.ion-md-airplane:before {
  content: "";
}
.ion-md-alarm:before {
  content: "";
}
.ion-md-albums:before {
  content: "";
}
.ion-md-alert:before {
  content: "";
}
.ion-md-american-football:before {
  content: "";
}
.ion-md-analytics:before {
  content: "";
}
.ion-md-aperture:before {
  content: "";
}
.ion-md-apps:before {
  content: "";
}
.ion-md-appstore:before {
  content: "";
}
.ion-md-archive:before {
  content: "";
}
.ion-md-arrow-back:before {
  content: "";
}
.ion-md-arrow-down:before {
  content: "";
}
.ion-md-arrow-dropdown:before {
  content: "";
}
.ion-md-arrow-dropdown-circle:before {
  content: "";
}
.ion-md-arrow-dropleft:before {
  content: "";
}
.ion-md-arrow-dropleft-circle:before {
  content: "";
}
.ion-md-arrow-dropright:before {
  content: "";
}
.ion-md-arrow-dropright-circle:before {
  content: "";
}
.ion-md-arrow-dropup:before {
  content: "";
}
.ion-md-arrow-dropup-circle:before {
  content: "";
}
.ion-md-arrow-forward:before {
  content: "";
}
.ion-md-arrow-round-back:before {
  content: "";
}
.ion-md-arrow-round-down:before {
  content: "";
}
.ion-md-arrow-round-forward:before {
  content: "";
}
.ion-md-arrow-round-up:before {
  content: "";
}
.ion-md-arrow-up:before {
  content: "";
}
.ion-md-at:before {
  content: "";
}
.ion-md-attach:before {
  content: "";
}
.ion-md-backspace:before {
  content: "";
}
.ion-md-barcode:before {
  content: "";
}
.ion-md-baseball:before {
  content: "";
}
.ion-md-basket:before {
  content: "";
}
.ion-md-basketball:before {
  content: "";
}
.ion-md-battery-charging:before {
  content: "";
}
.ion-md-battery-dead:before {
  content: "";
}
.ion-md-battery-full:before {
  content: "";
}
.ion-md-beaker:before {
  content: "";
}
.ion-md-bed:before {
  content: "";
}
.ion-md-beer:before {
  content: "";
}
.ion-md-bicycle:before {
  content: "";
}
.ion-md-bluetooth:before {
  content: "";
}
.ion-md-boat:before {
  content: "";
}
.ion-md-body:before {
  content: "";
}
.ion-md-bonfire:before {
  content: "";
}
.ion-md-book:before {
  content: "";
}
.ion-md-bookmark:before {
  content: "";
}
.ion-md-bookmarks:before {
  content: "";
}
.ion-md-bowtie:before {
  content: "";
}
.ion-md-briefcase:before {
  content: "";
}
.ion-md-browsers:before {
  content: "";
}
.ion-md-brush:before {
  content: "";
}
.ion-md-bug:before {
  content: "";
}
.ion-md-build:before {
  content: "";
}
.ion-md-bulb:before {
  content: "";
}
.ion-md-bus:before {
  content: "";
}
.ion-md-business:before {
  content: "";
}
.ion-md-cafe:before {
  content: "";
}
.ion-md-calculator:before {
  content: "";
}
.ion-md-calendar:before {
  content: "";
}
.ion-md-call:before {
  content: "";
}
.ion-md-camera:before {
  content: "";
}
.ion-md-car:before {
  content: "";
}
.ion-md-card:before {
  content: "";
}
.ion-md-cart:before {
  content: "";
}
.ion-md-cash:before {
  content: "";
}
.ion-md-cellular:before {
  content: "";
}
.ion-md-chatboxes:before {
  content: "";
}
.ion-md-chatbubbles:before {
  content: "";
}
.ion-md-checkbox:before {
  content: "";
}
.ion-md-checkbox-outline:before {
  content: "";
}
.ion-md-checkmark:before {
  content: "";
}
.ion-md-checkmark-circle:before {
  content: "";
}
.ion-md-checkmark-circle-outline:before {
  content: "";
}
.ion-md-clipboard:before {
  content: "";
}
.ion-md-clock:before {
  content: "";
}
.ion-md-close:before {
  content: "";
}
.ion-md-close-circle:before {
  content: "";
}
.ion-md-close-circle-outline:before {
  content: "";
}
.ion-md-cloud:before {
  content: "";
}
.ion-md-cloud-circle:before {
  content: "";
}
.ion-md-cloud-done:before {
  content: "";
}
.ion-md-cloud-download:before {
  content: "";
}
.ion-md-cloud-outline:before {
  content: "";
}
.ion-md-cloud-upload:before {
  content: "";
}
.ion-md-cloudy:before {
  content: "";
}
.ion-md-cloudy-night:before {
  content: "";
}
.ion-md-code:before {
  content: "";
}
.ion-md-code-download:before {
  content: "";
}
.ion-md-code-working:before {
  content: "";
}
.ion-md-cog:before {
  content: "";
}
.ion-md-color-fill:before {
  content: "";
}
.ion-md-color-filter:before {
  content: "";
}
.ion-md-color-palette:before {
  content: "";
}
.ion-md-color-wand:before {
  content: "";
}
.ion-md-compass:before {
  content: "";
}
.ion-md-construct:before {
  content: "";
}
.ion-md-contact:before {
  content: "";
}
.ion-md-contacts:before {
  content: "";
}
.ion-md-contract:before {
  content: "";
}
.ion-md-contrast:before {
  content: "";
}
.ion-md-copy:before {
  content: "";
}
.ion-md-create:before {
  content: "";
}
.ion-md-crop:before {
  content: "";
}
.ion-md-cube:before {
  content: "";
}
.ion-md-cut:before {
  content: "";
}
.ion-md-desktop:before {
  content: "";
}
.ion-md-disc:before {
  content: "";
}
.ion-md-document:before {
  content: "";
}
.ion-md-done-all:before {
  content: "";
}
.ion-md-download:before {
  content: "";
}
.ion-md-easel:before {
  content: "";
}
.ion-md-egg:before {
  content: "";
}
.ion-md-exit:before {
  content: "";
}
.ion-md-expand:before {
  content: "";
}
.ion-md-eye:before {
  content: "";
}
.ion-md-eye-off:before {
  content: "";
}
.ion-md-fastforward:before {
  content: "";
}
.ion-md-female:before {
  content: "";
}
.ion-md-filing:before {
  content: "";
}
.ion-md-film:before {
  content: "";
}
.ion-md-finger-print:before {
  content: "";
}
.ion-md-fitness:before {
  content: "";
}
.ion-md-flag:before {
  content: "";
}
.ion-md-flame:before {
  content: "";
}
.ion-md-flash:before {
  content: "";
}
.ion-md-flash-off:before {
  content: "";
}
.ion-md-flashlight:before {
  content: "";
}
.ion-md-flask:before {
  content: "";
}
.ion-md-flower:before {
  content: "";
}
.ion-md-folder:before {
  content: "";
}
.ion-md-folder-open:before {
  content: "";
}
.ion-md-football:before {
  content: "";
}
.ion-md-funnel:before {
  content: "";
}
.ion-md-gift:before {
  content: "";
}
.ion-md-git-branch:before {
  content: "";
}
.ion-md-git-commit:before {
  content: "";
}
.ion-md-git-compare:before {
  content: "";
}
.ion-md-git-merge:before {
  content: "";
}
.ion-md-git-network:before {
  content: "";
}
.ion-md-git-pull-request:before {
  content: "";
}
.ion-md-glasses:before {
  content: "";
}
.ion-md-globe:before {
  content: "";
}
.ion-md-grid:before {
  content: "";
}
.ion-md-hammer:before {
  content: "";
}
.ion-md-hand:before {
  content: "";
}
.ion-md-happy:before {
  content: "";
}
.ion-md-headset:before {
  content: "";
}
.ion-md-heart:before {
  content: "";
}
.ion-md-heart-dislike:before {
  content: "";
}
.ion-md-heart-empty:before {
  content: "";
}
.ion-md-heart-half:before {
  content: "";
}
.ion-md-help:before {
  content: "";
}
.ion-md-help-buoy:before {
  content: "";
}
.ion-md-help-circle:before {
  content: "";
}
.ion-md-help-circle-outline:before {
  content: "";
}
.ion-md-home:before {
  content: "";
}
.ion-md-hourglass:before {
  content: "";
}
.ion-md-ice-cream:before {
  content: "";
}
.ion-md-image:before {
  content: "";
}
.ion-md-images:before {
  content: "";
}
.ion-md-infinite:before {
  content: "";
}
.ion-md-information:before {
  content: "";
}
.ion-md-information-circle:before {
  content: "";
}
.ion-md-information-circle-outline:before {
  content: "";
}
.ion-md-jet:before {
  content: "";
}
.ion-md-journal:before {
  content: "";
}
.ion-md-key:before {
  content: "";
}
.ion-md-keypad:before {
  content: "";
}
.ion-md-laptop:before {
  content: "";
}
.ion-md-leaf:before {
  content: "";
}
.ion-md-link:before {
  content: "";
}
.ion-md-list:before {
  content: "";
}
.ion-md-list-box:before {
  content: "";
}
.ion-md-locate:before {
  content: "";
}
.ion-md-lock:before {
  content: "";
}
.ion-md-log-in:before {
  content: "";
}
.ion-md-log-out:before {
  content: "";
}
.ion-md-magnet:before {
  content: "";
}
.ion-md-mail:before {
  content: "";
}
.ion-md-mail-open:before {
  content: "";
}
.ion-md-mail-unread:before {
  content: "";
}
.ion-md-male:before {
  content: "";
}
.ion-md-man:before {
  content: "";
}
.ion-md-map:before {
  content: "";
}
.ion-md-medal:before {
  content: "";
}
.ion-md-medical:before {
  content: "";
}
.ion-md-medkit:before {
  content: "";
}
.ion-md-megaphone:before {
  content: "";
}
.ion-md-menu:before {
  content: "";
}
.ion-md-mic:before {
  content: "";
}
.ion-md-mic-off:before {
  content: "";
}
.ion-md-microphone:before {
  content: "";
}
.ion-md-moon:before {
  content: "";
}
.ion-md-more:before {
  content: "";
}
.ion-md-move:before {
  content: "";
}
.ion-md-musical-note:before {
  content: "";
}
.ion-md-musical-notes:before {
  content: "";
}
.ion-md-navigate:before {
  content: "";
}
.ion-md-notifications:before {
  content: "";
}
.ion-md-notifications-off:before {
  content: "";
}
.ion-md-notifications-outline:before {
  content: "";
}
.ion-md-nuclear:before {
  content: "";
}
.ion-md-nutrition:before {
  content: "";
}
.ion-md-open:before {
  content: "";
}
.ion-md-options:before {
  content: "";
}
.ion-md-outlet:before {
  content: "";
}
.ion-md-paper:before {
  content: "";
}
.ion-md-paper-plane:before {
  content: "";
}
.ion-md-partly-sunny:before {
  content: "";
}
.ion-md-pause:before {
  content: "";
}
.ion-md-paw:before {
  content: "";
}
.ion-md-people:before {
  content: "";
}
.ion-md-person:before {
  content: "";
}
.ion-md-person-add:before {
  content: "";
}
.ion-md-phone-landscape:before {
  content: "";
}
.ion-md-phone-portrait:before {
  content: "";
}
.ion-md-photos:before {
  content: "";
}
.ion-md-pie:before {
  content: "";
}
.ion-md-pin:before {
  content: "";
}
.ion-md-pint:before {
  content: "";
}
.ion-md-pizza:before {
  content: "";
}
.ion-md-planet:before {
  content: "";
}
.ion-md-play:before {
  content: "";
}
.ion-md-play-circle:before {
  content: "";
}
.ion-md-podium:before {
  content: "";
}
.ion-md-power:before {
  content: "";
}
.ion-md-pricetag:before {
  content: "";
}
.ion-md-pricetags:before {
  content: "";
}
.ion-md-print:before {
  content: "";
}
.ion-md-pulse:before {
  content: "";
}
.ion-md-qr-scanner:before {
  content: "";
}
.ion-md-quote:before {
  content: "";
}
.ion-md-radio:before {
  content: "";
}
.ion-md-radio-button-off:before {
  content: "";
}
.ion-md-radio-button-on:before {
  content: "";
}
.ion-md-rainy:before {
  content: "";
}
.ion-md-recording:before {
  content: "";
}
.ion-md-redo:before {
  content: "";
}
.ion-md-refresh:before {
  content: "";
}
.ion-md-refresh-circle:before {
  content: "";
}
.ion-md-remove:before {
  content: "";
}
.ion-md-remove-circle:before {
  content: "";
}
.ion-md-remove-circle-outline:before {
  content: "";
}
.ion-md-reorder:before {
  content: "";
}
.ion-md-repeat:before {
  content: "";
}
.ion-md-resize:before {
  content: "";
}
.ion-md-restaurant:before {
  content: "";
}
.ion-md-return-left:before {
  content: "";
}
.ion-md-return-right:before {
  content: "";
}
.ion-md-reverse-camera:before {
  content: "";
}
.ion-md-rewind:before {
  content: "";
}
.ion-md-ribbon:before {
  content: "";
}
.ion-md-rocket:before {
  content: "";
}
.ion-md-rose:before {
  content: "";
}
.ion-md-sad:before {
  content: "";
}
.ion-md-save:before {
  content: "";
}
.ion-md-school:before {
  content: "";
}
.ion-md-search:before {
  content: "";
}
.ion-md-send:before {
  content: "";
}
.ion-md-settings:before {
  content: "";
}
.ion-md-share:before {
  content: "";
}
.ion-md-share-alt:before {
  content: "";
}
.ion-md-shirt:before {
  content: "";
}
.ion-md-shuffle:before {
  content: "";
}
.ion-md-skip-backward:before {
  content: "";
}
.ion-md-skip-forward:before {
  content: "";
}
.ion-md-snow:before {
  content: "";
}
.ion-md-speedometer:before {
  content: "";
}
.ion-md-square:before {
  content: "";
}
.ion-md-square-outline:before {
  content: "";
}
.ion-md-star:before {
  content: "";
}
.ion-md-star-half:before {
  content: "";
}
.ion-md-star-outline:before {
  content: "";
}
.ion-md-stats:before {
  content: "";
}
.ion-md-stopwatch:before {
  content: "";
}
.ion-md-subway:before {
  content: "";
}
.ion-md-sunny:before {
  content: "";
}
.ion-md-swap:before {
  content: "";
}
.ion-md-switch:before {
  content: "";
}
.ion-md-sync:before {
  content: "";
}
.ion-md-tablet-landscape:before {
  content: "";
}
.ion-md-tablet-portrait:before {
  content: "";
}
.ion-md-tennisball:before {
  content: "";
}
.ion-md-text:before {
  content: "";
}
.ion-md-thermometer:before {
  content: "";
}
.ion-md-thumbs-down:before {
  content: "";
}
.ion-md-thumbs-up:before {
  content: "";
}
.ion-md-thunderstorm:before {
  content: "";
}
.ion-md-time:before {
  content: "";
}
.ion-md-timer:before {
  content: "";
}
.ion-md-today:before {
  content: "";
}
.ion-md-train:before {
  content: "";
}
.ion-md-transgender:before {
  content: "";
}
.ion-md-trash:before {
  content: "";
}
.ion-md-trending-down:before {
  content: "";
}
.ion-md-trending-up:before {
  content: "";
}
.ion-md-trophy:before {
  content: "";
}
.ion-md-tv:before {
  content: "";
}
.ion-md-umbrella:before {
  content: "";
}
.ion-md-undo:before {
  content: "";
}
.ion-md-unlock:before {
  content: "";
}
.ion-md-videocam:before {
  content: "";
}
.ion-md-volume-high:before {
  content: "";
}
.ion-md-volume-low:before {
  content: "";
}
.ion-md-volume-mute:before {
  content: "";
}
.ion-md-volume-off:before {
  content: "";
}
.ion-md-walk:before {
  content: "";
}
.ion-md-wallet:before {
  content: "";
}
.ion-md-warning:before {
  content: "";
}
.ion-md-watch:before {
  content: "";
}
.ion-md-water:before {
  content: "";
}
.ion-md-wifi:before {
  content: "";
}
.ion-md-wine:before {
  content: "";
}
.ion-md-woman:before {
  content: "";
}
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-badge-small .mat-badge-content{font-size:6px}
.mat-badge-large .mat-badge-content{font-size:24px}
.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h5,.mat-typography h5{font:400 11.62px/20px Roboto,"Helvetica Neue",sans-serif;margin:0 0 12px}
.mat-h6,.mat-typography h6{font:400 9.38px/20px Roboto,"Helvetica Neue",sans-serif;margin:0 0 12px}
.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,"Helvetica Neue",sans-serif}
.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}
.mat-caption,.mat-small{font:400 12px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,"Helvetica Neue",sans-serif;margin:0 0 56px;letter-spacing:-.05em}
.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px;letter-spacing:-.02em}
.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px;letter-spacing:-.005em}
.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px}
.mat-bottom-sheet-container{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{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-content,.mat-card-subtitle{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-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.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}
.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}
.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,"Helvetica Neue",sans-serif}
.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:.5em 0;border-top:.84375em solid transparent}
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.33333%}
.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(.75);width:133.33334%}
.mat-form-field-label-wrapper{top:-.84375em;padding-top:.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:.66667em;top:calc(100% - 1.79167em)}
.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1.28125em) scale(.75);width:133.33333%}
.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(.75) perspective(100px) translateZ(.00101px);-ms-transform:translateY(-1.28124em) scale(.75);width:133.33334%}
.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(.75) perspective(100px) translateZ(.00102px);-ms-transform:translateY(-1.28123em) scale(.75);width:133.33335%}
.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:.54167em;top:calc(100% - 1.66667em)}
@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.28122em) scale(.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(.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(.75)}}
.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}
.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-.5em}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.33333%}
.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(-.59374em) scale(.75);width:133.33334%}
.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:-.25em}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.33333%}
.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(.75);width:133.33334%}
.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}
.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}
input.mat-input-element{margin-top:-.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-horizontal,.mat-stepper-vertical{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-step-label{font-size:14px;font-weight:400}
.mat-step-sub-label-error{font-weight:400}
.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;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}
.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-nested-tree-node,.mat-tree-node{font-weight:400;font-size:14px}
.mat-ripple{overflow:hidden;position:relative}
.mat-ripple.mat-ripple-unbounded{overflow:visible}
.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0s cubic-bezier(0,0,.2,1);transform:scale(0)}
@media (-ms-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;outline:0;-webkit-appearance:none;-moz-appearance:none}
.cdk-global-overlay-wrapper,.cdk-overlay-container{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 .4s cubic-bezier(.25,.8,.25,1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.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}
@-webkit-keyframes cdk-text-field-autofill-start{/*!*/}
@keyframes cdk-text-field-autofill-start{/*!*/}
@-webkit-keyframes cdk-text-field-autofill-end{/*!*/}
@keyframes cdk-text-field-autofill-end{/*!*/}
.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation-name:cdk-text-field-autofill-start;animation-name:cdk-text-field-autofill-start}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill){-webkit-animation-name:cdk-text-field-autofill-end;animation-name:cdk-text-field-autofill-end}
textarea.cdk-textarea-autosize{resize:none}
textarea.cdk-textarea-autosize-measuring{height:auto!important;overflow:hidden!important;padding:2px 0!important;box-sizing:content-box!important}
.mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-option{color:rgba(0,0,0,.87)}
.mat-option:focus:not(.mat-option-disabled),.mat-option:hover:not(.mat-option-disabled){background:rgba(0,0,0,.04)}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}
.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}
.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#673ab7}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ffd740}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}
.mat-optgroup-label{color:rgba(0,0,0,.54)}
.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}
.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}
.mat-pseudo-checkbox::after{color:#fafafa}
.mat-pseudo-checkbox-disabled{color:#b0b0b0}
.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate{background:#ffd740}
.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#673ab7}
.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}
.mat-elevation-z0{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-elevation-z1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}
.mat-elevation-z2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-elevation-z3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}
.mat-elevation-z4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-elevation-z5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}
.mat-elevation-z6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-elevation-z7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}
.mat-elevation-z8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
.mat-elevation-z9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}
.mat-elevation-z10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}
.mat-elevation-z11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}
.mat-elevation-z12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}
.mat-elevation-z13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}
.mat-elevation-z14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}
.mat-elevation-z15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}
.mat-elevation-z16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}
.mat-elevation-z17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}
.mat-elevation-z18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}
.mat-elevation-z19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}
.mat-elevation-z20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}
.mat-elevation-z21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}
.mat-elevation-z22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}
.mat-elevation-z23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}
.mat-elevation-z24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}
.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}
.mat-theme-loaded-marker{display:none}
.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}
.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}
.mat-badge-content{color:#fff;background:#673ab7}
@media (-ms-high-contrast:active){.mat-badge-content{outline:solid 1px;border-radius:0}}
.mat-badge-accent .mat-badge-content{background:#ffd740;color:rgba(0,0,0,.87)}
.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}
.mat-badge{position:relative}
.mat-badge-hidden .mat-badge-content{display:none}
.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}
.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events: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-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}
.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:0 0}
.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#673ab7}
.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ffd740}
.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}
.mat-button.mat-accent[disabled],.mat-button.mat-primary[disabled],.mat-button.mat-warn[disabled],.mat-button[disabled][disabled],.mat-icon-button.mat-accent[disabled],.mat-icon-button.mat-primary[disabled],.mat-icon-button.mat-warn[disabled],.mat-icon-button[disabled][disabled],.mat-stroked-button.mat-accent[disabled],.mat-stroked-button.mat-primary[disabled],.mat-stroked-button.mat-warn[disabled],.mat-stroked-button[disabled][disabled]{color:rgba(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:#673ab7}
.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:#ffd740}
.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:#f44336}
.mat-button[disabled] .mat-button-focus-overlay,.mat-icon-button[disabled] .mat-button-focus-overlay,.mat-stroked-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:.1;background-color:currentColor}
.mat-button-focus-overlay{background:#000}
.mat-stroked-button:not([disabled]){border-color:rgba(0,0,0,.12)}
.mat-fab,.mat-flat-button,.mat-mini-fab,.mat-raised-button{color:rgba(0,0,0,.87);background-color:#fff}
.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{color:#fff}
.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{color:rgba(0,0,0,.87)}
.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{color:#fff}
.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{color:rgba(0,0,0,.26)}
.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{background-color:#673ab7}
.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{background-color:#ffd740}
.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{background-color:#f44336}
.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12)}
.mat-fab.mat-primary .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-fab.mat-accent .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-fab.mat-warn .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-flat-button:not([class*=mat-elevation-z]),.mat-stroked-button:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}
.mat-fab[disabled]:not([class*=mat-elevation-z]),.mat-mini-fab[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-button-toggle-group,.mat-button-toggle-standalone{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{box-shadow:none}
.mat-button-toggle{color:rgba(0,0,0,.38)}
.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}
.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}
.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}
.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 rgba(0,0,0,.12)}
.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}
.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}
.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}
.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{border:solid 1px rgba(0,0,0,.12)}
.mat-card{background:#fff;color:rgba(0,0,0,.87)}
.mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-card-subtitle{color:rgba(0,0,0,.54)}
.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}
.mat-checkbox-checkmark{fill:#fafafa}
.mat-checkbox-checkmark-path{stroke:#fafafa!important}
@media (-ms-high-contrast:black-on-white){.mat-checkbox-checkmark-path{stroke:#000!important}}
.mat-checkbox-mixedmark{background-color:#fafafa}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background{background-color:#673ab7}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#ffd740}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background{background-color:#f44336}
.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,.54)}
@media (-ms-high-contrast:active){.mat-checkbox-disabled{opacity:.5}}
@media (-ms-high-contrast:active){.mat-checkbox-background{background:0 0}}
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element{background-color:#673ab7}
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#ffd740}
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element{background-color:#f44336}
.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}
.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}
.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}
.mat-chip.mat-standard-chip::after{background:#000}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#673ab7;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ffd740;color:rgba(0,0,0,.87)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background:rgba(0,0,0,.1)}
.mat-table{background:#fff}
.mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row{background:inherit}
mat-footer-row,mat-header-row,mat-row,td.mat-cell,td.mat-footer-cell,th.mat-header-cell{border-bottom-color:rgba(0,0,0,.12)}
.mat-header-cell{color:rgba(0,0,0,.54)}
.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}
.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}
.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle{color:rgba(0,0,0,.54)}
.mat-calendar-table-header{color:rgba(0,0,0,.38)}
.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}
.mat-calendar-body-label{color:rgba(0,0,0,.54)}
.mat-calendar-body-cell-content{color:rgba(0,0,0,.87);border-color:transparent}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){color:rgba(0,0,0,.38)}
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:rgba(0,0,0,.04)}
.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.38)}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.18)}
.mat-calendar-body-selected{background-color:#673ab7;color:#fff}
.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(103,58,183,.4)}
.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:#fff;color:rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ffd740;color:rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,215,64,.4)}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content-touch{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-datepicker-toggle-active{color:#673ab7}
.mat-datepicker-toggle-active.mat-accent{color:#ffd740}
.mat-datepicker-toggle-active.mat-warn{color:#f44336}
.mat-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}
.mat-divider{border-top-color:rgba(0,0,0,.12)}
.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}
.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}
.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-action-row{border-top-color:rgba(0,0,0,.12)}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:rgba(0,0,0,.04)}
@media (hover:none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}
.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}
.mat-expansion-indicator::after,.mat-expansion-panel-header-description{color:rgba(0,0,0,.54)}
.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:inherit}
.mat-form-field-label{color:rgba(0,0,0,.6)}
.mat-hint{color:rgba(0,0,0,.6)}
.mat-form-field.mat-focused .mat-form-field-label{color:#673ab7}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ffd740}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}
.mat-focused .mat-form-field-required-marker{color:#ffd740}
.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}
.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#673ab7}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ffd740}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#673ab7}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ffd740}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent{color:#f44336}
.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:#f44336}
.mat-error{color:#f44336}
.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(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,.42) 0,rgba(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,.42)}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(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,.04)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}
.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(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,.12)}
.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#673ab7}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ffd740}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}
.mat-icon.mat-primary{color:#673ab7}
.mat-icon.mat-accent{color:#ffd740}
.mat-icon.mat-warn{color:#f44336}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,.mat-input-element:disabled{color:rgba(0,0,0,.38)}
.mat-input-element{caret-color:#673ab7}
.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}
.mat-accent .mat-input-element{caret-color:#ffd740}
.mat-form-field-invalid .mat-input-element,.mat-warn .mat-input-element{caret-color:#f44336}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}
.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}
.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}
.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}
.mat-list-item-disabled{background-color:#eee}
.mat-action-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-list-option:focus,.mat-list-option:hover,.mat-nav-list .mat-list-item:focus,.mat-nav-list .mat-list-item:hover{background:rgba(0,0,0,.04)}
.mat-menu-panel{background:#fff}
.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-menu-item{background:0 0;color:rgba(0,0,0,.87)}
.mat-menu-item[disabled],.mat-menu-item[disabled]::after{color:rgba(0,0,0,.38)}
.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}
.mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover:not([disabled]){background:rgba(0,0,0,.04)}
.mat-paginator{background:#fff}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}
.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}
.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}
.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}
.mat-progress-bar-background{fill:#d1c4e9}
.mat-progress-bar-buffer{background-color:#d1c4e9}
.mat-progress-bar-fill::after{background-color:#673ab7}
.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ffe57f}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ffe57f}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ffd740}
.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}
.mat-progress-spinner circle,.mat-spinner circle{stroke:#673ab7}
.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ffd740}
.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}
.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#673ab7}
.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:#673ab7}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ffd740}
.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:#ffd740}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}
.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:#f44336}
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element{background-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}
.mat-radio-button .mat-ripple-element{background-color:#000}
.mat-select-value{color:rgba(0,0,0,.87)}
.mat-select-placeholder{color:rgba(0,0,0,.42)}
.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}
.mat-select-arrow{color:rgba(0,0,0,.54)}
.mat-select-panel{background:#fff}
.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#673ab7}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ffd740}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}
.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}
.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}
.mat-drawer.mat-drawer-push{background-color:#fff}
.mat-drawer:not(.mat-drawer-side){box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}
.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}
.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}
[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(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,.12)}
.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ffd740}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,215,64,.54)}
.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ffd740}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#673ab7}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(103,58,183,.54)}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#673ab7}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}
.mat-slide-toggle-thumb{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#fafafa}
.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}
.mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill{background-color:#673ab7}
.mat-primary .mat-slider-thumb-label-text{color:#fff}
.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill{background-color:#ffd740}
.mat-accent .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}
.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill{background-color:#f44336}
.mat-warn .mat-slider-thumb-label-text{color:#fff}
.mat-slider-focus-ring{background-color:rgba(255,215,64,.2)}
.cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background{background-color:rgba(0,0,0,.38)}
.mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill{background-color:rgba(0,0,0,.26)}
.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb{border-color:rgba(0,0,0,.38)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}
.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}
.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(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,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}
.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}
@media (hover:none){.mat-step-header:hover{background:0 0}}
.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}
.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}
.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:#673ab7;color:#fff}
.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}
.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}
.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}
.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}
.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}
.mat-horizontal-stepper-header::after,.mat-horizontal-stepper-header::before,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}
.mat-sort-header-arrow{color:#757575}
.mat-tab-header,.mat-tab-nav-bar{border-bottom:1px solid rgba(0,0,0,.12)}
.mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}
.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}
.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}
.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(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(209,196,233,.3)}
.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#673ab7}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar{background-color:#fff}
.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(255,229,127,.3)}
.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ffd740}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar{background-color:rgba(0,0,0,.87)}
.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,205,210,.3)}
.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar{background-color:#fff}
.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(209,196,233,.3)}
.mat-tab-group.mat-background-primary .mat-tab-header,.mat-tab-group.mat-background-primary .mat-tab-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header,.mat-tab-nav-bar.mat-background-primary .mat-tab-links{background-color:#673ab7}
.mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron{border-color:#fff}
.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-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element{background-color:rgba(255,255,255,.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(255,229,127,.3)}
.mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header,.mat-tab-nav-bar.mat-background-accent .mat-tab-links{background-color:#ffd740}
.mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link{color:rgba(0,0,0,.87)}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.4)}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}
.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-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.4)}
.mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element{background-color:rgba(0,0,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,205,210,.3)}
.mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header,.mat-tab-nav-bar.mat-background-warn .mat-tab-links{background-color:#f44336}
.mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron{border-color:#fff}
.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-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}
.mat-toolbar.mat-primary{background:#673ab7;color:#fff}
.mat-toolbar.mat-accent{background:#ffd740;color:rgba(0,0,0,.87)}
.mat-toolbar.mat-warn{background:#f44336;color:#fff}
.mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline{background-color:currentColor}
.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value{color:inherit}
.mat-toolbar .mat-input-element{caret-color:currentColor}
.mat-tooltip{background:rgba(97,97,97,.9)}
.mat-tree{background:#fff}
.mat-nested-tree-node,.mat-tree-node{color:rgba(0,0,0,.87)}
.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-simple-snackbar-action{color:#ffd740}
.SOPI-Blau-BG {
  background-color: #498bff !important; }
.SOPI-Blau-FG {
  color: #498bff !important; }
.SOPI-Rot-BG {
  background-color: #FF5151 !important; }
.SOPI-Rot-FG {
  color: #FF5151 !important; }
.SOPI-Orange-BG {
  background-color: #FF861D !important; }
.SOPI-Orange-FG {
  color: #FF861D !important; }
.SOPI-Gelb-BG {
  background-color: yellow !important; }
.SOPI-Gelb-FG {
  color: yellow !important; }
.SOPI-Hellgruen-BG {
  background-color: #4BD964 !important; }
.SOPI-Hellgruen-FG {
  color: #4BD964 !important; }
.SOPI-Gruen-BG {
  background-color: #08871E !important; }
.SOPI-Gruen-FG {
  color: #08871E !important; }
.SOPI-Grau-BG {
  background-color: #ccc !important; }
.SOPI-Grau-FG {
  color: #ccc !important; }
.SOPI-Kritisch {
  background-color: black !important;
  color: #FF5151 !important; }
.hell {
  color: white; }
.OK {
  color: #10dc60 !important; }
.lightpink {
  /*background-color: lightpink !important;*/ }
.lightgreen {
  /*background-color: lightgreen !important;*/ }
/***   Schriften   ****************************************************************************************************************************************************/
.SOPI-T1 {
  font-weight: 800 !important;
  font-size: 12px !important;
  color: #20515b !important;
  margin: 0 !important; }
.SOPI-T1L {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #20515b !important;
  margin: 0 !important; }
.SOPI-T2 {
  font-weight: 400 !important;
  font-size: 10px !important;
  color: #477781 !important;
  line-height: 14px !important;
  margin: 0 0 4px 0 !important; }
.SOPI-T2B {
  font-weight: 600 !important;
  font-size: 10px !important;
  color: #477781 !important;
  line-height: 14px !important;
  margin: 0 0 4px 0 !important; }
.SOPI-T2B-LC {
  font-weight: 600 !important;
  color: #498bff !important;
  white-space: pre-line !important; }
.SOPI-T2-Prio {
  font-weight: 600 !important;
  font-size: 10px !important;
  color: #FF5151 !important;
  line-height: 14px !important;
  margin: 0 0 4px 0 !important; }
.SOPI-Item-T2 {
  font-weight: 400 !important;
  font-size: 10px !important;
  color: #477781 !important;
  line-height: 14px !important; }
.SOPI-T3 {
  font-weight: 300 !important;
  font-size: 16px !important;
  color: #7C9398 !important; }
.SOPI-T4 {
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #74b1be !important; }
.SOPI-T5 {
  font-weight: 300 !important;
  font-size: 16px !important;
  color: #51727D !important; }
.SOPI-T6 {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #333348 !important;
  line-height: 20px !important; }
.SOPI-T6-Time {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #7C9398 !important;
  line-height: 20px !important; }
.SOPI-T6-Prio {
  font-weight: 800 !important;
  font-size: 16px !important;
  color: #FF5151 !important; }
.SOPI-T6-LC {
  color: #498bff !important; }
.SOPI-Item-T6 {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #333348 !important;
  line-height: 20px !important;
  margin: 4px 0 0 0 !important; }
.SOPI-T7 {
  --ion-font-family: "Roboto Mono", "Courier", sans-serif;
  font-size: 12px !important;
  color: #7C9398 !important; }
.SOPI-T7H {
  --ion-font-family: "Roboto Mono", "Courier", sans-serif;
  font-size: 12px !important;
  color: #74b1be !important; }
.SOPI-T8 {
  --ion-font-family: "Roboto Mono", "Courier", sans-serif;
  font-size: 16px !important;
  color: #7C9398 !important;
  margin: 0 !important; }
.SOPI-T-Date1 {
  font-family: "Roboto Mono", "Courier", sans-serif !important;
  --ion-font-family: "Roboto Mono", "Courier", sans-serif !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #74b1be !important;
  font-weight: 200 !important;
  margin: 0 !important; }
.SOPI-T-Date2 {
  font-family: "Roboto Mono", "Courier", sans-serif !important;
  --ion-font-family: "Roboto Mono", "Courier", sans-serif !important;
  font-size: 10px !important;
  line-height: 20px !important;
  color: #74b1be !important;
  font-weight: 200 !important;
  margin: 0 !important; }
.SOPI-T-Date3 {
  font-family: "Roboto Slab", "Courier", sans-serif !important;
  --ion-font-family: "Roboto Slab", "Courier", sans-serif !important;
  font-size: 10px !important;
  line-height: 16px !important;
  color: #90B1BB !important;
  font-weight: 300 !important;
  margin: 0 !important; }
.SOPI-H1 {
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #7C9398 !important; }
.SOPI-H2 {
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #74b1be !important; }
.SOPI-H2-Blau {
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #498bff !important; }
.SOPI-H2-Dunkel {
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #333348 !important; }
.SOPI-H2-Gelb {
  margin: 0 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: yellow !important; }
.SOPI-H2-Hellgruen {
  margin: 0 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #4BD964 !important; }
.SOPI-H3 {
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  color: #9feaf9 !important; }
.SOPI-H3-Fett {
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #9feaf9 !important; }
.SOPI-H3-Dunkel {
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  color: #333348 !important; }
.SOPI-H3-Gelb {
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: yellow !important; }
.SOPI-H3-Gelb-Fett {
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: yellow !important; }
.SOPI-H3-Hellgruen {
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #4BD964 !important; }
.SOPI-H3-Hellgruen-Fett {
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #4BD964 !important; }
.SOPI-H3-Gruen {
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #08871E !important; }
.SOPI-M1 {
  font-weight: 300 !important;
  font-size: 28px !important;
  color: #20515b !important;
  margin: 16px 0 16px 0 !important; }
.SOPI-M2 {
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #20515b !important; }
.SOPI-M3 {
  font-weight: 800 !important;
  font-size: 12px !important;
  color: #74b1be !important;
  margin: 2px 8px !important; }
.SOPI-M4 {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #74b1be !important;
  margin: 2px 8px !important; }
.SOPI-M5 {
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #20515b !important;
  margin: 0 !important; }
.SOPI-M6 {
  font-weight: 300 !important;
  font-size: 24px !important;
  color: #74b1be !important;
  margin: 0 !important; }
.SOPI-Mono {
  font-family: "Roboto Mono", "Courier", sans-serif !important;
  --ion-font-family: "Roboto Mono", "Courier", sans-serif !important; }
.ModalH1 {
  color: #20515B !important;
  font: normal normal 300 38px Roboto, "Helvetica Neue", sans-serif !important;
  margin: 24px 0 0 0 !important; }
.ModalH2 {
  color: #3A585F !important;
  font: normal normal 300 20px Roboto, "Helvetica Neue", sans-serif !important;
  margin: 4px 0 0 0 !important; }
.Wichtig {
  color: #FF5151 !important; }
.Fett {
  font-weight: bold !important; }
/***   Margins   ****************************************************************************************************************************************************/
.SOPI-Margin-8-0-2-0 {
  margin: 8px 0 2px 0 !important; }
.SOPI-Margin-4-0-2-0 {
  margin: 4px 0 2px 0 !important; }
.SOPI-Margin-4-0 {
  margin: 4px 0 !important; }
.SOPI-Margin-0-0-0-16 {
  margin: 0 0 0 16px !important; }
.SOPI-Margin-2-0-16-0 {
  margin: 2px 0 16px 0 !important; }
.SOPI-Margin-0 {
  margin: 0 !important; }
/***   Feste Breiten   ****************************************************************************************************************************************************/
.festeBreite45 {
  width: 45px; }
.festeBreite48 {
  width: 60px;
  padding-left: 20px;
  padding-top: 14px;
  padding-bottom: 10px; }
.festeBreite80 {
  width: 80px; }
.festeBreite85 {
  width: 85px; }
.festeBreite90 {
  width: 90px; }
.festeBreite110 {
  width: 110px; }
.festeBreite160 {
  width: 160px; }
.festeBreite140 {
  width: 140px; }
.festeBreite120 {
  width: 120px; }
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
/*app-home-page {
  .home-card {
    max-width: 300px;

    .mat-card-header .mat-card-title {
      font-size: 2em;
      font-weight: bold;
    }

    .mat-card-header, .mat-card-header-text {
      text-align: center;
      width: 100%;
    }

    .mat-card-content p {
      text-align: center;
    }

    .mat-card-footer {
      margin-left: 0px;
    }

    .home-header-image {
      background-image: url('https://www.finance-magazin.de/fileadmin/_processed_/c/2/csm_CFOs__die_Mitarbeiter_bevorzugen__sind_erfolgreicher_istock_01_395c4bc056.jpg');
      background-size: cover;
    }
  }
}*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("/assets/fonts/roboto-light.woff2") format("woff2"), url("/assets/fonts/roboto-light.woff") format("woff"), url("/assets/fonts/roboto-light.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("/assets/fonts/roboto-regular.woff2") format("woff2"), url("/assets/fonts/roboto-regular.woff") format("woff"), url("/assets/fonts/roboto-regular.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/fonts/roboto-medium.woff2") format("woff2"), url("/assets/fonts/roboto-medium.woff") format("woff"), url("/assets/fonts/roboto-medium.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/fonts/roboto-bold.woff2") format("woff2"), url("/assets/fonts/roboto-bold.woff") format("woff"), url("/assets/fonts/roboto-bold.ttf") format("truetype"); }
/* roboto-mono-regular - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/roboto-mono-v5-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Mono"), local("RobotoMono-Regular"), url("/assets/fonts/roboto-mono-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-mono-v5-latin-regular.woff2") format("woff2"), url("/assets/fonts/roboto-mono-v5-latin-regular.woff") format("woff"), url("/assets/fonts/roboto-mono-v5-latin-regular.ttf") format("truetype"), url("/assets/fonts/roboto-mono-v5-latin-regular.svg#RobotoMono") format("svg");
  /* Legacy iOS */ }
/* roboto-mono-500 - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/roboto-mono-v5-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Mono Medium"), local("RobotoMono-Medium"), url("/assets/fonts/roboto-mono-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-mono-v5-latin-500.woff2") format("woff2"), url("/assets/fonts/roboto-mono-v5-latin-500.woff") format("woff"), url("/assets/fonts/roboto-mono-v5-latin-500.ttf") format("truetype"), url("/assets/fonts/roboto-mono-v5-latin-500.svg#RobotoMono") format("svg");
  /* Legacy iOS */ }
/* roboto-mono-700 - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/roboto-mono-v5-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"), url("/assets/fonts/roboto-mono-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-mono-v5-latin-700.woff2") format("woff2"), url("/assets/fonts/roboto-mono-v5-latin-700.woff") format("woff"), url("/assets/fonts/roboto-mono-v5-latin-700.ttf") format("truetype"), url("/assets/fonts/roboto-mono-v5-latin-700.svg#RobotoMono") format("svg");
  /* Legacy iOS */ }
/* roboto-slab-100 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url("/assets/fonts/roboto-slab-v7-latin-100.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Slab Thin"), local("RobotoSlab-Thin"), url("/assets/fonts/roboto-slab-v7-latin-100.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-slab-v7-latin-100.woff2") format("woff2"), url("/assets/fonts/roboto-slab-v7-latin-100.woff") format("woff"), url("/assets/fonts/roboto-slab-v7-latin-100.ttf") format("truetype"), url("/assets/fonts/roboto-slab-v7-latin-100.svg#RobotoSlab") format("svg");
  /* Legacy iOS */ }
/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/roboto-slab-v7-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Slab Light"), local("RobotoSlab-Light"), url("/assets/fonts/roboto-slab-v7-latin-300.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-slab-v7-latin-300.woff2") format("woff2"), url("/assets/fonts/roboto-slab-v7-latin-300.woff") format("woff"), url("/assets/fonts/roboto-slab-v7-latin-300.ttf") format("truetype"), url("/assets/fonts/roboto-slab-v7-latin-300.svg#RobotoSlab") format("svg");
  /* Legacy iOS */ }
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/roboto-slab-v7-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Slab Regular"), local("RobotoSlab-Regular"), url("/assets/fonts/roboto-slab-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-slab-v7-latin-regular.woff2") format("woff2"), url("/assets/fonts/roboto-slab-v7-latin-regular.woff") format("woff"), url("/assets/fonts/roboto-slab-v7-latin-regular.ttf") format("truetype"), url("/assets/fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab") format("svg");
  /* Legacy iOS */ }
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/roboto-slab-v7-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Slab Bold"), local("RobotoSlab-Bold"), url("/assets/fonts/roboto-slab-v7-latin-700.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto-slab-v7-latin-700.woff2") format("woff2"), url("/assets/fonts/roboto-slab-v7-latin-700.woff") format("woff"), url("/assets/fonts/roboto-slab-v7-latin-700.ttf") format("truetype"), url("/assets/fonts/roboto-slab-v7-latin-700.svg#RobotoSlab") format("svg");
  /* Legacy iOS */ }
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
  font-size: 6px; }
.mat-badge-large .mat-badge-content {
  font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
  font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
  font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
    margin: 0 0 12px; }
.mat-small, .mat-caption {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 56px;
  letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px; }
.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.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; }
.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; }
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif; }
.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.33333333%; }
.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.33334333%; }
.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.66666667em;
  top: calc(100% - 1.79166667em); }
.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);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.33333333%; }
.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);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.33334333%; }
.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);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.33335333%; }
.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.54166667em;
  top: calc(100% - 1.66666667em); }
@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.33333333%; }
.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.33334333%; }
.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.33333333%; }
.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.33334333%; }
.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;
  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; }
.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.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); }
@media (-ms-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;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }
.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; }
@media screen and (-ms-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, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0; }
.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; }
@keyframes cdk-text-field-autofill-start {
  /*!*/ }
@keyframes cdk-text-field-autofill-end {
  /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  -webkit-animation-name: cdk-text-field-autofill-start;
          animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  -webkit-animation-name: cdk-text-field-autofill-end;
          animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
  resize: none; }
textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important; }
.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: #37474f; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #eeeeee; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336; }
.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-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #eeeeee; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #37474f; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0; }
.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-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87); }
.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-content {
  color: white;
  background: #37474f; }
@media (-ms-high-contrast: active) {
    .mat-badge-content {
      outline: solid 1px;
      border-radius: 0; } }
.mat-badge-accent .mat-badge-content {
  background: #eeeeee;
  color: rgba(0, 0, 0, 0.87); }
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336; }
.mat-badge {
  position: relative; }
.mat-badge-hidden .mat-badge-content {
  display: none; }
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38); }
.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; }
.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-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: #37474f; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
    color: #eeeeee; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
    color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][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: #37474f; }
.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: #eeeeee; }
.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: #f44336; }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-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([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: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    color: rgba(0, 0, 0, 0.87); }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][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: #37474f; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    background-color: #eeeeee; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][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(255, 255, 255, 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(0, 0, 0, 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(255, 255, 255, 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([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[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([disabled]):active:not([class*='mat-elevation-z']), .mat-mini-fab:not([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[disabled]:not([class*='mat-elevation-z']), .mat-mini-fab[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,
.mat-button-toggle-group {
  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,
.mat-button-toggle-group-appearance-standard {
  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 rgba(0, 0, 0, 0.12); }
[dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12); }
.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 rgba(0, 0, 0, 0.12); }
.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 rgba(0, 0, 0, 0.12); }
.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; }
@media (-ms-high-contrast: black-on-white) {
    .mat-checkbox-checkmark-path {
      stroke: #000 !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: #37474f; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #eeeeee; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336; }
.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.54); }
@media (-ms-high-contrast: active) {
  .mat-checkbox-disabled {
    opacity: 0.5; } }
@media (-ms-high-contrast: active) {
  .mat-checkbox-background {
    background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: #37474f; }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: #eeeeee; }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: #f44336; }
.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: #37474f;
  color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: white;
    opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1); }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: white;
    opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1); }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.87); }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background: rgba(0, 0, 0, 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 {
  border-top-color: 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 {
  color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
  background-color: #37474f;
  color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(55, 71, 79, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white; }
.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-selected {
    background-color: #eeeeee;
    color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(238, 238, 238, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content-touch {
  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-datepicker-toggle-active {
  color: #37474f; }
.mat-datepicker-toggle-active.mat-accent {
    color: #eeeeee; }
.mat-datepicker-toggle-active.mat-warn {
    color: #f44336; }
.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:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
  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-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: #37474f; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #eeeeee; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336; }
.mat-focused .mat-form-field-required-marker {
  color: #eeeeee; }
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87); }
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #37474f; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #eeeeee; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336; }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #37474f; }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #eeeeee; }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336; }
.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: #f44336; }
.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: #f44336; }
.mat-error {
  color: #f44336; }
.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: #37474f; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #eeeeee; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336; }
.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: #37474f; }
.mat-icon.mat-accent {
  color: #eeeeee; }
.mat-icon.mat-warn {
  color: #f44336; }
.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: #37474f; }
.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, 0.42); }
.mat-input-element:-ms-input-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-accent .mat-input-element {
  caret-color: #eeeeee; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336; }
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336; }
.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-item-disabled {
  background-color: #eeeeee; }
.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-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]::after {
    color: rgba(0, 0, 0, 0.38); }
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  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-progress-bar-background {
  fill: #cfd8dc; }
.mat-progress-bar-buffer {
  background-color: #cfd8dc; }
.mat-progress-bar-fill::after {
  background-color: #37474f; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: white; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: white; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #eeeeee; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #37474f; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #eeeeee; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336; }
.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: #37474f; }
.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: #37474f; }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #eeeeee; }
.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: #eeeeee; }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336; }
.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: #f44336; }
.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: #37474f; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #eeeeee; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336; }
.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: #eeeeee; }
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(238, 238, 238, 0.54); }
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #eeeeee; }
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #37474f; }
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(55, 71, 79, 0.54); }
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #37474f; }
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336; }
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54); }
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336; }
.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-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #37474f; }
.mat-primary .mat-slider-thumb-label-text {
  color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #eeeeee; }
.mat-accent .mat-slider-thumb-label-text {
  color: rgba(0, 0, 0, 0.87); }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
  color: white; }
.mat-slider-focus-ring {
  background-color: rgba(238, 238, 238, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26); }
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87); }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.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-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .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-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .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 {
  background-color: rgba(0, 0, 0, 0.04); }
@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: white; }
.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: #37474f;
  color: white; }
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336; }
.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: #f44336; }
.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-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(207, 216, 220, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #37474f; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white; }
.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(255, 255, 255, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #eeeeee; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: rgba(0, 0, 0, 0.87); }
.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, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: white; }
.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(207, 216, 220, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #37474f; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white; }
.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-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #eeeeee; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: rgba(0, 0, 0, 0.87); }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87); }
.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-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 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, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: white; }
.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-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87); }
.mat-toolbar.mat-primary {
    background: #37474f;
    color: white; }
.mat-toolbar.mat-accent {
    background: #eeeeee;
    color: rgba(0, 0, 0, 0.87); }
.mat-toolbar.mat-warn {
    background: #f44336;
    color: white; }
.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-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-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: #eeeeee; }
.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]::after {
    color: rgba(0, 0, 0, 0.38); }
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  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-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); }
.sticky {
  position: sticky;
  top: 0;
  z-index: 999; }
/***   Counter-Kram   ****************************************************************************************************************************************************/
.Counter {
  border-radius: 50%;
  border: 1px solid #7C9398;
  width: 26px;
  height: 26px;
  margin: auto; }
.Counter p {
    margin: 0;
    padding: 2px;
    font-family: "Roboto Slab", "Times New Roman", serif;
    font-size: 14px;
    font-weight: 900;
    text-align: center; }
.Counter.Schmutz {
  border-radius: 4px; }
.Counter2 {
  border: 1px solid #7C9398;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin: auto; }
.Counter2 p {
    margin: 0;
    padding: 3px;
    font-family: "Roboto Slab", "Times New Roman", serif;
    font-size: 18px;
    font-weight: 900;
    text-align: center; }
.Counter2.Schmutz {
  border-radius: 4px; }
.Counter-Col {
  min-width: 38px !important;
  text-align: center !important; }
.SOPI-Marker {
  width: 16px;
  height: 16px;
  color: white;
  border-radius: 8px;
  z-index: 99999999999999;
  position: absolute;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px; }
.SOPI-Marker-2 {
  width: 8px;
  height: 8px;
  background-color: cornflowerblue;
  border-radius: 8px;
  z-index: 99999999999999;
  position: absolute;
  display: inline-block !important; }
.TL {
  top: -3px;
  left: 0; }
.TR {
  top: -3px;
  right: 0; }
.BR {
  bottom: -3px;
  right: 0; }
.BL {
  bottom: -3px;
  left: 0; }
.Neu {
  background-color: cornflowerblue; }
.Miet {
  background-color: mediumseagreen; }
.Leih {
  background-color: orange; }
.Kont {
  background-color: orangered; }
.Rekl {
  background-color: darkred; }
.Badge-Col {
  margin: 2px !important;
  min-width: 30px !important; }
.SOPI-Badge {
  background-color: #08871E;
  border-radius: 16px;
  display: inline-block;
  color: #FFF;
  position: relative;
  margin: 4px 3px;
  font-size: 13px;
  font-weight: 500;
  padding: 1px 8px; }
.SOPI-Badge.SOPI-Blau-BG {
  background-color: #498bff !important;
  color: #FFF !important; }
.SOPI-Badge.SOPI-Rot-BG {
  background-color: #FF5151 !important;
  color: #FFF !important; }
.SOPI-Badge.SOPI-Orange-BG {
  background-color: #FF861D !important;
  color: #FFF !important; }
.SOPI-Badge.SOPI-Gelb-BG {
  background-color: yellow !important;
  color: #000 !important; }
.SOPI-Badge.SOPI-Hellgruen-BG {
  background-color: #4BD964 !important;
  color: #000 !important; }
.SOPI-Badge.SOPI-Gruen-BG {
  background-color: #08871E !important;
  color: #FFF !important; }
.SOPI-Badge.SOPI-Grau-BG {
  background-color: #ccc !important;
  color: #FFF !important; }
.SOPI-Badge.SOPI-Kritisch {
  background-color: black !important;
  color: #FF5151 !important; }
.SOPI-Badge.SOPI-Kritisch2 {
  background-color: black !important;
  color: #FF5151 !important;
  font-size: 20px;
  border-radius: 20px; }
.SOPI-Conter-Wrapper {
  padding: 0 4px;
  min-width: 30px; }
.Hidden {
  Visibility: hidden !important; }
.Collapse {
  display: none !important; }
.CounterPlaceholder {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #CAE8EF;
  margin: auto; }
.CounterLeercontainer {
  float: left;
  margin-top: 3px;
  margin-left: 6px;
  margin-right: 6px;
  background-color: transparent !important; }
.CounterLeercontainer .shape {
  padding: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 1px solid #7C9398;
  border-radius: 6px;
  transform: rotate(45deg); }
.CounterLeercontainer .content {
  width: 18px;
  height: 18px;
  font-family: "Roboto Slab", "Times New Roman", serif;
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  background-color: transparent !important;
  transform: rotate(-45deg);
  padding-top: 2px; }
.CounterLeercontainer.SOPI-Blau-BG {
  background-color: transparent !important; }
.CounterLeercontainer.SOPI-Blau-BG .shape {
    background-color: #498bff; }
.CounterLeercontainer.SOPI-Blau-BG .content {
    background-color: transparent !important; }
.CounterLeercontainer.SOPI-Rot-BG {
  background-color: transparent !important; }
.CounterLeercontainer.SOPI-Rot-BG .shape {
    background-color: #FF5151; }
.CounterLeercontainer.SOPI-Rot-BG .content {
    background-color: transparent !important; }
.CounterLeercontainer.SOPI-Orange-BG {
  background-color: transparent !important; }
.CounterLeercontainer.SOPI-Orange-BG .shape {
    background-color: #FF861D; }
.CounterLeercontainer.SOPI-Orange-BG .content {
    background-color: transparent !important; }
.CounterLeercontainer.SOPI-Gelb-BG {
  background-color: transparent !important; }
.CounterLeercontainer.SOPI-Gelb-BG .shape {
    background-color: yellow; }
.CounterLeercontainer.SOPI-Gelb-BG .content {
    background-color: transparent !important;
    color: #000; }
.CounterLeercontainer.SOPI-Hellgruen-BG {
  background-color: transparent !important; }
.CounterLeercontainer.SOPI-Hellgruen-BG .shape {
    background-color: #4BD964; }
.CounterLeercontainer.SOPI-Hellgruen-BG .content {
    background-color: transparent !important;
    color: #000; }
.CounterLeercontainer.SOPI-Gruen-BG {
  background-color: transparent !important; }
.CounterLeercontainer.SOPI-Gruen-BG .shape {
    background-color: #08871E; }
.CounterLeercontainer.SOPI-Gruen-BG .content {
    background-color: transparent !important; }
.CounterLeercontainer.SOPI-Grau-BG {
  background-color: transparent !important; }
.CounterLeercontainer.SOPI-Grau-BG .shape {
    background-color: #ccc; }
.CounterLeercontainer.SOPI-Grau-BG .content {
    background-color: transparent !important; }
/***   SOPI-Badges   ****************************************************************************************************************************************************/
.SOPI-Badge-1 {
  --background: #51727D !important;
  /*$SOPI-color-T5: #51727D;*/ }
.SOPI-Badge-2 {
  --background: #74B1BE !important;
  /*$SOPI-color-B1: #74B1BE;*/ }
.SOPI-Badge-Blau {
  --background: #498bff !important;
  --color: white !important; }
.SOPI-Badge-Rot {
  --background: #FF5151 !important;
  --color: white !important; }
.SOPI-Badge-Orange {
  --background: #FF861D !important;
  --color: white !important; }
.SOPI-Badge-Gelb {
  /*--background: #E4FB00 !important;*/
  --background: yellow !important;
  --color: black !important; }
.SOPI-Badge-Hellgruen {
  --background: #4BD964 !important;
  --color: black !important; }
.SOPI-Badge-Gruen {
  --background: #08871E !important;
  --color: white !important; }
.SOPI-Badge-Grau {
  --background: #ccc !important;
  --color: white !important; }
.SOPI-Badge-Kritisch {
  --background: black !important;
  --color: #FF5151 !important; }
.SOPI-Badge-Kritisch2 {
  --background: black !important;
  --color: #FF5151 !important;
  font-size: 20px;
  border-radius: 20px; }
.SOPI-Badge-Leercontainer {
  float: left;
  position: relative;
  display: inline-block;
  margin: 2px 11px 2px 11px;
  padding: 0;
  height: 20px;
  background: #08871E;
  line-height: 20px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff; }
.SOPI-Badge-Leercontainer:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid;
  border-right-color: #08871E;
  position: absolute;
  left: -10px;
  top: 0; }
.SOPI-Badge-Leercontainer:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid;
  border-left-color: #08871E;
  position: absolute;
  right: -10px;
  top: 0; }
.SOPI-Badge-Leercontainer.SOPI-Blau-BG {
  background: #498bff; }
.SOPI-Badge-Leercontainer.SOPI-Blau-BG:before {
  border-right-color: #498bff; }
.SOPI-Badge-Leercontainer.SOPI-Blau-BG:after {
  border-left-color: #498bff; }
.SOPI-Badge-Leercontainer.SOPI-Rot-BG {
  background: #FF5151; }
.SOPI-Badge-Leercontainer.SOPI-Rot-BG:before {
  border-right-color: #FF5151; }
.SOPI-Badge-Leercontainer.SOPI-Rot-BG:after {
  border-left-color: #FF5151; }
.SOPI-Badge-Leercontainer.SOPI-Orange-BG {
  background: #FF861D; }
.SOPI-Badge-Leercontainer.SOPI-Orange-BG:before {
  border-right-color: #FF861D; }
.SOPI-Badge-Leercontainer.SOPI-Orange-BG:after {
  border-left-color: #FF861D; }
.SOPI-Badge-Leercontainer.SOPI-Gelb-BG {
  background: yellow;
  color: #000; }
.SOPI-Badge-Leercontainer.SOPI-Gelb-BG:before {
  border-right-color: yellow; }
.SOPI-Badge-Leercontainer.SOPI-Gelb-BG:after {
  border-left-color: yellow; }
.SOPI-Badge-Leercontainer.SOPI-Hellgruen-BG {
  background: #4BD964;
  color: #000; }
.SOPI-Badge-Leercontainer.SOPI-Hellgruen-BG:before {
  border-right-color: #4BD964; }
.SOPI-Badge-Leercontainer.SOPI-Hellgruen-BG:after {
  border-left-color: #4BD964; }
.SOPI-Badge-Leercontainer.SOPI-Gruen-BG {
  background: #08871E; }
.SOPI-Badge-Leercontainer.SOPI-Gruen-BG:before {
  border-right-color: #08871E; }
.SOPI-Badge-Leercontainer.SOPI-Gruen-BG:after {
  border-left-color: #08871E; }
.SOPI-Badge-Leercontainer.SOPI-Grau-BG {
  background: #ccc; }
.SOPI-Badge-Leercontainer.SOPI-Grau-BG:before {
  border-right-color: #ccc; }
.SOPI-Badge-Leercontainer.SOPI-Grau-BG:after {
  border-left-color: #ccc; }
.BadgePlaceholder {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #3a585f;
  margin: auto; }
.BadgePlaceholderStandortHeader {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #7C9398;
  margin: auto; }
/***   SOPI-Border  ****************************************************************************************************************************************************/
.SOPI-Border-R1 {
  border-right: 1px solid #CAE8EF;
  /*background-color: $SOPI-color-B2 !important;*/ }
.SOPI-Border-R4 {
  border-right: 4px solid #CAE8EF; }
.SOPI-Border-L1 {
  border-left: 1px solid #CAE8EF; }
.SOPI-Border-L4 {
  border-left: 4px solid #CAE8EF; }
.SOPI-Border-B1 {
  border-bottom: 1px solid #CAE8EF; }
/*You can add global styles to this file, and also import other style files*/
/***   SOPI-Header nach Inhalt  ****************************************************************************************************************************************************/
.header-md::after {
  bottom: -3px !important;
  height: 5px !important; }
.SOPI-Standort-Header {
  background-color: #74B1BE;
  min-height: 38px;
  align-items: center !important; }
.SOPI-Standort-Header-Button {
  --border-width: 1px !important;
  --border-color: #477781 !important;
  /*$SOPI-color-T2*/
  --color: #477781 !important;
  /*$SOPI-color-T2*/ }
.SOPI-Tour-Header {
  background-color: var(--ion-color-primary-tint);
  padding: 2px 0 4px 0;
  min-height: 44px; }
.SOPI-Tour-Header .StarterIcon {
    color: #51727D;
    font-size: 24px;
    margin: 0 16px; }
.SOPI-Tour-Header .SOPI-H2 {
  margin: 0;
  line-height: 20px; }
.SOPI-Tour-Header .SOPI-H3 {
  margin: 0;
  line-height: 20px; }
.SOPI-Tour-Bemerkung {
  background-color: #2b2e3b;
  padding: 4px 16px;
  margin: 4px;
  border-radius: 8px; }
.SOPI-Tour-Header-Mit-Fab {
  background-color: var(--ion-color-primary-tint);
  min-height: 56px;
  padding: 8px 0 4px 0; }
.SOPI-Tour-Header-Extras {
  margin: 0;
  padding: 12px 0 15px 0;
  background-color: #CAE8EF;
  color: #262934;
  border-bottom: 1px solid #6dc8de;
  box-shadow: inset 0 11px 14px -10px #1D4751, inset 0 -11px 16px -16px #1D4751; }
.SOPI-Tour-Kunde-Extras,
.SOPI-Kunde-Extras,
.F365-Lieferzeile-Extras,
.F365-Lieferzeile-Kundenverwaltung-Extras {
  margin: 0;
  padding: 12px 0 10px 0;
  background-color: #F6F8F8;
  color: #262934;
  border-bottom: 1px solid #e2e2e2;
  box-shadow: inset 0 11px 14px -9px #cccccc, inset 0 -11px 16px -10px #cccccc; }
.SOPI-Tour-Kunde-Extras ion-badge.SOPI-Rot-BG,
  .SOPI-Kunde-Extras ion-badge.SOPI-Rot-BG,
  .F365-Lieferzeile-Extras ion-badge.SOPI-Rot-BG,
  .F365-Lieferzeile-Kundenverwaltung-Extras ion-badge.SOPI-Rot-BG {
    color: #FFF; }
.SOPI-Tour-Kunde-Extras ion-badge.SOPI-Orange-BG,
  .SOPI-Kunde-Extras ion-badge.SOPI-Orange-BG,
  .F365-Lieferzeile-Extras ion-badge.SOPI-Orange-BG,
  .F365-Lieferzeile-Kundenverwaltung-Extras ion-badge.SOPI-Orange-BG {
    color: #FFF; }
.SOPI-Tour-Kunde-Extras ion-badge.SOPI-Gelb-BG,
  .SOPI-Kunde-Extras ion-badge.SOPI-Gelb-BG,
  .F365-Lieferzeile-Extras ion-badge.SOPI-Gelb-BG,
  .F365-Lieferzeile-Kundenverwaltung-Extras ion-badge.SOPI-Gelb-BG {
    color: #000; }
.SOPI-Tour-Kunde-Extras ion-badge.SOPI-Hellgruen-BG,
  .SOPI-Kunde-Extras ion-badge.SOPI-Hellgruen-BG,
  .F365-Lieferzeile-Extras ion-badge.SOPI-Hellgruen-BG,
  .F365-Lieferzeile-Kundenverwaltung-Extras ion-badge.SOPI-Hellgruen-BG {
    color: #000; }
.SOPI-Tour-Kunde-Extras ion-badge.SOPI-Gruen-BG,
  .SOPI-Kunde-Extras ion-badge.SOPI-Gruen-BG,
  .F365-Lieferzeile-Extras ion-badge.SOPI-Gruen-BG,
  .F365-Lieferzeile-Kundenverwaltung-Extras ion-badge.SOPI-Gruen-BG {
    color: #FFF; }
.SOPI-Tour-Kunde-Extras ion-badge.SOPI-Grau-BG,
  .SOPI-Kunde-Extras ion-badge.SOPI-Grau-BG,
  .F365-Lieferzeile-Extras ion-badge.SOPI-Grau-BG,
  .F365-Lieferzeile-Kundenverwaltung-Extras ion-badge.SOPI-Grau-BG {
    color: #FFF; }
.F365-Lieferzeile-Kundenverwaltung-Extras {
  padding: 0 0 16px 0;
  box-shadow: inset 0 -11px 23px -20px #1D4751; }
/***   SOPI Custom Menu Elemente  ****************************************************************************************************************************************************/
.menu-parent-item {
  position: relative;
  min-height: 48px;
  background-color: #CAE8EF;
  margin-top: -1px;
  margin-bottom: 2px;
  --ion-item-background: #CAE8EF !important; }
.menu-parent-item .menu-parent-item-icon {
    float: left;
    margin: 11px 0 0 32px; }
.menu-parent-item label {
    float: left;
    margin: 13px 0 0 16px;
    cursor: pointer; }
.menu-parent-item label::after {
  position: absolute;
  top: 11px;
  right: 15px;
  font-family: "Ionicons";
  content: "\f3d1";
  color: #7C9398;
  font-size: 22px;
  line-height: normal;
  font-weight: 200;
  cursor: pointer;
  transition: all .25s; }
.menu-parent-item.closed label::after {
  transform: rotate(0deg); }
.menu-parent-item.open label::after {
  transform: rotate(90deg); }
.menu-children-container {
  border-bottom: 2px solid #CAE8EF;
  background-color: #F5FDFF;
  margin-top: -3px; }
.menu-children-container ion-item {
    background-color: #F5FDFF !important;
    --ion-item-background: #F5FDFF !important; }
.menu-children-container ion-item:last-child {
    border-bottom: 0 !important;
    --inner-border-width: 0 !important; }
/*********************/
/***   Allgemein   ***/
/*********************/
html, body {
  font-family: Roboto, " Helvetica Neue ", sans-serif; }
body {
  margin: 0; }
.crop {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
.expand-toggle-button {
  display: block;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
  margin: auto;
  background: transparent;
  border-radius: 50%;
  color: #68A7B5; }
.expand-toggle-button::after {
  position: absolute;
  top: 1px;
  left: 5px;
  font-family: "Ionicons";
  content: "\f3d0";
  color: #68A7B5 !important;
  font-size: 22px;
  line-height: normal;
  font-weight: 200;
  cursor: pointer;
  /* Chrome 26-35, Safari, Opera 15-23 */
  transition: transform .25s;
  /* IE10+, Firefox 16+, Chrome 36+, Opera 12.10 */ }
.expand-toggle-button.closed::after {
  transform: rotate(0deg); }
.expand-toggle-button.open::after {
  content: "\f102";
  font-size: 27px;
  top: -2px;
  left: 6px;
  transform: rotate(45deg); }
.last {
  border: none !important; }
.SOPI-Modal-Info {
  background-color: #3a585f;
  border-radius: 16px;
  margin: 12px 8px;
  padding: 6px; }
.SOPI-Modal-Info .SOPI-Modal-Info-Trenner {
    border-right: 1px solid #51727D; }
.SOPI-Search {
  background-color: #74B1BE !important;
  --icon-color: #20515b !important;
  /*$SOPI-color-T1*/
  --clear-button-color: #20515b !important;
  /*$SOPI-color-T1*/
  --placeholder-color: #477781 !important;
  /*$SOPI-color-T2*/
  --placeholder-font-style: italic !important;
  --placeholder-opacity: 1 !important; }
.SOPI-Search-Header {
  --icon-color: #20515b !important;
  /*$SOPI-color-T1*/
  --clear-button-color: #20515b !important;
  /*$SOPI-color-T1*/
  --placeholder-color: #477781 !important;
  /*$SOPI-color-T2*/
  --placeholder-font-style: italic !important;
  --placeholder-opacity: 1 !important; }
.SOPI-Header-Toolbar {
  --ion-toolbar-background-color: #333348 !important;
  /*$SOPI-color-T6*/ }
.SOPI-Toolbar {
  --ion-toolbar-background-color: #20515b !important;
  /*$SOPI-color-T1*/ }
.SOPI-Toolbar-Button {
  --border-width: 1px !important;
  --border-color: #477781 !important;
  /*$SOPI-color-T2*/
  --color: #477781 !important;
  /*$SOPI-color-T2*/
  --margin-top: 0 !important;
  --margin-bottom: 0 !important;
  margin: 0 !important; }
.SOPI-Toolbar-Bottom-Button {
  --border-width: 1px !important;
  --border-color: #74b1be !important;
  /*$SOPI-color-T4*/
  --color: #74b1be !important;
  /*$SOPI-color-T4: */
  --padding-start: 8px !important;
  --padding-end: 8px !important;
  height: 2.4em;
  z-index: 99 !important;
  margin: 0 !important; }
.SOPI-Toolbar-Bottom-Button ion-label {
    margin: 0 4px; }
.SOPI-Toolbar-Bottom-Button .P1 {
    color: #74b1be !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px;
    margin: 0; }
.SOPI-Toolbar-Bottom-Button .P2 {
    color: #74b1be !important;
    font-size: 10px !important;
    line-height: 12px;
    margin: 0; }
.SOPI-Toolbar-Bottom-Button-Light {
  --border-width: 1px !important;
  --border-color: #CAE8EF !important;
  /*$SOPI-color-T4*/
  --color: #CAE8EF !important;
  /*$SOPI-color-T4: */
  --margin-top: 0 !important;
  --margin-bottom: 0 !important;
  --margin-start: 8px !important;
  z-index: 99 !important; }
.SOPI-Toolbar-Button-Blau {
  --border-width: 1px !important;
  --border-color: #498bff !important;
  /*$SOPI-color-Blau*/
  --color: #498bff !important;
  /*$SOPI-color-Blau*/
  --margin-top: 0 !important;
  --margin-bottom: 0 !important;
  --margin-start: 8px !important;
  z-index: 99 !important; }
.SOPI-Clear-Button {
  --color: #477781 !important;
  /*$SOPI-color-T2*/
  --padding-top: 0 !important;
  --padding-end: 0 !important;
  --padding-bottom: 0 !important;
  --padding-start: 0 !important;
  --margin-top: 0 !important;
  --margin-end: 0 !important;
  --margin-bottom: 0 !important;
  --margin-start: 0 !important;
  --height: auto !important; }
.SOPI-Input {
  --color: #20515b;
  --background: white;
  border-radius: 6px; }
/*
$SOPI-color-Rot: #FF5151;
$SOPI-color-Orange: #FF861D;
$SOPI-color-Gelb: yellow;
$SOPI-color-Hellgruen: #4BD964;
$SOPI-color-Gruen: #08871E;
*/
.SOPI-Button {
  --background: #111A1F;
  --color: #74b1be;
  max-height: 36px; }
.SOPI-Button-Ok {
  --background: #111A1F;
  --color: #08871E;
  font-size: 28px;
  max-height: 36px; }
.SOPI-Button-Cancel {
  --background: #111A1F;
  --color: #FF5151;
  max-height: 36px;
  /*font-size: 28px;*/ }
.SOPI-Button-Cancel-Light {
  --color: #FF5151;
  /*max-height: 36px;*/
  font-size: 28px; }
.SOPI-Input input {
  padding-left: 4px !important;
  padding-right: 4px !important; }
.SOPI-Chip-Blue {
  --background: #498bff;
  --color: yellow; }
.SOPI-Filter-Header {
  background-color: #74B1BE; }
.SOPI-Liste {
  background-color: #F6F8F8 !important; }
.SOPI-Abc-Bar {
  background-color: #F6F8F8 !important;
  padding: 0 !important; }
button.SOPI-Abc-Button {
  background-color: transparent;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
  height: 22px !important;
  width: 22px !important;
  font-size: 12px !important;
  border: none !important;
  border-radius: 50% !important;
  outline: none !important;
  transition-property: background;
  transition-duration: 0.4s;
  transition-timing-function: linear; }
button.SOPI-Abc-Button:disabled {
  color: #74B1BE; }
button.SOPI-Abc-Button:focus {
  background-color: #CAE8EF !important;
  border-radius: 50% !important;
  outline: none !important; }
.SOPI-Datepicker {
  border-radius: 30px !important;
  background-color: white !important;
  padding: 0 16px !important; }
.SOPI-Datepicker .mat-form-field-wrapper {
    padding-top: 16px !important; }
.SOPI-Datepicker .mat-form-field-flex {
    min-height: 32px !important;
    align-items: center !important; }
.SOPI-Datefield {
  background-color: #FFFFFF !important;
  border-radius: 36px !important; }
.SOPI-Datefield .mat-form-field-infix {
    width: 90px !important;
    min-width: unset !important; }
.SOPI-Datefield .mat-form-field-flex {
    min-height: 32px !important;
    align-items: center !important; }
.SOPI-Datefield .mat-input-element {
    margin: 0 0 0 14px !important; }
.SOPI-Datefield .mat-form-field-label {
    display: none !important; }
.SOPI-Datefield .mat-form-field-suffix {
    margin-right: 10px !important; }
h1 {
  color: #20515b !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  margin: 0 !important; }
.LabelHint {
  margin: 4px 8px 4px 0 !important;
  font-weight: 300 !important;
  font-size: 10px !important;
  color: #597f88 !important; }
.P1 {
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #20515b !important; }
.P2 {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #2b2e3b !important; }
.P3 {
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #597f88 !important; }
.max-height {
  height: calc(100vh - 56px); }
.forceOpacity0 {
  opacity: 0 !important; }
.forceOpacity01 {
  opacity: 0.1 !important; }
.forceOpacity02 {
  opacity: 0.2 !important; }
.forceOpacity03 {
  opacity: 0.3 !important; }
.forceOpacity04 {
  opacity: 0.4 !important; }
.forceOpacity05 {
  opacity: 0.5 !important; }
.forceOpacity06 {
  opacity: 0.6 !important; }
.forceOpacity07 {
  opacity: 0.7 !important; }
.forceOpacity08 {
  opacity: 0.8 !important; }
.forceOpacity09 {
  opacity: 0.9 !important; }
.forceOpacity1 {
  opacity: 1 !important; }
/*************************/
/***   ION-SEARCHBAR   ***/
/*************************/
.searchbar-input {
  border-radius: 36px !important;
  box-shadow: none !important; }
.searchbar-ios .searchbar-input {
  background-color: #ffffff !important; }
.MinWidth120 {
  min-width: 120px !important;
  max-width: 120px !important; }
/*****************************/
/***   Modal | Allgemein   ***/
/*****************************/
.modal-wrapper {
  left: 100px !important;
  top: 40px !important;
  position: absolute !important;
  width: calc(100vw - 200px) !important;
  height: calc(100vh - 80px) !important; }
/***************************/
/***   ION-LIST-HEADER   ***/
/***************************/
/*Muss gesetzt werden, da bei untereinander gekettenen Listen die 2. Liste mit Margin -16 gesetzt wird.*/
ion-list-header {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 18px !important; }
ion-list-header > ion-label {
  margin: 0 !important;
  padding: 8px !important;
  background-color: #9BA0C4 !important;
  color: white !important;
  font-weight: 600 !important; }
.sopi-groupheader {
  margin: 0 !important;
  padding: 2px !important;
  background-color: #F6F8F8 !important;
  color: #3A585F !important;
  font-weight: 600 !important;
  min-height: 18px; }
.SOPI-Divider {
  background-color: #CAE8EF;
  padding: 0 16px !important;
  border: none; }
.SOPI-Icon-Divider {
  margin: 0 10px 0 0;
  font-size: 22px;
  color: #74B1BE; }
.SOPI-Icon-Header {
  margin: 0 10px 0 0;
  font-size: 22px;
  color: #477781; }
.SOPI-Menu-Icon {
  margin: 0;
  font-size: 24px;
  color: #74B1BE; }
.SOPI-Inline-Icon-Gelb {
  font-size: 22px;
  color: yellow; }
/*******************************/
/***   ION-LIST | ION-ITEM   ***/
/*******************************/
/* Damit die Items in einer Liste nicht so hoch sind*/
.item-radio.item-md ion-label {
  margin: 4px 0 !important;
  font-size: 14px;
  /*border-bottom: $border-bottom;*/ }
.radio-icon {
  border-width: 1px !important;
  width: 20px !important;
  height: 20px !important;
  border-color: #3A585F; }
.radio-icon .radio-inner {
    left: 3px !important;
    top: 3px !important;
    width: 12px !important;
    height: 12px !important;
    background-color: #74B1BE !important; }
/* Item wäre sonst transparent */
.ItemInList {
  background-color: white; }
/* Ion-Item Workaround */
div.ItemInList {
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
  align-items: stretch; }
div.ItemInList ion-radio {
    order: 0;
    flex-grow: 1;
    padding: 0 0 0 15px; }
div.ItemInList ion-label {
    order: 1;
    flex-grow: 35; }
/* Für die Ausrichtung des Selection-Radios*/
.item-md .radio-md[slot=start] {
  margin: 11px 16px 10px 16px !important; }
/* Für die Sichtbarkeit der Close-Buttons von Toast-Meldungen*/
.toast-button {
  --button-color: yellow !important; }
/********************************/
/***   Allgemein | ION-ITEM   ***/
/********************************/
.item-md {
  /*border-bottom: $border-bottom;*/
  min-height: 40px !important;
  background: none !important;
  padding: 0 !important; }
/* Standard-Border von ionic ausschalten */
.item-interactive {
  --border-width: 0 !important; }
/*******************************************/
/*
ion-list .item-inner {
    border-bottom: $border-bottom;
}
*/
ion-list ion-radio-group ion-item:last-child .item-inner {
  border-bottom: 0 !important; }
ion-list ion-item:last-child > .item-md {
  border-bottom: 0 !important; }
.ItemLabelHeader {
  margin: 16px 8px 4px 0 !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #9BA0C4 !important; }
.list-md {
  padding: 0 !important; }
/*Bei ion-input Feldern...*/
.native-input-md {
  margin: 8px !important; }
ion-input {
  --padding-start: 0 !important; }
/**********************************/
/***   ION-BUTTON | Allgemein   ***/
/**********************************/
button.button-md {
  background-color: #707598 !important;
  border-radius: 20px; }
button.button-outline-md {
  background-color: transparent !important;
  border-radius: 4px; }
button.button-clear-md {
  background-color: transparent !important; }
.SOPI-Col-Badge {
  padding: 0 4px !important;
  flex: 0 0 auto !important;
  width: auto !important; }
/********************/
/***   ION-ITEM   ***/
/********************/
.SOPI-Item {
  --inner-border-width: 0 0 1px 0 !important;
  --border-color: #CAE8EF !important;
  /*$SOPI-color-B3*/
  --highlight-color-focused: #CAE8EF !important;
  --highlight-color-valid: green !important;
  --highlight-color-invalid: red !important;
  --background-focused: transparent !important; }
.SOPI-Item-Label {
  line-height: 16px;
  margin-top: 2px; }
.SOPI-Item > ion-label {
  margin: 0 !important; }
.SOPI-Item:last-child {
  --inner-border-width: 0 !important; }
/* LCB = Last-Child-Border */
.SOPI-ItemLCB {
  --inner-border-width: 0 0 1px 0 !important;
  --border-color: #CAE8EF !important;
  /*$SOPI-color-B3*/
  --highlight-color-focused: #CAE8EF !important;
  --highlight-color-valid: green !important;
  --highlight-color-invalid: red !important;
  --background-focused: transparent !important; }
/* Wenn für das eigentliche Element kein ion-item genutzt wird, sondern eine ion-row */
.SOPI-ItemRow {
  border-bottom: 1px solid #CAE8EF !important;
  /*$SOPI-color-B3*/ }
.SOPI-ItemRow:focus-within {
  border-width: 2px !important;
  margin-bottom: -1px !important; }
.SOPI-Select {
  border-bottom: #CAE8EF 1px solid !important; }
.SOPI-Select ion-item {
    --inner-border-width: 0px; }
.SOPI-Select:focus-within {
  border-width: 2px !important;
  margin-bottom: -1px !important; }
.SOPI-Textarea-Row {
  border-bottom: #CAE8EF 1px solid !important; }
.SOPI-Textarea-Row ion-item {
    --inner-border-width: 0px; }
.SOPI-Textarea-Row:focus-within {
  border-width: 2px !important;
  margin-bottom: -1px !important; }
ion-textarea {
  margin: 0 0 10px 0;
  border: 1px solid #CAE8EF;
  border-radius: 10px; }
.sopi-CharCount {
  margin: -10px 0 10px 9px;
  font-family: "Roboto Mono", "Courier", sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #477781; }
.sopi-Radio {
  --ion-color-base: var(--ion-color-primary) !important;
  --ion-text-color-step-600: var(--ion-color-secondary-contrast) !important;
  --height: 16px !important;
  --width: 16px !important;
  margin: 16px 16px 16px 0 !important; }
.SOPI-Radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*display: inline-block;
    position: relative;
    background-color: #D4E6ED;
    color: #2F323F;
    top: 0px;
    height: 20px;
    width: 20px;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 10px;
    outline: none;*/
  background: #FFF;
  border-radius: 100%;
  border: 1px solid #69A8B6;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 0;
  margin-right: 16px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease; }
/*.sopi-radio:checked::before {
    position: absolute;
    font: 13px/1 'Open Sans', sans-serif;
    left: 6px;
    top: 2px;
    content: '\02143';
    transform: rotate(40deg);
}*/
.SOPI-Radio:checked {
  background-color: #69A8B6;
  box-shadow: inset 0 0 0 3px #FFF, 0 0 1px 0 #FFF; }
.SOPI-Radio:focus {
  outline: none;
  border-color: #69A8B6; }
.SOPI-Radio:disabled {
  box-shadow: inset 0 0 0 3px #FFF, 0 0 1px 0 #FFF;
  border-color: #bfbfbf;
  background: #bfbfbf; }
.SOPI-Checkbox {
  --border-color: #69A8B6;
  --size: 16px;
  margin-right: 16px !important; }
/*.sopi-radio:hover {
    background-color: #D4E6ED;
}
.sopi-radio:checked {
    background-color: #D4E6ED;
}*/
.abc-element, .abc-outer-container {
  width: 30px; }
.abc-outer-container {
  /*border: 5px solid purple;*/
  position: relative;
  overflow: hidden; }
.abc-inner-container {
  position: absolute;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll; }
.abc-inner-container::-webkit-scrollbar {
  display: none; }
/*********************************/
/***   MATERIAL | MAT-SELECT   ***/
/*********************************/
/*Damit der Material Select über die komplette Breite geht*/
.mat-form-field-infix {
  width: auto !important;
  padding: 0 !important;
  margin: 2px 8px 2px 0 !important;
  border-top-width: 0 !important;
  align-self: center !important; }
.mat-select-placeholder, input::-moz-placeholder {
  color: var(--placeholder-color) !important;
  -webkit-text-fill-color: var(--placeholder-color) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  opacity: .5 !important;
  /*font-style: italic !important;*/ }
.mat-select-placeholder, input:-ms-input-placeholder {
  color: var(--placeholder-color) !important;
  -webkit-text-fill-color: var(--placeholder-color) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  opacity: .5 !important;
  /*font-style: italic !important;*/ }
.mat-select-placeholder, input::placeholder {
  color: var(--placeholder-color) !important;
  -webkit-text-fill-color: var(--placeholder-color) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  opacity: .5 !important;
  /*font-style: italic !important;*/ }
.mat-select-panel .mat-optgroup-label, .mat-select-panel .mat-option {
  height: 42px !important;
  line-height: 42px !important; }
.mat-option.mat-selected:not(.mat-option-disabled) {
  color: green !important; }
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 2px -3px rgba(0, 0, 0, 0.2), 0 4px 4px 1px rgba(0, 0, 0, 0.14), 0 3px 38px 2px rgba(0, 0, 0, 0.12);
  border-radius: 8px !important; }
/* Irgendwie hatten die mat-form-fields neben dem Standard-Input Placeholder
   noch einen zusätzlichen Platzhalter, der muss weg...*/
label.mat-form-field-empty {
  display: none !important; }
.mat-select-value {
  padding: 11px 8px 11px 0 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-style: normal !important;
  /*text-align: end !important;*/ }
.mat-select-value-text {
  color: black !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  /*font-style: normal !important;*/ }
/* Der Original-Unterstrich muss weg und wir legen die Höhe fest*/
.mat-form-field-underline, .mat-form-field-subscript-wrapper {
  display: none !important; }
.mat-form-field-flex {
  min-height: 40px !important; }
.mat-form-field-wrapper {
  padding: 0 !important; }
mat-form-field {
  width: 100%; }
/*******************************************************/
/***   SOPI-Eigenbau | ION-ROW mit Label und Input   ***/
/*******************************************************/
/*Die " normale " Variante als Ion-Item mit Label imd Input skalliert horizontal (hinter dem Label) nicht mit den anderen Elementen mit*/
.LabelInput {
  border-bottom: #CAE8EF 1px solid !important; }
.LabelInput > input {
  min-height: 40px;
  margin: 0 !important; }
.sopi-headeritem {
  background-color: var(--ion-color-primary) !important;
  padding: 8px 0 4px 0 !important; }
.sopi-headeritem ion-label {
    color: #74B1BE !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    margin: 0 0 0 16px !important; }
.sopi-headeritem button {
    background-color: #3A585F !important; }
.sopi-H {
  background-color: var(--ion-color-primary) !important;
  --ion-item-background: var(--ion-color-primary) !important;
  --inner-border-width: 0 !important;
  /*padding: 8px 0 4px 0 !important;*/ }
.sopi-H p {
    color: #74B1BE !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    margin: 0 0 0 16px !important; }
.sopi-H .SOPI-Language {
    margin: 0 8px 0 16px !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    color: orange !important;
    white-space: normal; }
.SOPI-Language {
  margin: 0 8px 2px 0 !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  color: firebrick !important;
  white-space: normal; }
.SOPI-Language2 {
  background-color: var(--ion-color-primary-tint);
  margin: 0 0 2px 0 !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  color: yellow !important;
  white-space: normal;
  padding: 0 16px 8px 16px; }
.SOPI-Block {
  /*margin: 16px 0;*/
  margin-right: 16px;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  border-radius: 8px;
  border: 1px solid #CAE8EF; }
.SOPI-Block-Headline {
  color: #7C9398 !important;
  font-weight: 500 !important;
  font-size: 12px !important; }
.SOPI-Block-Header {
  display: block;
  width: 100%;
  background-color: #EEEEEE !important;
  margin: 0 !important;
  padding: 4px 16px !important;
  border-radius: 8px 8px 0 0; }
.sopi-block-main {
  flex: 1; }
.SOPI-Block ion-item:last-child div.sopi-item.line {
  border-bottom: none !important; }
.SOPI-Block ion-item:last-child {
  margin-bottom: 16px; }
.SOPI-Block .SOPI-Select:last-child {
  margin-bottom: 16px; }
.SOPI-Block-Footer {
  border-top: 1px solid #CAE8EF;
  background-color: #E6E8E8;
  bottom: 0;
  min-height: 24px;
  padding: 8px 16px 16px 16px;
  height: auto;
  width: 100%; }
.SOPI-Block-Footer ion-icon {
    color: #7C9398;
    font-size: 24px; }
ion-footer {
  z-index: 100 !important; }
.sopi-Footer {
  --min-height: 30px !important; }
.sopi-Footer-Modal {
  --min-height: 35px !important; }
.SOPI-Love {
  vertical-align: middle !important;
  color: #74B1BE !important; }
div.sopi-item.line {
  border-bottom: #CAE8EF 1px solid !important; }
.sopi-BH1 {
  margin: 0 !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #51727D !important; }
.sopi-NoData {
  color: #74b1be !important;
  font-size: 16px !important;
  font-weight: 600 !important; }
.SOPI-Item-Header {
  margin: 16px 8px 0 0 !important; }
.sopi-itemLabel {
  margin: 16px 8px 4px 0 !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2F3241 !important; }
.sopi-itemSelect {
  margin: 12px 0 0 16px !important;
  padding: 0 8px 11px 0; }
.sopi-itemLabel.block {
  display: block;
  margin: 8px 8px 4px 16px !important; }
.sopi-itemLabel.input {
  margin: 8px 8px 8px 0 !important; }
ion-toggle {
  --background-checked: #10dc60 !important;
  /*$SOPI-color-OK */ }
h3.sopiEnd14 {
  font-size: 14px !important;
  color: var(--ion-color-tertiary-contrast) !important; }
/*******************************************/
/***  F365 TOOL-BAR                      ***/
/*******************************************/
/*ion-item.avatar > div.item-md, .item-md {
    background: none !important;
}

.item.item-trns {
    border-color: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    color: white !important;
}

.item-md {
    border-color: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    color: white !important;
}*/
.mat-menu-panel {
  min-width: 120px !important;
  max-width: 280px !important;
  padding: 0 0 0 16px !important;
  overflow: hidden !important;
  -webkit-overflow-scrolling: inherit !important;
  max-height: calc(100vh - 48px) !important;
  border-radius: 8px !important; }
.mat-menu-panel.helpMenu {
  padding: 0 !important; }
.mat-menu-panel.matTooltip {
  padding: 0 10px 0 10px !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  font-family: "Roboto Mono", Courier, sans-serif !important;
  font-size: 12px !important;
  opacity: 0.9 !important; }
/* Side-Menu */
.menu-inner ion-header .toolbar-background {
  border-right: #20515B solid 1px !important; }
.menu-inner ion-content {
  border-right: #CAE8EF solid 1px !important; }
.menu-inner ion-footer {
  border-right: #CAE8EF solid 1px !important; }
.menu-inner ion-scroll {
  background-color: #F6FCFD !important; }
ion-content .RowWrapper {
  height: calc(100vh - 86px) !important; }
ion-content .RowWrapperWithoutListFooter {
  height: calc(100vh - 56px) !important; }
ion-modal .ion-page {
  border-radius: 8px; }
.sopi-modal-header {
  background-color: #F6F8F8;
  border-bottom: 1px solid #CAE8EF; }
.sopi-modal-footer {
  position: absolute;
  border-top: 1px solid #CAE8EF;
  background-color: #F6F8F8;
  bottom: 0;
  height: 36px;
  width: 100%; }
.sopi-ListFooter {
  position: absolute;
  background-color: #F6F8F8;
  bottom: 0;
  height: 28px;
  width: 100%; }
/* width */
::-webkit-scrollbar {
  width: 8px;
  background-color: #F6F8F8; }
/* Handle */
::-webkit-scrollbar-thumb {
  background: #CAE8EF; }
/**
 * ----------------------------------------
 * Animations
 * ----------------------------------------
 */
/* animation base code */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }
.animated.hinge {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s; }
.animated.delay {
  -webkit-animation-delay: .5s;
  animation-delay: .5s; }
/* animation fade-in */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in; }
/* animation fade-in-fwd */
@-webkit-keyframes fade-in-fwd {
  0% {
    transform: translateZ(-80px);
    opacity: 0; }
  100% {
    transform: translateZ(0);
    opacity: 1; } }
@keyframes fade-in-fwd {
  0% {
    transform: translateZ(-80px);
    opacity: 0; }
  100% {
    transform: translateZ(0);
    opacity: 1; } }
.fade-in-fwd {
  -webkit-animation-name: fade-in-fwd;
  animation-name: fade-in-fwd; }
/* animation fade-in-bck */
@-webkit-keyframes fade-in-bck {
  0% {
    transform: translate3d(0, 0, 120px);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes fade-in-bck {
  0% {
    transform: translate3d(0, 0, 120px);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.fade-in-bck {
  -webkit-animation-name: fade-in-bck;
  animation-name: fade-in-bck; }
/* animation fade-in-left */
@-webkit-keyframes fade-in-left {
  0% {
    transform: translate3d(-50px, 0, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes fade-in-left {
  0% {
    transform: translate3d(-50px, 0, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left; }
/**
* ----------------------------------------
* Accordion
* ----------------------------------------
*/
/* Shared for all accordion types */
.accordion {
  margin: 0 auto;
  width: 100%;
  padding: 10px;
  background: #fff; }
.accordion ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.accordion li {
  margin: 0;
  padding: 0; }
.accordion [type=radio], .accordion [type=checkbox] {
  display: none; }
.accordion label {
  display: block;
  background: #E8E8E8;
  color: #7C9398;
  font-weight: normal;
  cursor: pointer;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out; }
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
  background: #252732;
  color: #74B1BE; }
.accordion .content {
  padding: 0 10px;
  overflow: hidden; }
.accordion p {
  color: #3A585F;
  margin: 0 0 10px; }
.accordion h3 {
  color: #3A585F;
  padding: 0;
  margin: 10px 0;
  /* TODO: --ion-header-size und --ion-header-step wird in Beta 15 entfernt: https://github.com/ionic-team/ionic/commit/b2021fd */
  font-size: calc(var(--ion-header-size, 21px) - var(--ion-header-step, 2px) * 2);
  font-weight: normal; }
/* Vertical */
.vertical ul li {
  overflow: hidden;
  margin: 0 0 15px 0; }
.vertical ul li label {
  padding: 10px;
  border-radius: 8px 8px 8px 8px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
  border-bottom: 0;
  border-radius: 8px 8px 0 0; }
.vertical ul li .content {
  background-color: #F4F6F6;
  max-height: 0;
  border-top: 0;
  transition: max-height .25s ease-in-out; }
.vertical ul li .content * {
  opacity: 0;
  transition: opacity .35s ease-in-out; }
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
  padding: 0 10px;
  background-color: #F4F6F6;
  border-radius: 0 0 8px 8px;
  max-height: 1000px; }
.vertical [type=radio]:checked ~ label ~ .content *, .vertical [type=checkbox]:checked ~ label ~ .content * {
  opacity: 1; }
.vertical input[type=checkbox] ~ label::after {
  content: "+";
  float: right;
  font-size: 26px;
  margin: 0;
  line-height: .7;
  font-weight: 300;
  transition: all .25s; }
.vertical input[type=radio] ~ label::after {
  content: " \25BC ";
  float: right;
  font-size: 26px;
  margin: 0;
  line-height: .7;
  font-weight: 300;
  transition: all .25s; }
.vertical input[type=checkbox]:checked ~ label::after {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg); }
.vertical input[type=radio]:checked ~ label::after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg); }
/*************************************/
/***   MATERIAL | MAT-DATEPICKER   ***/
/*************************************/
.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder,
.mat-form-field-hide-placeholder .mat-input-element::placeholder {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  transition: inherit !important; }
/*************************************/
/***   F365 Konstruktionen         ***/
/*************************************/
.F365-Lieferzeile {
  --ion-safe-area-right: 0px !important;
  --inner-padding-end: 0px !important; }
.F365-Lieferzeile .SOPI-Checkbox {
    margin: 12px !important; }
.F365-Lieferzeile .SOPI-NoRadioSpace {
    padding-left: 40px; }

