/* src/styles/styles.scss */
@font-face {
  font-family: "Montserrat-Regular";
  src: url("./media/Montserrat-Regular-BHFOJ7JE.ttf") format("truetype");
  font-weight: "500";
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("./media/Montserrat-SemiBold-HG6HWEJR.ttf") format("truetype");
  font-weight: "600";
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("./media/Montserrat-Bold-VCKY2GWS.ttf") format("truetype");
  font-weight: "800";
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("./media/Roboto-Regular-JOMPO27I.woff") format("woff");
  font-weight: "500";
}
@font-face {
  font-family: "Electrolize-Regular";
  src: url("./media/Electrolize-Regular-YRSURJBB.woff") format("woff");
  font-weight: "500";
}
@font-face {
  font-family: "Cousine-Regular";
  src: url("./media/Cousine-Regular-X6JOPUCM.ttf") format("truetype");
  font-weight: "500";
}
@font-face {
  font-family: "Cousine-Bold";
  src: url("./media/Cousine-Bold-S47RGQXQ.ttf") format("truetype");
  font-weight: "600";
}
html {
  color-scheme: light;
  --mat-sys-background: light-dark(#f8f9ff, #0f1419);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#edf1f9, #2c3137);
  --mat-sys-inverse-primary: light-dark(#9dcaff, #0062a2);
  --mat-sys-inverse-surface: light-dark(#2c3137, #dfe2eb);
  --mat-sys-on-background: light-dark(#171c22, #dfe2eb);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: white;
  --mat-sys-on-primary-container: light-dark(#00497b, #d1e4ff);
  --mat-sys-on-primary-fixed: light-dark(#001d35, #001d35);
  --mat-sys-on-primary-fixed-variant: light-dark(#00497b, #00497b);
  --mat-sys-on-secondary: light-dark(#ffffff, #093254);
  --mat-sys-on-secondary-container: light-dark(#26496c, #d1e4ff);
  --mat-sys-on-secondary-fixed: light-dark(#001d35, #001d35);
  --mat-sys-on-secondary-fixed-variant: light-dark(#26496c, #26496c);
  --mat-sys-on-surface: light-dark(#000000, #fcfcfc);
  --mat-sys-on-surface-variant: light-dark(#3f4752, #dbe3f1);
  --mat-sys-on-tertiary: light-dark(#ffffff, #520070);
  --mat-sys-on-tertiary-container: light-dark(#6d208c, #f9d8ff);
  --mat-sys-on-tertiary-fixed: light-dark(#320046, #320046);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#6d208c, #6d208c);
  --mat-sys-outline: light-dark(#cbcbcb, #a0a0a0);
  --mat-sys-outline-variant: light-dark(#bfc7d4, #3f4752);
  --mat-sys-primary: #25a0ff;
  --mat-sys-primary-container: light-dark(#d1e4ff, #00497b);
  --mat-sys-primary-fixed: light-dark(#d1e4ff, #d1e4ff);
  --mat-sys-primary-fixed-dim: light-dark(#9dcaff, #9dcaff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#3f6185, #a8c9f3);
  --mat-sys-secondary-container: light-dark(#d1e4ff, #26496c);
  --mat-sys-secondary-fixed: light-dark(#d1e4ff, #d1e4ff);
  --mat-sys-secondary-fixed-dim: light-dark(#a8c9f3, #a8c9f3);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#ffffff, #303030);
  --mat-sys-surface-bright: light-dark(#f8f9ff, #353940);
  --mat-sys-surface-container: var(--mat-sys-surface);
  --mat-sys-surface-container-high: var(--mat-sys-surface);
  --mat-sys-surface-container-highest: light-dark(#dfe2eb, #31353b);
  --mat-sys-surface-container-low: var(--mat-sys-surface);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0a0f14);
  --mat-sys-surface-dim: light-dark(#d7dae2, #0f1419);
  --mat-sys-surface-tint: light-dark(#0062a2, #9dcaff);
  --mat-sys-surface-variant: light-dark(#dbe3f1, #3f4752);
  --mat-sys-tertiary: light-dark(#883ca6, #ecb1ff);
  --mat-sys-tertiary-container: light-dark(#f9d8ff, #6d208c);
  --mat-sys-tertiary-fixed: light-dark(#f9d8ff, #f9d8ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#ecb1ff, #ecb1ff);
  --mat-sys-neutral-variant20: #29313b;
  --mat-sys-neutral10: #171c22;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Montserrat-Regular;
  --mat-sys-body-large-font: Montserrat-Regular;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 0.9rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Montserrat-Regular;
  --mat-sys-body-medium-font: Montserrat-Regular;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Montserrat-Regular;
  --mat-sys-body-small-font: Montserrat-Regular;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Montserrat-Regular;
  --mat-sys-display-large-font: Montserrat-Regular;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Montserrat-Regular;
  --mat-sys-display-medium-font: Montserrat-Regular;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Montserrat-Regular;
  --mat-sys-display-small-font: Montserrat-Regular;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Montserrat-Regular;
  --mat-sys-headline-large-font: Montserrat-Regular;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Montserrat-Regular;
  --mat-sys-headline-medium-font: Montserrat-Regular;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Montserrat-Regular;
  --mat-sys-headline-small-font: Montserrat-Regular;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Montserrat-Regular;
  --mat-sys-label-large-font: Montserrat-Regular;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Montserrat-Regular;
  --mat-sys-label-medium-font: Montserrat-Regular;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Montserrat-Regular;
  --mat-sys-label-small-font: Montserrat-Regular;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Montserrat-Regular;
  --mat-sys-title-large-font: Montserrat-Regular;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Montserrat-Regular;
  --mat-sys-title-medium-font: Montserrat-Regular;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Montserrat-Regular;
  --mat-sys-title-small-font: Montserrat-Regular;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 7px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 7px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 7px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 7px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html .mat-bg-primary {
  background-color: var(--mat-sys-primary);
}
html .mat-bg-primary-container {
  background-color: var(--mat-sys-primary-container);
}
html .mat-bg-secondary {
  background-color: var(--mat-sys-secondary);
}
html .mat-bg-secondary-container {
  background-color: var(--mat-sys-secondary-container);
}
html .mat-bg-error {
  background-color: var(--mat-sys-error);
}
html .mat-bg-error-container {
  background-color: var(--mat-sys-error-container);
}
html .mat-bg-surface {
  background-color: var(--mat-sys-surface);
}
html .mat-bg-surface-variant {
  background-color: var(--mat-sys-surface-variant);
}
html .mat-bg-surface-container-highest {
  background-color: var(--mat-sys-surface-container-highest);
}
html .mat-bg-surface-container-high {
  background-color: var(--mat-sys-surface-container-high);
}
html .mat-bg-surface-container {
  background-color: var(--mat-sys-surface-container);
}
html .mat-bg-surface-container-low {
  background-color: var(--mat-sys-surface-container-low);
}
html .mat-bg-surface-container-lowest {
  background-color: var(--mat-sys-surface-container-lowest);
}
html .mat-bg-inverse-surface {
  background-color: var(--mat-sys-inverse-surface);
}
html .mat-bg-disabled {
  background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
}
html .mat-text-primary {
  color: var(--mat-sys-primary);
}
html .mat-text-secondary {
  color: var(--mat-sys-secondary);
}
html .mat-text-error {
  color: var(--mat-sys-error);
}
html .mat-text-disabled {
  color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
}
html .mat-text-on-surface-variant {
  color: var(--mat-sys-on-surface-variant);
}
html .mat-text-on-primary {
  color: var(--mat-sys-on-primary);
}
html .mat-text-on-primary-container {
  color: var(--mat-sys-on-primary-container);
}
html .mat-text-on-secondary {
  color: var(--mat-sys-on-secondary);
}
html .mat-text-on-secondary-container {
  color: var(--mat-sys-on-secondary-container);
}
html .mat-text-on-error {
  color: var(--mat-sys-on-error);
}
html .mat-text-on-error-container {
  color: var(--mat-sys-on-error-container);
}
html .mat-text-on-surface {
  color: var(--mat-sys-on-surface);
}
html .mat-text-inverse-on-surface {
  color: var(--mat-sys-inverse-on-surface);
}
html .mat-font-body-sm {
  font: var(--mat-sys-body-small);
  letter-spacing: var(--mat-sys-body-small-tracking);
}
html .mat-font-body-md {
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
html .mat-font-body-lg {
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
}
html .mat-font-display-sm {
  font: var(--mat-sys-display-small);
  letter-spacing: var(--mat-sys-display-small-tracking);
}
html .mat-font-display-md {
  font: var(--mat-sys-display-medium);
  letter-spacing: var(--mat-sys-display-medium-tracking);
}
html .mat-font-display-lg {
  font: var(--mat-sys-display-large);
  letter-spacing: var(--mat-sys-display-large-tracking);
}
html .mat-font-headline-sm {
  font: var(--mat-sys-headline-small);
  letter-spacing: var(--mat-sys-headline-small-tracking);
}
html .mat-font-headline-md {
  font: var(--mat-sys-headline-medium);
  letter-spacing: var(--mat-sys-headline-medium-tracking);
}
html .mat-font-headline-lg {
  font: var(--mat-sys-headline-large);
  letter-spacing: var(--mat-sys-headline-large-tracking);
}
html .mat-font-label-sm {
  font: var(--mat-sys-label-small);
  letter-spacing: var(--mat-sys-label-small-tracking);
}
html .mat-font-label-md {
  font: var(--mat-sys-label-medium);
  letter-spacing: var(--mat-sys-label-medium-tracking);
}
html .mat-font-label-lg {
  font: var(--mat-sys-label-large);
  letter-spacing: var(--mat-sys-label-large-tracking);
}
html .mat-font-title-sm {
  font: var(--mat-sys-title-small);
  letter-spacing: var(--mat-sys-title-small-tracking);
}
html .mat-font-title-md {
  font: var(--mat-sys-title-medium);
  letter-spacing: var(--mat-sys-title-medium-tracking);
}
html .mat-font-title-lg {
  font: var(--mat-sys-title-large);
  letter-spacing: var(--mat-sys-title-large-tracking);
}
html .mat-corner-xs {
  border-radius: var(--mat-sys-corner-extra-small);
}
html .mat-corner-sm {
  border-radius: var(--mat-sys-corner-small);
}
html .mat-corner-md {
  border-radius: var(--mat-sys-corner-medium);
}
html .mat-corner-lg {
  border-radius: var(--mat-sys-corner-large);
}
html .mat-corner-xl {
  border-radius: var(--mat-sys-corner-extra-large);
}
html .mat-corner-full {
  border-radius: var(--mat-sys-corner-full);
}
html .mat-border {
  border: 1px solid var(--mat-sys-outline);
}
html .mat-border-subtle {
  border: 1px solid var(--mat-sys-outline-variant);
}
html .mat-shadow-1 {
  box-shadow: var(--mat-sys-level1);
}
html .mat-shadow-2 {
  box-shadow: var(--mat-sys-level2);
}
html .mat-shadow-3 {
  box-shadow: var(--mat-sys-level3);
}
html .mat-shadow-4 {
  box-shadow: var(--mat-sys-level4);
}
html .mat-shadow-5 {
  box-shadow: var(--mat-sys-level5);
}
html {
  --white-6-opacity: light-dark(#00000044, #ffffff88);
  --white-12-opacity: light-dark(#00000088, #ffffff44);
  --color-brand: var(--mat-sys-primary);
  --chronos_brand_color_hsl: 206;
  --color-brand-70: hsla(var(--chronos_brand_color_hsl), 100%, 57%, 70%);
  --color-brand-50: hsla(var(--chronos_brand_color_hsl), 100%, 57%, 50%);
  --color-brand-40: hsla(var(--chronos_brand_color_hsl), 100%, 57%, 40%);
  --color-brand-30: hsla(var(--chronos_brand_color_hsl), 100%, 57%, 30%);
  --color-brand-20: hsla(var(--chronos_brand_color_hsl), 100%, 57%, 20%);
  --color-brand-10: hsla(var(--chronos_brand_color_hsl), 100%, 57%, 10%);
  --color-brand-05: hsla(var(--chronos_brand_color_hsl), 100%, 57%, 5%);
  --color-brand-gradient-background-top-bottom:
    linear-gradient(
      
      180deg,
      rgba(180, 222, 255, 1) 0%,
      rgba(233, 241, 245, 1) 100% );
  --color-theme-primary: var(--color-brand);
  --color-theme-accent: var(--color-brand);
  --color-theme-alternative: #b40f09;
  --color-error: #d43a3a;
  --color-error-light: #d06666;
  --color-error-background: #ffecec;
  --color-error-border: #9d3837;
  --color-warning: #d8870d;
  --color-warning-border: #ad6a07;
  --color-good-news: #188452;
  --color-good-news-light: #55bf8d;
  --color-good-news-border: rgb(46, 103, 49);
  --background-app-bar: var(--mat-sys-surface);
  --background-background: light-dark(#ffffff, #030303);
  --background-background-70: light-dark(#ffffffaa, #030303aa);
  --background-container-background-color: light-dark(#ffffff, #030303);
  --background-hover: light-dark(#f3f3f3, #ffffff44);
  --background-card: light-dark(#ffffff, #303030);
  --background-card-hover: light-dark(#f9f9f9, #999999);
  --background-dialog: light-dark(#ffffff, #303030);
  --background-disabled-button: var(--white-12-opacity);
  --background-raised-button: var(--color-brand);
  --background-focused-button: var(--white-6-opacity);
  --background-selected-button: var(--color-brand);
  --background-selected-disabled-button: var(--color-brand-50);
  --background-disabled-button-toggle: light-dark(#262424, #262424);
  --background-unselected-chip: light-dark(#999999, #999999);
  --background-disabled-list-option: light-dark(#33333333, #33333333);
  --background-page-header: light-dark(#ffffff, #303030);
  --background-page-background: light-dark(#ebebeb, #5d5d5d);
  --background-mce-report-card: light-dark(#f9f9f9, #4f4f4f);
  --background-widget: light-dark(#ffffff, #303030);
  --background-widget-in-background: light-dark(#d9d9d9, #2d2d2d);
  --background-widget-header-footer: light-dark(#f9f9f9, #3d3d3d);
  --background-widget-edit-overlay: light-dark(#ffffffcc, #303030cc);
  --background-widget-section-1-background: light-dark(#f3f3f3, #f3f3f3);
  --background-entity-dirty: light-dark(#fff1dc, #d5ae75);
  --background-entity-new: light-dark(#91c1b073, #9dc5b799);
  --background-downtime-report-process-card-indicator: light-dark( #48a4c4, #48a4c4 );
  --background-table-second-row: light-dark(#e9e9e9, #505050);
  --background-table-second-row-light: light-dark(#f7f7f7, #505050);
  --background-table-selected-row: light-dark(#c9c9c9, #707070);
  --background-table-header-row: var(--background-table-second-row);
  --background-gridster-edit: light-dark(#00000022, #ffffff77);
  --background-table-background: light-dark(#ededed, #404040);
  --background-table-highlighted-row: light-dark(#a8fc9d3c, #a8fc9d38);
  --background-notification-wizard-footer: light-dark(#333333, #dddddd);
  --background-sales: light-dark(#f7be67, #eca842);
  --background-calculate-button: light-dark(#9c27b0, #c44fd8);
  --background-chip-default-color: light-dark(#cccccc, #999999);
  --background-archived: light-dark(#d8b71166, #d8b71166);
  --background-transparent-overlay: light-dark(#e9e9e9c5, #7a7a7ac4);
  --background-manual-change-calculated-selected: light-dark( #9c27b077, #c44fd877 );
  --background-original-value-highlighted: light-dark(#4cbb8977, #4cbb8977);
  --foreground-base: light-dark(#707070, #707070);
  --foreground-divider: light-dark(#cbcbcb, #a0a0a0);
  --foreground-dividers: light-dark(#cbcbcb, #a0a0a0);
  --foreground-mce-list-border: light-dark(#cbcbcb, #505050);
  --foreground-disabled: light-dark(#33333333, #a8a8a833);
  --foreground-disabled-button: light-dark(#33333333, #a8a8a833);
  --foreground-disabled-text: light-dark(#999999, #999999);
  --foreground-hint-text: light-dark(#999999, #909090);
  --foreground-secondary-text: light-dark(#767676, #a0a0a0);
  --foreground-icon: light-dark(#565656, #707070);
  --foreground-icons: light-dark(#565656, #707070);
  --foreground-text: var(--mat-sys-on-surface);
  --foreground-button-toggle-text-selected: light-dark(#565656, #707070);
  --foreground-slider-min: light-dark(#333333, #a8a8a8);
  --foreground-slider-off: light-dark(#33333333, #a8a8a833);
  --foreground-slider-off-active: light-dark(#33333333, #a8a8a833);
  --foreground-breadcrumb: light-dark(#6c6c6c, #6c6c6c);
  --foreground-breadcrumb-hover: light-dark( darken(#565656, 5), darken(#707070, 5) );
  --foreground-breadcrumb-active: light-dark(#333333, #a8a8a8);
  --foreground-text-active: light-dark(#fefefe, #fefefe);
  --foreground-downtime-process-table-border: light-dark(#707070, #989898);
  --foreground-graph-axis: light-dark(#666666, #9f9f9f);
  --foreground-graph-gridline: light-dark(#b4b4b4, #676767);
  --foreground-toggle-button-active: var(--foreground-text);
  --foreground-toggle-button-inactive: light-dark(#707070, #707070);
  --foreground-dirty: light-dark(#e9ab4e, #f7d29b);
  --foreground-dirty-selected: light-dark(#896e19, #ffcb7e);
  --foreground-new: light-dark(#5ecb84, #7fcbae);
  --foreground-new-selected: light-dark(#5bff94, #5bff94);
  --foreground-archived: light-dark(#8b750c, #8b750c);
  --foreground-notification-wizard-footer-text: light-dark(#ffffff, #333333);
  --foreground-manual-changed-calculated-value: light-dark(#9c27b0, #c44fd8);
  --foreground-text-on-light-background: light-dark(#000000, #000000);
  --foreground-text-on-dark-background: light-dark(#ffffff, #ffffff);
  --foreground-original-value-highlighted: light-dark(#4cbb89, #4cbb89);
  --foreground-table-border: light-dark(#33333333, #707070);
  --mat-button-outlined-label-text-color: var(--mat-sys-on-surface);
  --mat-button-text-horizontal-padding: 15px;
  --mat-button-filled-horizontal-padding: 15px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-protected-horizontal-padding: 15px;
  --mat-button-text-container-height: 36px;
  --mat-button-filled-container-height: 36px;
  --mat-button-outlined-container-height: 36px;
  --mat-button-protected-container-height: 36px;
  --mat-button-text-label-text-size: 1rem;
  --mat-button-filled-label-text-size: 1rem;
  --mat-button-outlined-label-text-size: 1rem;
  --mat-button-protected-label-text-size: 1rem;
  --mat-button-text-container-shape: 7px;
  --mat-button-filled-container-shape: 7px;
  --mat-button-outlined-container-shape: 7px;
  --mat-button-protected-container-shape: 7px;
  --mat-button-protected-container-color: var(--mat-sys-primary);
  --mat-button-protected-label-text-color: var(--mat-sys-on-primary);
  --mat-button-protected-state-layer-color: var(--mat-sys-on-primary);
  --mat-button-protected-hover-state-layer-opacity: 0.2;
  --mat-button-protected-pressed-state-layer-opacity: 0.4;
  --mat-icon-button-state-layer-size: 48px;
  --mat-table-header-headline-size: 1rem;
  --mat-table-header-headline-line-height: 1.7rem;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-min-width: none;
  --mat-dialog-container-max-width: none;
  --mat-fab-container-shape: 50%;
  --mat-fab-container-color: var(--mat-sys-primary);
  --mat-fab-foreground-color: var(--mat-sys-on-primary);
  --mat-fab-state-layer-color: var(--mat-sys-on-primary);
  --mat-fab-hover-state-layer-opacity: 0.1;
  --mat-fab-pressed-state-layer-opacity: 0.2;
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-container-color: var(--mat-sys-primary);
  --mat-fab-small-foreground-color: var(--mat-sys-on-primary);
  --mat-fab-small-state-layer-color: var(--mat-sys-on-primary);
  --mat-fab-small-hover-state-layer-opacity: 0.1;
  --mat-fab-small-pressed-state-layer-opacity: 0.2;
  --mat-expansion-container-shape: var(--mat-sys-corner-large);
}
html ::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}
html ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
html ::-webkit-scrollbar-thumb {
  background: var(--color-theme-primary);
  border: 0 var(--foreground-divider);
  border-radius: 5px;
}
html ::-webkit-scrollbar-thumb:hover {
  background: var(--color-brand-70);
}
html ::-webkit-scrollbar-thumb:active {
  background: var(--color-brand-40);
}
html ::-webkit-scrollbar-track {
  background: var(--foreground-divider);
  border: 0px none var(--foreground-divider);
  border-radius: 7px;
}
html ::-webkit-scrollbar-track:hover {
  background: var(--foreground-hint-text);
}
html ::-webkit-scrollbar-track:active {
  background: var(--foreground-divider);
}
html ::-webkit-scrollbar-corner {
  background: transparent;
}
body {
  font-family: var(--mat-sys-body-large-font);
  font-weight: var(--mat-sys-body-large-weight);
  font-size: var(--mat-sys-body-large-size);
}
body.dark-theme {
  color-scheme: dark;
}
.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible {
  padding: 0;
}
.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible.large-dropdown {
  max-height: 50vh;
}
.mdc-linear-progress.alternative-color .mdc-linear-progress__buffer,
.mdc-linear-progress.alternative-color .mdc-linear-progress__bar,
.mdc-linear-progress.alternative-color .mdc-linear-progress__bar-inner {
  border-color: var(--color-theme-alternative);
}
.mdc-linear-progress.alternative-color .mdc-linear-progress__buffer-bar {
  background-color: color-mix(in srgb, var(--color-theme-alternative), transparent 75%);
}
.mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base.small-icon-button {
  width: 32px;
  height: 32px;
  padding: 4px;
}
.mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base.small-icon-button .mat-mdc-button-touch-target {
  width: 32px;
  height: 32px;
}
.mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base.tiny-icon-button {
  width: 28px;
  height: 28px;
  padding: 2px;
}
.mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base.tiny-icon-button .mat-mdc-button-touch-target {
  width: 28px;
  height: 28px;
}
.mdc-button.mat-mdc-button-base .mat-icon,
.mdc-fab.mat-mdc-button-base .mat-icon {
  min-height: unset;
}
.mat-mdc-menu-panel.sorting-and-filter-menu .mat-mdc-menu-item {
  min-height: 38px;
}
.mat-mdc-menu-panel.unbounded-menu {
  max-width: unset;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  white-space: nowrap;
}
.property-is-value-filter-menu-spawn-left .property-is-value-filter-menu-spawn-left {
  margin-right: 280px;
}
mat-form-field.with-icon-left .mdc-text-field {
  padding-left: calc(var(--mat-menu-item-with-icon-leading-spacing) + var(--mat-menu-item-icon-size) + var(--mat-menu-item-spacing));
}
mat-form-field.with-icon-right .mdc-text-field {
  padding-right: 32px;
}
mat-form-field.without-subscript .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
mat-form-field.floating-subscript {
  position: relative;
}
mat-form-field.floating-subscript .mat-mdc-form-field-subscript-wrapper {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  transform: translateY(100%);
}
mat-form-field.floating-subscript .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper {
  background-color: var(--background-card);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
mat-form-field.mat-form-field-appearance-fill.small .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  width: 100%;
  min-height: 36px !important;
  padding-top: 14px !important;
  padding-bottom: 4px;
}
mat-form-field.mat-form-field-appearance-fill.small .mat-mdc-text-field-wrapper .mdc-floating-label.mat-mdc-floating-label {
  top: 50%;
}
mat-form-field.mat-form-field-appearance-fill.small .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-100%) scale(0.75);
}
mat-form-field.mat-form-field-appearance-fill.small button.mdc-icon-button {
  width: 32px;
  height: 32px;
  padding: 4px;
}
mat-form-field.mat-form-field-appearance-fill.small button.mdc-icon-button .mat-mdc-button-touch-target {
  width: 32px;
  height: 32px;
}
mat-form-field.mat-form-field-appearance-fill.tiny .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  width: 100%;
  min-height: 28px !important;
  padding-top: 5px !important;
  padding-bottom: 0px;
}
mat-form-field.mat-form-field-appearance-fill.tiny button.mdc-icon-button {
  width: 28px;
  height: 28px;
  padding: 2px;
}
mat-form-field.mat-form-field-appearance-fill.tiny button.mdc-icon-button .mat-mdc-button-touch-target {
  width: 28px;
  height: 28px;
}
mat-form-field.mat-form-field-appearance-fill.tiny .mat-mdc-select-arrow-wrapper {
  height: 20px;
}
mat-form-field.mat-form-field-appearance-fill.without-label .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 18px !important;
}
mat-form-field.mat-form-field-appearance-fill.without-label.small .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 8px !important;
}
mat-form-field.mat-form-field-appearance-fill.without-underline .mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-width: 0;
}
mat-form-field.mat-form-field-appearance-fill.with-background .mat-mdc-form-field-focus-overlay {
  opacity: var(--mat-sys-hover-state-layer-opacity);
}
mat-form-field.mat-form-field-appearance-outline.large {
  font-size: 1em;
}
mat-form-field.mat-form-field-appearance-outline.large .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-form-field-appearance-outline.large .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-form-field-appearance-outline.large .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
mat-form-field.mat-form-field-appearance-outline.large .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  color: var(--color-brand);
  font-size: 1.3em;
  font-weight: bold;
}
mat-form-field.mat-form-field-appearance-outline.large .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 20px;
}
.multiline-tooltip {
  white-space: pre-line;
}
.multiline-tooltip.align-left .mdc-tooltip__surface {
  text-align: left;
}
.mdc-checkbox {
  --mat-checkbox-selected-checkmark-color: white;
}
.mce-table mat-row {
  min-width: fit-content;
  min-height: 2.5em;
  cursor: pointer;
}
.mce-table mat-row:hover mat-cell::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-brand-10);
  pointer-events: none;
}
.mce-table mat-row:hover {
  color: var(--color-brand);
}
button[mat-mini-fab]:not([disabled]).mat-mdc-mini-fab {
  color: white;
  box-shadow: 0px 1px 5px 0px var(--foreground-base);
}
button[mat-mini-fab]:not([disabled]).mat-mdc-mini-fab:hover {
  box-shadow: 0px 1px 8px 0px var(--foreground-base);
}
.full-width-option > span {
  flex: 1;
}
.snackbar-success.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  background-color: var(--color-good-news);
  color: white;
}
.snackbar-warning.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  background-color: var(--color-warning);
  color: white;
}
.snackbar-error.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  background-color: var(--color-error);
  color: white;
}
.snackbar-multi-line {
  white-space: pre-wrap;
}
.mat-mdc-form-field-hint {
  color: var(--foreground-hint-text);
}
.mat-mdc-slider.large-indicator .mdc-slider__value-indicator-container {
  transform: translateX(-50%);
}
.mat-mdc-slider.large-indicator .mdc-slider__value-indicator-container .mdc-slider__value-indicator {
  padding: 4px 8px;
  width: auto;
  height: auto;
  border-radius: 14px;
  transform-origin: 50% 100%;
}
.mat-mdc-slider.large-indicator .mdc-slider__value-indicator-container .mdc-slider__value-indicator ::before {
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-top: 7px solid;
  bottom: -6px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  color: var(--mat-sys-primary);
}
.mat-mdc-slider.large-indicator .mdc-slider__value-indicator-container .mdc-slider__value-indicator-text {
  width: unset;
  transform: unset;
}
body.cdk-global-scrollblock {
  overflow-y: auto;
}
mat-form-field .mat-mdc-text-field-wrapper {
  background-color: transparent !important;
}
mat-form-field.appearance-small .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 8px !important;
  min-height: 35px !important;
}
mat-form-field.appearance-small .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label {
  top: 16px;
}
mat-form-field.appearance-small .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  height: 20px;
  transform: translateY(0px);
}
mat-form-field.appearance-small .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
mat-form-field.appearance-small.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 11px !important;
  min-height: 35px !important;
}
mat-form-field.appearance-xsmall .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  min-height: 28px !important;
}
mat-form-field.appearance-xsmall .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label {
  top: 16px;
}
mat-form-field.appearance-xsmall .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label.mdc-floating-label--float-above {
  display: none;
}
mat-form-field.appearance-xsmall .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  height: 20px;
  transform: translateY(0px);
}
mat-form-field.appearance-xsmall .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.appearance-xsmall .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix mat-icon {
  font-size: 0.8em;
}
mat-form-field.appearance-xsmall .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle .mdc-icon-button,
mat-form-field.appearance-xsmall .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-datepicker-toggle .mdc-icon-button {
  font-size: 0.1em;
  height: 0.7em;
  padding: 0;
  margin-top: -5px;
}
mat-form-field.appearance-xsmall .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mce-table-input {
  padding: 0 16px;
  font: inherit;
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  color: var(--foreground-text);
}
.mce-table-select-input {
  height: 100%;
}
.mce-table-select-input .mat-mdc-select-trigger {
  padding: 0 16px;
  height: 100%;
  flex-direction: row-reverse;
}
.mce-table-select-input .mat-mdc-select-trigger .mat-mdc-select-value {
  display: flex;
  justify-content: flex-end;
}
.mce-table-checkbox-input.mat-mdc-checkbox {
  flex: 1;
  display: flex;
  justify-content: center;
}
.mce-page-navigator a {
  cursor: pointer;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.mce-page-navigator a:hover {
  border-bottom: 2px solid white;
}
.mat-mdc-form-field-type-mce-tree-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
  cursor: pointer;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  margin: 0;
}

/* angular:styles/global:styles */