/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;
  /** tertiary **/
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  /** success **/
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #f04141;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}
ion-toggle {
  --handle-background: gray ;
}
.sc-ion-input-ios-h {
  --padding-start: var(--padding-end);
}
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] {
  /* stylelint-disable-next-line declaration-no-important */
  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);
  }
}

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

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

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

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

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

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

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::-webkit-input-placeholder {
  padding-left: 2px;
}

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

textarea:-ms-input-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%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

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

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;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}

html {
  font-family: var(--ion-font-family);
}

a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  margin-top: 20px;
  font-size: 26px;
}

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

h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

@media (max-width: 575px) {
  .ion-hide-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .ion-hide-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}

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

.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;
}

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

.ion-float-end,
[float-end] {
  float: right !important;
}

[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end, [dir=rtl] [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;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start, [dir=rtl] [float-sm-start], :host-context([dir=rtl]) [float-sm-start] {
    float: right !important;
  }

  .ion-float-sm-end,
[float-sm-end] {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end, [dir=rtl] [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;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start, [dir=rtl] [float-md-start], :host-context([dir=rtl]) [float-md-start] {
    float: right !important;
  }

  .ion-float-md-end,
[float-md-end] {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end, [dir=rtl] [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;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start, [dir=rtl] [float-lg-start], :host-context([dir=rtl]) [float-lg-start] {
    float: right !important;
  }

  .ion-float-lg-end,
[float-lg-end] {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end, [dir=rtl] [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;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start, [dir=rtl] [float-xl-start], :host-context([dir=rtl]) [float-xl-start] {
    float: right !important;
  }

  .ion-float-xl-end,
[float-xl-end] {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end, [dir=rtl] [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] {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}

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

.ion-text-capitalize,
[text-capitalize] {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}

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

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

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

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

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

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

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

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

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

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

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

  .ion-text-xl-capitalize,
[text-xl-capitalize] {
    /* stylelint-disable-next-line declaration-no-important */
    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;
}

/** Ionic CSS Variables **/

:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;
  /** tertiary **/
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  /** success **/
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #f04141;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}

ion-toggle {
  --handle-background: gray ;
}

.sc-ion-input-ios-h {
  --padding-start: var(--padding-end);
}

:root,
:root[mode=ios],
:root[mdoe=md] {
  --ion-font-family: Century Gothic W01;
  --ion-background-color: $color_gray_light;
}

@font-face {
  font-family: "Century Gothic W01";
  src: url('century_gothic_w01.f675a9c89f7d2913e905.eot?#iefix');
  src: url('century_gothic_w01.f675a9c89f7d2913e905.eot?#iefix') format("eot"), url('century_gothic_w01.0d6411db7a8ba1d84142.woff') format("woff"), url('century_gothic_w01.d52eb31a74d4ce2ce8b0.ttf') format("truetype"), url('century_gothic_w01.1ff19c66cb8ab31a32fc.svg#944cce8d-20bf-41c1-ae29-2bc8199859db') format("svg");
}

@font-face {
  font-family: "custom-icons";
  src: url('custom-icons.b45a0042f1698ed85c80.eot?y662ay');
  src: url('custom-icons.b45a0042f1698ed85c80.eot?y662ay#iefix') format("embedded-opentype"), url('custom-icons.fd0f165340c61341f023.woff2?y662ay') format("woff2"), url('custom-icons.86430a93ddd00ca09cd5.ttf?y662ay') format("truetype"), url('custom-icons.cd72349a96580976bd79.woff?y662ay') format("woff"), url('custom-icons.ad5244e6bb6d0854d8c7.svg?y662ay#custom-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^=icon--], [class*=" icon--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "custom-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--play_inverted:before {
  content: "V";
}

.icon--play_icon:before {
  content: "v";
}

.icon--person:before {
  content: "P";
}

.icon--person-outline:before {
  content: "k";
}

.icon--melitta-professional_logo:before {
  content: "m";
}

.icon--arrow--left:before {
  content: "<";
}

.icon--arrow--right:before {
  content: ">";
}

.icon--snip:before {
  content: "C";
}

.icon--folder-open:before {
  content: "F";
}

.icon--checkmark2:before {
  content: "H";
}

.icon--arrow--down:before {
  content: "I";
}

.icon--mp-contact:before {
  content: "K";
}

.icon--arrow--left-thicker:before {
  content: "L";
}

.icon--menu:before {
  content: "M";
}

.icon--open_file:before {
  content: "O";
}

.icon--arrow--right-thicker:before {
  content: "R";
}

.icon--settings:before {
  content: "S";
}

.icon--update1:before {
  content: "U";
}

.icon--mp-zoom:before {
  content: "Z";
}

.icon--save:before {
  content: "a";
}

.icon--book:before {
  content: "b";
}

.icon--collect:before {
  content: "c";
}

.icon--dokument:before {
  content: "e";
}

.icon--folder:before {
  content: "f";
}

.icon--checkmark:before {
  content: "h";
}

.icon--arrow--up:before {
  content: "i";
}

.icon--icon-loader:before {
  content: "l";
}

.icon--open_folder:before {
  content: "o";
}

.icon--print:before {
  content: "p";
}

.icon--save1:before {
  content: "s";
}

.icon--update:before {
  content: "u";
}

.icon--zip:before {
  content: "z";
}

.icon--zip1:before {
  content: "{";
}

.icon--cross2:before {
  content: "|";
}

.d-flex {
  display: flex;
}

.clear {
  clear: both;
}

.w-100 {
  width: 100%;
}

.w-60 {
  width: 60%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-half {
  margin-top: 0 !important;
}

/***********************************************************************************************************************/

.m-a-0 {
  margin: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a-quarter {
  margin: 0.25rem !important;
}

.m-t-quarter {
  margin-top: 0.25rem !important;
}

.m-r-quarter {
  margin-right: 0.25rem !important;
}

.m-b-quarter {
  margin-bottom: 0.25rem !important;
}

.m-l-quarter {
  margin-left: 0.25rem !important;
}

.m-x-quarter {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.m-y-quarter {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-a-half {
  margin: 0.5rem !important;
}

.m-t-half {
  margin-top: 0.5rem !important;
}

.m-r-half {
  margin-right: 0.5rem !important;
}

.m-b-half {
  margin-bottom: 0.5rem !important;
}

.m-l-half {
  margin-left: 0.5rem !important;
}

.m-x-half {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.m-y-half {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-a {
  margin: 1rem !important;
}

.m-t {
  margin-top: 1rem !important;
}

.m-r {
  margin-right: 1rem !important;
}

.m-b {
  margin-bottom: 1rem !important;
}

.m-l {
  margin-left: 1rem !important;
}

.m-x {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.m-y {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-2 {
  margin: 2rem !important;
}

.m-t-2 {
  margin-top: 2rem !important;
}

.m-r-2 {
  margin-right: 2rem !important;
}

.m-b-2 {
  margin-bottom: 2rem !important;
}

.m-l-2 {
  margin-left: 2rem !important;
}

.m-x-2 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.m-y-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-a-3 {
  margin: 3rem !important;
}

.m-t-3 {
  margin-top: 3rem !important;
}

.m-r-3 {
  margin-right: 3rem !important;
}

.m-b-3 {
  margin-bottom: 3rem !important;
}

.m-l-3 {
  margin-left: 3rem !important;
}

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-a-4 {
  margin: 4rem !important;
}

.m-t-4 {
  margin-top: 4rem !important;
}

.m-r-4 {
  margin-right: 4rem !important;
}

.m-b-4 {
  margin-bottom: 4rem !important;
}

.m-l-4 {
  margin-left: 4rem !important;
}

.m-x-4 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.m-y-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-a-5 {
  margin: 5rem !important;
}

.m-t-5 {
  margin-top: 5rem !important;
}

.m-r-5 {
  margin-right: 5rem !important;
}

.m-b-5 {
  margin-bottom: 5rem !important;
}

.m-l-5 {
  margin-left: 5rem !important;
}

.m-x-5 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.m-y-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.m-a-6 {
  margin: 6rem !important;
}

.m-t-6 {
  margin-top: 6rem !important;
}

.m-r-6 {
  margin-right: 6rem !important;
}

.m-b-6 {
  margin-bottom: 6rem !important;
}

.m-l-6 {
  margin-left: 6rem !important;
}

.m-x-6 {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}

.m-y-6 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.p-a-0 {
  padding: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a-quarter {
  padding: 0.25rem !important;
}

.p-t-quarter {
  padding-top: 0.25rem !important;
}

.p-r-quarter {
  padding-right: 0.25rem !important;
}

.p-b-quarter {
  padding-bottom: 0.25rem !important;
}

.p-l-quarter {
  padding-left: 0.25rem !important;
}

.p-x-quarter {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.p-y-quarter {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-a-half {
  padding: 0.5rem !important;
}

.p-t-half {
  padding-top: 0.5rem !important;
}

.p-r-half {
  padding-right: 0.5rem !important;
}

.p-b-half {
  padding-bottom: 0.5rem !important;
}

.p-l-half {
  padding-left: 0.5rem !important;
}

.p-x-half {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.p-y-half {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-a {
  padding: 1rem !important;
}

.p-t {
  padding-top: 1rem !important;
}

.p-r {
  padding-right: 1rem !important;
}

.p-b {
  padding-bottom: 1rem !important;
}

.p-l {
  padding-left: 1rem !important;
}

.p-x {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.p-y {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-a-2 {
  padding: 2rem !important;
}

.p-t-2 {
  padding-top: 2rem !important;
}

.p-r-2 {
  padding-right: 2rem !important;
}

.p-b-2 {
  padding-bottom: 2rem !important;
}

.p-l-2 {
  padding-left: 2rem !important;
}

.p-x-2 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.p-y-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-a-3 {
  padding: 3rem !important;
}

.p-t-3 {
  padding-top: 3rem !important;
}

.p-r-3 {
  padding-right: 3rem !important;
}

.p-b-3 {
  padding-bottom: 3rem !important;
}

.p-l-3 {
  padding-left: 3rem !important;
}

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-a-4 {
  padding: 4rem !important;
}

.p-t-4 {
  padding-top: 4rem !important;
}

.p-r-4 {
  padding-right: 4rem !important;
}

.p-b-4 {
  padding-bottom: 4rem !important;
}

.p-l-4 {
  padding-left: 4rem !important;
}

.p-x-4 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.p-y-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-a-5 {
  padding: 5rem !important;
}

.p-t-5 {
  padding-top: 5rem !important;
}

.p-r-5 {
  padding-right: 5rem !important;
}

.p-b-5 {
  padding-bottom: 5rem !important;
}

.p-l-5 {
  padding-left: 5rem !important;
}

.p-x-5 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.p-y-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.p-a-6 {
  padding: 6rem !important;
}

.p-t-6 {
  padding-top: 6rem !important;
}

.p-r-6 {
  padding-right: 6rem !important;
}

.p-b-6 {
  padding-bottom: 6rem !important;
}

.p-l-6 {
  padding-left: 6rem !important;
}

.p-x-6 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}

.p-y-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

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

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

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

/************
 *  General *
 ************/

body {
  font-size: 10px;
  font-family: "Century Gothic W01";
}

/* IE 11 */

.menu-inner .inner-scroll.scroll-y,
profile-modal .inner-scroll.scroll-y,
page-menu ion-content .inner-scroll.scroll-y {
  overflow-y: auto;
  top: 0;
  bottom: 0;
}

.page-header ion-grid, .page-header ion-col, .page-footer ion-grid, .page-footer ion-col {
  padding: 5px;
}

/* IE 11 */

ion-app {
  font-size: 14px;
}

ion-content .scroll-content {
  padding: 0 !important;
}

ion-content .scroll-content > div[padding] {
  padding: 0;
}

.split-pane-side[side=end] {
  background: #efefef !important;
  border-left-color: #efefef !important;
}

search-suggestions {
  position: absolute;
  z-index: 100000;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

search-suggestions.search-suggestions--in-menu {
  width: 100% !important;
  top: 117px !important;
  left: auto !important;
  right: 5px !important;
}

@media only screen and (min-width: 576px) {
  search-suggestions.search-suggestions--in-menu {
    width: 279px !important;
    right: auto !important;
    left: calc(100% - 284px) !important;
  }
}

search-suggestions.search-suggestions--in-menu .suggestions {
  margin-top: 37px !important;
  border: 1px solid #949494;
}

search-suggestions.search-suggestions--in-menu .suggestions:before {
  content: none !important;
}

search-suggestions.search-suggestions--in-menu .suggestions ul li.all_results {
  padding: 8px 15px !important;
}

#content {
  background-color: #efefef;
}

.ion-page > ion-content {
  position: absolute;
  bottom: 0;
  top: 0;
  height: auto;
  contain: content;
}

.ion-page ion-content.ios {
  background: #efefef;
}

ion-split-pane {
  top: 72px !important;
  bottom: 39px !important;
}

updater {
  display: flex;
}

.menu-align-right updater ion-icon {
  font-size: 1.6em;
}

.menu-align-right updater ion-icon:before {
  animation: rotating 3s linear infinite reverse;
}

.ion-page.show-page .content {
  background-color: #efefef;
}

zip-download > ion-content {
  background-color: #f0f0f0 !important;
}

ion-icon {
  cursor: pointer;
}

a, .pointer {
  cursor: pointer;
}

button[ion-button] {
  position: relative;
  background-color: #ddd;
  padding: 4px 10px;
  box-shadow: none;
  border: 1px solid #ccc;
  font-size: 12px;
  color: black;
  border-radius: 0;
  text-transform: none;
  height: auto;
  margin: 0;
}

button[ion-button]:hover:not(.disable-hover), button[ion-button]:focus, button[ion-button]:active {
  box-shadow: none;
  background-color: #ccc;
  outline: none;
}

button[ion-button][color=primary] {
  background-color: #cf0a2c;
  border: 1px solid #cf0a2c;
  color: white;
}

button[ion-button][color=primary]:hover:not(.disable-hover), button[ion-button][color=primary]:focus, button[ion-button][color=primary]:active {
  background-color: #b70927;
}

button[ion-button][color=dark] {
  background-color: #373a3d;
  border: 1px solid #373a3d;
  color: white;
}

button[ion-button][color=dark]:hover:not(.disable-hover), button[ion-button][color=dark]:focus, button[ion-button][color=dark]:active {
  background-color: #2b2d30;
}

.row--legend {
  margin: 10px 0;
  padding: 5px 0;
  background-color: transparent !important;
}

.button-inner {
  display: flex;
  flex-flow: row nowrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.text-content {
  padding-top: 50px;
}

.text-content[no-padding] {
  padding-top: 0;
}

.text-content h2 {
  margin: 0 0 40px;
  color: #cf0a2c;
}

.text-content form {
  padding: 0 40px;
}

.text-content .needed {
  color: #dd0000;
  font-weight: bold;
}

.text-content .input-wrapper {
  margin-bottom: 10px;
}

.text-content input, .text-content select {
  width: 100%;
  border: 0;
  padding: 7px 10px;
  font-size: 14px;
}

.text-content button {
  padding: 10px 20px;
  font-size: 14px;
}

.text-content .text-info, .text-content button {
  margin-top: 35px;
}

.text-content .text-info {
  margin-bottom: 0;
  color: #707070;
}

.text-content__inner {
  padding: 0 40px;
}

/************
 * SideMenu *
 ************/

.split-pane > ion-menu.split-pane-side, .split-pane-md > ion-menu.split-pane-side {
  width: 365px;
  max-width: 365px !important;
  min-width: 365px !important;
}

.plt-android .split-pane-ios, .plt-android .split-pane-md, .plt-ios .split-pane-ios, .plt-ios .split-pane-md {
  /*
  > ion-menu.split-pane-side {
    width: auto;
    min-width: 0 !important;
    max-width: none !important;



    //Menu overlaps content on small screen
    position: absolute;
    left: $menuToggleWidth;
    right: 0;
    z-index: 1;

    @media only screen and(min-width: map_get($screen-breakpoints, sm)) {
  	position: static;
  	width: $menuWidthTablet;
  	min-width: $menuWidthTablet !important;
  	max-width: $menuWidthTablet !important;
  	left: auto;
    }
  }*/
}

.plt-android .split-pane-ios > #btn-toggle-menu.menu-open, .plt-android .split-pane-md > #btn-toggle-menu.menu-open, .plt-ios .split-pane-ios > #btn-toggle-menu.menu-open, .plt-ios .split-pane-md > #btn-toggle-menu.menu-open {
  left: 0;
  right: auto;
}

@media only screen and (min-width: 576px) {
  .plt-android .split-pane-ios > #btn-toggle-menu.menu-open, .plt-android .split-pane-md > #btn-toggle-menu.menu-open, .plt-ios .split-pane-ios > #btn-toggle-menu.menu-open, .plt-ios .split-pane-md > #btn-toggle-menu.menu-open {
    left: auto;
    right: 290px;
  }
}

.menu-inner {
  border-left: 1px solid #dedede;
  bottom: 39px;
  top: 72px;
  height: auto;
}

.menu-align-right {
  align-items: center;
  justify-content: flex-end;
}

.menu-align-right ion-icon {
  font-size: 1.8em;
  color: #cf0a2c;
}

.menu-align-right updater, .menu-align-right user, .menu-align-right zip, .menu-align-right config {
  float: right;
  text-align: center;
}

.menu-align-right updater ion-icon, .menu-align-right user ion-icon, .menu-align-right zip ion-icon, .menu-align-right config ion-icon {
  height: 42px;
  width: 63px;
  line-height: 42px;
}

.menu-align-right user ion-icon.loggedin {
  height: 31.5px;
  width: 47.25px;
}

.menu-align-right zip {
  height: 42px;
  width: 63px;
}

.menu-align-right updater {
  order: 3;
}

.menu-align-right config {
  order: 2;
}

.menu-align-right user {
  order: 2;
}

.menu-align-right zip {
  position: relative;
  order: 1;
}

/**
 * MenuToggle
 */

/*
#btn-toggle-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: $color_gray_dark;
  color: white;
  border: 0;
  padding: 0;

  min-width: 0;
  max-width: none;
  left: auto;

  &.split-pane-side {
    display: block;
  }

  ion-icon {
    font-size: 2em;
    display: block;
    margin: 10px auto 20px;
  }

  .button-inner {
    align-items: flex-start;
  }

  .btn-toggle-menu__text {
    width: $menuToggleWidth;
    line-height: 1.4;
    font-size: 14px;

    span {
      transform: rotate(-90deg) translateY(-2px);
      display: inline-block;
    }
  }

  &.menu-open {
    right: $menuWidth;
  }

  &:hover {
    background: darken($color_gray_dark, 5%);
  }
}
*/

ion-split-pane page-node.ion-page, ion-split-pane page-search.ion-page {
  right: 0;
}

ion-split-pane.no-menu page-node.ion-page, ion-split-pane.no-menu page-search.ion-page {
  right: 0;
}

.platform-android, .plt-android,
.platform-ios, .plt-ios {
  /*
  #btn-toggle-menu, ion-menu.split-pane-side {
  	display: none !important;
  }
  #btn-toggle-menu ~ ion-nav.split-pane-main {
  	right: 0 !important;
  }
  .modal-file-viewer{
  	width: 100%;
  	min-width: 100%;
  	max-width: 100%;
  }
  */
}

.platform-android ion-header .title, .plt-android ion-header .title,
.platform-ios ion-header .title, .plt-ios ion-header .title {
  display: none;
}

.platform-android ion-app > ion-split-pane, .plt-android ion-app > ion-split-pane,
.platform-ios ion-app > ion-split-pane, .plt-ios ion-app > ion-split-pane {
  bottom: 0 !important;
}

.platform-android ion-app ion-footer, .plt-android ion-app ion-footer,
.platform-ios ion-app ion-footer, .plt-ios ion-app ion-footer {
  display: none;
}

.platform-android ion-popover.popover-sections:not(.popover-sections--in-menu) .popover-content, .plt-android ion-popover.popover-sections:not(.popover-sections--in-menu) .popover-content,
.platform-ios ion-popover.popover-sections:not(.popover-sections--in-menu) .popover-content, .plt-ios ion-popover.popover-sections:not(.popover-sections--in-menu) .popover-content {
  width: calc(((((100% - 10px) / 12) * 6) * 0.5) - (2px * 2));
}

.platform-android ion-popover.popover-sections .popover-content .section, .plt-android ion-popover.popover-sections .popover-content .section,
.platform-ios ion-popover.popover-sections .popover-content .section, .plt-ios ion-popover.popover-sections .popover-content .section {
  padding: 10px 7px 10px;
}

.platform-android .login-wrapper .logout-wrapper span, .platform-android .login-wrapper .logout-wrapper strong, .plt-android .login-wrapper .logout-wrapper span, .plt-android .login-wrapper .logout-wrapper strong,
.platform-ios .login-wrapper .logout-wrapper span,
.platform-ios .login-wrapper .logout-wrapper strong, .plt-ios .login-wrapper .logout-wrapper span, .plt-ios .login-wrapper .logout-wrapper strong {
  padding: 5px 0 !important;
  display: block;
}

.color-tag {
  min-width: 100px;
  padding: 2px 5px;
  border: 1px solid black;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 1.2em;
}

.color-tag.new {
  background-color: green;
  color: white;
}

.color-tag.updated {
  background-color: yellow;
}

.cursor {
  cursor: pointer;
}

.table--content {
  width: 100%;
  display: block;
  overflow: auto;
}

@media only screen and (min-width: 576px) {
  .table--content {
    display: table;
    width: calc(100% - 20px);
    margin-left: 20px;
    overflow: initial;
  }
}

.table--content td, .table--content th {
  border: none;
  padding: 6px 4px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.38);
  font-size: 1em;
  line-height: 1.1em;
  vertical-align: top;
  background-clip: padding-box;
}

.table--content tr:last-child td {
  border-bottom: 0;
}

.table--content .content-row td {
  position: relative;
}

.table--content .content-row:hover td:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.02);
  pointer-events: none;
}

.table--content th {
  font-size: 1em;
  text-align: left;
}

/************
 *  Header  *
 ************/

ion-header {
  height: 72px;
  border-bottom: 1px solid #dedede;
}

ion-header img {
  max-height: 51px;
  display: block;
  float: left;
}

@media only screen and (min-width: 576px) {
  ion-header img {
    margin-right: 20px;
  }
}

ion-header img, ion-header .title {
  margin-left: 10px;
}

@media only screen and (min-width: 576px) {
  ion-header img, ion-header .title {
    margin-left: 32px;
  }
}

ion-header .title {
  color: #cf0a2c;
  font-size: 1.4em;
  line-height: 51px;
  max-height: 51px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: none;
}

@media only screen and (min-width: 576px) {
  ion-header .title {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  ion-header .title {
    font-size: 1.8em;
  }
}

ion-header:after {
  content: none !important;
}

.fixed-header {
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
}

.plt-ios .fixed-header {
  right: 0;
}

.fixed-header + ion-grid {
  padding-top: 38px !important;
}

.sub-header {
  height: auto;
  border-bottom: none;
}

.sub-header + ion-content {
  top: 38px !important;
}

.pseudo-page {
  height: 100%;
}

.pseudo-page ion-content {
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  contain: content;
}

/************
 *  Footer  *
 ************/

ion-footer {
  background: #505356;
  color: white;
  font-size: 0.8em;
  padding: 3px;
  line-height: 1.2;
}

ion-footer ul {
  list-style: none;
  margin: 0 0 0 0;
}

ion-footer ul li {
  float: left;
  margin-right: 15px;
}

ion-footer ul li a {
  color: white;
}

ion-footer a {
  text-decoration: none;
}

ion-footer ion-col {
  display: flex;
  align-items: center;
}

ion-footer ion-col, ion-footer ion-col[justify-content-end] {
  justify-content: center !important;
}

ion-footer ion-col ul {
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  ion-footer ion-col {
    justify-content: flex-start !important;
  }
  ion-footer ion-col[justify-content-end] {
    justify-content: flex-end !important;
  }
}

/************
 *   Modal  *
 ************/

.modal-file-viewer .ion-page > .content {
  top: 0;
  bottom: 0;
}

ion-modal {
  top: 72px !important;
  bottom: 39px !important;
  height: auto;
}

.plt-android ion-modal, .plt-ios ion-modal {
  bottom: 0 !important;
}

.modal-file-viewer {
  width: auto;
  min-width: calc(100% - (365px));
  max-width: calc(100% - (365px));
}

.plt-android .modal-file-viewer, .plt-ios .modal-file-viewer {
  min-width: 100%;
  max-width: 100%;
}

@media only screen and (min-width: 576px) {
  .plt-android .modal-file-viewer, .plt-ios .modal-file-viewer {
    min-width: calc(100% - (290px));
    max-width: calc(100% - (290px));
  }
}

.modal-file-viewer.modal-file-viewer--menu-close {
  min-width: 100%;
  max-width: 100%;
}

.modal-file-viewer .modal-wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
  border-radius: 0;
}

.modal-header {
  background: #fff;
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 576px) {
  .modal-header {
    padding: 0 42px;
  }
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 100%;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25rem;
}

.modal-title {
  margin: 0;
  line-height: 50px;
  font-size: 1.125rem;
}

.modal-wrapper .scroll-content {
  overflow-y: auto;
}

/************
 *   Loader  *
 ************/

/***************************************************************************************/

.menu__section-list-outer, .menu__search-outer {
  padding: 5px;
}

.section-list-outer {
  margin-right: 40px;
}

.col-back {
  font-size: 26px !important;
  min-width: 26px;
}

@media only screen and (min-width: 1200px) {
  .col-back {
    font-size: 24px !important;
    min-width: 24px;
  }
}

.card.card--light {
  padding: 5px;
  margin: 10px 0;
  background: #f5f5f5;
}

@media only screen and (max-width: 576px) {
  .card-inner__caption {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 55%;
  }
}

ion-popover {
  /*&.language-header-popover{
  	.popover-content{
  		//top:$language-header-height + 10px !important;
  		background-color: #f5f5f5;
  		padding: 4px 7px 5px;
  		//left: calc(50% - 75px) !important;
  		width:150px !important;
  		&:before {
  		   left: 50% !important;
  	   }
  	}
  }*/
}

ion-popover.popover-sections .popover-content, ion-popover.popover-login .popover-content, ion-popover.popover-languages .popover-content, ion-popover.language-header-popover .popover-content {
  top: 65px !important;
  left: auto !important;
  box-shadow: none;
  border: 2px solid #b6b6b6;
  border-radius: 3px;
  overflow: visible;
  background-color: #f5f5f5;
}

ion-popover.popover-sections .popover-content:before, ion-popover.popover-login .popover-content:before, ion-popover.popover-languages .popover-content:before, ion-popover.language-header-popover .popover-content:before {
  content: "";
  width: 16px;
  height: 16px;
  background: linear-gradient(to bottom right, #B6B6B6 0%, #b6b6b6 50%, transparent 50.1%, transparent 100%);
  position: absolute;
  top: -8px;
  margin-left: -8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

ion-popover.popover-sections .popover-content .icon, ion-popover.popover-login .popover-content .icon, ion-popover.popover-languages .popover-content .icon, ion-popover.language-header-popover .popover-content .icon {
  float: left;
  margin-right: 5px;
}

ion-popover.popover-sections.popover-sections--in-menu .popover-content {
  top: 116px !important;
  right: 0;
  width: 100%;
}

@media only screen and (min-width: 576px) {
  ion-popover.popover-sections.popover-sections--in-menu .popover-content {
    width: 20%;
    right: 2.75%;
  }
}

ion-popover.popover-sections .popover-content:before {
  left: 50%;
}

ion-popover.popover-sections .popover-content .section {
  padding: 4px 7px 5px;
  cursor: pointer;
  background-color: #f5f5f5;
}

ion-popover.popover-sections .popover-content .section:hover {
  background-color: #f4cdcc;
}

ion-popover.language-header-popover:not(.popover-languages--in-menu) .popover-content {
  width: 150px;
  right: calc((63px * 2) + 40px + 70px + 5px);
}

ion-popover.language-header-popover:not(.popover-languages--in-menu).popover--pos-0 .popover-content {
  right: calc(40px + 5px + 70px);
}

ion-popover.language-header-popover:not(.popover-languages--in-menu).popover--pos-1 .popover-content {
  right: calc((63px) + 40px + 5px + 70px);
}

ion-popover.language-header-popover:not(.popover-languages--in-menu).popover--pos-2 .popover-content {
  right: calc((63px * 2) + 40px + 5px + 70px);
}

ion-popover.language-header-popover .popover-content:before {
  left: 50%;
}

ion-popover.popover-login .popover-content {
  width: 185px;
  right: 80px;
  margin-right: calc((-185px + 63px) * 0.5);
}

ion-popover.popover-login .popover-content:before {
  left: 50%;
  margin-left: -8px;
}

ion-action-sheet.action-sheet-cookie {
  pointer-events: none !important;
  z-index: 100000 !important;
}

ion-action-sheet.action-sheet-cookie ion-backdrop {
  display: none !important;
}

ion-action-sheet.action-sheet-cookie .action-sheet-wrapper {
  top: auto;
  max-width: none;
  height: auto;
  pointer-events: auto;
}

ion-action-sheet.action-sheet-cookie .action-sheet-group {
  background: #cf0a2c;
  color: white;
  overflow: auto;
  display: flex;
  align-items: center;
  padding: 5px 0 14px !important;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  ion-action-sheet.action-sheet-cookie .action-sheet-group {
    padding: 0 20px !important;
    flex-wrap: nowrap;
  }
}

ion-action-sheet.action-sheet-cookie .action-sheet-title {
  color: white;
  width: 100%;
  height: auto;
  max-width: 100%;
  text-align: center;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  background-image: none !important;
}

@media only screen and (min-width: 768px) {
  ion-action-sheet.action-sheet-cookie .action-sheet-title {
    width: 70%;
    max-width: 70%;
  }
}

ion-action-sheet.action-sheet-cookie button.action-sheet-button {
  contain: none;
  width: auto;
  min-width: 225px;
  height: 40px;
  background-color: white;
  color: #cf0a2c;
  padding: 6px 10px;
  min-height: 0;
  text-transform: uppercase;
  border-radius: 0;
  margin: 5px;
  font-size: 14px;
  letter-spacing: 0.1rem;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  line-height: normal;
  align-items: center;
  display: flex;
  text-align: center;
}

ion-action-sheet.action-sheet-cookie button.action-sheet-button:first-of-type {
  margin-left: 5px;
}

@media only screen and (min-width: 768px) {
  ion-action-sheet.action-sheet-cookie button.action-sheet-button:first-of-type {
    margin-left: auto;
  }
}

ion-action-sheet.action-sheet-cookie button.action-sheet-button span {
  display: inline-block;
}

ion-action-sheet.action-sheet-cookie button.action-sheet-button:hover {
  opacity: 1;
  background-color: #eee;
}

ion-action-sheet.action-sheet-cookie button.action-sheet-button.activated {
  background-color: white;
  color: #cf0a2c;
}

.alert-wrapper {
  --background: white;
  max-width: 20vw !important;
  min-width: 10vw !important;
}

.modal-prevent-focus {
  display: none;
}

.split-area-wrapper {
  width: 100%;
  max-width: none !important;
  display: block !important;
  height: 100%;
  background-color: #efefef;
}

.split-area-wrapper .split-area-wrapper-content {
  position: relative;
  height: 100%;
}

.as-split-gutter {
  background-color: #787878 !important;
}

#version-information, #status-information {
  display: none;
  color: black;
  z-index: 9999;
  position: absolute;
  top: 60vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}

#version-information p, #status-information p {
  font-size: 14px;
}

.custom-toastr--success {
  --color: var(--ion-color-success-contrast);
  --max-width: 500px;
}

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