/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/themes/openems/scss/variables.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#theme-switcher {
  transform: --default-transition;
}

:root[data-theme=light] {
  /** primary **/
  --ion-color-primary: #e8ae6a;
  --ion-color-primary-rgb: 232, 174, 106;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #cc995d;
  --ion-color-primary-shade-rgb: rgb(204, 153, 93);
  --ion-color-primary-tint: #eab679;
  /** secondary **/
  --ion-color-secondary: #f0c693;
  --ion-color-secondary-rgb: 240, 198, 147;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #d3ae81;
  --ion-color-secondary-tint: #f2cc9e;
  /** tertiary **/
  --ion-color-tertiary: #f4f4f4;
  --ion-color-tertiary-rgb: 225, 213, 196;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #c6bbac;
  --ion-color-tertiary-tint: #e4d9ca;
  /** Custom Colors **/
  --ion-color-shadow-rgba: rgba(0, 0, 0, 0.3);
  --ion-background-color: #fff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-color-header-contrast: #000;
  --ion-menu-color: #000;
  --ion-title-color: #000;
  --ion-color-toggle-checked-border: #875a35;
}

:root[data-theme=dark] {
  /** primary **/
  --ion-color-primary: #684529;
  --ion-color-primary-rgb: 165, 130, 103;
  --ion-color-primary-contrast: #040e11;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #b98255;
  --ion-color-primary-tint: #864a22;
  /** secondary **/
  --ion-color-secondary: #c1956b;
  --ion-color-secondary-rgb: 193, 149, 107;
  --ion-color-secondary-contrast: #0b1113;
  --ion-color-secondary-contrast-rgb: 8, 13, 14;
  --ion-color-secondary-shade: #cda889;
  --ion-color-secondary-tint: #9a7556;
  /** tertiary **/
  --ion-color-tertiary: #fa8231;
  --ion-color-tertiary-rgb: 250, 130, 49;
  --ion-color-tertiary-contrast: #190d05;
  --ion-color-tertiary-contrast-rgb: 25, 13, 5;
  --ion-color-tertiary-shade: #fb9b5a;
  --ion-color-tertiary-tint: #c86827;
  /** success **/
  --ion-color-success: #20bf6b;
  --ion-color-success-rgb: 32, 191, 107;
  --ion-color-success-contrast: #03130b;
  --ion-color-success-contrast-rgb: 3, 19, 11;
  --ion-color-success-shade: #4dcc89;
  --ion-color-success-tint: #1a9956;
  /** warning **/
  --ion-color-warning: #f7b731;
  --ion-color-warning-rgb: 247, 183, 49;
  --ion-color-warning-contrast: #191205;
  --ion-color-warning-contrast-rgb: 25, 18, 5;
  --ion-color-warning-shade: #f9c55a;
  --ion-color-warning-tint: #c69227;
  /** danger **/
  --ion-color-danger: #eb3b5a;
  --ion-color-danger-rgb: 235, 59, 90;
  --ion-color-danger-contrast: #170609;
  --ion-color-danger-contrast-rgb: 23, 6, 9;
  --ion-color-danger-shade: #ef627b;
  --ion-color-danger-tint: #bc2f48;
  /** dark **/
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 255, 255, 255;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #f5f6f9;
  --ion-color-dark-tint: #d7d8da;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: hsla(0, 0%, 0%, 0.801);
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #a2a4ab;
  --ion-color-medium-tint: #86888f;
  /** light **/
  --ion-color-light: #b98255;
  --ion-color-light-rgb: 185, 130, 85;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #383a3e;
  --ion-color-light-tint: #1e2023;
  --ion-background-color: linear-gradient(to top left, #121212, #111111);
  --ion-text-color: #c5c5c5;
  --ion-item-background: #212121;
  --ion-title-color: var(--ion-color-white);
  --ion-color-toggle-checked-border: #e8ae6a;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}

html {
  --ion-default-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}

body {
  background: var(--ion-background-color);
}

body.backdrop-no-scroll {
  overflow: hidden;
}

html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}

html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}

html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}

@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}

html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}

.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}

.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}

.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}

.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}

.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}

.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}

.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}

.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}

.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}

ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}

.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}

ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden {
  display: none !important;
}

.ion-page-invisible {
  opacity: 0;
}

.can-go-back > ion-header ion-back-button {
  display: block;
}

html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}

.menu-content {
  transform: translate3d(0, 0, 0);
}

.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}

.menu-content-open ion-content {
  --overflow: hidden;
}

.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}

.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}

[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}

.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}

ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}

@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}

ion-input input::-webkit-date-and-time-value {
  text-align: start;
}

.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}

.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}

.popover-viewport:has(> ion-content) {
  overflow: hidden;
}

@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
} 
.ion-hide {
  display: none !important;
}

.ion-hide-up {
  display: none !important;
}

.ion-hide-down {
  display: none !important;
}

@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
} 
.ion-align-self-start {
  align-self: flex-start !important;
}

.ion-align-self-end {
  align-self: flex-end !important;
}

.ion-align-self-center {
  align-self: center !important;
}

.ion-align-self-stretch {
  align-self: stretch !important;
}

.ion-align-self-baseline {
  align-self: baseline !important;
}

.ion-align-self-auto {
  align-self: auto !important;
}

.ion-wrap {
  flex-wrap: wrap !important;
}

.ion-nowrap {
  flex-wrap: nowrap !important;
}

.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.ion-justify-content-start {
  justify-content: flex-start !important;
}

.ion-justify-content-center {
  justify-content: center !important;
}

.ion-justify-content-end {
  justify-content: flex-end !important;
}

.ion-justify-content-around {
  justify-content: space-around !important;
}

.ion-justify-content-between {
  justify-content: space-between !important;
}

.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}

.ion-align-items-start {
  align-items: flex-start !important;
}

.ion-align-items-center {
  align-items: center !important;
}

.ion-align-items-end {
  align-items: flex-end !important;
}

.ion-align-items-stretch {
  align-items: stretch !important;
}

.ion-align-items-baseline {
  align-items: baseline !important;
} 
.ion-float-left {
  float: left !important;
}

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

.ion-float-start {
  float: left !important;
}

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

[dir=rtl] .ion-float-start {
  float: right !important;
}

@supports selector(:dir(rtl)) {
  .ion-float-start:dir(rtl) {
    float: right !important;
  }
}
.ion-float-end {
  float: right !important;
}

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

[dir=rtl] .ion-float-end {
  float: left !important;
}

@supports selector(:dir(rtl)) {
  .ion-float-end:dir(rtl) {
    float: left !important;
  }
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }
  .ion-float-sm-right {
    float: right !important;
  }
  .ion-float-sm-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-sm-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }
  .ion-float-md-right {
    float: right !important;
  }
  .ion-float-md-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-md-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }
  .ion-float-lg-right {
    float: right !important;
  }
  .ion-float-lg-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-lg-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }
  .ion-float-xl-right {
    float: right !important;
  }
  .ion-float-xl-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-xl-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
} 
/* Basic CSS for apps built with Ionic */
audio, canvas, progress, video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

b, strong {
  font-weight: bold;
}

img {
  max-width: 100%;
}

hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

label, input, select, textarea {
  font-family: inherit;
  line-height: normal;
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}

textarea::placeholder {
  padding-left: 2px;
}

form, input, optgroup, select {
  margin: 0;
  font: inherit;
  color: inherit;
}

html input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea {
  touch-action: manipulation;
}

a ion-label, button ion-label {
  pointer-events: none;
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

[tappable] {
  cursor: pointer;
}

a[disabled], button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
} 
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html:not(.hydrated) body {
  display: none;
}

html.ion-ce body {
  display: block;
}

html.plt-pwa {
  height: 100vh;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
} 
html {
  font-family: var(--ion-font-family);
}

@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px 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: 1.625rem;
}

h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

small {
  font-size: 75%;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
} 
/* Optional CSS utils that can be commented out */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}

.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}

.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}

.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}

.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}

.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}

.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}

.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
} 
.ion-text-center {
  text-align: center !important;
}

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

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

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

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

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

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

.ion-text-wrap {
  white-space: normal !important;
}

@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }
  .ion-text-sm-justify {
    text-align: justify !important;
  }
  .ion-text-sm-start {
    text-align: start !important;
  }
  .ion-text-sm-end {
    text-align: end !important;
  }
  .ion-text-sm-left {
    text-align: left !important;
  }
  .ion-text-sm-right {
    text-align: right !important;
  }
  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }
  .ion-text-md-justify {
    text-align: justify !important;
  }
  .ion-text-md-start {
    text-align: start !important;
  }
  .ion-text-md-end {
    text-align: end !important;
  }
  .ion-text-md-left {
    text-align: left !important;
  }
  .ion-text-md-right {
    text-align: right !important;
  }
  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }
  .ion-text-lg-justify {
    text-align: justify !important;
  }
  .ion-text-lg-start {
    text-align: start !important;
  }
  .ion-text-lg-end {
    text-align: end !important;
  }
  .ion-text-lg-left {
    text-align: left !important;
  }
  .ion-text-lg-right {
    text-align: right !important;
  }
  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }
  .ion-text-xl-justify {
    text-align: justify !important;
  }
  .ion-text-xl-start {
    text-align: start !important;
  }
  .ion-text-xl-end {
    text-align: end !important;
  }
  .ion-text-xl-left {
    text-align: left !important;
  }
  .ion-text-xl-right {
    text-align: right !important;
  }
  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-xl-wrap {
    white-space: normal !important;
  }
} 
.ion-text-uppercase {
  text-transform: uppercase !important;
}

.ion-text-lowercase {
  text-transform: lowercase !important;
}

.ion-text-capitalize {
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-xl-capitalize {
    text-transform: capitalize !important;
  }
} 
/* ngx-spinner */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate-multiple,
.la-ball-clip-rotate-multiple > div {
  position: relative;
  box-sizing: border-box;
}

.la-ball-clip-rotate-multiple {
  display: block;
  font-size: 0;
  color: #fff;
}

.la-ball-clip-rotate-multiple.la-dark {
  color: #333;
}

.la-ball-clip-rotate-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-ball-clip-rotate-multiple {
  width: 32px;
  height: 32px;
}

.la-ball-clip-rotate-multiple > div {
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 100%;
  animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
}

.la-ball-clip-rotate-multiple > div:first-child {
  position: absolute;
  width: 32px;
  height: 32px;
  border-right-color: transparent;
  border-left-color: transparent;
}

.la-ball-clip-rotate-multiple > div:last-child {
  width: 16px;
  height: 16px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  animation-duration: 0.5s;
  animation-direction: reverse;
}

.la-ball-clip-rotate-multiple.la-sm {
  width: 16px;
  height: 16px;
}

.la-ball-clip-rotate-multiple.la-sm > div {
  border-width: 1px;
}

.la-ball-clip-rotate-multiple.la-sm > div:first-child {
  width: 16px;
  height: 16px;
}

.la-ball-clip-rotate-multiple.la-sm > div:last-child {
  width: 8px;
  height: 8px;
}

.la-ball-clip-rotate-multiple.la-2x {
  width: 64px;
  height: 64px;
}

.la-ball-clip-rotate-multiple.la-2x > div {
  border-width: 4px;
}

.la-ball-clip-rotate-multiple.la-2x > div:first-child {
  width: 64px;
  height: 64px;
}

.la-ball-clip-rotate-multiple.la-2x > div:last-child {
  width: 32px;
  height: 32px;
}

.la-ball-clip-rotate-multiple.la-3x {
  width: 96px;
  height: 96px;
}

.la-ball-clip-rotate-multiple.la-3x > div {
  border-width: 6px;
}

.la-ball-clip-rotate-multiple.la-3x > div:first-child {
  width: 96px;
  height: 96px;
}

.la-ball-clip-rotate-multiple.la-3x > div:last-child {
  width: 48px;
  height: 48px;
}

/*
 * Animation
 */
@keyframes ball-clip-rotate-multiple-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
#theme-switcher {
  transform: --default-transition;
}

:root[data-theme=light] {
  /** primary **/
  --ion-color-primary: #e8ae6a;
  --ion-color-primary-rgb: 232, 174, 106;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #cc995d;
  --ion-color-primary-shade-rgb: rgb(204, 153, 93);
  --ion-color-primary-tint: #eab679;
  /** secondary **/
  --ion-color-secondary: #f0c693;
  --ion-color-secondary-rgb: 240, 198, 147;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #d3ae81;
  --ion-color-secondary-tint: #f2cc9e;
  /** tertiary **/
  --ion-color-tertiary: #f4f4f4;
  --ion-color-tertiary-rgb: 225, 213, 196;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #c6bbac;
  --ion-color-tertiary-tint: #e4d9ca;
  /** Custom Colors **/
  --ion-color-shadow-rgba: rgba(0, 0, 0, 0.3);
  --ion-background-color: #fff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-color-header-contrast: #000;
  --ion-menu-color: #000;
  --ion-title-color: #000;
  --ion-color-toggle-checked-border: #875a35;
}

:root[data-theme=dark] {
  /** primary **/
  --ion-color-primary: #684529;
  --ion-color-primary-rgb: 165, 130, 103;
  --ion-color-primary-contrast: #040e11;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #b98255;
  --ion-color-primary-tint: #864a22;
  /** secondary **/
  --ion-color-secondary: #c1956b;
  --ion-color-secondary-rgb: 193, 149, 107;
  --ion-color-secondary-contrast: #0b1113;
  --ion-color-secondary-contrast-rgb: 8, 13, 14;
  --ion-color-secondary-shade: #cda889;
  --ion-color-secondary-tint: #9a7556;
  /** tertiary **/
  --ion-color-tertiary: #fa8231;
  --ion-color-tertiary-rgb: 250, 130, 49;
  --ion-color-tertiary-contrast: #190d05;
  --ion-color-tertiary-contrast-rgb: 25, 13, 5;
  --ion-color-tertiary-shade: #fb9b5a;
  --ion-color-tertiary-tint: #c86827;
  /** success **/
  --ion-color-success: #20bf6b;
  --ion-color-success-rgb: 32, 191, 107;
  --ion-color-success-contrast: #03130b;
  --ion-color-success-contrast-rgb: 3, 19, 11;
  --ion-color-success-shade: #4dcc89;
  --ion-color-success-tint: #1a9956;
  /** warning **/
  --ion-color-warning: #f7b731;
  --ion-color-warning-rgb: 247, 183, 49;
  --ion-color-warning-contrast: #191205;
  --ion-color-warning-contrast-rgb: 25, 18, 5;
  --ion-color-warning-shade: #f9c55a;
  --ion-color-warning-tint: #c69227;
  /** danger **/
  --ion-color-danger: #eb3b5a;
  --ion-color-danger-rgb: 235, 59, 90;
  --ion-color-danger-contrast: #170609;
  --ion-color-danger-contrast-rgb: 23, 6, 9;
  --ion-color-danger-shade: #ef627b;
  --ion-color-danger-tint: #bc2f48;
  /** dark **/
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 255, 255, 255;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #f5f6f9;
  --ion-color-dark-tint: #d7d8da;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: hsla(0, 0%, 0%, 0.801);
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #a2a4ab;
  --ion-color-medium-tint: #86888f;
  /** light **/
  --ion-color-light: #b98255;
  --ion-color-light-rgb: 185, 130, 85;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #383a3e;
  --ion-color-light-tint: #1e2023;
  --ion-background-color: linear-gradient(to top left, #121212, #111111);
  --ion-text-color: #c5c5c5;
  --ion-item-background: #212121;
  --ion-title-color: var(--ion-color-white);
  --ion-color-toggle-checked-border: #e8ae6a;
}

:root {
  /** font **/
  --ion-font-family: "Roboto", "Helvetica Neue", sans-serif;
  /** Box edges shadow **/
  --ion-color-shadow: #47577a;
  /** Custom Colors **/
  --ion-color-normal: #7692a4;
  --ion-background-color: #fff;
  --ion-background-color-rgb: 255, 255, 255;
  /** environmental **/
  --ion-color-environmental: #8abd46;
  --ion-color-environmental-rgb: 138, 189, 70;
  --ion-color-environmental-contrast: #fff;
  --ion-color-environmental-contrast-rgb: 255, 255, 255;
  --ion-color-environmental-shade: #527029;
  --ion-color-environmental-tint: #bbff5d;
  /** production **/
  --ion-color-production: #36aed1;
  --ion-color-production-rgb: 54, 174, 209;
  --ion-color-production-contrast: #fff;
  --ion-color-production-contrast-rgb: 255, 255, 255;
  --ion-color-production-shade: #226e84;
  --ion-color-production-tint: #41d4ff;
  --ion-color-pickdate-toolbar: var(--ion-menu-color);
  --ion-color-header-contrast: #fff;
  --ion-color-active-percentagebar: var(--ion-color-primary);
}
:root .ion-color-environmental {
  --ion-color-base: var(--ion-color-environmental);
  --ion-color-base-rgb: var(--ion-color-environmental-rgb);
  --ion-color-contrast: var(--ion-color-environmental-contrast);
  --ion-color-contrast-rgb: var(--ion-color-environmental-contrast-rgb);
  --ion-color-shade: var(--ion-color-environmental-shade);
  --ion-color-tint: var(--ion-color-environmental-tint);
}
:root .ion-color-production {
  --ion-color-base: var(--ion-color-production);
  --ion-color-base-rgb: var(--ion-color-production-rgb);
  --ion-color-contrast: var(--ion-color-production-contrast);
  --ion-color-contrast-rgb: var(--ion-color-production-contrast-rgb);
  --ion-color-shade: var(--ion-color-production-shade);
  --ion-color-tint: var(--ion-color-production-tint);
}
:root .ion-color-normal {
  --ion-color-base: var(--ion-color-normal);
}
:root .ion-color-white {
  --ion-color-base: var(--ion-color-white);
}
:root .ion-color-background {
  --ion-color-base: var(--ion-item-background);
}

:root[data-theme=light] {
  /** success **/
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-contrast: #fff;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  --ion-color-success: #0ebe54;
  /** warning **/
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  --ion-color-warning: #fdc507;
  /** danger **/
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-shade: #d83636;
  --ion-color-danger-tint: #f65050;
  --ion-color-danger: #f53d3d;
  /** dark **/
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-shade: #1e1e1e;
  --ion-color-dark-tint: #383838;
  --ion-color-dark: #222;
  /** medium **/
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-contrast: #575757;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-soft: #d8d8d8;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-medium: #aeb0b9;
  /** light **/
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-contrast: #000;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-shade: #d7d7d7;
  --ion-color-light-tint: #f5f5f5;
  --ion-color-light: #f4f4f4;
  /** text **/
  --ion-color-text-channels: #4d4d4d;
  --ion-color-text-menu-dark: #656565;
  --ion-color-text-menu: #01000c;
  --ion-color-text-percentage-bar: #000000;
  --ion-color-text: #444444;
  --ion-text-color-reverse: #000000;
  --ion-text-color-shade: #a0a0a0;
  --ion-text-color: #444444;
  /** item **/
  --ion-item-background: var(--ion-background-color);
  --ion-color-toolbar-primary: var(--ion-color-primary);
  --ion-color-toolbar-segment: #fff;
  --ion-menu-color: #ebf4ff;
  --ion-segment-button-color: var(--ion-color-white);
  --ion-title-color: white;
  --ion-segment-button-color: #fff;
  --ion-color-white: #000;
  /** chart **/
  --ion-color-chart-primary: #444444;
  --ion-color-chart-buy-tint: rgba(0, 0, 0, 0.2);
  --ion-color-chart-buy: rgb(0, 0, 0);
  --ion-color-chart-primary: #444444;
  /** background **/
  --ion-background-percentagebar-color: #f4f4f4;
  --ion-background-color-card-header: #f4f4f4;
  --ion-background-color: #fff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-background-percentagebar-color: #f4f4f4;
  --ion-color-background-menu: #fff;
  --ion-color-emergencyreserve-primary: rgba(1, 1, 1, 1);
  --ion-color-emergencyreserve-rgba: rgba(1, 1, 1, 0);
  --ion-color-grey-primary: rgba(128, 128, 128, 1);
  --ion-color-grey-rgba: rgba(128, 128, 128, 0.05);
  --ion-card-content-color: #737373;
  --ion-color-charge-primary: rgba(0, 223, 0, 1);
  --ion-color-charge-rgba: rgba(0, 223, 0, 0.05);
  --ion-color-custom-links: var(--ion-color-primary);
  --ion-color-toggle-background: #c8c8c8;
  --ion-color-toggle-unchecked-handle: #efefef;
  --ion-color-toggle-unchecked-track: #9c9c9c;
  --ion-color-toggle-active: var(--ion-color-toggle-checked-border);
  --ion-color-label: var(--ion-text-color);
}

:root[data-theme=dark] {
  /** success **/
  --ion-color-success: #20bf6b;
  --ion-color-success-rgb: 32, 191, 107;
  --ion-color-success-contrast: #03130b;
  --ion-color-success-contrast-rgb: 3, 19, 11;
  --ion-color-success-shade: #4dcc89;
  --ion-color-success-tint: #1a9956;
  /** warning **/
  --ion-color-warning: #f7b731;
  --ion-color-warning-rgb: 247, 183, 49;
  --ion-color-warning-contrast: #191205;
  --ion-color-warning-contrast-rgb: 25, 18, 5;
  --ion-color-warning-shade: #f9c55a;
  --ion-color-warning-tint: #c69227;
  /** danger **/
  --ion-color-danger: #eb3b5a;
  --ion-color-danger-rgb: 235, 59, 90;
  --ion-color-danger-contrast: #170609;
  --ion-color-danger-contrast-rgb: 23, 6, 9;
  --ion-color-danger-shade: #ef627b;
  --ion-color-danger-tint: #bc2f48;
  /** dark **/
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 244, 245, 248;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0, 0, 0;
  --ion-color-dark-shade: #f5f6f9;
  --ion-color-dark-tint: #d7d8da;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: hsla(0, 0%, 0%, 0.801);
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #a2a4ab;
  --ion-color-medium-tint: #86888f;
  /** light **/
  --ion-color-light: var(--ion-color-toolbar-primary);
  --ion-color-light-rgb: 50, 63, 75;
  --ion-color-light-contrast: #F5F7FA;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #383a3e;
  --ion-color-light-tint: #1e2023;
  /** Custom Colors **/
  --ion-item-color: white;
  --ion-item-background: #4f5f75;
  --ion-title-color: #f6f6f6;
  --ion-menu-color: #ebf4ff;
  --ion-color-text-menu: #e2e2e2;
  --ion-color-toggle-background: #c8c8c8;
  --ion-color-toggle-unchecked-handle: #efefef;
  --ion-color-toggle-unchecked-track: #9c9c9c;
  --ion-color-toggle-active: var(--ion-color-toggle-checked-border);
  --ion-color-white: white;
  --ion-color-background-menu: #1d2c42;
  /** Charts Colors **/
  --ion-color-chart-primary: #ffffff;
  /** Text Color **/
  --ion-text-color: #d3e3e3;
  --ion-text-color-rgb: rgb(211, 227, 227);
  --ion-text-color-dark: #000;
  --ion-text-color-shade: #a0a0a0;
  --ion-color-text: #c8c8c8;
  --ion-color-text-percentage-bar: white;
  /** Percentage bar Color **/
  --ion-background-percentagebar-color: white;
  --ion-segment-button-color: var(--ion-color-primary);
  /** toolbar **/
  --ion-color-toolbar-primary: #353a50;
  --ion-color-toolbar-segment: var(--ion-color-primary);
  /** Chart **/
  --ion-color-chart-primary: #c9c9c9;
  --ion-color-chart-xAxis-ticks: #c8c8c8;
  --ion-color-chart-xLines: #545454;
  --ion-item-background: #2b2f42;
  --ion-color-emergencyreserve-primary: rgb(160, 160, 160);
  --ion-color-emergencyreserve-rgba: rgba(160, 160, 160, 0);
  --ion-color-charge-primary: rgba(0, 223, 0, 1);
  --ion-color-charge-rgba: rgba(0, 223, 0, 0.05);
  --ion-color-grey-primary: rgba(128, 128, 128, 1);
  --ion-color-grey-rgba: rgba(128, 128, 128, 0.05);
  --ion-background-percentagebar-color: #384352;
  --ion-color-white: #fff;
  /** Card **/
  --ion-card-content: #cccccc;
  --ion-card-content-color: #cccccc;
  --ion-color-label: var(--ion-item-color);
}

.ion-font-size-medium {
  font-size: medium !important;
}

.ion-font-size-large {
  font-size: xx-large !important;
}

.ion-font-size-smaller {
  font-size: small !important;
}

.ion-font-size-small {
  font-size: small !important;
}

.ion-font-size-larger {
  font-size: larger !important;
}

.ion-font-weight-bolder {
  font-weight: bolder;
}

.ion-link {
  color: var(--ion-color-primary);
}

.ion-full-width {
  width: 100%;
}

.ion-text-align-center {
  text-align: center;
}

.ion-text-align-end {
  text-align: end;
}

.ion-col-with-icon {
  display: flex;
  justify-content: center;
}

.ion-item-min-content-height {
  height: min-content;
}

.ion-toolbar-button::part(native) {
  --background: var(--ion-item-background) !important;
}

.ion-white-space-pre-wrap::part(label) {
  white-space: pre-wrap;
}

/* Functions */
ion-alert {
  color: green;
  --color: red;
}

/* Live- and HistoryComponent*/
ion-refresher-content ion-spinner {
  left: 0 !important;
}

ion-card-content {
  color: var(--ion-card-content-color);
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  background-color: transparent !important;
  box-shadow: 0 0 0em 1000em var(--ion-background-color) inset !important;
  -webkit-text-fill-color: var(--ion-text-color) !important;
  margin-top: 0.1em;
}

.footer-color {
  background-color: var(--ion-color-toolbar-secondary) !important;
}

.hide-empty-list-header ion-list {
  padding: 0;
}
.hide-empty-list-header ion-list-header {
  display: none;
}

.paragraph-space {
  margin-top: 2rem;
}

.disabled {
  color: gray;
  pointer-events: none;
  opacity: 0.5;
  /* Makes it semi-transparent */
}

formly-wrapper-ion-form-field ion-label,
formly-input-serial-number ion-label,
formly-field-ion-radio ion-label {
  line-height: 1.2;
  font-size: 0.6em;
}
formly-wrapper-ion-form-field ion-label span,
formly-input-serial-number ion-label span,
formly-field-ion-radio ion-label span {
  white-space: initial;
}
formly-wrapper-ion-form-field ion-label span small,
formly-input-serial-number ion-label span small,
formly-field-ion-radio ion-label span small {
  white-space: nowrap;
}
formly-wrapper-ion-form-field ion-label slot,
formly-input-serial-number ion-label slot,
formly-field-ion-radio ion-label slot {
  white-space: initial;
}

.custom-spinner ion-spinner {
  left: 0 !important;
}

.normal-icon {
  color: var(--ion-color-primary-shade) !important;
}
.normal-icon ion-icon {
  color: var(--ion-color-primary-shade) !important;
}

.percentage-style {
  fill: var(--ion-color-text-percentage-bar);
  text-shadow: var(--ion-text-shadow);
}

.ion-card-style ion-item {
  --background: var(--ion-color-primary);
}
.ion-card-style ion-item ion-icon {
  color: var(--ion-color-primary-contrast);
}

.custom-channels-text {
  color: var(--ion-color-text-channels) !important;
}

.custom-menu-button {
  color: var(--ion-menu-color);
}

.custom-theme-text {
  color: var(--ion-color-text-menu) !important;
}

.custom-menu-text-dark {
  color: var(--ion-color-text-menu-dark) !important;
}

.item-devider {
  border-color: white;
}

.custom-ion-popover {
  --background: var(--ion-background-color);
  white-space: inherit;
  --min-width: min-content;
}
.custom-ion-popover::part(label) {
  color: var(--ion-color-primary) !important;
}
.custom-ion-popover [aria-checked=true] .alert-radio-label {
  color: var(--ion-color-text) !important;
}
.custom-ion-popover .alert-radio-label {
  color: var(--ion-color-text);
}
.custom-ion-popover .item-radio-checked {
  --background: var(--ion-color-primary-tint);
  --background-opacity: 0.9;
}
.custom-ion-popover ion-list {
  min-width: fit-content;
}

.line-break formly-wrapper-ion-form-field > ion-item > ion-label > span > small,
.line-break formly-field-ion-radio > ion-list > ion-radio-group > ion-item > ion-label {
  white-space: pre-line !important;
  line-height: 1.6 !important;
}

.custom-checkbox {
  --ripple-color: transparent;
  --background-hover: transparent;
}

.command-textbox {
  font-family: monospace;
  color: var(--ion-color-text);
}

.margin-top ion-item {
  margin-top: 2%;
}

.active {
  color: var(--ion-color-dark);
}

.primary-color {
  fill: var(--ion-color-primary);
}

.primary-color-contrast {
  fill: var(--ion-color-primary-contrast);
}

.secondary-color {
  fill: var(--ion-color-dark);
}

.secondary-color-contrast {
  fill: var(--ion-color-secondary-contrast);
}

html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, $font-family;
}

html.md {
  --ion-default-font: $font-family;
}

.pickdate-popover .popover-content {
  width: 251px;
  position: center;
  overflow-y: hidden;
  overflow-x: hidden;
}

.slides {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100%;
  padding: 0 1% 1% 0;
}
.slides .swiper-wrapper {
  align-items: center;
}

.white-space-initial {
  white-space: initial !important;
}

ion-label {
  font-family: Arial, Helvetica, sans-serif;
}

ion-item.noPadding {
  --ion-safe-area-right: 0.1;
}

mat-card.single {
  margin: 20px;
}

mat-card.single_leftright {
  margin-left: 20px;
  margin-right: 20px;
}

mat-card.single_top {
  margin-top: 20px;
}

table.full_width {
  width: 100%;
}

.bold {
  font-weight: 600;
}

td.align_right {
  text-align: right;
}

table {
  border-collapse: collapse;
}

.underline {
  border-bottom: 1pt solid var(--ion-color-medium);
}

.gray_color {
  color: var(--ion-color-medium);
}

button.activated {
  color: var(--ion-color-dark);
  background-color: var(--ion-color-success);
}

svg::part("container") {
  --border-color: white;
  --checkmark-color: red;
}

ion-item .checkbox-icon,
ion-checkbox .checkbox-icon {
  display: none;
}

#toast-container {
  font-family: var(--ion-font-family);
}

ion-toast.container {
  text-align: center;
  --min-width: 360px;
}

.no-scroll {
  overflow-y: hidden;
  overflow-x: hidden;
}

/*
* Applies to ngx-formly sections
*/
formly-input-section {
  flex: auto;
}

.even-row {
  background-color: rgba(var(--ion-color-primary-rgb), 0.2);
}

.alertController .alert-head {
  text-align: center !important;
}
.alertController .alert-head .alert-sub-title {
  font-size: large;
  font-weight: bold;
  color: var(--ion-color-primary);
}
.alertController .alert-message {
  text-align: center;
}
.alertController .alert-wrapper {
  width: 25% !important;
}
.alertController .alert-wrapper .alert-button-group {
  justify-content: space-between;
}
.alertController .alert-wrapper .alert-button-group .alert-button {
  color: var(--ion-color-primary);
  font-size: small;
}

:root {
  --ion-color-primary-item: shade($primary-color, #000);
}
:root ion-text small {
  color: var(--ion-card-content-color);
}
:root ion-card ion-card-title,
:root ion-card ion-card-subtitle {
  color: var(--ion-text-color);
}
:root ion-segment {
  --color: var(--ion-text-color);
  color: var(--ion-text-color);
}
:root formly-field-ion-select ion-select::part(text) {
  white-space: initial !important;
}
:root ion-picker {
  justify-content: center !important;
  max-width: 100% !important;
}
:root ion-label.regularFont {
  font-family: var(--ion-font-family);
  font-size: 14px;
}
:root ion-label.regularFont {
  font-family: var(--ion-font-family);
  font-size: 14px;
}
:root ion-select {
  font-family: var(--ion-font-family);
  font-size: 14px;
  color: var(--ion-text-color);
}
:root ion-alert {
  color: var(--ion-text-color) !important;
  --color: red;
}
:root ion-alert [aria-checked=true] .alert-radio-label {
  color: var(--ion-color-primary) !important;
}
:root ion-alert .alert-radio-label {
  color: var(--ion-text-color);
}
:root .alert-wrapper {
  max-width: 100%;
  width: 100%;
}
:root ion-input.regularFont {
  font-family: var(--ion-font-family);
  font-size: 14px;
}
:root ion-toggle {
  --track-background: var(--ion-color-toggle-background);
  --handle-background: var(--ion-color-toggle-unchecked-handle);
  --track-background-checked: var(--ion-color-primary);
  --handle-background-checked: var(--ion-color-white);
  --handle-box-shadow: 0em 0.2em 0.25em rgba(0, 0, 0, 0.3);
  padding: 0.8em;
  padding-right: 0.2em;
  padding-left: 0.2em;
  overflow: visible;
  scale: 0.95;
}
:root ion-toggle::part(handle) {
  border: 0.15em solid var(--ion-color-toggle-unchecked-track) !important;
}
:root ion-toggle.toggle-checked::part(handle) {
  border: 0.15em solid var(--ion-color-toggle-active) !important;
}
:root ion-spinner {
  transform: scale(1.5);
  left: 25%;
  width: 50%;
  color: var(--ion-color-primary);
}
:root ion-range::part(pin) {
  width: max-content !important;
  white-space: nowrap;
  padding: 0.5em;
  text-align: center;
}

ion-modal.auto-height {
  --height: auto;
}
ion-modal.auto-height.bottom {
  align-items: flex-end;
}
ion-modal.auto-height .ion-page {
  position: relative;
  display: block;
  contain: content;
}
ion-modal.auto-height .ion-page .inner-content {
  max-height: 80vh;
  overflow: auto;
  padding: 10px;
}

ion-modal.full-width {
  --width: 100%;
}

/** SVG Variables **/
:root {
  --storage-segment-0: block;
  --storage-segment-1: block;
  --storage-segment-2: block;
  --storage-segment-3: block;
  --storage-segment-4: none;
}

.storage-0 {
  --storage-segment-0: none;
  --storage-segment-1: none;
  --storage-segment-2: none;
  --storage-segment-3: none;
  --storage-segment-4: none;
}

.storage-20 {
  --storage-segment-0: block;
  --storage-segment-1: none;
  --storage-segment-2: none;
  --storage-segment-3: none;
  --storage-segment-4: none;
}

.storage-40 {
  --storage-segment-0: block;
  --storage-segment-1: block;
  --storage-segment-2: none;
  --storage-segment-3: none;
  --storage-segment-4: none;
}

.storage-60 {
  --storage-segment-0: block;
  --storage-segment-1: block;
  --storage-segment-2: block;
  --storage-segment-3: none;
  --storage-segment-4: none;
}

.storage-80 {
  --storage-segment-0: block;
  --storage-segment-1: block;
  --storage-segment-2: block;
  --storage-segment-3: block;
  --storage-segment-4: none;
}

.storage-100 {
  --storage-segment-0: block;
  --storage-segment-1: block;
  --storage-segment-2: block;
  --storage-segment-3: block;
  --storage-segment-4: block;
}

.card-with-primary-border {
  border: 2px solid var(--ion-color-primary);
}

ion-avatar.iconify {
  margin-inline-end: 32px;
  margin-top: 12px;
  margin-bottom: 12px;
  --border-radius: 0;
  max-height: 24px;
  max-width: 24px;
}

ion-avatar.iconify.icon-large {
  max-height: 32px;
  max-width: 32px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global-ion-custom.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#theme-switcher {
  transform: --default-transition;
}

:root[data-theme=light] {
  /** primary **/
  --ion-color-primary: #e8ae6a;
  --ion-color-primary-rgb: 232, 174, 106;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #cc995d;
  --ion-color-primary-shade-rgb: rgb(204, 153, 93);
  --ion-color-primary-tint: #eab679;
  /** secondary **/
  --ion-color-secondary: #f0c693;
  --ion-color-secondary-rgb: 240, 198, 147;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #d3ae81;
  --ion-color-secondary-tint: #f2cc9e;
  /** tertiary **/
  --ion-color-tertiary: #f4f4f4;
  --ion-color-tertiary-rgb: 225, 213, 196;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #c6bbac;
  --ion-color-tertiary-tint: #e4d9ca;
  /** Custom Colors **/
  --ion-color-shadow-rgba: rgba(0, 0, 0, 0.3);
  --ion-background-color: #fff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-color-header-contrast: #000;
  --ion-menu-color: #000;
  --ion-title-color: #000;
  --ion-color-toggle-checked-border: #875a35;
}

:root[data-theme=dark] {
  /** primary **/
  --ion-color-primary: #684529;
  --ion-color-primary-rgb: 165, 130, 103;
  --ion-color-primary-contrast: #040e11;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #b98255;
  --ion-color-primary-tint: #864a22;
  /** secondary **/
  --ion-color-secondary: #c1956b;
  --ion-color-secondary-rgb: 193, 149, 107;
  --ion-color-secondary-contrast: #0b1113;
  --ion-color-secondary-contrast-rgb: 8, 13, 14;
  --ion-color-secondary-shade: #cda889;
  --ion-color-secondary-tint: #9a7556;
  /** tertiary **/
  --ion-color-tertiary: #fa8231;
  --ion-color-tertiary-rgb: 250, 130, 49;
  --ion-color-tertiary-contrast: #190d05;
  --ion-color-tertiary-contrast-rgb: 25, 13, 5;
  --ion-color-tertiary-shade: #fb9b5a;
  --ion-color-tertiary-tint: #c86827;
  /** success **/
  --ion-color-success: #20bf6b;
  --ion-color-success-rgb: 32, 191, 107;
  --ion-color-success-contrast: #03130b;
  --ion-color-success-contrast-rgb: 3, 19, 11;
  --ion-color-success-shade: #4dcc89;
  --ion-color-success-tint: #1a9956;
  /** warning **/
  --ion-color-warning: #f7b731;
  --ion-color-warning-rgb: 247, 183, 49;
  --ion-color-warning-contrast: #191205;
  --ion-color-warning-contrast-rgb: 25, 18, 5;
  --ion-color-warning-shade: #f9c55a;
  --ion-color-warning-tint: #c69227;
  /** danger **/
  --ion-color-danger: #eb3b5a;
  --ion-color-danger-rgb: 235, 59, 90;
  --ion-color-danger-contrast: #170609;
  --ion-color-danger-contrast-rgb: 23, 6, 9;
  --ion-color-danger-shade: #ef627b;
  --ion-color-danger-tint: #bc2f48;
  /** dark **/
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 255, 255, 255;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #f5f6f9;
  --ion-color-dark-tint: #d7d8da;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: hsla(0, 0%, 0%, 0.801);
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #a2a4ab;
  --ion-color-medium-tint: #86888f;
  /** light **/
  --ion-color-light: #b98255;
  --ion-color-light-rgb: 185, 130, 85;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #383a3e;
  --ion-color-light-tint: #1e2023;
  --ion-background-color: linear-gradient(to top left, #121212, #111111);
  --ion-text-color: #c5c5c5;
  --ion-item-background: #212121;
  --ion-title-color: var(--ion-color-white);
  --ion-color-toggle-checked-border: #e8ae6a;
}

.ion-font-size-medium {
  font-size: medium !important;
}

.ion-font-size-large {
  font-size: xx-large !important;
}

.ion-font-size-smaller {
  font-size: small !important;
}

.ion-font-size-small {
  font-size: small !important;
}

.ion-font-size-larger {
  font-size: larger !important;
}

.ion-font-weight-bolder {
  font-weight: bolder;
}

.ion-link {
  color: var(--ion-color-primary);
}

.ion-full-width {
  width: 100%;
}

.ion-text-align-center {
  text-align: center;
}

.ion-text-align-end {
  text-align: end;
}

.ion-col-with-icon {
  display: flex;
  justify-content: center;
}

.ion-item-min-content-height {
  height: min-content;
}

.ion-toolbar-button::part(native) {
  --background: var(--ion-item-background) !important;
}

.ion-white-space-pre-wrap::part(label) {
  white-space: pre-wrap;
}

/* Functions */

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