@charset "UTF-8";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";

/* node_modules/@angular/material/prebuilt-themes/azure-blue.css */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-app-background-color:#faf9fd;
  --mat-app-text-color:#1a1b1f;
  --mat-app-elevation-shadow-level-0: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-app-elevation-shadow-level-1: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-app-elevation-shadow-level-2: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-app-elevation-shadow-level-3: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-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: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-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: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-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: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-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color:rgba(26, 27, 31, 0.1);
  --mat-option-selected-state-label-text-color:#131c2b;
  --mat-option-label-text-color:#1a1b1f;
  --mat-option-hover-state-layer-color:rgba(26, 27, 31, 0.08);
  --mat-option-focus-state-layer-color:rgba(26, 27, 31, 0.12);
  --mat-option-selected-state-layer-color:#dae2f9;
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:1.25rem;
  --mat-option-label-text-size:1rem;
  --mat-option-label-text-tracking:0.006rem;
  --mat-option-label-text-weight:400;
  --mat-optgroup-label-text-color:#44474e;
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:1.25rem;
  --mat-optgroup-label-text-size:0.875rem;
  --mat-optgroup-label-text-tracking:0.006rem;
  --mat-optgroup-label-text-weight:500;
  --mat-full-pseudo-checkbox-selected-icon-color:#005cbb;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;
  --mat-full-pseudo-checkbox-unselected-icon-color:#44474e;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#faf9fd;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:rgba(26, 27, 31, 0.38);
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:rgba(26, 27, 31, 0.38);
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#005cbb;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:rgba(26, 27, 31, 0.38);
  --mdc-elevated-card-container-color:#f4f3f6;
  --mdc-elevated-card-container-elevation: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);
  --mdc-elevated-card-container-shape:12px;
  --mdc-outlined-card-container-color:#faf9fd;
  --mdc-outlined-card-outline-color:#c4c6d0;
  --mdc-outlined-card-container-elevation: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);
  --mdc-outlined-card-container-shape:12px;
  --mdc-outlined-card-outline-width:1px;
  --mat-card-subtitle-text-color:#1a1b1f;
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:1.75rem;
  --mat-card-title-text-size:1.375rem;
  --mat-card-title-text-tracking:0;
  --mat-card-title-text-weight:400;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:1.5rem;
  --mat-card-subtitle-text-size:1rem;
  --mat-card-subtitle-text-tracking:0.009rem;
  --mat-card-subtitle-text-weight:500;
  --mdc-linear-progress-active-indicator-color:#005cbb;
  --mdc-linear-progress-track-color:#e0e2ec;
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
  --mdc-plain-tooltip-container-color:#2f3033;
  --mdc-plain-tooltip-supporting-text-color:#f2f0f4;
  --mdc-plain-tooltip-supporting-text-line-height:1rem;
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:0.75rem;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.025rem;
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-filled-text-field-caret-color:#005cbb;
  --mdc-filled-text-field-focus-active-indicator-color:#005cbb;
  --mdc-filled-text-field-focus-label-text-color:#005cbb;
  --mdc-filled-text-field-container-color:#e0e2ec;
  --mdc-filled-text-field-disabled-container-color:rgba(26, 27, 31, 0.04);
  --mdc-filled-text-field-label-text-color:#44474e;
  --mdc-filled-text-field-hover-label-text-color:#44474e;
  --mdc-filled-text-field-disabled-label-text-color:rgba(26, 27, 31, 0.38);
  --mdc-filled-text-field-input-text-color:#1a1b1f;
  --mdc-filled-text-field-disabled-input-text-color:rgba(26, 27, 31, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:#44474e;
  --mdc-filled-text-field-error-hover-label-text-color:#410002;
  --mdc-filled-text-field-error-focus-label-text-color:#ba1a1a;
  --mdc-filled-text-field-error-label-text-color:#ba1a1a;
  --mdc-filled-text-field-active-indicator-color:#44474e;
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(26, 27, 31, 0.38);
  --mdc-filled-text-field-hover-active-indicator-color:#1a1b1f;
  --mdc-filled-text-field-error-active-indicator-color:#ba1a1a;
  --mdc-filled-text-field-error-focus-active-indicator-color:#ba1a1a;
  --mdc-filled-text-field-error-hover-active-indicator-color:#410002;
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:1rem;
  --mdc-filled-text-field-label-text-tracking:0.031rem;
  --mdc-filled-text-field-label-text-weight:400;
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
  --mdc-outlined-text-field-caret-color:#005cbb;
  --mdc-outlined-text-field-focus-outline-color:#005cbb;
  --mdc-outlined-text-field-focus-label-text-color:#005cbb;
  --mdc-outlined-text-field-label-text-color:#44474e;
  --mdc-outlined-text-field-hover-label-text-color:#1a1b1f;
  --mdc-outlined-text-field-disabled-label-text-color:rgba(26, 27, 31, 0.38);
  --mdc-outlined-text-field-input-text-color:#1a1b1f;
  --mdc-outlined-text-field-disabled-input-text-color:rgba(26, 27, 31, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:#44474e;
  --mdc-outlined-text-field-error-focus-label-text-color:#ba1a1a;
  --mdc-outlined-text-field-error-label-text-color:#ba1a1a;
  --mdc-outlined-text-field-error-hover-label-text-color:#410002;
  --mdc-outlined-text-field-outline-color:#74777f;
  --mdc-outlined-text-field-disabled-outline-color:rgba(26, 27, 31, 0.12);
  --mdc-outlined-text-field-hover-outline-color:#1a1b1f;
  --mdc-outlined-text-field-error-focus-outline-color:#ba1a1a;
  --mdc-outlined-text-field-error-hover-outline-color:#410002;
  --mdc-outlined-text-field-error-outline-color:#ba1a1a;
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:1rem;
  --mdc-outlined-text-field-label-text-tracking:0.031rem;
  --mdc-outlined-text-field-label-text-weight:400;
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
  --mat-form-field-focus-select-arrow-color:#005cbb;
  --mat-form-field-disabled-input-text-placeholder-color:rgba(26, 27, 31, 0.38);
  --mat-form-field-state-layer-color:#1a1b1f;
  --mat-form-field-error-text-color:#ba1a1a;
  --mat-form-field-select-option-text-color:#1a1b1f;
  --mat-form-field-select-disabled-option-text-color:rgba(26, 27, 31, 0.38);
  --mat-form-field-leading-icon-color:#44474e;
  --mat-form-field-disabled-leading-icon-color:rgba(26, 27, 31, 0.38);
  --mat-form-field-trailing-icon-color:#44474e;
  --mat-form-field-disabled-trailing-icon-color:rgba(26, 27, 31, 0.38);
  --mat-form-field-error-focus-trailing-icon-color:#ba1a1a;
  --mat-form-field-error-hover-trailing-icon-color:#410002;
  --mat-form-field-error-trailing-icon-color:#ba1a1a;
  --mat-form-field-enabled-select-arrow-color:#44474e;
  --mat-form-field-disabled-select-arrow-color:rgba(26, 27, 31, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.08;
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:1.5rem;
  --mat-form-field-container-text-size:1rem;
  --mat-form-field-container-text-tracking:0.031rem;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:1rem;
  --mat-form-field-subscript-text-size:0.75rem;
  --mat-form-field-subscript-text-tracking:0.025rem;
  --mat-form-field-subscript-text-weight:400;
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
  --mat-form-field-focus-state-layer-opacity:0;
  --mat-select-panel-background-color:#efedf0;
  --mat-select-enabled-trigger-text-color:#1a1b1f;
  --mat-select-disabled-trigger-text-color:rgba(26, 27, 31, 0.38);
  --mat-select-placeholder-text-color:#44474e;
  --mat-select-enabled-arrow-color:#44474e;
  --mat-select-disabled-arrow-color:rgba(26, 27, 31, 0.38);
  --mat-select-focused-arrow-color:#005cbb;
  --mat-select-invalid-arrow-color:#ba1a1a;
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:1.5rem;
  --mat-select-trigger-text-size:1rem;
  --mat-select-trigger-text-tracking:0.031rem;
  --mat-select-trigger-text-weight:400;
  --mat-select-arrow-transform:translateY(-8px);
  --mat-select-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-autocomplete-background-color:#efedf0;
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-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);
  --mdc-dialog-container-color:#faf9fd;
  --mdc-dialog-subhead-color:#1a1b1f;
  --mdc-dialog-supporting-text-color:#44474e;
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:2rem;
  --mdc-dialog-subhead-size:1.5rem;
  --mdc-dialog-subhead-weight:400;
  --mdc-dialog-subhead-tracking:0;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:1.25rem;
  --mdc-dialog-supporting-text-size:0.875rem;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.016rem;
  --mdc-dialog-container-shape:28px;
  --mat-dialog-container-elevation-shadow:none;
  --mat-dialog-container-max-width:560px;
  --mat-dialog-container-small-max-width:calc(100vw - 32px);
  --mat-dialog-container-min-width:280px;
  --mat-dialog-actions-alignment:flex-end;
  --mat-dialog-actions-padding:16px 24px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px 0;
  --mat-dialog-headline-padding:6px 24px 13px;
  --mdc-chip-outline-color:#74777f;
  --mdc-chip-disabled-outline-color:rgba(26, 27, 31, 0.12);
  --mdc-chip-focus-outline-color:#44474e;
  --mdc-chip-hover-state-layer-opacity:0.08;
  --mdc-chip-selected-hover-state-layer-opacity:0.08;
  --mdc-chip-disabled-label-text-color:rgba(26, 27, 31, 0.38);
  --mdc-chip-elevated-selected-container-color:#dae2f9;
  --mdc-chip-flat-disabled-selected-container-color:rgba(26, 27, 31, 0.12);
  --mdc-chip-focus-state-layer-color:#44474e;
  --mdc-chip-hover-state-layer-color:#44474e;
  --mdc-chip-selected-hover-state-layer-color:#131c2b;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:#131c2b;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#44474e;
  --mdc-chip-selected-label-text-color:#131c2b;
  --mdc-chip-with-icon-icon-color:#44474e;
  --mdc-chip-with-icon-disabled-icon-color:#1a1b1f;
  --mdc-chip-with-icon-selected-icon-color:#131c2b;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#1a1b1f;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#44474e;
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:1.25rem;
  --mdc-chip-label-text-size:0.875rem;
  --mdc-chip-label-text-tracking:0.006rem;
  --mdc-chip-label-text-weight:500;
  --mdc-chip-container-height:32px;
  --mdc-chip-container-shape-radius:8px;
  --mdc-chip-with-avatar-avatar-shape-radius:24px;
  --mdc-chip-with-avatar-avatar-size:24px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:1px;
  --mdc-chip-with-avatar-disabled-avatar-opacity:0.38;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:0.38;
  --mdc-chip-with-icon-disabled-icon-opacity:0.38;
  --mdc-chip-elevated-container-color:transparent;
  --mat-chip-trailing-action-state-layer-color:#44474e;
  --mat-chip-selected-trailing-action-state-layer-color:#131c2b;
  --mat-chip-trailing-action-hover-state-layer-opacity:0.08;
  --mat-chip-trailing-action-focus-state-layer-opacity:0.12;
  --mat-chip-selected-disabled-trailing-icon-color:#1a1b1f;
  --mat-chip-selected-trailing-icon-color:#131c2b;
  --mat-chip-disabled-container-opacity:1;
  --mat-chip-trailing-action-opacity:1;
  --mat-chip-trailing-action-focus-opacity:1;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.08;
  --mdc-switch-selected-pressed-state-layer-opacity:0.12;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.08;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.12;
  --mdc-switch-selected-focus-state-layer-color:#005cbb;
  --mdc-switch-selected-handle-color:#ffffff;
  --mdc-switch-selected-hover-state-layer-color:#005cbb;
  --mdc-switch-selected-pressed-state-layer-color:#005cbb;
  --mdc-switch-selected-focus-handle-color:#d7e3ff;
  --mdc-switch-selected-hover-handle-color:#d7e3ff;
  --mdc-switch-selected-pressed-handle-color:#d7e3ff;
  --mdc-switch-selected-focus-track-color:#005cbb;
  --mdc-switch-selected-hover-track-color:#005cbb;
  --mdc-switch-selected-pressed-track-color:#005cbb;
  --mdc-switch-selected-track-color:#005cbb;
  --mdc-switch-disabled-selected-handle-color:#faf9fd;
  --mdc-switch-disabled-selected-icon-color:#1a1b1f;
  --mdc-switch-disabled-selected-track-color:#1a1b1f;
  --mdc-switch-disabled-unselected-handle-color:#1a1b1f;
  --mdc-switch-disabled-unselected-icon-color:#e0e2ec;
  --mdc-switch-disabled-unselected-track-color:#e0e2ec;
  --mdc-switch-selected-icon-color:#001b3f;
  --mdc-switch-unselected-focus-handle-color:#44474e;
  --mdc-switch-unselected-focus-state-layer-color:#1a1b1f;
  --mdc-switch-unselected-focus-track-color:#e0e2ec;
  --mdc-switch-unselected-handle-color:#74777f;
  --mdc-switch-unselected-hover-handle-color:#44474e;
  --mdc-switch-unselected-hover-state-layer-color:#1a1b1f;
  --mdc-switch-unselected-hover-track-color:#e0e2ec;
  --mdc-switch-unselected-icon-color:#e0e2ec;
  --mdc-switch-unselected-pressed-handle-color:#44474e;
  --mdc-switch-unselected-pressed-state-layer-color:#1a1b1f;
  --mdc-switch-unselected-pressed-track-color:#e0e2ec;
  --mdc-switch-unselected-track-color:#e0e2ec;
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-shape:9999px;
  --mdc-switch-selected-icon-size:16px;
  --mdc-switch-track-height:32px;
  --mdc-switch-track-shape:9999px;
  --mdc-switch-track-width:52px;
  --mdc-switch-unselected-icon-size:16px;
  --mdc-switch-state-layer-size:40px;
  --mat-switch-track-outline-color:#74777f;
  --mat-switch-disabled-unselected-track-outline-color:#1a1b1f;
  --mat-switch-label-text-color:#1a1b1f;
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:1.25rem;
  --mat-switch-label-text-size:0.875rem;
  --mat-switch-label-text-tracking:0.016rem;
  --mat-switch-label-text-weight:400;
  --mat-switch-disabled-selected-handle-opacity:1;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:16px;
  --mat-switch-selected-handle-size:24px;
  --mat-switch-pressed-handle-size:28px;
  --mat-switch-with-icon-handle-size:24px;
  --mat-switch-selected-handle-horizontal-margin:0 24px;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0 24px;
  --mat-switch-selected-pressed-handle-horizontal-margin:0 22px;
  --mat-switch-unselected-handle-horizontal-margin:0 8px;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0 4px;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0 2px;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:0;
  --mat-switch-visible-track-transition:opacity 75ms;
  --mat-switch-hidden-track-transition:opacity 75ms;
  --mat-switch-track-outline-width:2px;
  --mat-switch-selected-track-outline-width:2px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:2px;
  --mdc-radio-disabled-selected-icon-color:#1a1b1f;
  --mdc-radio-disabled-unselected-icon-color:#1a1b1f;
  --mdc-radio-unselected-hover-icon-color:#1a1b1f;
  --mdc-radio-unselected-focus-icon-color:#1a1b1f;
  --mdc-radio-unselected-icon-color:#44474e;
  --mdc-radio-unselected-pressed-icon-color:#1a1b1f;
  --mdc-radio-selected-focus-icon-color:#005cbb;
  --mdc-radio-selected-hover-icon-color:#005cbb;
  --mdc-radio-selected-icon-color:#005cbb;
  --mdc-radio-selected-pressed-icon-color:#005cbb;
  --mdc-radio-state-layer-size:40px;
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mat-radio-ripple-color:#1a1b1f;
  --mat-radio-checked-ripple-color:#005cbb;
  --mat-radio-disabled-label-color:rgba(26, 27, 31, 0.38);
  --mat-radio-label-text-color:#1a1b1f;
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:1.25rem;
  --mat-radio-label-text-size:0.875rem;
  --mat-radio-label-text-tracking:0.016rem;
  --mat-radio-label-text-weight:400;
  --mat-radio-touch-target-display:block;
  --mdc-slider-handle-elevation: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);
  --mdc-slider-handle-color:#005cbb;
  --mdc-slider-focus-handle-color:#005cbb;
  --mdc-slider-hover-handle-color:#005cbb;
  --mdc-slider-active-track-color:#005cbb;
  --mdc-slider-inactive-track-color:#e0e2ec;
  --mdc-slider-with-tick-marks-inactive-container-color:#44474e;
  --mdc-slider-with-tick-marks-active-container-color:#ffffff;
  --mdc-slider-disabled-active-track-color:#1a1b1f;
  --mdc-slider-disabled-handle-color:#1a1b1f;
  --mdc-slider-disabled-inactive-track-color:#1a1b1f;
  --mdc-slider-label-container-color:#005cbb;
  --mdc-slider-label-label-text-color:#ffffff;
  --mdc-slider-with-overlap-handle-outline-color:#ffffff;
  --mdc-slider-with-tick-marks-disabled-container-color:#1a1b1f;
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:0.75rem;
  --mdc-slider-label-label-text-line-height:1rem;
  --mdc-slider-label-label-text-tracking:0.031rem;
  --mdc-slider-label-label-text-weight:500;
  --mdc-slider-active-track-height:4px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:9999px;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.38;
  --mdc-slider-with-tick-marks-container-shape:9999px;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.38;
  --mat-slider-ripple-color:#005cbb;
  --mat-slider-hover-state-layer-color:rgba(0, 92, 187, 0.05);
  --mat-slider-focus-state-layer-color:rgba(0, 92, 187, 0.2);
  --mat-slider-value-indicator-width:28px;
  --mat-slider-value-indicator-height:28px;
  --mat-slider-value-indicator-caret-display:none;
  --mat-slider-value-indicator-border-radius:50% 50% 50% 0;
  --mat-slider-value-indicator-padding:0;
  --mat-slider-value-indicator-text-transform:rotate(45deg);
  --mat-slider-value-indicator-container-transform:translateX(-50%) rotate(-45deg);
  --mat-slider-value-indicator-opacity:1;
  --mat-menu-item-label-text-color:#1a1b1f;
  --mat-menu-item-icon-color:#44474e;
  --mat-menu-item-hover-state-layer-color:rgba(26, 27, 31, 0.08);
  --mat-menu-item-focus-state-layer-color:rgba(26, 27, 31, 0.12);
  --mat-menu-container-color:#efedf0;
  --mat-menu-divider-color:#e0e2ec;
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:0.875rem;
  --mat-menu-item-label-text-tracking:0.006rem;
  --mat-menu-item-label-text-line-height:1.25rem;
  --mat-menu-item-label-text-weight:500;
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:8px;
  --mat-menu-divider-top-spacing:8px;
  --mat-menu-item-spacing:12px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:12px;
  --mat-menu-item-trailing-spacing:12px;
  --mat-menu-item-with-icon-leading-spacing:12px;
  --mat-menu-item-with-icon-trailing-spacing:12px;
  --mat-menu-base-elevation-level:2;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:#d7e3ff;
  --mdc-list-list-item-disabled-state-layer-color:#1a1b1f;
  --mdc-list-list-item-disabled-state-layer-opacity:0.12;
  --mdc-list-list-item-label-text-color:#1a1b1f;
  --mdc-list-list-item-supporting-text-color:#44474e;
  --mdc-list-list-item-leading-icon-color:#44474e;
  --mdc-list-list-item-trailing-supporting-text-color:#44474e;
  --mdc-list-list-item-trailing-icon-color:#44474e;
  --mdc-list-list-item-selected-trailing-icon-color:#005cbb;
  --mdc-list-list-item-disabled-label-text-color:#1a1b1f;
  --mdc-list-list-item-disabled-leading-icon-color:#1a1b1f;
  --mdc-list-list-item-disabled-trailing-icon-color:#1a1b1f;
  --mdc-list-list-item-hover-label-text-color:#1a1b1f;
  --mdc-list-list-item-focus-label-text-color:#1a1b1f;
  --mdc-list-list-item-hover-state-layer-color:#1a1b1f;
  --mdc-list-list-item-hover-state-layer-opacity:0.08;
  --mdc-list-list-item-focus-state-layer-color:#1a1b1f;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:1.5rem;
  --mdc-list-list-item-label-text-size:1rem;
  --mdc-list-list-item-label-text-tracking:0.031rem;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:1.25rem;
  --mdc-list-list-item-supporting-text-size:0.875rem;
  --mdc-list-list-item-supporting-text-tracking:0.016rem;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:1rem;
  --mdc-list-list-item-trailing-supporting-text-size:0.688rem;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.031rem;
  --mdc-list-list-item-trailing-supporting-text-weight:500;
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:9999px;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-label-text-opacity:0.3;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
  --mat-list-active-indicator-color:#dae2f9;
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:16px;
  --mat-list-active-indicator-shape:9999px;
  --mat-paginator-container-text-color:#1a1b1f;
  --mat-paginator-container-background-color:#faf9fd;
  --mat-paginator-enabled-icon-color:#44474e;
  --mat-paginator-disabled-icon-color:rgba(26, 27, 31, 0.38);
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:1rem;
  --mat-paginator-container-text-size:0.75rem;
  --mat-paginator-container-text-tracking:0.025rem;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:0.75rem;
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
  --mdc-secondary-navigation-tab-container-height:48px;
  --mdc-tab-indicator-active-indicator-color:#005cbb;
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
  --mat-tab-header-divider-color:#e0e2ec;
  --mat-tab-header-pagination-icon-color:#1a1b1f;
  --mat-tab-header-inactive-label-text-color:#1a1b1f;
  --mat-tab-header-active-label-text-color:#1a1b1f;
  --mat-tab-header-active-ripple-color:#1a1b1f;
  --mat-tab-header-inactive-ripple-color:#1a1b1f;
  --mat-tab-header-inactive-focus-label-text-color:#1a1b1f;
  --mat-tab-header-inactive-hover-label-text-color:#1a1b1f;
  --mat-tab-header-active-focus-label-text-color:#1a1b1f;
  --mat-tab-header-active-hover-label-text-color:#1a1b1f;
  --mat-tab-header-active-focus-indicator-color:#005cbb;
  --mat-tab-header-active-hover-indicator-color:#005cbb;
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:0.875rem;
  --mat-tab-header-label-text-tracking:0.006rem;
  --mat-tab-header-label-text-line-height:1.25rem;
  --mat-tab-header-label-text-weight:500;
  --mat-tab-header-divider-height:1px;
  --mdc-checkbox-disabled-selected-checkmark-color:#faf9fd;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.12;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.08;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.12;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.12;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.08;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.12;
  --mdc-checkbox-selected-pressed-icon-color:#005cbb;
  --mdc-checkbox-disabled-selected-icon-color:rgba(26, 27, 31, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(26, 27, 31, 0.38);
  --mdc-checkbox-selected-checkmark-color:#ffffff;
  --mdc-checkbox-selected-focus-icon-color:#005cbb;
  --mdc-checkbox-selected-hover-icon-color:#005cbb;
  --mdc-checkbox-selected-icon-color:#005cbb;
  --mdc-checkbox-unselected-focus-icon-color:#1a1b1f;
  --mdc-checkbox-unselected-hover-icon-color:#1a1b1f;
  --mdc-checkbox-unselected-icon-color:#44474e;
  --mdc-checkbox-selected-focus-state-layer-color:#005cbb;
  --mdc-checkbox-selected-hover-state-layer-color:#005cbb;
  --mdc-checkbox-selected-pressed-state-layer-color:#1a1b1f;
  --mdc-checkbox-unselected-focus-state-layer-color:#1a1b1f;
  --mdc-checkbox-unselected-hover-state-layer-color:#1a1b1f;
  --mdc-checkbox-unselected-pressed-state-layer-color:#005cbb;
  --mdc-checkbox-state-layer-size:40px;
  --mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
  --mat-checkbox-label-text-color:#1a1b1f;
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:1.25rem;
  --mat-checkbox-label-text-size:0.875rem;
  --mat-checkbox-label-text-tracking:0.016rem;
  --mat-checkbox-label-text-weight:400;
  --mat-checkbox-touch-target-display:block;
  --mdc-text-button-label-text-color:#005cbb;
  --mdc-text-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:0.875rem;
  --mdc-text-button-label-text-tracking:0.006rem;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-container-height:40px;
  --mdc-text-button-container-shape:9999px;
  --mdc-protected-button-container-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-color:#faf9fd;
  --mdc-protected-button-label-text-color:#005cbb;
  --mdc-protected-button-disabled-container-color:rgba(26, 27, 31, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:0.875rem;
  --mdc-protected-button-label-text-tracking:0.006rem;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-container-height:40px;
  --mdc-protected-button-container-shape:9999px;
  --mdc-filled-button-container-color:#005cbb;
  --mdc-filled-button-label-text-color:#ffffff;
  --mdc-filled-button-disabled-container-color:rgba(26, 27, 31, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:0.875rem;
  --mdc-filled-button-label-text-tracking:0.006rem;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-container-height:40px;
  --mdc-filled-button-container-shape:9999px;
  --mdc-outlined-button-disabled-outline-color:rgba(26, 27, 31, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);
  --mdc-outlined-button-label-text-color:#005cbb;
  --mdc-outlined-button-outline-color:#74777f;
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:0.875rem;
  --mdc-outlined-button-label-text-tracking:0.006rem;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-container-height:40px;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:9999px;
  --mat-text-button-state-layer-color:#005cbb;
  --mat-text-button-disabled-state-layer-color:#44474e;
  --mat-text-button-ripple-color:rgba(0, 92, 187, 0.12);
  --mat-text-button-hover-state-layer-opacity:0.08;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
  --mat-text-button-touch-target-display:block;
  --mat-text-button-horizontal-padding:12px;
  --mat-text-button-with-icon-horizontal-padding:16px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:-4px;
  --mat-protected-button-state-layer-color:#005cbb;
  --mat-protected-button-disabled-state-layer-color:#44474e;
  --mat-protected-button-ripple-color:rgba(0, 92, 187, 0.12);
  --mat-protected-button-hover-state-layer-opacity:0.08;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
  --mat-protected-button-touch-target-display:block;
  --mat-protected-button-horizontal-padding:24px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-8px;
  --mat-filled-button-state-layer-color:#ffffff;
  --mat-filled-button-disabled-state-layer-color:#44474e;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);
  --mat-filled-button-hover-state-layer-opacity:0.08;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
  --mat-filled-button-touch-target-display:block;
  --mat-filled-button-horizontal-padding:24px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-8px;
  --mat-outlined-button-state-layer-color:#005cbb;
  --mat-outlined-button-disabled-state-layer-color:#44474e;
  --mat-outlined-button-ripple-color:rgba(0, 92, 187, 0.12);
  --mat-outlined-button-hover-state-layer-opacity:0.08;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
  --mat-outlined-button-touch-target-display:block;
  --mat-outlined-button-horizontal-padding:24px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-8px;
  --mdc-icon-button-icon-color:#44474e;
  --mdc-icon-button-disabled-icon-color:rgba(26, 27, 31, 0.38);
  --mdc-icon-button-state-layer-size:40px;
  --mdc-icon-button-icon-size:24px;
  --mat-icon-button-state-layer-color:#44474e;
  --mat-icon-button-disabled-state-layer-color:#44474e;
  --mat-icon-button-ripple-color:rgba(68, 71, 78, 0.12);
  --mat-icon-button-hover-state-layer-opacity:0.08;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
  --mat-icon-button-touch-target-display:block;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:0.875rem;
  --mdc-extended-fab-label-text-tracking:0.006rem;
  --mdc-extended-fab-label-text-weight:500;
  --mdc-extended-fab-container-height:56px;
  --mdc-extended-fab-container-shape:16px;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-color:#d7e3ff;
  --mdc-fab-container-shape:16px;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-color:#d7e3ff;
  --mdc-fab-small-container-shape:12px;
  --mat-fab-foreground-color:#001b3f;
  --mat-fab-state-layer-color:#001b3f;
  --mat-fab-ripple-color:rgba(0, 27, 63, 0.12);
  --mat-fab-hover-state-layer-opacity:0.08;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(26, 27, 31, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(26, 27, 31, 0.38);
  --mat-fab-touch-target-display:block;
  --mat-fab-small-foreground-color:#001b3f;
  --mat-fab-small-state-layer-color:#001b3f;
  --mat-fab-small-ripple-color:rgba(0, 27, 63, 0.12);
  --mat-fab-small-hover-state-layer-opacity:0.08;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(26, 27, 31, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(26, 27, 31, 0.38);
  --mdc-snackbar-container-color:#2f3033;
  --mdc-snackbar-supporting-text-color:#f2f0f4;
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:1.25rem;
  --mdc-snackbar-supporting-text-size:0.875rem;
  --mdc-snackbar-supporting-text-weight:400;
  --mdc-snackbar-container-shape:4px;
  --mat-snack-bar-button-color:#abc7ff;
  --mat-table-background-color:#faf9fd;
  --mat-table-header-headline-color:#1a1b1f;
  --mat-table-row-item-label-text-color:#1a1b1f;
  --mat-table-row-item-outline-color:#74777f;
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:1.25rem;
  --mat-table-header-headline-size:0.875rem;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.006rem;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:1.25rem;
  --mat-table-row-item-label-text-size:0.875rem;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.016rem;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:1.25rem;
  --mat-table-footer-supporting-text-size:0.875rem;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.016rem;
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
  --mat-table-row-item-outline-width:1px;
  --mdc-circular-progress-active-indicator-color:#005cbb;
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
  --mat-badge-background-color:#ba1a1a;
  --mat-badge-text-color:#ffffff;
  --mat-badge-disabled-state-background-color:rgba(186, 26, 26, 0.38);
  --mat-badge-disabled-state-text-color:#ffffff;
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-text-size:0.688rem;
  --mat-badge-text-weight:500;
  --mat-badge-large-size-text-size:0.688rem;
  --mat-badge-container-shape:9999px;
  --mat-badge-container-size:16px;
  --mat-badge-small-size-container-size:6px;
  --mat-badge-large-size-container-size:16px;
  --mat-badge-legacy-container-size:unset;
  --mat-badge-legacy-small-size-container-size:unset;
  --mat-badge-legacy-large-size-container-size:unset;
  --mat-badge-container-offset:-12px 0;
  --mat-badge-small-size-container-offset:-6px 0;
  --mat-badge-large-size-container-offset:-12px 0;
  --mat-badge-container-overlap-offset:-12px;
  --mat-badge-small-size-container-overlap-offset:-6px;
  --mat-badge-large-size-container-overlap-offset:-12px;
  --mat-badge-container-padding:0 4px;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0 4px;
  --mat-badge-line-height:16px;
  --mat-badge-small-size-text-size:0;
  --mat-badge-small-size-line-height:6px;
  --mat-badge-large-size-line-height:16px;
  --mat-bottom-sheet-container-text-color:#1a1b1f;
  --mat-bottom-sheet-container-background-color:#f4f3f6;
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:1.5rem;
  --mat-bottom-sheet-container-text-size:1rem;
  --mat-bottom-sheet-container-text-tracking:0.031rem;
  --mat-bottom-sheet-container-text-weight:400;
  --mat-bottom-sheet-container-shape:28px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.08;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
  --mat-standard-button-toggle-text-color:#1a1b1f;
  --mat-standard-button-toggle-state-layer-color:#1a1b1f;
  --mat-standard-button-toggle-selected-state-background-color:#dae2f9;
  --mat-standard-button-toggle-selected-state-text-color:#131c2b;
  --mat-standard-button-toggle-disabled-state-text-color:rgba(26, 27, 31, 0.38);
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(26, 27, 31, 0.38);
  --mat-standard-button-toggle-disabled-selected-state-background-color:rgba(26, 27, 31, 0.12);
  --mat-standard-button-toggle-divider-color:#74777f;
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:1.25rem;
  --mat-standard-button-toggle-label-text-size:0.875rem;
  --mat-standard-button-toggle-label-text-tracking:0.006rem;
  --mat-standard-button-toggle-label-text-weight:500;
  --mat-standard-button-toggle-height:40px;
  --mat-standard-button-toggle-shape:9999px;
  --mat-standard-button-toggle-background-color:transparent;
  --mat-standard-button-toggle-disabled-state-background-color:transparent;
  --mat-datepicker-calendar-date-selected-state-text-color:#ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color:#005cbb;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(26, 27, 31, 0.38);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:#005cbb;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(26, 27, 31, 0.12);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(26, 27, 31, 0.08);
  --mat-datepicker-toggle-active-state-icon-color:#44474e;
  --mat-datepicker-calendar-date-in-range-state-background-color:#d7e3ff;
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:#e0e0ff;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#dae2f9;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#565e71;
  --mat-datepicker-toggle-icon-color:#44474e;
  --mat-datepicker-calendar-body-label-text-color:#1a1b1f;
  --mat-datepicker-calendar-period-button-text-color:#44474e;
  --mat-datepicker-calendar-period-button-icon-color:#44474e;
  --mat-datepicker-calendar-navigation-button-icon-color:#44474e;
  --mat-datepicker-calendar-header-text-color:#44474e;
  --mat-datepicker-calendar-date-today-outline-color:#005cbb;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(26, 27, 31, 0.38);
  --mat-datepicker-calendar-date-text-color:#1a1b1f;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(26, 27, 31, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:#005cbb;
  --mat-datepicker-range-input-separator-color:#1a1b1f;
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(26, 27, 31, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(26, 27, 31, 0.38);
  --mat-datepicker-calendar-container-background-color:#e9e7eb;
  --mat-datepicker-calendar-container-text-color:#1a1b1f;
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:0.875rem;
  --mat-datepicker-calendar-body-label-text-size:0.875rem;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:0.875rem;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:0.875rem;
  --mat-datepicker-calendar-header-text-weight:500;
  --mat-datepicker-calendar-container-shape:16px;
  --mat-datepicker-calendar-container-touch-shape:28px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-divider-color:transparent;
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-divider-color:#74777f;
  --mat-divider-width:1px;
  --mat-expansion-container-background-color:#faf9fd;
  --mat-expansion-container-text-color:#1a1b1f;
  --mat-expansion-actions-divider-color:#74777f;
  --mat-expansion-header-hover-state-layer-color:rgba(26, 27, 31, 0.08);
  --mat-expansion-header-focus-state-layer-color:rgba(26, 27, 31, 0.12);
  --mat-expansion-header-disabled-state-text-color:rgba(26, 27, 31, 0.38);
  --mat-expansion-header-text-color:#1a1b1f;
  --mat-expansion-header-description-color:#44474e;
  --mat-expansion-header-indicator-color:#44474e;
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:1rem;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:1.5rem;
  --mat-expansion-header-text-tracking:0.009rem;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:1.5rem;
  --mat-expansion-container-text-size:1rem;
  --mat-expansion-container-text-tracking:0.031rem;
  --mat-expansion-container-text-weight:400;
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
  --mat-expansion-container-shape:12px;
  --mat-expansion-legacy-header-indicator-display:none;
  --mat-expansion-header-indicator-display:inline-block;
  --mat-grid-list-tile-header-primary-text-size:400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-header-secondary-text-size:400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-primary-text-size:400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-secondary-text-size:400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-icon-color:inherit;
  --mat-sidenav-container-background-color:#faf9fd;
  --mat-sidenav-container-text-color:#44474e;
  --mat-sidenav-content-background-color:#faf9fd;
  --mat-sidenav-content-text-color:#1a1b1f;
  --mat-sidenav-scrim-color:rgba(45, 48, 56, 0.4);
  --mat-sidenav-container-shape:16px;
  --mat-sidenav-container-elevation-shadow:none;
  --mat-sidenav-container-width:360px;
  --mat-sidenav-container-divider-color:transparent;
  --mat-stepper-header-icon-foreground-color:#faf9fd;
  --mat-stepper-header-selected-state-icon-background-color:#005cbb;
  --mat-stepper-header-selected-state-icon-foreground-color:#ffffff;
  --mat-stepper-header-edit-state-icon-background-color:#005cbb;
  --mat-stepper-header-edit-state-icon-foreground-color:#ffffff;
  --mat-stepper-container-color:#faf9fd;
  --mat-stepper-line-color:#74777f;
  --mat-stepper-header-hover-state-layer-color:rgba(47, 48, 51, 0.08);
  --mat-stepper-header-focus-state-layer-color:rgba(47, 48, 51, 0.12);
  --mat-stepper-header-label-text-color:#44474e;
  --mat-stepper-header-optional-label-text-color:#44474e;
  --mat-stepper-header-selected-state-label-text-color:#44474e;
  --mat-stepper-header-error-state-label-text-color:#ba1a1a;
  --mat-stepper-header-icon-background-color:#44474e;
  --mat-stepper-header-error-state-icon-foreground-color:#ba1a1a;
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:0.875rem;
  --mat-stepper-header-label-text-weight:500;
  --mat-stepper-header-error-state-label-text-size:0.875rem;
  --mat-stepper-header-selected-state-label-text-size:0.875rem;
  --mat-stepper-header-selected-state-label-text-weight:500;
  --mat-stepper-header-height:72px;
  --mat-stepper-header-focus-state-layer-shape:12px;
  --mat-stepper-header-hover-state-layer-shape:12px;
  --mat-stepper-header-error-state-icon-background-color:transparent;
  --mat-sort-arrow-color:#1a1b1f;
  --mat-toolbar-container-background-color:#faf9fd;
  --mat-toolbar-container-text-color:#1a1b1f;
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:1.75rem;
  --mat-toolbar-title-text-size:1.375rem;
  --mat-toolbar-title-text-tracking:0;
  --mat-toolbar-title-text-weight:400;
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
  --mat-tree-container-background-color:#faf9fd;
  --mat-tree-node-text-color:#1a1b1f;
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:1rem;
  --mat-tree-node-text-weight:400;
  --mat-tree-node-min-height:48px;
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-primary {
  --mat-stepper-header-selected-state-icon-background-color:#005cbb;
  --mat-stepper-header-selected-state-icon-foreground-color:#ffffff;
  --mat-stepper-header-edit-state-icon-background-color:#005cbb;
  --mat-stepper-header-edit-state-icon-foreground-color:#ffffff;
}
.mat-primary.mat-icon {
  --mat-icon-color:#005cbb;
}
.mat-primary.mat-mdc-checkbox {
  --mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
  --mat-checkbox-label-text-color:#1a1b1f;
}
.mat-primary.mat-mdc-slide-toggle {
  --mat-switch-track-outline-color:#74777f;
  --mat-switch-disabled-unselected-track-outline-color:#1a1b1f;
  --mat-switch-label-text-color:#1a1b1f;
}
.mat-primary.mat-mdc-button-base {
  --mdc-icon-button-icon-color:#005cbb;
  --mat-icon-button-state-layer-color:#005cbb;
  --mat-icon-button-ripple-color:rgba(0, 92, 187, 0.12);
}
.mat-primary .mdc-list-item__start,
.mat-primary .mdc-list-item__end {
  --mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
  --mat-checkbox-label-text-color:#1a1b1f;
}
.mat-badge {
  --mat-badge-background-color:#005cbb;
  --mat-badge-text-color:#ffffff;
  --mat-badge-disabled-state-background-color:rgba(0, 92, 187, 0.38);
  --mat-badge-disabled-state-text-color:#ffffff;
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#00006e;
  --mat-option-selected-state-layer-color:#e0e0ff;
  --mdc-circular-progress-active-indicator-color:#343dff;
  --mat-full-pseudo-checkbox-selected-icon-color:#343dff;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#343dff;
  --mat-stepper-header-selected-state-icon-background-color:#343dff;
  --mat-stepper-header-selected-state-icon-foreground-color:#ffffff;
  --mat-stepper-header-edit-state-icon-background-color:#343dff;
  --mat-stepper-header-edit-state-icon-foreground-color:#ffffff;
}
.mat-accent.mat-icon {
  --mat-icon-color:#343dff;
}
.mat-accent.mat-mdc-checkbox {
  --mdc-checkbox-selected-pressed-icon-color:#343dff;
  --mdc-checkbox-selected-checkmark-color:#ffffff;
  --mdc-checkbox-selected-focus-icon-color:#343dff;
  --mdc-checkbox-selected-hover-icon-color:#343dff;
  --mdc-checkbox-selected-icon-color:#343dff;
  --mdc-checkbox-selected-focus-state-layer-color:#343dff;
  --mdc-checkbox-selected-hover-state-layer-color:#343dff;
  --mdc-checkbox-unselected-pressed-state-layer-color:#343dff;
  --mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
  --mat-checkbox-label-text-color:#1a1b1f;
}
.mat-accent.mat-mdc-slider {
  --mdc-slider-handle-color:#343dff;
  --mdc-slider-focus-handle-color:#343dff;
  --mdc-slider-hover-handle-color:#343dff;
  --mdc-slider-active-track-color:#343dff;
  --mdc-slider-with-tick-marks-active-container-color:#ffffff;
  --mdc-slider-label-container-color:#343dff;
  --mdc-slider-label-label-text-color:#ffffff;
  --mdc-slider-with-overlap-handle-outline-color:#ffffff;
  --mat-slider-ripple-color:#343dff;
  --mat-slider-hover-state-layer-color:rgba(52, 61, 255, 0.05);
  --mat-slider-focus-state-layer-color:rgba(52, 61, 255, 0.2);
}
.mat-accent.mat-mdc-tab-group,
.mat-accent.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#343dff;
  --mat-tab-header-active-focus-indicator-color:#343dff;
  --mat-tab-header-active-hover-indicator-color:#343dff;
}
.mat-accent.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color:#343dff;
  --mdc-switch-selected-handle-color:#ffffff;
  --mdc-switch-selected-hover-state-layer-color:#343dff;
  --mdc-switch-selected-pressed-state-layer-color:#343dff;
  --mdc-switch-selected-focus-handle-color:#e0e0ff;
  --mdc-switch-selected-hover-handle-color:#e0e0ff;
  --mdc-switch-selected-pressed-handle-color:#e0e0ff;
  --mdc-switch-selected-focus-track-color:#343dff;
  --mdc-switch-selected-hover-track-color:#343dff;
  --mdc-switch-selected-pressed-track-color:#343dff;
  --mdc-switch-selected-track-color:#343dff;
  --mdc-switch-selected-icon-color:#00006e;
  --mat-switch-track-outline-color:#74777f;
  --mat-switch-disabled-unselected-track-outline-color:#1a1b1f;
  --mat-switch-label-text-color:#1a1b1f;
}
.mat-accent.mat-mdc-form-field {
  --mat-select-focused-arrow-color:#343dff;
}
.mat-accent.mat-mdc-radio-button {
  --mdc-radio-selected-focus-icon-color:#343dff;
  --mdc-radio-selected-hover-icon-color:#343dff;
  --mdc-radio-selected-icon-color:#343dff;
  --mdc-radio-selected-pressed-icon-color:#343dff;
  --mat-radio-checked-ripple-color:#343dff;
}
.mat-accent.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#343dff;
  --mdc-linear-progress-track-color:#e0e0ff;
}
.mat-accent.mat-mdc-form-field {
  --mdc-filled-text-field-caret-color:#343dff;
  --mdc-filled-text-field-focus-active-indicator-color:#343dff;
  --mdc-filled-text-field-focus-label-text-color:#343dff;
  --mdc-outlined-text-field-caret-color:#343dff;
  --mdc-outlined-text-field-focus-outline-color:#343dff;
  --mdc-outlined-text-field-focus-label-text-color:#343dff;
  --mat-form-field-focus-select-arrow-color:#343dff;
}
.mat-accent.mat-datepicker-content {
  --mat-datepicker-calendar-date-selected-state-text-color:#ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color:#343dff;
  --mat-datepicker-calendar-date-today-selected-state-outline-color:#343dff;
  --mat-datepicker-calendar-date-in-range-state-background-color:#e0e0ff;
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:#d7e3ff;
  --mat-datepicker-calendar-date-today-outline-color:#343dff;
  --mat-datepicker-calendar-date-preview-state-outline-color:#343dff;
}
.mat-accent.mat-mdc-button-base {
  --mdc-text-button-label-text-color:#343dff;
  --mdc-protected-button-label-text-color:#343dff;
  --mdc-filled-button-container-color:#343dff;
  --mdc-filled-button-label-text-color:#ffffff;
  --mdc-outlined-button-label-text-color:#343dff;
  --mat-text-button-state-layer-color:#343dff;
  --mat-text-button-ripple-color:rgba(52, 61, 255, 0.12);
  --mat-protected-button-state-layer-color:#343dff;
  --mat-protected-button-ripple-color:rgba(52, 61, 255, 0.12);
  --mat-filled-button-state-layer-color:#ffffff;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color:#343dff;
  --mat-outlined-button-ripple-color:rgba(52, 61, 255, 0.12);
  --mdc-icon-button-icon-color:#343dff;
  --mat-icon-button-state-layer-color:#343dff;
  --mat-icon-button-ripple-color:rgba(52, 61, 255, 0.12);
}
.mat-accent.mat-mdc-standard-chip {
  --mdc-chip-elevated-selected-container-color:#e0e0ff;
  --mdc-chip-selected-hover-state-layer-color:#00006e;
  --mdc-chip-selected-focus-state-layer-color:#00006e;
  --mdc-chip-selected-label-text-color:#00006e;
  --mdc-chip-with-icon-selected-icon-color:#00006e;
  --mat-chip-selected-trailing-action-state-layer-color:#00006e;
  --mat-chip-selected-trailing-icon-color:#00006e;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-checkbox-selected-pressed-icon-color:#343dff;
  --mdc-checkbox-selected-checkmark-color:#ffffff;
  --mdc-checkbox-selected-focus-icon-color:#343dff;
  --mdc-checkbox-selected-hover-icon-color:#343dff;
  --mdc-checkbox-selected-icon-color:#343dff;
  --mdc-checkbox-selected-focus-state-layer-color:#343dff;
  --mdc-checkbox-selected-hover-state-layer-color:#343dff;
  --mdc-checkbox-unselected-pressed-state-layer-color:#343dff;
  --mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
  --mat-checkbox-label-text-color:#1a1b1f;
  --mdc-radio-selected-focus-icon-color:#343dff;
  --mdc-radio-selected-hover-icon-color:#343dff;
  --mdc-radio-selected-icon-color:#343dff;
  --mdc-radio-selected-pressed-icon-color:#343dff;
  --mat-radio-checked-ripple-color:#343dff;
}
.mat-accent.mat-mdc-fab,
.mat-accent.mat-mdc-mini-fab {
  --mdc-fab-container-color:#e0e0ff;
  --mdc-fab-small-container-color:#e0e0ff;
  --mat-fab-foreground-color:#00006e;
  --mat-fab-state-layer-color:#00006e;
  --mat-fab-ripple-color:rgba(0, 0, 110, 0.12);
  --mat-fab-small-foreground-color:#00006e;
  --mat-fab-small-state-layer-color:#00006e;
  --mat-fab-small-ripple-color:rgba(0, 0, 110, 0.12);
}
.mat-badge-accent {
  --mat-badge-background-color:#343dff;
  --mat-badge-text-color:#ffffff;
  --mat-badge-disabled-state-background-color:rgba(52, 61, 255, 0.38);
  --mat-badge-disabled-state-text-color:#ffffff;
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#410002;
  --mat-option-selected-state-layer-color:#ffdad6;
  --mdc-circular-progress-active-indicator-color:#ba1a1a;
  --mat-full-pseudo-checkbox-selected-icon-color:#ba1a1a;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ba1a1a;
  --mat-stepper-header-selected-state-icon-background-color:#ba1a1a;
  --mat-stepper-header-selected-state-icon-foreground-color:#ffffff;
  --mat-stepper-header-edit-state-icon-background-color:#ba1a1a;
  --mat-stepper-header-edit-state-icon-foreground-color:#ffffff;
}
.mat-warn.mat-icon {
  --mat-icon-color:#ba1a1a;
}
.mat-warn.mat-mdc-checkbox {
  --mdc-checkbox-selected-pressed-icon-color:#ba1a1a;
  --mdc-checkbox-selected-checkmark-color:#ffffff;
  --mdc-checkbox-selected-focus-icon-color:#ba1a1a;
  --mdc-checkbox-selected-hover-icon-color:#ba1a1a;
  --mdc-checkbox-selected-icon-color:#ba1a1a;
  --mdc-checkbox-selected-focus-state-layer-color:#ba1a1a;
  --mdc-checkbox-selected-hover-state-layer-color:#ba1a1a;
  --mdc-checkbox-unselected-pressed-state-layer-color:#ba1a1a;
  --mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
  --mat-checkbox-label-text-color:#1a1b1f;
}
.mat-warn.mat-mdc-slider {
  --mdc-slider-handle-color:#ba1a1a;
  --mdc-slider-focus-handle-color:#ba1a1a;
  --mdc-slider-hover-handle-color:#ba1a1a;
  --mdc-slider-active-track-color:#ba1a1a;
  --mdc-slider-with-tick-marks-active-container-color:#ffffff;
  --mdc-slider-label-container-color:#ba1a1a;
  --mdc-slider-label-label-text-color:#ffffff;
  --mdc-slider-with-overlap-handle-outline-color:#ffffff;
  --mat-slider-ripple-color:#ba1a1a;
  --mat-slider-hover-state-layer-color:rgba(186, 26, 26, 0.05);
  --mat-slider-focus-state-layer-color:rgba(186, 26, 26, 0.2);
}
.mat-warn.mat-mdc-tab-group,
.mat-warn.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#ba1a1a;
  --mat-tab-header-active-focus-indicator-color:#ba1a1a;
  --mat-tab-header-active-hover-indicator-color:#ba1a1a;
}
.mat-warn.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color:#ba1a1a;
  --mdc-switch-selected-handle-color:#ffffff;
  --mdc-switch-selected-hover-state-layer-color:#ba1a1a;
  --mdc-switch-selected-pressed-state-layer-color:#ba1a1a;
  --mdc-switch-selected-focus-handle-color:#ffdad6;
  --mdc-switch-selected-hover-handle-color:#ffdad6;
  --mdc-switch-selected-pressed-handle-color:#ffdad6;
  --mdc-switch-selected-focus-track-color:#ba1a1a;
  --mdc-switch-selected-hover-track-color:#ba1a1a;
  --mdc-switch-selected-pressed-track-color:#ba1a1a;
  --mdc-switch-selected-track-color:#ba1a1a;
  --mdc-switch-selected-icon-color:#410002;
  --mat-switch-track-outline-color:#74777f;
  --mat-switch-disabled-unselected-track-outline-color:#1a1b1f;
  --mat-switch-label-text-color:#1a1b1f;
}
.mat-warn.mat-mdc-form-field {
  --mat-select-focused-arrow-color:#ba1a1a;
}
.mat-warn.mat-mdc-radio-button {
  --mdc-radio-selected-focus-icon-color:#ba1a1a;
  --mdc-radio-selected-hover-icon-color:#ba1a1a;
  --mdc-radio-selected-icon-color:#ba1a1a;
  --mdc-radio-selected-pressed-icon-color:#ba1a1a;
  --mat-radio-checked-ripple-color:#ba1a1a;
}
.mat-warn.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#ba1a1a;
  --mdc-linear-progress-track-color:#ffdad6;
}
.mat-warn.mat-mdc-form-field {
  --mdc-filled-text-field-caret-color:#ba1a1a;
  --mdc-filled-text-field-focus-active-indicator-color:#ba1a1a;
  --mdc-filled-text-field-focus-label-text-color:#ba1a1a;
  --mdc-outlined-text-field-caret-color:#ba1a1a;
  --mdc-outlined-text-field-focus-outline-color:#ba1a1a;
  --mdc-outlined-text-field-focus-label-text-color:#ba1a1a;
  --mat-form-field-focus-select-arrow-color:#ba1a1a;
}
.mat-warn.mat-datepicker-content {
  --mat-datepicker-calendar-date-selected-state-text-color:#ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color:#ba1a1a;
  --mat-datepicker-calendar-date-today-selected-state-outline-color:#ba1a1a;
  --mat-datepicker-calendar-date-in-range-state-background-color:#ffdad6;
  --mat-datepicker-calendar-date-today-outline-color:#ba1a1a;
  --mat-datepicker-calendar-date-preview-state-outline-color:#ba1a1a;
}
.mat-warn.mat-mdc-button-base {
  --mdc-text-button-label-text-color:#ba1a1a;
  --mdc-protected-button-label-text-color:#ba1a1a;
  --mdc-filled-button-container-color:#ba1a1a;
  --mdc-filled-button-label-text-color:#ffffff;
  --mdc-outlined-button-label-text-color:#ba1a1a;
  --mat-text-button-state-layer-color:#ba1a1a;
  --mat-text-button-ripple-color:rgba(186, 26, 26, 0.12);
  --mat-protected-button-state-layer-color:#ba1a1a;
  --mat-protected-button-ripple-color:rgba(186, 26, 26, 0.12);
  --mat-filled-button-state-layer-color:#ffffff;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color:#ba1a1a;
  --mat-outlined-button-ripple-color:rgba(186, 26, 26, 0.12);
  --mdc-icon-button-icon-color:#ba1a1a;
  --mat-icon-button-state-layer-color:#ba1a1a;
  --mat-icon-button-ripple-color:rgba(186, 26, 26, 0.12);
}
.mat-warn.mat-mdc-standard-chip {
  --mdc-chip-elevated-selected-container-color:#ffdad6;
  --mdc-chip-selected-hover-state-layer-color:#410002;
  --mdc-chip-selected-focus-state-layer-color:#410002;
  --mdc-chip-selected-label-text-color:#410002;
  --mdc-chip-with-icon-selected-icon-color:#410002;
  --mat-chip-selected-trailing-action-state-layer-color:#410002;
  --mat-chip-selected-trailing-icon-color:#410002;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-checkbox-selected-pressed-icon-color:#ba1a1a;
  --mdc-checkbox-selected-checkmark-color:#ffffff;
  --mdc-checkbox-selected-focus-icon-color:#ba1a1a;
  --mdc-checkbox-selected-hover-icon-color:#ba1a1a;
  --mdc-checkbox-selected-icon-color:#ba1a1a;
  --mdc-checkbox-selected-focus-state-layer-color:#ba1a1a;
  --mdc-checkbox-selected-hover-state-layer-color:#ba1a1a;
  --mdc-checkbox-unselected-pressed-state-layer-color:#ba1a1a;
  --mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
  --mat-checkbox-label-text-color:#1a1b1f;
  --mdc-radio-selected-focus-icon-color:#ba1a1a;
  --mdc-radio-selected-hover-icon-color:#ba1a1a;
  --mdc-radio-selected-icon-color:#ba1a1a;
  --mdc-radio-selected-pressed-icon-color:#ba1a1a;
  --mat-radio-checked-ripple-color:#ba1a1a;
}
.mat-display-large,
.mat-typography .mat-display-large,
.mat-typography h1 {
  font: 400 3.562rem / 4rem Roboto, sans-serif;
  letter-spacing: -0.016rem;
  margin: 0 0 .5em;
}
.mat-display-medium,
.mat-typography .mat-display-medium,
.mat-typography h2 {
  font: 400 2.812rem / 3.25rem Roboto, sans-serif;
  letter-spacing: 0;
  margin: 0 0 .5em;
}
.mat-display-small,
.mat-typography .mat-display-small,
.mat-typography h3 {
  font: 400 2.25rem / 2.75rem Roboto, sans-serif;
  letter-spacing: 0;
  margin: 0 0 .5em;
}
.mat-headline-large,
.mat-typography .mat-headline-large,
.mat-typography h4 {
  font: 400 2rem / 2.5rem Roboto, sans-serif;
  letter-spacing: 0;
  margin: 0 0 .5em;
}
.mat-headline-medium,
.mat-typography .mat-headline-medium,
.mat-typography h5 {
  font: 400 1.75rem / 2.25rem Roboto, sans-serif;
  letter-spacing: 0;
  margin: 0 0 .5em;
}
.mat-headline-small,
.mat-typography .mat-headline-small,
.mat-typography h6 {
  font: 400 1.5rem / 2rem Roboto, sans-serif;
  letter-spacing: 0;
  margin: 0 0 .5em;
}
.mat-title-large,
.mat-typography .mat-title-large {
  font: 400 1.375rem / 1.75rem Roboto, sans-serif;
  letter-spacing: 0;
}
.mat-title-medium,
.mat-typography .mat-title-medium {
  font: 500 1rem / 1.5rem Roboto, sans-serif;
  letter-spacing: .009rem;
}
.mat-title-small,
.mat-typography .mat-title-small {
  font: 500 .875rem / 1.25rem Roboto, sans-serif;
  letter-spacing: .006rem;
}
.mat-body-large,
.mat-typography .mat-body-large,
.mat-typography {
  font: 400 1rem / 1.5rem Roboto, sans-serif;
  letter-spacing: .031rem;
}
.mat-body-large p,
.mat-typography .mat-body-large p,
.mat-typography p {
  margin: 0 0 .75em;
}
.mat-body-medium,
.mat-typography .mat-body-medium {
  font: 400 .875rem / 1.25rem Roboto, sans-serif;
  letter-spacing: .016rem;
}
.mat-body-small,
.mat-typography .mat-body-small {
  font: 400 .75rem / 1rem Roboto, sans-serif;
  letter-spacing: .025rem;
}
.mat-label-large,
.mat-typography .mat-label-large {
  font: 500 .875rem / 1.25rem Roboto, sans-serif;
  letter-spacing: .006rem;
}
.mat-label-medium,
.mat-typography .mat-label-medium {
  font: 500 .75rem / 1rem Roboto, sans-serif;
  letter-spacing: .031rem;
}
.mat-label-small,
.mat-typography .mat-label-small {
  font: 500 .688rem / 1rem Roboto, sans-serif;
  letter-spacing: .031rem;
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* node_modules/@abb/arcadia-angular-v2/assets/fonts/ABB_Dias_font/style.css */
@font-face {
  font-family: "abb_set2";
  src: url("./media/abb_set2.eot?imag4p");
  src:
    url("./media/abb_set2.eot?imag4p#iefix") format("embedded-opentype"),
    url("./media/abb_set2.ttf?imag4p") format("truetype"),
    url("./media/abb_set2.woff?imag4p") format("woff"),
    url("./media/abb_set2.svg?imag4p#abb_set2") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon_abb_dias {
  font-family: "abb_set2" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-abb_real-estate-market-house:before {
  content: "\ec43";
}
.icon-abb_workflow-queue:before {
  content: "\ec46";
}
.icon-abb_warehouse-packages:before {
  content: "\ec47";
}
.icon-abb_trading-coin-monitor:before {
  content: "\ec48";
}
.icon-abb_office-file-text-graph:before {
  content: "\ec49";
}
.icon-abb_online-certificate-art-honor:before {
  content: "\ec4a";
}
.icon-abb_library-art:before {
  content: "\ec4b";
}
.icon-abb_suply-chain-shipping-truck:before {
  content: "\ec4c";
}
.icon-abb_cash-network:before {
  content: "\ec4d";
}
.icon-abb_cannabis-Logistic:before {
  content: "\ec4e";
}
.icon-abb_warehouse-package-box:before {
  content: "\ec4f";
}
.icon-abb_audio-book-art:before {
  content: "\ec50";
}
.icon-abb_helmet-cost-budget:before {
  content: "\ec51";
}
.icon-abb_financial-data:before {
  content: "\ec52";
}
.icon-abb_real-estate-message-house-buy:before {
  content: "\ec53";
}
.icon-abb_electric-car-charge:before {
  content: "\ec54";
}
.icon-abb_smart-house-phone-connect:before {
  content: "\ec55";
}
.icon-abb_truck-moving:before {
  content: "\ec56";
}
.icon-abb_real-estate-truck:before {
  content: "\ec57";
}
.icon-abb_building-home-switch-time:before {
  content: "\ec58";
}
.icon-abb_calendar-home:before {
  content: "\ec59";
}
.icon-abb_read-home:before {
  content: "\ec5a";
}
.icon-abb_media-library1:before {
  content: "\ec5b";
}
.icon-abb_global-colaboration-handshake1:before {
  content: "\ec5c";
}
.icon-abb_cloud-data-transfer1:before {
  content: "\ec5d";
}
.icon-abb_code-setting1:before {
  content: "\ec5e";
}
.icon-abb_authentication1:before {
  content: "\ec5f";
}
.icon-abb_cloud-web-service1:before {
  content: "\ec60";
}
.icon-abb_shield-protection1:before {
  content: "\ec61";
}
.icon-abb_amazon-web-service1:before {
  content: "\ec62";
}
.icon-abb-asset-factory-belt:before {
  content: "\ec63";
}
.icon-abb_insert-row:before {
  content: "\ec64";
}
.icon-abb_media-library:before {
  content: "\ec65";
}
.icon-abb_global-colaboration-handshake:before {
  content: "\ec66";
}
.icon-abb_cloud-data-transfer:before {
  content: "\ec67";
}
.icon-abb_code-setting:before {
  content: "\ec68";
}
.icon-abb_authentication:before {
  content: "\ec69";
}
.icon-abb_cloud-web-service:before {
  content: "\ec6a";
}
.icon-abb_shield-protection:before {
  content: "\ec6b";
}
.icon-abb_amazon-web-service:before {
  content: "\ec6c";
}
.icon-abb-asset-factory-belt1:before {
  content: "\ec6d";
}
.icon-abb_insert-row1:before {
  content: "\ec6e";
}
.icon-abb_sensi-DQR:before {
  content: "\ec44";
}
.icon-abb_factory-manufacturing:before {
  content: "\ec45";
}
.icon-abb_group-circle:before {
  content: "\ec41";
}
.icon-abb_screenshot:before {
  content: "\ec42";
}
.icon-abb_battery:before {
  content: "\ec36";
}
.icon-abb_compressor:before {
  content: "\ec37";
}
.icon-abb_engine:before {
  content: "\ec38";
}
.icon-abb_MRU-prediction:before {
  content: "\ec39";
}
.icon-abb_process-intelligence:before {
  content: "\ec3a";
}
.icon-abb_RVP-estimation:before {
  content: "\ec3b";
}
.icon-abb_sample:before {
  content: "\ec3c";
}
.icon-abb_slug-prediction:before {
  content: "\ec3d";
}
.icon-abb_strategy:before {
  content: "\ec3e";
}
.icon-abb_transmitter:before {
  content: "\ec3f";
}
.icon-abb_valve:before {
  content: "\ec40";
}
.icon-abb_pump:before {
  content: "\ec35";
}
.icon-abb_alarm-none:before {
  content: "\ec2c";
}
.icon-abb_diagnosis-active:before {
  content: "\ec2d";
}
.icon-abb_high--severity:before {
  content: "\ec2e";
}
.icon-abb_high-alarm:before {
  content: "\ec2f";
}
.icon-abb_information:before {
  content: "\ec30";
}
.icon-abb_low-severity:before {
  content: "\ec31";
}
.icon-abb_maintenance-required:before {
  content: "\ec32";
}
.icon-abb_medium-severity:before {
  content: "\ec33";
}
.icon-abb_warning-alarm:before {
  content: "\ec34";
}
.icon-abb_app-window-clock:before {
  content: "\ec24";
}
.icon-abb-microsoft-word-file:before {
  content: "\ec25";
}
.icon-abb_content-write-list:before {
  content: "\ec26";
}
.icon-abb_file-search-review:before {
  content: "\ec27";
}
.icon-abb_file-text-check-tick:before {
  content: "\ec28";
}
.icon-abb_file-text-refresh:before {
  content: "\ec29";
}
.icon-abb_task-list-edit:before {
  content: "\ec2a";
}
.icon-abb-find-search-file:before {
  content: "\ec2b";
}
.icon-abb_flash-light-wifi-connection:before {
  content: "\eb3f";
}
.icon-abb_plug-disconnected-1:before {
  content: "\ec11";
}
.icon-abb_battery-1:before {
  content: "\ec12";
}
.icon-abb_flash-light:before {
  content: "\ec13";
}
.icon-abb_mirror-cleaning-Wiper:before {
  content: "\ec14";
}
.icon-abb_motor-equipment:before {
  content: "\ec15";
}
.icon-abb_rating-star-circle:before {
  content: "\ec16";
}
.icon-abb_settings-slider-Desktop:before {
  content: "\ec17";
}
.icon-abb_synchronize-arrows1:before {
  content: "\ec18";
}
.icon-abb_all-files:before {
  content: "\ec19";
}
.icon-abb_C-files:before {
  content: "\ec1a";
}
.icon-abb_config-file:before {
  content: "\ec1b";
}
.icon-abb_L-files:before {
  content: "\ec1c";
}
.icon-abb_scanner:before {
  content: "\ec1d";
}
.icon-abb_s-files:before {
  content: "\ec1e";
}
.icon-abb_task-list-sync:before {
  content: "\ec1f";
}
.icon-abb_task-list-heart:before {
  content: "\ec20";
}
.icon-abb_man-user-share:before {
  content: "\ec21";
}
.icon-abb_messages-bubble-square-search1:before {
  content: "\ec22";
}
.icon-abb_import:before {
  content: "\ec23";
}
.icon-abb_group-users:before {
  content: "\ec0b";
}
.icon-abb_support:before {
  content: "\ec0c";
}
.icon-abb_vectors:before {
  content: "\ec0d";
}
.icon-abb_vectors-group:before {
  content: "\ec0e";
}
.icon-abb_vectors-ungroup:before {
  content: "\ec0f";
}
.icon-abb_web-service-access:before {
  content: "\ec10";
}
.icon-abb_insight360:before {
  content: "\ec04";
}
.icon-abb_coding-apps-add:before {
  content: "\ec06";
}
.icon-abb_earth-globe:before {
  content: "\ec07";
}
.icon-abb_ecology-globe-hand:before {
  content: "\ec08";
}
.icon-abb_select-drag-reorder-dots:before {
  content: "\ec09";
}
.icon-abb_workflow-commit:before {
  content: "\ec0a";
}
.icon-abb_workflow-teamwork-hierarch:before {
  content: "\ec01";
}
.icon-abb_Ar-view-see-through-eye:before {
  content: "\ec02";
}
.icon-abb_dependency-workflow:before {
  content: "\ec03";
}
.icon-abb_keyboard-arrow-top-right:before {
  content: "\ec05";
}
.icon-abb_analytics-sliced-pie:before {
  content: "\ebfd";
}
.icon-abb_branch-line:before {
  content: "\ebfe";
}
.icon-abb_flow-chart-hiierachy:before {
  content: "\ebff";
}
.icon-abb_user-mobility:before {
  content: "\ec00";
}
.icon-abb_user-network:before {
  content: "\ebe5";
}
.icon-abb_laptop-clock:before {
  content: "\ebe6";
}
.icon-abb_laptop-download:before {
  content: "\ebe7";
}
.icon-abb_laptop-lock1:before {
  content: "\ebe8";
}
.icon-abb_laptop-search:before {
  content: "\ebe9";
}
.icon-abb_ai_prompt-spark:before {
  content: "\ebea";
}
.icon-abb_ai-generate-variation:before {
  content: "\ebeb";
}
.icon-abb_alert-message-laptop:before {
  content: "\ebec";
}
.icon-abb_artificial-intelligence-spark:before {
  content: "\ebed";
}
.icon-abb_chain-link:before {
  content: "\ebee";
}
.icon-abb_contact-us-email:before {
  content: "\ebef";
}
.icon-abb_copy-paste1:before {
  content: "\ebf0";
}
.icon-abb_hierarchy-9:before {
  content: "\ebf1";
}
.icon-abb_laptop-share:before {
  content: "\ebf2";
}
.icon-abb_laptop-upload-1:before {
  content: "\ebf3";
}
.icon-abb_multiple-actions-share:before {
  content: "\ebf4";
}
.icon-abb_paper-write-edit:before {
  content: "\ebf5";
}
.icon-abb_quantum-ledger-database-chain:before {
  content: "\ebf6";
}
.icon-abb_science-molecule:before {
  content: "\ebf7";
}
.icon-abb_task-checklist-add:before {
  content: "\ebf8";
}
.icon-abb_task-list-search1:before {
  content: "\ebf9";
}
.icon-abb_task-list-settings1:before {
  content: "\ebfa";
}
.icon-abb_workflow-teammate-Circle:before {
  content: "\ebfb";
}
.icon-abb_laptop:before {
  content: "\ebfc";
}
.icon-abb_app-window-download:before {
  content: "\eb43";
}
.icon-abb_Hyperlink--link:before {
  content: "\ebe3";
}
.icon-abb-app-window-link:before {
  content: "\ebe4";
}
.icon-abb_task-list-settings:before {
  content: "\eb42";
}
.icon-abb_app-multiple:before {
  content: "\eaa2";
}
.icon-abb_list-add:before {
  content: "\eaa3";
}
.icon-abb_list-remove:before {
  content: "\eaa4";
}
.icon-abb_ask-list-clock:before {
  content: "\eaa5";
}
.icon-abb_task-list-download-1:before {
  content: "\eaa6";
}
.icon-abb_task-list-multiple:before {
  content: "\eb38";
}
.icon-abb_task-list-question:before {
  content: "\eb39";
}
.icon-abb_task-list-remove:before {
  content: "\eb3a";
}
.icon-abb_task-list-search:before {
  content: "\eb3b";
}
.icon-abb_task-list-share:before {
  content: "\eb3c";
}
.icon-abb_task-list-star:before {
  content: "\eb3d";
}
.icon-abb_task-list-text:before {
  content: "\eb3e";
}
.icon-abb_single-shield-secure:before {
  content: "\ebdf";
}
.icon-abb_data-file-shiel:before {
  content: "\ebe0";
}
.icon-abb_laptop-lock:before {
  content: "\ebe1";
}
.icon-abb_lock-unlock:before {
  content: "\ebe2";
}
.icon-abb_browser-page-account:before {
  content: "\ebd8";
}
.icon-abb_foundation-square-stack:before {
  content: "\ebd9";
}
.icon-abb_label-data-modeling:before {
  content: "\ebda";
}
.icon-abb_model-config-deploy:before {
  content: "\ebdb";
}
.icon-abb_model-config:before {
  content: "\ebdc";
}
.icon-abb_monitor-optimise:before {
  content: "\ebdd";
}
.icon-abb_virtual-display-desktop-monitor:before {
  content: "\ebde";
}
.icon-abb_browser-hand:before {
  content: "\ebd6";
}
.icon-abb_download-box:before {
  content: "\ebd7";
}
.icon-abb_ai-model:before {
  content: "\ebcc";
}
.icon-abb_asset-model-config:before {
  content: "\ebcd";
}
.icon-abb_asset-model:before {
  content: "\ebce";
}
.icon-abb_asset:before {
  content: "\ebcf";
}
.icon-abb_event-1:before {
  content: "\ebd0";
}
.icon-abb_parameter1:before {
  content: "\ebd1";
}
.icon-abb_system-tag:before {
  content: "\ebd2";
}
.icon-abb_system:before {
  content: "\ebd3";
}
.icon-abb_template-configuration:before {
  content: "\ebd4";
}
.icon-abb_template-defination1:before {
  content: "\ebd5";
}
.icon-abb_input-outputs:before {
  content: "\ebcb";
}
.icon-abb_Ai-browser:before {
  content: "\ebb9";
}
.icon-abb_Ai-settings:before {
  content: "\ebba";
}
.icon-abb_checklist:before {
  content: "\ebbb";
}
.icon-abb_common-file-text-check-1:before {
  content: "\ebbc";
}
.icon-abb_data-file-bars-check:before {
  content: "\ebbd";
}
.icon-abb_data-file-search-1:before {
  content: "\ebbe";
}
.icon-abb_file-Code-settings:before {
  content: "\ebbf";
}
.icon-abb_file-Copyright-user:before {
  content: "\ebc0";
}
.icon-abb_form-hub-management-list-document:before {
  content: "\ebc1";
}
.icon-abb_gauge-dashboard-1:before {
  content: "\ebc2";
}
.icon-abb_layout-content1:before {
  content: "\ebc3";
}
.icon-abb_layout-two-colums:before {
  content: "\ebc4";
}
.icon-abb_messages-bubble-square-search:before {
  content: "\ebc5";
}
.icon-abb_Overflow-2-exist:before {
  content: "\ebc6";
}
.icon-abb_single-man-actions-check:before {
  content: "\ebc7";
}
.icon-abb_symbol-equal:before {
  content: "\ebc8";
}
.icon-abb_technology-search-copy:before {
  content: "\ebc9";
}
.icon-abb_technology-search-ai:before {
  content: "\ebca";
}
.icon-abb_light-mode-flash-on:before {
  content: "\ebac";
}
.icon-abb_wifi-upload-signal:before {
  content: "\ebad";
}
.icon-abb_style-three-Pin-anchor:before {
  content: "\ebae";
}
.icon-abb_health-emergency-signa:before {
  content: "\ebaf";
}
.icon-abb_sea-transport-boat_marine:before {
  content: "\ebb0";
}
.icon-abb_sea-transport-Ship-marine:before {
  content: "\ebb1";
}
.icon-abb_statistic-cross:before {
  content: "\ebb2";
}
.icon-abb_support-heart:before {
  content: "\ebb3";
}
.icon-abb_technology-signal:before {
  content: "\ebb4";
}
.icon-abb_temperature-Thermometer-High:before {
  content: "\ebb5";
}
.icon-abb_water-drop:before {
  content: "\ebb6";
}
.icon-abb_water-Protection-Drop:before {
  content: "\ebb7";
}
.icon-abb_wifi-upload-signal1:before {
  content: "\ebb8";
}
.icon-abb_app-Window-Disable:before {
  content: "\eb9c";
}
.icon-abb_app-Window-Expand:before {
  content: "\eb9d";
}
.icon-abb_app-Window-Minimize:before {
  content: "\eb9e";
}
.icon-abb_app-Window-Search:before {
  content: "\eb9f";
}
.icon-abb_app-Window-Warning:before {
  content: "\eba0";
}
.icon-abb_monitor-heart:before {
  content: "\eba1";
}
.icon-abb_time-Clock-Hand-1--Streamline-Ultimate:before {
  content: "\eba2";
}
.icon-abb_bookmarks-document:before {
  content: "\eba3";
}
.icon-abb_file-Copyright-Equal:before {
  content: "\eba4";
}
.icon-abb_layout-Two-Colums:before {
  content: "\eba5";
}
.icon-abb_monitoring-Heart-Beat-Laptop:before {
  content: "\eba6";
}
.icon-abb_programming-Hold-Code:before {
  content: "\eba7";
}
.icon-abb_row-Delete:before {
  content: "\eba8";
}
.icon-abb_app-Window-Download:before {
  content: "\eba9";
}
.icon-abb_app-Window-Star:before {
  content: "\ebaa";
}
.icon-abb_bookmark-delete:before {
  content: "\ebab";
}
.icon-abb_datakey:before {
  content: "\eb99";
}
.icon-abb_instance-appearance:before {
  content: "\eb9a";
}
.icon-abb_smssetting:before {
  content: "\eb9b";
}
.icon-abb_shapes:before {
  content: "\eb96";
}
.icon-abb_hand-expan:before {
  content: "\eb97";
}
.icon-abb_shape-triangle-circle:before {
  content: "\eb98";
}
.icon-abb_actions:before {
  content: "\eb88";
}
.icon-abb_audio-Book:before {
  content: "\eb89";
}
.icon-abb_book-Close--S:before {
  content: "\eb8a";
}
.icon-abb_detach-workflow-request-closed:before {
  content: "\eb8b";
}
.icon-abb_group-workflow-collaborate:before {
  content: "\eb8c";
}
.icon-abb_hierarchy-1:before {
  content: "\eb8d";
}
.icon-abb_hierarchy-connect:before {
  content: "\eb8e";
}
.icon-abb_line-1:before {
  content: "\eb8f";
}
.icon-abb_online-Learning:before {
  content: "\eb90";
}
.icon-abb_ungroup-workflow-pull-request:before {
  content: "\eb91";
}
.icon-abb_unpin:before {
  content: "\eb92";
}
.icon-abb_user-book-guide:before {
  content: "\eb93";
}
.icon-abb_workflow-Exit:before {
  content: "\eb94";
}
.icon-abb_workflow-merge:before {
  content: "\eb95";
}
.icon-abb_align-bottom:before {
  content: "\eb86";
}
.icon-abb_align-top:before {
  content: "\eb87";
}
.icon-abb_align-center:before {
  content: "\eb71";
}
.icon-abb_align-left:before {
  content: "\eb72";
}
.icon-abb_align-middle:before {
  content: "\eb73";
}
.icon-abb_align-right:before {
  content: "\eb74";
}
.icon-abb_coding-apps:before {
  content: "\eb75";
}
.icon-abb_custom-pipeline:before {
  content: "\eb76";
}
.icon-abb_email-Action-Send:before {
  content: "\eb77";
}
.icon-abb_email-mangement:before {
  content: "\eb78";
}
.icon-abb_Email-Sending:before {
  content: "\eb79";
}
.icon-abb_grid-Dot:before {
  content: "\eb7a";
}
.icon-abb_indent-increase:before {
  content: "\eb7b";
}
.icon-abb_indent:before {
  content: "\eb7c";
}
.icon-abb_layout-Array:before {
  content: "\eb7d";
}
.icon-abb_paragraph-Two:before {
  content: "\eb7e";
}
.icon-abb_picture-Polaroid:before {
  content: "\eb7f";
}
.icon-abb_relase-note:before {
  content: "\eb80";
}
.icon-abb_slider-Vertical:before {
  content: "\eb81";
}
.icon-abb_vectors-Anchor:before {
  content: "\eb82";
}
.icon-abb_aligntext:before {
  content: "\eb83";
}
.icon-abb_asset-performance:before {
  content: "\eb84";
}
.icon-abb_cloudexpress:before {
  content: "\eb85";
}
.icon-abb_common-file-text-download:before {
  content: "\eb68";
}
.icon-abb_controls-play:before {
  content: "\eb69";
}
.icon-abb_edit-Pdf:before {
  content: "\eb6a";
}
.icon-abb_file-code:before {
  content: "\eb6b";
}
.icon-abb_file-Csv:before {
  content: "\eb6c";
}
.icon-abb_microsoft-Excel:before {
  content: "\eb6d";
}
.icon-abb_office-file-Pdf:before {
  content: "\eb6e";
}
.icon-abb_office-file-sheet:before {
  content: "\eb6f";
}
.icon-abb_workflow-data-table:before {
  content: "\eb70";
}
.icon-abb_amazon:before {
  content: "\ea9c";
}
.icon-abb_copy-paste:before {
  content: "\eb62";
}
.icon-abb_cursor-target:before {
  content: "\eb63";
}
.icon-abb_full-screen:before {
  content: "\eb64";
}
.icon-abb_keyboard:before {
  content: "\eb65";
}
.icon-abb_maps:before {
  content: "\eb66";
}
.icon-abb_browser-idea:before {
  content: "\eb4f";
}
.icon-abb_camera1:before {
  content: "\eb50";
}
.icon-abb_cut:before {
  content: "\eb51";
}
.icon-abb_group:before {
  content: "\eb52";
}
.icon-abb_history1:before {
  content: "\eb53";
}
.icon-abb_logout1:before {
  content: "\eb54";
}
.icon-abb_modules:before {
  content: "\eb55";
}
.icon-abb_optimization-clock:before {
  content: "\eb56";
}
.icon-abb_redo1:before {
  content: "\eb57";
}
.icon-abb_shape-circle-add:before {
  content: "\eb58";
}
.icon-abb_shape-square-add:before {
  content: "\eb59";
}
.icon-abb_shuffle:before {
  content: "\eb5a";
}
.icon-abb_square-cursor:before {
  content: "\eb5b";
}
.icon-abb_text-flow:before {
  content: "\eb5c";
}
.icon-abb_text-format:before {
  content: "\eb5d";
}
.icon-abb_text-Input-area:before {
  content: "\eb5e";
}
.icon-abb_timer:before {
  content: "\eb5f";
}
.icon-abb_typing-input:before {
  content: "\eb60";
}
.icon-abb_undo1:before {
  content: "\eb61";
}
.icon-abb_analytics-bars:before {
  content: "\eb44";
}
.icon-abb_app-window:before {
  content: "\eb45";
}
.icon-abb_browser-page:before {
  content: "\eb46";
}
.icon-abb_composition-layout:before {
  content: "\eb47";
}
.icon-abb_data-file-bars-share:before {
  content: "\eb48";
}
.icon-abb_design-tool-layout:before {
  content: "\eb49";
}
.icon-abb_history-time-reverse:before {
  content: "\eb4a";
}
.icon-abb_layout-bullets-list:before {
  content: "\eb4b";
}
.icon-abb_layout-content:before {
  content: "\eb4c";
}
.icon-abb_list-bullets:before {
  content: "\eb4d";
}
.icon-abb_refresh:before {
  content: "\eb4e";
}
.icon-abb_pipeline-1:before {
  content: "\eb33";
}
.icon-abb_fan_2:before {
  content: "\eb34";
}
.icon-abb_fan:before {
  content: "\eb35";
}
.icon-abb_synchronize-arrows-search1:before {
  content: "\eb36";
}
.icon-abb-design:before {
  content: "\eb37";
}
.icon-abb-devlopment:before {
  content: "\eb40";
}
.icon-abb-portfolio:before {
  content: "\eb41";
}
.icon-abb_arrow-down:before {
  content: "\eb31";
}
.icon-abb_arrow-up1:before {
  content: "\eb32";
}
.icon-abb_user-profile:before {
  content: "\eacb";
}
.icon-abb_atabase-lock:before {
  content: "\eacd";
}
.icon-abb_data-network:before {
  content: "\eb2a";
}
.icon-abb_database-clock:before {
  content: "\eb2b";
}
.icon-abb_database-key:before {
  content: "\eb2c";
}
.icon-abb_database-setting:before {
  content: "\eb2d";
}
.icon-abb_database1:before {
  content: "\eb2e";
}
.icon-abb_setting-cog:before {
  content: "\eb2f";
}
.icon-abb_workflow-Data-Table:before {
  content: "\eb30";
}
.icon-abb_static:before {
  content: "\eb25";
}
.icon-abb_databasetime:before {
  content: "\eb26";
}
.icon-abb_electrical:before {
  content: "\eb27";
}
.icon-abb_instrumentation:before {
  content: "\eb28";
}
.icon-abb_rotating:before {
  content: "\eb29";
}
.icon-abb_redo:before {
  content: "\eb22";
}
.icon-abb_save:before {
  content: "\eb23";
}
.icon-abb_undo:before {
  content: "\eb24";
}
.icon-abb_navigation-menu-vertical:before {
  content: "\eb1c";
}
.icon-abb_service-mangemnet:before {
  content: "\eb1d";
}
.icon-abb_virtual:before {
  content: "\eb1e";
}
.icon-abb_add-Comment:before {
  content: "\eb1f";
}
.icon-abb_coding:before {
  content: "\eb20";
}
.icon-abb_database:before {
  content: "\eb21";
}
.icon-abb_arrow-right:before {
  content: "\eb19";
}
.icon-abb_menu-horizontal:before {
  content: "\eb1a";
}
.icon-abb_menu-vertical:before {
  content: "\eb1b";
}
.icon-abb_file-hierarchy:before {
  content: "\eac8";
}
.icon-abb_recruiting-Employee:before {
  content: "\eac9";
}
.icon-abb_server-search:before {
  content: "\eb16";
}
.icon-abb_server:before {
  content: "\eb17";
}
.icon-abb_user-data:before {
  content: "\eb18";
}
.icon-abb_double-arrow-down_small-10:before {
  content: "\eac6";
}
.icon-abb_double-arrow-up_small-10:before {
  content: "\eac7";
}
.icon-abb-user-managment-repository:before {
  content: "\eb14";
}
.icon-abb_lock:before {
  content: "\eb15";
}
.icon-abb_double-arrow-left_medium:before {
  content: "\eb11";
}
.icon-abb_double-arrow-right_medium:before {
  content: "\eb12";
}
.icon-abb_metallurgy-metal:before {
  content: "\eb13";
}
.icon-abb_triangle-down-Arrow:before {
  content: "\eb0f";
}
.icon-abb_triangle-up-Arrow:before {
  content: "\eb10";
}
.icon-abb_arrow-left_small-10:before {
  content: "\eb0d";
}
.icon-abb_arrow-right_small-10:before {
  content: "\eb0e";
}
.icon-abb_arrow-down_small-10:before {
  content: "\eb0b";
}
.icon-abb_arrow-up_small-10:before {
  content: "\eb0c";
}
.icon-abb_sorting_In:before {
  content: "\eacf";
}
.icon-abb_sorting_out:before {
  content: "\ead0";
}
.icon-abb_Placeholder-Icon:before {
  content: "\ead1";
}
.icon-abb_search-small:before {
  content: "\eac3";
}
.icon-abb_add-small:before {
  content: "\eac4";
}
.icon-abb_warning-fill:before {
  content: "\eaca";
}
.icon-abb_global-Navigation-Menu:before {
  content: "\eb08";
}
.icon-abb_cooling-system-optimization1:before {
  content: "\eb09";
}
.icon-abb_Task-List-Check-2:before {
  content: "\eb0a";
}
.icon-abb_Factory-Building-Cog-3:before {
  content: "\eb01";
}
.icon-abb_Factory-Building:before {
  content: "\eb02";
}
.icon-abb_Factory-Building2:before {
  content: "\eb03";
}
.icon-abb_collapse-Shrink:before {
  content: "\eb04";
}
.icon-abb_Expand:before {
  content: "\eb05";
}
.icon-abb_Factory-Building-1:before {
  content: "\eb06";
}
.icon-abb_Pause-1:before {
  content: "\eb07";
}
.icon-abb_Tags-Check:before {
  content: "\eaf9";
}
.icon-abb_Tags-Search:before {
  content: "\eafa";
}
.icon-abb_arrow-Down:before {
  content: "\eafb";
}
.icon-abb_arrow-up:before {
  content: "\eafc";
}
.icon-abb_Computer-Chip:before {
  content: "\eafd";
}
.icon-abb_Computer-Ram:before {
  content: "\eafe";
}
.icon-abb_Programming:before {
  content: "\eaff";
}
.icon-abb_Turntable:before {
  content: "\eb00";
}
.icon-abb_data-graph:before {
  content: "\eaef";
}
.icon-abb_Estimate-Time:before {
  content: "\eaf0";
}
.icon-abb_Headphones:before {
  content: "\eaf1";
}
.icon-abb_history:before {
  content: "\eaf2";
}
.icon-abb_Music-Sound:before {
  content: "\eaf3";
}
.icon-abb_Settings:before {
  content: "\eaf4";
}
.icon-abb_Slider-Horizontal:before {
  content: "\eaf5";
}
.icon-abb_Volume-Control:before {
  content: "\eaf6";
}
.icon-abb_Volume-Control-Down:before {
  content: "\eaf7";
}
.icon-abb_Volume-Control-Off:before {
  content: "\eaf8";
}
.icon-abb_mike-off:before {
  content: "\eae8";
}
.icon-abb_mike:before {
  content: "\eae9";
}
.icon-abb_pause:before {
  content: "\eaea";
}
.icon-abb_reload:before {
  content: "\eaeb";
}
.icon-abb_stop-1:before {
  content: "\eaec";
}
.icon-abb_stop:before {
  content: "\eaed";
}
.icon-abb_user-check:before {
  content: "\eaee";
}
.icon-abb_operation:before {
  content: "\ea40";
}
.icon-abb_supplychain:before {
  content: "\ea41";
}
.icon-abb_sustainibility:before {
  content: "\ea42";
}
.icon-abb_folder:before {
  content: "\ea43";
}
.icon-abb_arrange-Letter-sorting:before {
  content: "\eae5";
}
.icon-abb_toggle-Setting-On:before {
  content: "\eae6";
}
.icon-abb_toggle-Setting-Off:before {
  content: "\eae7";
}
.icon-abb_ecology-leaf-bulb:before {
  content: "\eae1";
}
.icon-abb_single-shield:before {
  content: "\eae2";
}
.icon-abb_single-graph:before {
  content: "\eae3";
}
.icon-abb_performance-money-increase:before {
  content: "\eae4";
}
.icon-abb_synchronize-arrows-warning:before {
  content: "\eaba";
}
.icon-abb_synchronize-arrows:before {
  content: "\eabb";
}
.icon-abb_app-window-module:before {
  content: "\eabc";
}
.icon-abb_android-settings:before {
  content: "\eabd";
}
.icon-abb_design:before {
  content: "\eabe";
}
.icon-abb_navigation-menu-3:before {
  content: "\eabf";
}
.icon-abb_navigation-menu1:before {
  content: "\eac0";
}
.icon-abb_normal-screen:before {
  content: "\eac1";
}
.icon-abb_error:before {
  content: "\eac2";
}
.icon-abb_information-circle1:before {
  content: "\eac5";
}
.icon-abb_tick:before {
  content: "\eacc";
}
.icon-abb_warning:before {
  content: "\eace";
}
.icon-abb_cancel_small:before {
  content: "\ead2";
}
.icon-abb_collapse-horizontal:before {
  content: "\ead3";
}
.icon-abb_collapse-Vertical:before {
  content: "\ead4";
}
.icon-abb_collapse:before {
  content: "\ead5";
}
.icon-abb_expand-full:before {
  content: "\ead6";
}
.icon-abb_expand-horizontal:before {
  content: "\ead7";
}
.icon-abb_expand-vertical:before {
  content: "\ead8";
}
.icon-abb_expand:before {
  content: "\ead9";
}
.icon-abb_loading-circle-1:before {
  content: "\eada";
}
.icon-abb_sidebar-collapes:before {
  content: "\eadb";
}
.icon-thumb-down-dislike:before {
  content: "\eadc";
}
.icon-abb_sidebar-expand:before {
  content: "\eadd";
}
.icon-abb_tick-completed-circle-1:before {
  content: "\eade";
}
.icon-shrink:before {
  content: "\eadf";
}
.icon-thumb-up-like:before {
  content: "\eae0";
}
.icon-abb_abb_retouch-select-4:before {
  content: "\eab1";
}
.icon-abb_check1:before {
  content: "\eab2";
}
.icon-abb_check2:before {
  content: "\eab3";
}
.icon-abb_copy-2-1:before {
  content: "\eab4";
}
.icon-abb_layers-front-2:before {
  content: "\eab5";
}
.icon-abb_send:before {
  content: "\eab6";
}
.icon-abb_task-list-check5:before {
  content: "\eab7";
}
.icon-abb_thumb-down-dislike:before {
  content: "\eab8";
}
.icon-abb_thumb-up-like-7:before {
  content: "\eab9";
}
.icon-abb_app-user:before {
  content: "\eab0";
}
.icon-abb_contactless-payment:before {
  content: "\eaa7";
}
.icon-abb_graph-stats-circle:before {
  content: "\eaa8";
}
.icon-abb_photo-audio-player:before {
  content: "\eaa9";
}
.icon-abb_rotor-dynamics:before {
  content: "\eaaa";
}
.icon-abb_rotormodel-library:before {
  content: "\eaab";
}
.icon-abb_RUL:before {
  content: "\eaac";
}
.icon-abb_smartopertor:before {
  content: "\eaad";
}
.icon-abb_user:before {
  content: "\eaae";
}
.icon-abb_vibration-analytics:before {
  content: "\eaaf";
}
.icon-abb_folder-open:before {
  content: "\eaa1";
}
.icon-abb_app-plugin1:before {
  content: "\ea9f";
}
.icon-abb_module-hand-puzzle:before {
  content: "\eaa0";
}
.icon-abb_calendar1:before {
  content: "\ea9d";
}
.icon-abb_service-chart:before {
  content: "\ea9e";
}
.icon-abb_technology-robot-speech:before {
  content: "\eb67";
}
.icon-abb_area-location:before {
  content: "\ea7e";
}
.icon-abb_battery-life:before {
  content: "\ea7f";
}
.icon-abb_consumption:before {
  content: "\ea80";
}
.icon-abb_device-measure:before {
  content: "\ea81";
}
.icon-abb_download-1:before {
  content: "\ea82";
}
.icon-abb_download-2:before {
  content: "\ea83";
}
.icon-abb_Flow-percentage:before {
  content: "\ea84";
}
.icon-abb_flow-rate:before {
  content: "\ea85";
}
.icon-abb_forward:before {
  content: "\ea86";
}
.icon-abb_health1:before {
  content: "\ea87";
}
.icon-abb_maxflow:before {
  content: "\ea88";
}
.icon-abb_min-flow:before {
  content: "\ea89";
}
.icon-abb_night-flow:before {
  content: "\ea8a";
}
.icon-abb_onboarding1:before {
  content: "\ea8b";
}
.icon-abb_peak-flow:before {
  content: "\ea8c";
}
.icon-abb_pressure:before {
  content: "\ea8d";
}
.icon-abb_reverse:before {
  content: "\ea8e";
}
.icon-abb_signal-quality:before {
  content: "\ea8f";
}
.icon-abb_velocity:before {
  content: "\ea90";
}
.icon-abb-event-log:before {
  content: "\ea91";
}
.icon-Frame:before {
  content: "\ea92";
}
.icon-abb_accounting-calculator-1:before {
  content: "\ea93";
}
.icon-abb_brain-1:before {
  content: "\ea94";
}
.icon-abb_calculate-table:before {
  content: "\ea95";
}
.icon-abb_data-file-bars-remove:before {
  content: "\ea96";
}
.icon-abb_file-code-search:before {
  content: "\ea97";
}
.icon-abb_file-code-settings-1:before {
  content: "\ea98";
}
.icon-abb_source-integration:before {
  content: "\ea99";
}
.icon-abb_boiler:before {
  content: "\ea9a";
}
.icon-abb_coolingtower:before {
  content: "\ea9b";
}
.icon-abb_electronics-motor1:before {
  content: "\ea7c";
}
.icon-abb_transformer:before {
  content: "\ea7d";
}
.icon-abb_air-wind:before {
  content: "\ea72";
}
.icon-abb_engineering:before {
  content: "\ea73";
}
.icon-abb_innovation:before {
  content: "\ea74";
}
.icon-abb_lab:before {
  content: "\ea75";
}
.icon-abb_legal:before {
  content: "\ea76";
}
.icon-abb_maintence:before {
  content: "\ea77";
}
.icon-abb_mine:before {
  content: "\ea78";
}
.icon-abb_permit:before {
  content: "\ea79";
}
.icon-abb_personal-mangement:before {
  content: "\ea7a";
}
.icon-abb_transport:before {
  content: "\ea7b";
}
.icon-abb_popout-1:before {
  content: "\ea71";
}
.icon-abb_view-1:before {
  content: "\ea6b";
}
.icon-abb_color-bucket-brush:before {
  content: "\ea6c";
}
.icon-abb_paragraph-center-align:before {
  content: "\ea6d";
}
.icon-abb_paragraph-left-align:before {
  content: "\ea6e";
}
.icon-abb_paragraph-right-align:before {
  content: "\ea6f";
}
.icon-abb_text-justify:before {
  content: "\ea70";
}
.icon-abb_database-warning1:before {
  content: "\ea68";
}
.icon-abb_service-failure-warning-1:before {
  content: "\ea69";
}
.icon-abb_sign-warning:before {
  content: "\ea6a";
}
.icon-abb_arrange-letter:before {
  content: "\ea5d";
}
.icon-abb_arrange-list-ascending-1:before {
  content: "\ea5e";
}
.icon-abb_arrange-list-descending:before {
  content: "\ea5f";
}
.icon-abb_arrow-button-down-2:before {
  content: "\ea60";
}
.icon-abb_arrow-button-up:before {
  content: "\ea61";
}
.icon-abb_color-bucket-1:before {
  content: "\ea62";
}
.icon-abb_color-picker-3:before {
  content: "\ea63";
}
.icon-abb_email-sending-circle:before {
  content: "\ea64";
}
.icon-abb_messages-bubble-square-text:before {
  content: "\ea65";
}
.icon-abb_navigation-up-circle:before {
  content: "\ea66";
}
.icon-abb_visualisation:before {
  content: "\ea67";
}
.icon-abb_calendar-add-1:before {
  content: "\ea58";
}
.icon-abb_calendar-block:before {
  content: "\ea59";
}
.icon-abb_data-file-bars-sync:before {
  content: "\ea5a";
}
.icon-abb_hierarchy1:before {
  content: "\ea5b";
}
.icon-abb_synchronize-refresh:before {
  content: "\ea5c";
}
.icon-abb_-table-view:before {
  content: "\ea54";
}
.icon-abb_excel-logo:before {
  content: "\ea55";
}
.icon-abb_workflow-data-table-alert:before {
  content: "\ea56";
}
.icon-abb_workflow-gantt-chart:before {
  content: "\ea57";
}
.icon-abb_calendar-clock:before {
  content: "\ea44";
}
.icon-abb_cloud-text:before {
  content: "\ea45";
}
.icon-abb_dashboard-1:before {
  content: "\ea46";
}
.icon-abb_data-file-clock:before {
  content: "\ea47";
}
.icon-abb_download:before {
  content: "\ea48";
}
.icon-abb_ecology-leaf-settings:before {
  content: "\ea49";
}
.icon-abb_file-code-edit-1:before {
  content: "\ea4a";
}
.icon-abb_folder1:before {
  content: "\ea4b";
}
.icon-abb_license:before {
  content: "\ea4c";
}
.icon-abb_note:before {
  content: "\ea4d";
}
.icon-abb_privacy:before {
  content: "\ea4e";
}
.icon-abb_renewable-energy-solar-panel:before {
  content: "\ea4f";
}
.icon-abb_software-monitor-cog:before {
  content: "\ea50";
}
.icon-abb_solar-panel-and-battery:before {
  content: "\ea51";
}
.icon-abb_temperature-up:before {
  content: "\ea52";
}
.icon-abb_web-service-managed-service-1:before {
  content: "\ea53";
}
.icon-abb_home:before {
  content: "\ea3b";
}
.icon-abb_truck-vehical:before {
  content: "\ea3c";
}
.icon-abb_web-service-managed-service-search:before {
  content: "\ea3d";
}
.icon-abb_alert-notification:before {
  content: "\ea3e";
}
.icon-abb_read:before {
  content: "\ea3f";
}
.icon-abb_app-setting-copy-2:before {
  content: "\ea2a";
}
.icon-abb_delete-copy:before {
  content: "\ea3a";
}
.icon-abb_alert-diamond:before {
  content: "\ea2b";
}
.icon-abb_attachment:before {
  content: "\ea2c";
}
.icon-abb_close-eyes:before {
  content: "\ea2d";
}
.icon-abb_delete1:before {
  content: "\ea2e";
}
.icon-abb_layout-cards:before {
  content: "\ea2f";
}
.icon-abb_layout-list:before {
  content: "\ea30";
}
.icon-abb_open-eyes:before {
  content: "\ea31";
}
.icon-abb_pin:before {
  content: "\ea32";
}
.icon-abb_question-circle:before {
  content: "\ea33";
}
.icon-abb_share:before {
  content: "\ea34";
}
.icon-abb_synchronize-arrows-search:before {
  content: "\ea35";
}
.icon-abb_technology-head-ai:before {
  content: "\ea36";
}
.icon-abb_technology-privacy:before {
  content: "\ea37";
}
.icon-abb_time-clock:before {
  content: "\ea38";
}
.icon-abb_tool-box:before {
  content: "\ea39";
}
.icon-abb_alert-circle:before {
  content: "\ea1a";
}
.icon-abb_arrow-button-left-1:before {
  content: "\ea1b";
}
.icon-abb_arrow-button-right-1:before {
  content: "\ea1c";
}
.icon-abb_arrow-left-1:before {
  content: "\ea1d";
}
.icon-abb_arrow-left:before {
  content: "\ea1e";
}
.icon-abb_arrow-right-1:before {
  content: "\ea1f";
}
.icon-abb_calendar-favorite:before {
  content: "\ea20";
}
.icon-abb_calendar-setting:before {
  content: "\ea21";
}
.icon-abb_edit:before {
  content: "\ea22";
}
.icon-abb_copy-1:before {
  content: "\ea23";
}
.icon-abb_duplicate:before {
  content: "\ea24";
}
.icon-abb_filter-3:before {
  content: "\ea25";
}
.icon-abb_search-remove:before {
  content: "\ea26";
}
.icon-abb_search1:before {
  content: "\ea27";
}
.icon-abb_zoom-in:before {
  content: "\ea28";
}
.icon-abb_zoom-out:before {
  content: "\ea29";
}
.icon-abb_cancel-1:before {
  content: "\ea0e";
}
.icon-abb_cancel-circle:before {
  content: "\ea0f";
}
.icon-abb_delete:before {
  content: "\ea10";
}
.icon-abb_global-nav:before {
  content: "\ea11";
}
.icon-abb_information-circle:before {
  content: "\ea12";
}
.icon-abb_location:before {
  content: "\ea13";
}
.icon-abb_menu:before {
  content: "\ea14";
}
.icon-abb_navigation-menu:before {
  content: "\ea15";
}
.icon-abb_app-setting-copy:before {
  content: "\ea16";
}
.icon-abb_back:before {
  content: "\ea17";
}
.icon-abb_setting:before {
  content: "\ea18";
}
.icon-abb_user-preferance:before {
  content: "\ea19";
}
.icon-abb_app-window-graph:before {
  content: "\ea08";
}
.icon-abb_analytics-graph:before {
  content: "\ea09";
}
.icon-abb_analytics-pie-3:before {
  content: "\ea0a";
}
.icon-abb_asset-looss-performance:before {
  content: "\ea0b";
}
.icon-abb_business-moneysvg:before {
  content: "\ea0c";
}
.icon-abb_loss:before {
  content: "\ea0d";
}
.icon-abb_shield-settings:before {
  content: "\ea04";
}
.icon-abb_administration:before {
  content: "\ea05";
}
.icon-abb_Language:before {
  content: "\ea06";
}
.icon-abb_logout:before {
  content: "\ea07";
}
.icon-abb_schema1:before {
  content: "\ea03";
}
.icon-abb_managementwrench:before {
  content: "\ea00";
}
.icon-abb_copilot:before {
  content: "\ea01";
}
.icon-abb_seo-search-graph:before {
  content: "\ea02";
}
.icon-abb_add-circle:before {
  content: "\e9f6";
}
.icon-abb_app-expand:before {
  content: "\e9f7";
}
.icon-abb_app-minimize:before {
  content: "\e9f8";
}
.icon-abb_employee:before {
  content: "\e9f9";
}
.icon-abb_female:before {
  content: "\e9fa";
}
.icon-abb_male:before {
  content: "\e9fb";
}
.icon-abb_library:before {
  content: "\e9fc";
}
.icon-abb_minus-circle:before {
  content: "\e9fd";
}
.icon-abb_sync:before {
  content: "\e9fe";
}
.icon-abb_upload-bottom:before {
  content: "\e9ff";
}
.icon-abb_predictive-maintenance1:before {
  content: "\e9ee";
}
.icon-abb_asset-model-lib:before {
  content: "\e9ef";
}
.icon-abb_event-rules:before {
  content: "\e9f0";
}
.icon-abb_fault-prediction:before {
  content: "\e9f1";
}
.icon-abb_performance-monitoring:before {
  content: "\e9f2";
}
.icon-abb_predict360:before {
  content: "\e9f3";
}
.icon-abb_template--configuration:before {
  content: "\e9f4";
}
.icon-abb_template-defination:before {
  content: "\e9f5";
}
.icon-abb_calculation:before {
  content: "\e9e0";
}
.icon-abb_contextualization:before {
  content: "\e9e1";
}
.icon-abb_crane:before {
  content: "\e9e2";
}
.icon-abb_data-catalog:before {
  content: "\e9e3";
}
.icon-abb_device-model-copy:before {
  content: "\e9e4";
}
.icon-abb_device-model:before {
  content: "\e9e5";
}
.icon-abb_document-database:before {
  content: "\e9e6";
}
.icon-abb_instance-datasets:before {
  content: "\e9e7";
}
.icon-abb_instances:before {
  content: "\e9e8";
}
.icon-abb_json1:before {
  content: "\e9e9";
}
.icon-abb_ksh:before {
  content: "\e9ea";
}
.icon-abb_reference-tables:before {
  content: "\e9eb";
}
.icon-abb_schema:before {
  content: "\e9ec";
}
.icon-abb_vision:before {
  content: "\e9ed";
}
.icon-abb_database-warning:before {
  content: "\e9dc";
}
.icon-abb_database-add:before {
  content: "\e9dd";
}
.icon-abb_service-failure:before {
  content: "\e9de";
}
.icon-abb_service-failure1:before {
  content: "\e9df";
}
.icon-abb_performance-dashboard:before {
  content: "\e9db";
}
.icon-abb_asset-add:before {
  content: "\e9c9";
}
.icon-abb_asset-approve:before {
  content: "\e9ca";
}
.icon-abb_asset-remove:before {
  content: "\e9cb";
}
.icon-abb_asset-settings:before {
  content: "\e9cc";
}
.icon-abb_asset-share:before {
  content: "\e9cd";
}
.icon-abb_asset-subtract:before {
  content: "\e9ce";
}
.icon-abb_asset-sync:before {
  content: "\e9cf";
}
.icon-abb_asset-upload:before {
  content: "\e9d0";
}
.icon-abb_asset-warning:before {
  content: "\e9d1";
}
.icon-abb_common-file-text-check:before {
  content: "\e9d2";
}
.icon-abb_dark:before {
  content: "\e9d3";
}
.icon-abb_light:before {
  content: "\e9d4";
}
.icon-abb_overlay:before {
  content: "\e9d5";
}
.icon-abb_profile-approve:before {
  content: "\e9d6";
}
.icon-abb_single-monitor:before {
  content: "\e9d7";
}
.icon-abb_single-monitor1:before {
  content: "\e9d8";
}
.icon-abb_spilt:before {
  content: "\e9d9";
}
.icon-abb_theme:before {
  content: "\e9da";
}
.icon-abb_gauge:before {
  content: "\e9c3";
}
.icon-abb_tags-settings:before {
  content: "\e9c4";
}
.icon-abb_tags-add:before {
  content: "\e9c5";
}
.icon-abb_tags:before {
  content: "\e9c6";
}
.icon-abb_charging:before {
  content: "\e9c7";
}
.icon-abb_add-task-copy:before {
  content: "\e9c8";
}
.icon-abb_list-document:before {
  content: "\e9bd";
}
.icon-abb_document:before {
  content: "\e9be";
}
.icon-abb_paper-write:before {
  content: "\e9bf";
}
.icon-abb_equipment:before {
  content: "\e9c0";
}
.icon-abb_calendar:before {
  content: "\e9c1";
}
.icon-abb_time-clock-circle:before {
  content: "\e9c2";
}
.icon-abb_check:before {
  content: "\e9b9";
}
.icon-abb_completed-check:before {
  content: "\e9ba";
}
.icon-abb_digital-twin:before {
  content: "\e9bb";
}
.icon-abb_performance-2:before {
  content: "\e9bc";
}
.icon-abb_app-pie-chart:before {
  content: "\e998";
}
.icon-abb_app-search:before {
  content: "\e999";
}
.icon-abb_availability:before {
  content: "\e99a";
}
.icon-abb_browser-hierarchy:before {
  content: "\e99b";
}
.icon-abb_clock-file-timer:before {
  content: "\e99c";
}
.icon-abb_CM-compliance:before {
  content: "\e99d";
}
.icon-abb_cog-hand:before {
  content: "\e99e";
}
.icon-abb_completed-check-square:before {
  content: "\e99f";
}
.icon-abb_customer-relationship:before {
  content: "\e9a0";
}
.icon-abb_database-check:before {
  content: "\e9a1";
}
.icon-abb_data-file-search:before {
  content: "\e9a2";
}
.icon-abb_data-file-settings:before {
  content: "\e9a3";
}
.icon-abb_data-search:before {
  content: "\e9a4";
}
.icon-abb_graph-desktop:before {
  content: "\e9a5";
}
.icon-abb_inprogress:before {
  content: "\e9a6";
}
.icon-abb_inspection-warning:before {
  content: "\e9a7";
}
.icon-abb_line-graph:before {
  content: "\e9a8";
}
.icon-abb_maintenance-tool:before {
  content: "\e9a9";
}
.icon-abb_maintence-cost:before {
  content: "\e9aa";
}
.icon-abb_material-cost:before {
  content: "\e9ab";
}
.icon-abb_money-decrease:before {
  content: "\e9ac";
}
.icon-abb_monitor-chart:before {
  content: "\e9ad";
}
.icon-abb_overdue:before {
  content: "\e9ae";
}
.icon-abb_performance:before {
  content: "\e9af";
}
.icon-abb_PM-compliance:before {
  content: "\e9b0";
}
.icon-abb_CM-compliance1:before {
  content: "\e9b1";
}
.icon-abb_report-graph:before {
  content: "\e9b2";
}
.icon-abb_search:before {
  content: "\e9b3";
}
.icon-abb_seo-search-settings:before {
  content: "\e9b4";
}
.icon-abb_service-cost:before {
  content: "\e9b5";
}
.icon-abb_time-MTBF:before {
  content: "\e9b6";
}
.icon-abb_time-MTTR:before {
  content: "\e9b7";
}
.icon-abb_tools-wench:before {
  content: "\e9b8";
}
.icon-abb_alarm-bell-ring:before {
  content: "\e987";
}
.icon-abb_alert-bell-notification-1:before {
  content: "\e988";
}
.icon-abb_costcycle:before {
  content: "\e989";
}
.icon-abb_data-file-warning:before {
  content: "\e98a";
}
.icon-abb_documents:before {
  content: "\e98b";
}
.icon-abb_health:before {
  content: "\e98c";
}
.icon-abb_hierarchy:before {
  content: "\e98d";
}
.icon-abb_layout-module:before {
  content: "\e98e";
}
.icon-abb_layout-module-1:before {
  content: "\e98f";
}
.icon-abb_layout-module-2:before {
  content: "\e990";
}
.icon-abb_layout-module-3:before {
  content: "\e991";
}
.icon-abb_loss-summary-:before {
  content: "\e992";
}
.icon-abb_link-broken:before {
  content: "\e993";
}
.icon-abb_maintenance1:before {
  content: "\e994";
}
.icon-abb_managementchange:before {
  content: "\e995";
}
.icon-abb_operational:before {
  content: "\e996";
}
.icon-abb_systemdetails:before {
  content: "\e997";
}
.icon-abb_pie-line-graph:before {
  content: "\e985";
}
.icon-abb_email-settings:before {
  content: "\e986";
}
.icon-abb_physical-property:before {
  content: "\e984";
}
.icon-abb_cursor-choose-interface:before {
  content: "\e982";
}
.icon-abb_webpage-live-programing:before {
  content: "\e983";
  color: #686868;
}
.icon-abb_time-stopwatch:before {
  content: "\e97b";
}
.icon-abb_timeout:before {
  content: "\e97c";
}
.icon-abb_hourglass:before {
  content: "\e97d";
}
.icon-abb_no-datafile:before {
  content: "\e97e";
}
.icon-abb_security:before {
  content: "\e97f";
}
.icon-abb_model-notification:before {
  content: "\e97a";
}
.icon-abb_activitylog:before {
  content: "\e920";
}
.icon-abb_undefined:before {
  content: "\e978";
}
.icon-abb_multiplot:before {
  content: "\e979";
}
.icon-abb_sequence:before {
  content: "\e981";
}
.icon-abb_rules_configuration:before {
  content: "\e976";
}
.icon-abb_Chemical:before {
  content: "\e966";
}
.icon-abb_move:before {
  content: "\e977";
}
.icon-abb_-centerline-creation:before {
  content: "\e975";
}
.icon-abb_alerts:before {
  content: "\e974";
}
.icon-abb_autocorrelation:before {
  content: "\e970";
}
.icon-abb_correlation:before {
  content: "\e971";
}
.icon-abb_crosscorrelation:before {
  content: "\e972";
}
.icon-abb_decomposition:before {
  content: "\e973";
}
.icon-abb_alarm-bell_32:before {
  content: "\e96f";
}
.icon-abb_minimize_32:before {
  content: "\e96e";
}
.icon-abb_analytical-insight:before {
  content: "\e969";
}
.icon-abb_energyawarness:before {
  content: "\e96a";
}
.icon-abb_reporting:before {
  content: "\e96b";
}
.icon-abb_target-model:before {
  content: "\e96c";
}
.icon-abb_target-setting:before {
  content: "\e96d";
}
.icon-abb_merge-32:before {
  content: "\e967";
}
.icon-abb_optimisation:before {
  content: "\e968";
}
.icon-abb_powerconsumption:before {
  content: "\e963";
}
.icon-abb_Mean-Time-Between-Failure_32:before {
  content: "\e964";
}
.icon-abb_anamoly_32:before {
  content: "\e965";
}
.icon-abb_-modelconfiguration:before {
  content: "\e962";
}
.icon-abb_process:before {
  content: "\e960";
}
.icon-abb_Centerline:before {
  content: "\e980";
}
.icon-abb_actiontracker:before {
  content: "\e95b";
}
.icon-abb_RCA:before {
  content: "\e95c";
}
.icon-abb_analyzercondition:before {
  content: "\e95d";
}
.icon-abb_onboarding:before {
  content: "\e95e";
}
.icon-abb_report:before {
  content: "\e95f";
}
.icon-abb_model-monitoring:before {
  content: "\e95a";
}
.icon-abb_Company:before {
  content: "\e958";
}
.icon-abb_Gas:before {
  content: "\e959";
}
.icon-abb_asset-model-library:before {
  content: "\e953";
}
.icon-abb_export-fault-modeling:before {
  content: "\e954";
}
.icon-abb_fault_prediction:before {
  content: "\e955";
}
.icon-abb_FMECA:before {
  content: "\e956";
}
.icon-abb_maintenance:before {
  content: "\e957";
}
.icon-abb_density-plot:before {
  content: "\e951";
}
.icon-abb_add-failure-mode:before {
  content: "\e952";
}
.icon-abb_deterioration:before {
  content: "\e950";
}
.icon-abb_failure-mode-configuration:before {
  content: "\e94f";
}
.icon-abb_create-machine-train:before {
  content: "\e94e";
}
.icon-abb_add:before {
  content: "\e94d";
}
.icon-abb_json:before {
  content: "\e93c";
}
.icon-abb_minus:before {
  content: "\e94b";
}
.icon-abb_switchgear:before {
  content: "\e94c";
}
.icon-abb_datapre-processing_32:before {
  content: "\e946";
}
.icon-abb_extraction:before {
  content: "\e947";
}
.icon-abb_Identification:before {
  content: "\e948";
}
.icon-abb_model-recommender:before {
  content: "\e949";
}
.icon-abb_scenario-definition:before {
  content: "\e94a";
}
.icon-abb_feedback:before {
  content: "\e945";
}
.icon-abb_break:before {
  content: "\e943";
}
.icon-abb_damage:before {
  content: "\e944";
}
.icon-abb_base-tag:before {
  content: "\e941";
}
.icon-abb_derived-tag:before {
  content: "\e942";
}
.icon-abb_asset-config:before {
  content: "\e93f";
}
.icon-abb_templist:before {
  content: "\e940";
}
.icon-abb_parameter:before {
  content: "\e93d";
}
.icon-abb_template-detail:before {
  content: "\e93e";
}
.icon-abb_-manager-user-data1:before {
  content: "\e93b";
}
.icon-abb_data_validation:before {
  content: "\e938";
}
.icon-abb_data-consolidation:before {
  content: "\e939";
}
.icon-abb_system-tag-mapping1:before {
  content: "\e93a";
}
.icon-abb_-manager-user-data:before {
  content: "\e937";
}
.icon-abb_importexport:before {
  content: "\e936";
}
.icon-abb_runtime:before {
  content: "\e934";
}
.icon-abb_application-service:before {
  content: "\e904";
}
.icon-abb_business-service:before {
  content: "\e932";
}
.icon-abb_ICM-data:before {
  content: "\e933";
}
.icon-abb_splitloss:before {
  content: "\e935";
}
.icon-abb_reset:before {
  content: "\e919";
}
.icon-abb_existingmapping:before {
  content: "\e900";
}
.icon-abb_scheduler:before {
  content: "\e931";
}
.icon-abb_role-defination:before {
  content: "\e92d";
}
.icon-abb_effeciency:before {
  content: "\e92e";
}
.icon-abb_loss-event:before {
  content: "\e92f";
}
.icon-abb_mapping-user:before {
  content: "\e930";
}
.icon-abb_schematic:before {
  content: "\e92c";
}
.icon-abb_analysis:before {
  content: "\e927";
}
.icon-abb_event:before {
  content: "\e928";
}
.icon-abb_ack:before {
  content: "\e929";
}
.icon-abb_alarm-bell_disable:before {
  content: "\e92a";
}
.icon-abb_playback:before {
  content: "\e92b";
}
.icon-abb_system-configuration:before {
  content: "\e926";
}
.icon-abb_data-explore1:before {
  content: "\e921";
}
.icon-abb_deployment:before {
  content: "\e922";
}
.icon-abb_model-registry:before {
  content: "\e923";
}
.icon-abb_model-running:before {
  content: "\e924";
}
.icon-abb_model-sandbox:before {
  content: "\e925";
}
.icon-abb_operating-range:before {
  content: "\e91d";
}
.icon-abb_system-detailsy:before {
  content: "\e91e";
}
.icon-abb_system-equipment-mapping:before {
  content: "\e91f";
}
.icon-abb_system-tag-mapping:before {
  content: "\e961";
}
.icon-abb_batch-process-statistics:before {
  content: "\e918";
}
.icon-abb_adapter-statistics:before {
  content: "\e906";
}
.icon-abb_running:before {
  content: "\e91a";
}
.icon-abb_stream--process-statistics:before {
  content: "\e91b";
}
.icon-abb_total-process:before {
  content: "\e91c";
}
.icon-abb_data_loading:before {
  content: "\e916";
}
.icon-abb_data_transformation:before {
  content: "\e917";
}
.icon-abb_Approvers:before {
  content: "\e912";
}
.icon-abb_loss_categories:before {
  content: "\e913";
}
.icon-abb_Notifications:before {
  content: "\e914";
}
.icon-abb_Planned:before {
  content: "\e915";
}
.icon-abb_interfacemonitor:before {
  content: "\e90c";
}
.icon-abb_connection:before {
  content: "\e90d";
}
.icon-abb_threshold:before {
  content: "\e90e";
}
.icon-abb_Summary:before {
  content: "\e90f";
}
.icon-abb_completed-badge--tick:before {
  content: "\e910";
}
.icon-abb_Visualisation:before {
  content: "\e911";
}
.icon-abb_InterfaceRegistry:before {
  content: "\e90b";
}
.icon-abb_dashboard:before {
  content: "\e90a";
}
.icon-abb_KPIdesigner:before {
  content: "\e909";
}
.icon-abb_star_32:before {
  content: "\e908";
}
.icon-abb_star_outline:before {
  content: "\e907";
}
.icon-abb_joincondition:before {
  content: "\e905";
}
.icon-abb_data-connection:before {
  content: "\e901";
}
.icon-abb_data-connection_edit:before {
  content: "\e902";
}
.icon-abb_data-mapping:before {
  content: "\e903";
}

/* node_modules/@abb/arcadia-angular-v2/assets/arcadia-styles.scss */
@font-face {
  font-family: "ABBVoice";
  src: url("./media/ABBvoice_W_Rg.eot");
  src:
    url("./media/ABBvoice_W_Rg.eot?#iefix") format("embedded-opentype"),
    url("./media/ABBvoice_W_Rg.woff2") format("woff2"),
    url("./media/ABBvoice_W_Rg.woff") format("woff"),
    url("./media/ABBvoice_W_Rg.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ABBVoice";
  src: url("./media/ABBvoice_W_Md.eot");
  src:
    url("./media/ABBvoice_W_Md.eot?#iefix") format("embedded-opentype"),
    url("./media/ABBvoice_W_Md.woff2") format("woff2"),
    url("./media/ABBvoice_W_Md.woff") format("woff"),
    url("./media/ABBvoice_W_Md.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ABBVoice";
  src: url("./media/ABBvoice_W_Lt.eot");
  src:
    url("./media/ABBvoice_W_Lt.eot?#iefix") format("embedded-opentype"),
    url("./media/ABBvoice_W_Lt.woff2") format("woff2"),
    url("./media/ABBvoice_W_Lt.woff") format("woff"),
    url("./media/ABBvoice_W_Lt.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ABBVoice";
  src: url("./media/ABBvoice_W_Bd.eot");
  src:
    url("./media/ABBvoice_W_Bd.eot?#iefix") format("embedded-opentype"),
    url("./media/ABBvoice_W_Bd.woff2") format("woff2"),
    url("./media/ABBvoice_W_Bd.woff") format("woff"),
    url("./media/ABBvoice_W_Bd.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #3366ff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #000bc0;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #7b7b7b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3366ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3366ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #000bc0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #000bc0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #000bc0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #000bc0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #7b7b7b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #7b7b7b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-badge-text-font: ABBVoice;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px ABBVoice;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px ABBVoice;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px ABBVoice;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px ABBVoice;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px ABBVoice;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px ABBVoice;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px ABBVoice;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px ABBVoice;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px ABBVoice;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px ABBVoice;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px ABBVoice;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px ABBVoice;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px ABBVoice;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: ABBVoice;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-label-text-font: ABBVoice;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: ABBVoice;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-text-font: ABBVoice;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font: ABBVoice;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: ABBVoice;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font: ABBVoice;
  --mat-stepper-header-label-text-font: ABBVoice;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-toolbar-title-text-font: ABBVoice;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-node-text-font: ABBVoice;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: ABBVoice;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: ABBVoice;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-title-text-font: ABBVoice;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: ABBVoice;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-plain-tooltip-supporting-text-font: ABBVoice;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mdc-filled-text-field-label-text-font: ABBVoice;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: ABBVoice;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: ABBVoice;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: ABBVoice;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-trigger-text-font: ABBVoice;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mdc-dialog-subhead-font: ABBVoice;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: ABBVoice;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: ABBVoice;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: ABBVoice;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: ABBVoice;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mdc-slider-label-label-text-font: ABBVoice;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-item-label-text-font: ABBVoice;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mdc-list-list-item-label-text-font: ABBVoice;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: ABBVoice;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: ABBVoice;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px ABBVoice;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-font: ABBVoice;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: ABBVoice;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: ABBVoice;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-label-text-font: ABBVoice;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: ABBVoice;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: ABBVoice;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: ABBVoice;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-extended-fab-label-text-font: ABBVoice;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-supporting-text-font: ABBVoice;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: ABBVoice;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: ABBVoice;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: ABBVoice;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
:root {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #3366ff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-full-pseudo-checkbox-selected-icon-color: #000bc0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #000bc0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    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);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #3366ff;
  --mdc-filled-text-field-focus-active-indicator-color: #3366ff;
  --mdc-filled-text-field-focus-label-text-color: rgba(51, 102, 255, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #7b7b7b;
  --mdc-filled-text-field-error-focus-label-text-color: #7b7b7b;
  --mdc-filled-text-field-error-label-text-color: #7b7b7b;
  --mdc-filled-text-field-error-caret-color: #7b7b7b;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #7b7b7b;
  --mdc-filled-text-field-error-focus-active-indicator-color: #7b7b7b;
  --mdc-filled-text-field-error-hover-active-indicator-color: #7b7b7b;
  --mdc-outlined-text-field-caret-color: #3366ff;
  --mdc-outlined-text-field-focus-outline-color: #3366ff;
  --mdc-outlined-text-field-focus-label-text-color: rgba(51, 102, 255, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #7b7b7b;
  --mdc-outlined-text-field-error-focus-label-text-color: #7b7b7b;
  --mdc-outlined-text-field-error-label-text-color: #7b7b7b;
  --mdc-outlined-text-field-error-hover-label-text-color: #7b7b7b;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #7b7b7b;
  --mdc-outlined-text-field-error-hover-outline-color: #7b7b7b;
  --mdc-outlined-text-field-error-outline-color: #7b7b7b;
  --mat-form-field-focus-select-arrow-color: rgba(51, 102, 255, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #7b7b7b;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(51, 102, 255, 0.87);
  --mat-select-invalid-arrow-color: rgba(123, 123, 123, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-selected-focus-state-layer-color: #0040f0;
  --mdc-switch-selected-handle-color: #0040f0;
  --mdc-switch-selected-hover-state-layer-color: #0040f0;
  --mdc-switch-selected-pressed-state-layer-color: #0040f0;
  --mdc-switch-selected-focus-handle-color: #000bc0;
  --mdc-switch-selected-hover-handle-color: #000bc0;
  --mdc-switch-selected-pressed-handle-color: #000bc0;
  --mdc-switch-selected-focus-track-color: #6683ff;
  --mdc-switch-selected-hover-track-color: #6683ff;
  --mdc-switch-selected-pressed-track-color: #6683ff;
  --mdc-switch-selected-track-color: #6683ff;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    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-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-handle-color: #3366ff;
  --mdc-slider-focus-handle-color: #3366ff;
  --mdc-slider-hover-handle-color: #3366ff;
  --mdc-slider-active-track-color: #3366ff;
  --mdc-slider-inactive-track-color: #3366ff;
  --mdc-slider-with-tick-marks-inactive-container-color: #3366ff;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #3366ff;
  --mat-slider-hover-state-layer-color: rgba(51, 102, 255, 0.05);
  --mat-slider-focus-state-layer-color: rgba(51, 102, 255, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #000bc0;
  --mdc-checkbox-selected-hover-icon-color: #000bc0;
  --mdc-checkbox-selected-icon-color: #000bc0;
  --mdc-checkbox-selected-pressed-icon-color: #000bc0;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #000bc0;
  --mdc-checkbox-selected-hover-state-layer-color: #000bc0;
  --mdc-checkbox-selected-pressed-state-layer-color: #000bc0;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-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);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #000bc0;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #3366ff;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #3366ff;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #3366ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(51, 102, 255, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(51, 102, 255, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(51, 102, 255, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3366ff;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(51, 102, 255, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #3366ff;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #3366ff;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #3366ff;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #7b7b7b;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #7b7b7b;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #757575;
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --text-link: #7ea8fb;
  --abb-red: #ff000f;
  --white: #ffffff;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-blue-color: #3366ff;
  --text-disabled-color: #9f9f9f;
  --primary-default: #3366ff;
  --primary-hover: #4d85ff;
  --primary-active: #2934ff;
  --primary-disabled: #9cbdf7;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: rgba(0, 0, 0, 0.1607843137);
  --left-pane: #fafafa;
  --background-bg: #ebebeb;
  --background-disabled: #f7f7f7;
  --success: #21a67a;
  --success-hover: #218c69;
  --success-transparent: #edf8f4;
  --error: #ef3934;
  --error-hover: #c73430;
  --error-transparent: #feefef;
  --warning: #ffa200;
  --warning-hover: #d58906;
  --warning-transparent: #fff8eb;
  --info: #0052ff;
  --info-hover: #0648d5;
  --info-transparent: #eaefff;
  --accordion-expanded-bg: #EAEFFF;
  --accordion-border: rgba(51, 102, 255, 0.4392156863);
  --card-bg: #ffffff;
  --popover-close-light-variant: #1f1f1f;
  --popover-close-dark-variant: #fff;
  --popover-bg-light-variant: #fff;
  --popover-bg-dark-variant: #333333;
  --popover-content-light-variant: #707070;
  --popover-content-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --popover-heading-dark-variant: #fff;
  --notification-text: #0f0f0f;
  --notification-neutral-bg: #bababa;
  --tooltip-shadow: rgba(255, 255, 255, 0.2);
  --disabled-grey: #9f9f9f;
  --segmented-control-grey-hover: #f5f5f5;
  --icon-hover: #f5f5f5;
  --shadow-blue: rgba(51, 102, 255, 0.5607843137);
  --card-hover: #eaefff;
  --secondary-text-file-uploader: #9e9e9e;
  --tag-bg: #eaefff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --badge-text-color: #707070;
  --button-hover-with-opacity: rgba(245, 245, 245, 0.2);
  --data-yellow-100: #FAF5B6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #D6C918;
  --data-yellow-400: #B5AA0D;
  --data-yellow-500: #968D0B;
  --data-yellow-600: #756E09;
  --data-gold-100: #FFEDDB;
  --data-gold-200: #FFD3A8;
  --data-gold-300: #F2AC66;
  --data-gold-400: #D98F45;
  --data-gold-500: #C27121;
  --data-gold-600: #A65503;
  --data-orange-100: #FFEAE8;
  --data-orange-200: #FFCEC4;
  --data-orange-300: #FF9F8C;
  --data-orange-400: #F57C64;
  --data-orange-500: #ED5739;
  --data-orange-600: #D93616;
  --data-red-100: #FFE8EA;
  --data-red-200: #FFC9CD;
  --data-red-300: #FF99A0;
  --data-red-400: #FF757E;
  --data-red-500: #FF4754;
  --data-red-600: #E12E2E;
  --data-green-100: #E2F7DF;
  --data-green-200: #BFEDBB;
  --data-green-300: #98D694;
  --data-green-400: #75BA70;
  --data-green-500: #51A34B;
  --data-green-600: #477A43;
  --data-teal-100: #D7F7F3;
  --data-teal-200: #B5EBE2;
  --data-teal-300: #7ED6C6;
  --data-teal-400: #5ABFAE;
  --data-teal-500: #3DA190;
  --data-teal-600: #3B786E;
  --data-magenta-100: #FFE3F0;
  --data-magenta-200: #FFC7E4;
  --data-magenta-300: #FF94C9;
  --data-magenta-400: #FF6BB5;
  --data-magenta-500: #E64997;
  --data-magenta-600: #C2347B;
  --data-purple-100: #FAE3FA;
  --data-purple-200: #FAC5FA;
  --data-purple-300: #F291F2;
  --data-purple-400: #E670E6;
  --data-purple-500: #CC50CC;
  --data-purple-600: #A13FA1;
  --data-blue-100: #DEF4FA;
  --data-blue-200: #B3E6FF;
  --data-blue-300: #6CD5FF;
  --data-blue-400: #2FC8F7;
  --data-blue-500: #00ACEC;
  --data-blue-600: #1B7AC2;
}
:root .mat-accent {
  --mat-option-selected-state-label-text-color: #000bc0;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
:root .mat-warn {
  --mat-option-selected-state-label-text-color: #7b7b7b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
:root .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3366ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3366ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
:root .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #000bc0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #000bc0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
:root .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #7b7b7b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #7b7b7b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
:root .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3366ff;
  --mdc-linear-progress-track-color: rgba(51, 102, 255, 0.25);
}
:root .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #000bc0;
  --mdc-linear-progress-track-color: rgba(0, 11, 192, 0.25);
}
:root .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #7b7b7b;
  --mdc-linear-progress-track-color: rgba(123, 123, 123, 0.25);
}
:root .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #000bc0;
  --mdc-filled-text-field-focus-active-indicator-color: #000bc0;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 11, 192, 0.87);
  --mdc-outlined-text-field-caret-color: #000bc0;
  --mdc-outlined-text-field-focus-outline-color: #000bc0;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 11, 192, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(0, 11, 192, 0.87);
}
:root .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #7b7b7b;
  --mdc-filled-text-field-focus-active-indicator-color: #7b7b7b;
  --mdc-filled-text-field-focus-label-text-color: rgba(123, 123, 123, 0.87);
  --mdc-outlined-text-field-caret-color: #7b7b7b;
  --mdc-outlined-text-field-focus-outline-color: #7b7b7b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(123, 123, 123, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(123, 123, 123, 0.87);
}
:root .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 11, 192, 0.87);
  --mat-select-invalid-arrow-color: rgba(123, 123, 123, 0.87);
}
:root .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(123, 123, 123, 0.87);
  --mat-select-invalid-arrow-color: rgba(123, 123, 123, 0.87);
}
:root .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
:root .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
:root .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
:root .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #3366ff;
  --mdc-chip-elevated-selected-container-color: #3366ff;
  --mdc-chip-elevated-disabled-container-color: #3366ff;
  --mdc-chip-flat-disabled-selected-container-color: #3366ff;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
:root .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #000bc0;
  --mdc-chip-elevated-selected-container-color: #000bc0;
  --mdc-chip-elevated-disabled-container-color: #000bc0;
  --mdc-chip-flat-disabled-selected-container-color: #000bc0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
:root .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #7b7b7b;
  --mdc-chip-elevated-selected-container-color: #7b7b7b;
  --mdc-chip-elevated-disabled-container-color: #7b7b7b;
  --mdc-chip-flat-disabled-selected-container-color: #7b7b7b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
:root .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #0040f0;
  --mdc-switch-selected-handle-color: #0040f0;
  --mdc-switch-selected-hover-state-layer-color: #0040f0;
  --mdc-switch-selected-pressed-state-layer-color: #0040f0;
  --mdc-switch-selected-focus-handle-color: #000bc0;
  --mdc-switch-selected-hover-handle-color: #000bc0;
  --mdc-switch-selected-pressed-handle-color: #000bc0;
  --mdc-switch-selected-focus-track-color: #6683ff;
  --mdc-switch-selected-hover-track-color: #6683ff;
  --mdc-switch-selected-pressed-track-color: #6683ff;
  --mdc-switch-selected-track-color: #6683ff;
}
:root .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #555555;
  --mdc-switch-selected-handle-color: #555555;
  --mdc-switch-selected-hover-state-layer-color: #555555;
  --mdc-switch-selected-pressed-state-layer-color: #555555;
  --mdc-switch-selected-focus-handle-color: black;
  --mdc-switch-selected-hover-handle-color: black;
  --mdc-switch-selected-pressed-handle-color: black;
  --mdc-switch-selected-focus-track-color: #c4c4c4;
  --mdc-switch-selected-hover-track-color: #c4c4c4;
  --mdc-switch-selected-pressed-track-color: #c4c4c4;
  --mdc-switch-selected-track-color: #c4c4c4;
}
:root .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3366ff;
  --mdc-radio-selected-hover-icon-color: #3366ff;
  --mdc-radio-selected-icon-color: #3366ff;
  --mdc-radio-selected-pressed-icon-color: #3366ff;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3366ff;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #000bc0;
  --mdc-radio-selected-hover-icon-color: #000bc0;
  --mdc-radio-selected-icon-color: #000bc0;
  --mdc-radio-selected-pressed-icon-color: #000bc0;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #000bc0;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #7b7b7b;
  --mdc-radio-selected-hover-icon-color: #7b7b7b;
  --mdc-radio-selected-icon-color: #7b7b7b;
  --mdc-radio-selected-pressed-icon-color: #7b7b7b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #7b7b7b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
:root .mat-accent {
  --mdc-slider-handle-color: #000bc0;
  --mdc-slider-focus-handle-color: #000bc0;
  --mdc-slider-hover-handle-color: #000bc0;
  --mdc-slider-active-track-color: #000bc0;
  --mdc-slider-inactive-track-color: #000bc0;
  --mdc-slider-with-tick-marks-inactive-container-color: #000bc0;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #000bc0;
  --mat-slider-hover-state-layer-color: rgba(0, 11, 192, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 11, 192, 0.2);
}
:root .mat-warn {
  --mdc-slider-handle-color: #7b7b7b;
  --mdc-slider-focus-handle-color: #7b7b7b;
  --mdc-slider-hover-handle-color: #7b7b7b;
  --mdc-slider-active-track-color: #7b7b7b;
  --mdc-slider-inactive-track-color: #7b7b7b;
  --mdc-slider-with-tick-marks-inactive-container-color: #7b7b7b;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #7b7b7b;
  --mat-slider-hover-state-layer-color: rgba(123, 123, 123, 0.05);
  --mat-slider-focus-state-layer-color: rgba(123, 123, 123, 0.2);
}
:root .mdc-list-item__start,
:root .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3366ff;
  --mdc-radio-selected-hover-icon-color: #3366ff;
  --mdc-radio-selected-icon-color: #3366ff;
  --mdc-radio-selected-pressed-icon-color: #3366ff;
}
:root .mat-accent .mdc-list-item__start,
:root .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #000bc0;
  --mdc-radio-selected-hover-icon-color: #000bc0;
  --mdc-radio-selected-icon-color: #000bc0;
  --mdc-radio-selected-pressed-icon-color: #000bc0;
}
:root .mat-warn .mdc-list-item__start,
:root .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #7b7b7b;
  --mdc-radio-selected-hover-icon-color: #7b7b7b;
  --mdc-radio-selected-icon-color: #7b7b7b;
  --mdc-radio-selected-pressed-icon-color: #7b7b7b;
}
:root .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #3366ff;
  --mdc-checkbox-selected-hover-icon-color: #3366ff;
  --mdc-checkbox-selected-icon-color: #3366ff;
  --mdc-checkbox-selected-pressed-icon-color: #3366ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3366ff;
  --mdc-checkbox-selected-hover-state-layer-color: #3366ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #3366ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
:root .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #000bc0;
  --mdc-checkbox-selected-hover-icon-color: #000bc0;
  --mdc-checkbox-selected-icon-color: #000bc0;
  --mdc-checkbox-selected-pressed-icon-color: #000bc0;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #000bc0;
  --mdc-checkbox-selected-hover-state-layer-color: #000bc0;
  --mdc-checkbox-selected-pressed-state-layer-color: #000bc0;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
:root .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #7b7b7b;
  --mdc-checkbox-selected-hover-icon-color: #7b7b7b;
  --mdc-checkbox-selected-icon-color: #7b7b7b;
  --mdc-checkbox-selected-pressed-icon-color: #7b7b7b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #7b7b7b;
  --mdc-checkbox-selected-hover-state-layer-color: #7b7b7b;
  --mdc-checkbox-selected-pressed-state-layer-color: #7b7b7b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
:root .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
:root .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
:root .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
:root .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3366ff;
}
:root .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
:root .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
:root .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
:root .mat-mdc-tab-group,
:root .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3366ff;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3366ff;
  --mat-tab-header-active-ripple-color: #3366ff;
  --mat-tab-header-inactive-ripple-color: #3366ff;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3366ff;
  --mat-tab-header-active-hover-label-text-color: #3366ff;
  --mat-tab-header-active-focus-indicator-color: #3366ff;
  --mat-tab-header-active-hover-indicator-color: #3366ff;
}
:root .mat-mdc-tab-group.mat-accent,
:root .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #000bc0;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #000bc0;
  --mat-tab-header-active-ripple-color: #000bc0;
  --mat-tab-header-inactive-ripple-color: #000bc0;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #000bc0;
  --mat-tab-header-active-hover-label-text-color: #000bc0;
  --mat-tab-header-active-focus-indicator-color: #000bc0;
  --mat-tab-header-active-hover-indicator-color: #000bc0;
}
:root .mat-mdc-tab-group.mat-warn,
:root .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #7b7b7b;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #7b7b7b;
  --mat-tab-header-active-ripple-color: #7b7b7b;
  --mat-tab-header-inactive-ripple-color: #7b7b7b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #7b7b7b;
  --mat-tab-header-active-hover-label-text-color: #7b7b7b;
  --mat-tab-header-active-focus-indicator-color: #7b7b7b;
  --mat-tab-header-active-hover-indicator-color: #7b7b7b;
}
:root .mat-mdc-tab-group.mat-background-primary,
:root .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3366ff;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-tab-group.mat-background-accent,
:root .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #000bc0;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-tab-group.mat-background-warn,
:root .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #7b7b7b;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
:root .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #3366ff;
  --mdc-checkbox-selected-hover-icon-color: #3366ff;
  --mdc-checkbox-selected-icon-color: #3366ff;
  --mdc-checkbox-selected-pressed-icon-color: #3366ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3366ff;
  --mdc-checkbox-selected-hover-state-layer-color: #3366ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #3366ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
:root .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #7b7b7b;
  --mdc-checkbox-selected-hover-icon-color: #7b7b7b;
  --mdc-checkbox-selected-icon-color: #7b7b7b;
  --mdc-checkbox-selected-pressed-icon-color: #7b7b7b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #7b7b7b;
  --mdc-checkbox-selected-hover-state-layer-color: #7b7b7b;
  --mdc-checkbox-selected-pressed-state-layer-color: #7b7b7b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
:root .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3366ff;
  --mat-text-button-state-layer-color: #3366ff;
  --mat-text-button-ripple-color: rgba(51, 102, 255, 0.1);
}
:root .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #000bc0;
  --mat-text-button-state-layer-color: #000bc0;
  --mat-text-button-ripple-color: rgba(0, 11, 192, 0.1);
}
:root .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #7b7b7b;
  --mat-text-button-state-layer-color: #7b7b7b;
  --mat-text-button-ripple-color: rgba(123, 123, 123, 0.1);
}
:root .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3366ff;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #000bc0;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #7b7b7b;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3366ff;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #000bc0;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #7b7b7b;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3366ff;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3366ff;
  --mat-outlined-button-ripple-color: rgba(51, 102, 255, 0.1);
}
:root .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #000bc0;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #000bc0;
  --mat-outlined-button-ripple-color: rgba(0, 11, 192, 0.1);
}
:root .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #7b7b7b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #7b7b7b;
  --mat-outlined-button-ripple-color: rgba(123, 123, 123, 0.1);
}
:root .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3366ff;
  --mat-icon-button-state-layer-color: #3366ff;
  --mat-icon-button-ripple-color: rgba(51, 102, 255, 0.1);
}
:root .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #000bc0;
  --mat-icon-button-state-layer-color: #000bc0;
  --mat-icon-button-ripple-color: rgba(0, 11, 192, 0.1);
}
:root .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #7b7b7b;
  --mat-icon-button-state-layer-color: #7b7b7b;
  --mat-icon-button-ripple-color: rgba(123, 123, 123, 0.1);
}
:root .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #3366ff;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #000bc0;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #7b7b7b;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #3366ff;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #000bc0;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #7b7b7b;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
:root .mat-accent {
  --mdc-circular-progress-active-indicator-color: #000bc0;
}
:root .mat-warn {
  --mdc-circular-progress-active-indicator-color: #7b7b7b;
}
:root .mat-badge-accent {
  --mat-badge-background-color: #000bc0;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
:root .mat-badge-warn {
  --mat-badge-background-color: #7b7b7b;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
:root .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #000bc0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 11, 192, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 11, 192, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 11, 192, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 11, 192, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
:root .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #7b7b7b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(123, 123, 123, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(123, 123, 123, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(123, 123, 123, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(123, 123, 123, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
:root .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #000bc0;
}
:root .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #7b7b7b;
}
:root .mat-icon.mat-primary {
  --mat-icon-color: #3366ff;
}
:root .mat-icon.mat-accent {
  --mat-icon-color: #000bc0;
}
:root .mat-icon.mat-warn {
  --mat-icon-color: #7b7b7b;
}
:root .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #000bc0;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #000bc0;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #000bc0;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
:root .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #7b7b7b;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #7b7b7b;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #7b7b7b;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
:root .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3366ff;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
:root .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #000bc0;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
:root .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #7b7b7b;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dark-theme {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #7ea8fb;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #000bc0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #000bc0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #424242;
  --mdc-elevated-card-container-elevation:
    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);
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #7ea8fb;
  --mdc-filled-text-field-focus-active-indicator-color: #7ea8fb;
  --mdc-filled-text-field-focus-label-text-color: rgba(126, 168, 251, 0.87);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #7b7b7b;
  --mdc-filled-text-field-error-focus-label-text-color: #7b7b7b;
  --mdc-filled-text-field-error-label-text-color: #7b7b7b;
  --mdc-filled-text-field-error-caret-color: #7b7b7b;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #7b7b7b;
  --mdc-filled-text-field-error-focus-active-indicator-color: #7b7b7b;
  --mdc-filled-text-field-error-hover-active-indicator-color: #7b7b7b;
  --mdc-outlined-text-field-caret-color: #7ea8fb;
  --mdc-outlined-text-field-focus-outline-color: #7ea8fb;
  --mdc-outlined-text-field-focus-label-text-color: rgba(126, 168, 251, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #7b7b7b;
  --mdc-outlined-text-field-error-focus-label-text-color: #7b7b7b;
  --mdc-outlined-text-field-error-label-text-color: #7b7b7b;
  --mdc-outlined-text-field-error-hover-label-text-color: #7b7b7b;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #7b7b7b;
  --mdc-outlined-text-field-error-hover-outline-color: #7b7b7b;
  --mdc-outlined-text-field-error-outline-color: #7b7b7b;
  --mat-form-field-focus-select-arrow-color: rgba(126, 168, 251, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #7b7b7b;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(126, 168, 251, 0.87);
  --mat-select-invalid-arrow-color: rgba(123, 123, 123, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #424242;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-selected-focus-state-layer-color: #7ea8fb;
  --mdc-switch-selected-handle-color: #7ea8fb;
  --mdc-switch-selected-hover-state-layer-color: #7ea8fb;
  --mdc-switch-selected-pressed-state-layer-color: #7ea8fb;
  --mdc-switch-selected-focus-handle-color: #9fc0fe;
  --mdc-switch-selected-hover-handle-color: #9fc0fe;
  --mdc-switch-selected-pressed-handle-color: #9fc0fe;
  --mdc-switch-selected-focus-track-color: #6674e2;
  --mdc-switch-selected-hover-track-color: #6674e2;
  --mdc-switch-selected-pressed-track-color: #6674e2;
  --mdc-switch-selected-track-color: #6674e2;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    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-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-handle-color: #7ea8fb;
  --mdc-slider-focus-handle-color: #7ea8fb;
  --mdc-slider-hover-handle-color: #7ea8fb;
  --mdc-slider-active-track-color: #7ea8fb;
  --mdc-slider-inactive-track-color: #7ea8fb;
  --mdc-slider-with-tick-marks-inactive-container-color: #7ea8fb;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mat-slider-ripple-color: #7ea8fb;
  --mat-slider-hover-state-layer-color: rgba(126, 168, 251, 0.05);
  --mat-slider-focus-state-layer-color: rgba(126, 168, 251, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #000bc0;
  --mdc-checkbox-selected-hover-icon-color: #000bc0;
  --mdc-checkbox-selected-icon-color: #000bc0;
  --mdc-checkbox-selected-pressed-icon-color: #000bc0;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #000bc0;
  --mdc-checkbox-selected-hover-state-layer-color: #000bc0;
  --mdc-checkbox-selected-pressed-state-layer-color: #000bc0;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-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);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-color: #424242;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-fab-small-container-color: #424242;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d9d9d9;
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #7ea8fb;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #7ea8fb;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
  --mat-badge-disabled-state-background-color: #6e6e6e;
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: #595959;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #7ea8fb;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(126, 168, 251, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(126, 168, 251, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(126, 168, 251, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #7ea8fb;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(126, 168, 251, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #7ea8fb;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #7ea8fb;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #7ea8fb;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #7b7b7b;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #7b7b7b;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #c6c6c6;
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --abb-red: #ff000f;
  --white: #1f1f1f;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #dbdbdb;
  --primary-default: #7da7ff;
  --primary-hover: #adc7fd;
  --primary-active: #4580ff;
  --primary-disabled: #4c5463;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: rgba(0, 0, 0, 0.0666666667);
  --left-pane: #333333;
  --background-bg: #0f0f0f;
  --background-disabled: #2d2d2d;
  --success: #4db895;
  --success-hover: #3ea483;
  --success-transparent: #1d2d1e;
  --error: #f2615d;
  --error-hover: #dc514d;
  --error-transparent: #300c0a;
  --warning: #ffb533;
  --warning-hover: #e9a225;
  --warning-transparent: #352122;
  --info: #7da7ff;
  --info-hover: #7ba1f1;
  --info-transparent: #222635;
  --accordion-expanded-bg: #4c5463;
  --accordion-border: rgba(69, 128, 255, 0.8);
  --card-bg: #333333;
  --popover-close-light-variant: #fafafa;
  --popover-close-dark-variant: #1f1f1f;
  --popover-bg-light-variant: #1f1f1f;
  --popover-bg-dark-variant: #fafafa;
  --popover-content-light-variant: #ccc;
  --popover-content-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --popover-heading-dark-variant: #1f1f1f;
  --notification-text: #fff;
  --notification-neutral-bg: #868686;
  --tooltip-shadow: rgba(0, 0, 0, 0.2);
  --disabled-grey: #9f9f9f;
  --segmented-control-grey-hover: #333333;
  --icon-hover: #707070;
  --shadow-blue: rgba(126, 168, 251, 0.5607843137);
  --card-hover: #4c5463;
  --secondary-text-file-uploader: #dcdcdc;
  --tag-bg: #212636;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: rgba(15, 15, 15, 0.2);
  --data-yellow-100: #FAF5B6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #D6C918;
  --data-yellow-400: #B5AA0D;
  --data-yellow-500: #968D0B;
  --data-yellow-600: #756E09;
  --data-gold-100: #FFEDDB;
  --data-gold-200: #FFD3A8;
  --data-gold-300: #F2AC66;
  --data-gold-400: #D98F45;
  --data-gold-500: #C27121;
  --data-gold-600: #A65503;
  --data-orange-100: #FFEAE8;
  --data-orange-200: #FFCEC4;
  --data-orange-300: #FF9F8C;
  --data-orange-400: #F57C64;
  --data-orange-500: #ED5739;
  --data-orange-600: #D93616;
  --data-red-100: #FFE8EA;
  --data-red-200: #FFC9CD;
  --data-red-300: #FF99A0;
  --data-red-400: #FF757E;
  --data-red-500: #FF4754;
  --data-red-600: #E12E2E;
  --data-green-100: #E2F7DF;
  --data-green-200: #BFEDBB;
  --data-green-300: #98D694;
  --data-green-400: #75BA70;
  --data-green-500: #51A34B;
  --data-green-600: #477A43;
  --data-teal-100: #D7F7F3;
  --data-teal-200: #B5EBE2;
  --data-teal-300: #7ED6C6;
  --data-teal-400: #5ABFAE;
  --data-teal-500: #3DA190;
  --data-teal-600: #3B786E;
  --data-magenta-100: #FFE3F0;
  --data-magenta-200: #FFC7E4;
  --data-magenta-300: #FF94C9;
  --data-magenta-400: #FF6BB5;
  --data-magenta-500: #E64997;
  --data-magenta-600: #C2347B;
  --data-purple-100: #FAE3FA;
  --data-purple-200: #FAC5FA;
  --data-purple-300: #F291F2;
  --data-purple-400: #E670E6;
  --data-purple-500: #CC50CC;
  --data-purple-600: #A13FA1;
  --data-blue-100: #DEF4FA;
  --data-blue-200: #B3E6FF;
  --data-blue-300: #6CD5FF;
  --data-blue-400: #2FC8F7;
  --data-blue-500: #00ACEC;
  --data-blue-600: #1B7AC2;
}
.dark-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #000bc0;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #7b7b7b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-theme .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #7ea8fb;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #7ea8fb;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #000bc0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #000bc0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #7b7b7b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #7b7b7b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #7ea8fb;
  --mdc-linear-progress-track-color: rgba(126, 168, 251, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #000bc0;
  --mdc-linear-progress-track-color: rgba(0, 11, 192, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #7b7b7b;
  --mdc-linear-progress-track-color: rgba(123, 123, 123, 0.25);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #000bc0;
  --mdc-filled-text-field-focus-active-indicator-color: #000bc0;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 11, 192, 0.87);
  --mdc-outlined-text-field-caret-color: #000bc0;
  --mdc-outlined-text-field-focus-outline-color: #000bc0;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 11, 192, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(0, 11, 192, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #7b7b7b;
  --mdc-filled-text-field-focus-active-indicator-color: #7b7b7b;
  --mdc-filled-text-field-focus-label-text-color: rgba(123, 123, 123, 0.87);
  --mdc-outlined-text-field-caret-color: #7b7b7b;
  --mdc-outlined-text-field-focus-outline-color: #7b7b7b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(123, 123, 123, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(123, 123, 123, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 11, 192, 0.87);
  --mat-select-invalid-arrow-color: rgba(123, 123, 123, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(123, 123, 123, 0.87);
  --mat-select-invalid-arrow-color: rgba(123, 123, 123, 0.87);
}
.dark-theme .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.dark-theme .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #595959;
  --mdc-chip-elevated-selected-container-color: #595959;
  --mdc-chip-elevated-disabled-container-color: #595959;
  --mdc-chip-flat-disabled-selected-container-color: #595959;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #7ea8fb;
  --mdc-chip-elevated-selected-container-color: #7ea8fb;
  --mdc-chip-elevated-disabled-container-color: #7ea8fb;
  --mdc-chip-flat-disabled-selected-container-color: #7ea8fb;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #000bc0;
  --mdc-chip-elevated-selected-container-color: #000bc0;
  --mdc-chip-elevated-disabled-container-color: #000bc0;
  --mdc-chip-flat-disabled-selected-container-color: #000bc0;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #7b7b7b;
  --mdc-chip-elevated-selected-container-color: #7b7b7b;
  --mdc-chip-elevated-disabled-container-color: #7b7b7b;
  --mdc-chip-flat-disabled-selected-container-color: #7b7b7b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.dark-theme .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: white;
}
.dark-theme .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #6683ff;
  --mdc-switch-selected-handle-color: #6683ff;
  --mdc-switch-selected-hover-state-layer-color: #6683ff;
  --mdc-switch-selected-pressed-state-layer-color: #6683ff;
  --mdc-switch-selected-focus-handle-color: #99a6fe;
  --mdc-switch-selected-hover-handle-color: #99a6fe;
  --mdc-switch-selected-pressed-handle-color: #99a6fe;
  --mdc-switch-selected-focus-track-color: #0040f0;
  --mdc-switch-selected-hover-track-color: #0040f0;
  --mdc-switch-selected-pressed-track-color: #0040f0;
  --mdc-switch-selected-track-color: #0040f0;
}
.dark-theme .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #c4c4c4;
  --mdc-switch-selected-handle-color: #c4c4c4;
  --mdc-switch-selected-hover-state-layer-color: #c4c4c4;
  --mdc-switch-selected-pressed-state-layer-color: #c4c4c4;
  --mdc-switch-selected-focus-handle-color: #d9d9d9;
  --mdc-switch-selected-hover-handle-color: #d9d9d9;
  --mdc-switch-selected-pressed-handle-color: #d9d9d9;
  --mdc-switch-selected-focus-track-color: #555555;
  --mdc-switch-selected-hover-track-color: #555555;
  --mdc-switch-selected-pressed-track-color: #555555;
  --mdc-switch-selected-track-color: #555555;
}
.dark-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #7ea8fb;
  --mdc-radio-selected-hover-icon-color: #7ea8fb;
  --mdc-radio-selected-icon-color: #7ea8fb;
  --mdc-radio-selected-pressed-icon-color: #7ea8fb;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #7ea8fb;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #000bc0;
  --mdc-radio-selected-hover-icon-color: #000bc0;
  --mdc-radio-selected-icon-color: #000bc0;
  --mdc-radio-selected-pressed-icon-color: #000bc0;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #000bc0;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #7b7b7b;
  --mdc-radio-selected-hover-icon-color: #7b7b7b;
  --mdc-radio-selected-icon-color: #7b7b7b;
  --mdc-radio-selected-pressed-icon-color: #7b7b7b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #7b7b7b;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme .mat-accent {
  --mdc-slider-handle-color: #000bc0;
  --mdc-slider-focus-handle-color: #000bc0;
  --mdc-slider-hover-handle-color: #000bc0;
  --mdc-slider-active-track-color: #000bc0;
  --mdc-slider-inactive-track-color: #000bc0;
  --mdc-slider-with-tick-marks-inactive-container-color: #000bc0;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #000bc0;
  --mat-slider-hover-state-layer-color: rgba(0, 11, 192, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 11, 192, 0.2);
}
.dark-theme .mat-warn {
  --mdc-slider-handle-color: #7b7b7b;
  --mdc-slider-focus-handle-color: #7b7b7b;
  --mdc-slider-hover-handle-color: #7b7b7b;
  --mdc-slider-active-track-color: #7b7b7b;
  --mdc-slider-inactive-track-color: #7b7b7b;
  --mdc-slider-with-tick-marks-inactive-container-color: #7b7b7b;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #7b7b7b;
  --mat-slider-hover-state-layer-color: rgba(123, 123, 123, 0.05);
  --mat-slider-focus-state-layer-color: rgba(123, 123, 123, 0.2);
}
.dark-theme .mdc-list-item__start,
.dark-theme .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #7ea8fb;
  --mdc-radio-selected-hover-icon-color: #7ea8fb;
  --mdc-radio-selected-icon-color: #7ea8fb;
  --mdc-radio-selected-pressed-icon-color: #7ea8fb;
}
.dark-theme .mat-accent .mdc-list-item__start,
.dark-theme .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #000bc0;
  --mdc-radio-selected-hover-icon-color: #000bc0;
  --mdc-radio-selected-icon-color: #000bc0;
  --mdc-radio-selected-pressed-icon-color: #000bc0;
}
.dark-theme .mat-warn .mdc-list-item__start,
.dark-theme .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #7b7b7b;
  --mdc-radio-selected-hover-icon-color: #7b7b7b;
  --mdc-radio-selected-icon-color: #7b7b7b;
  --mdc-radio-selected-pressed-icon-color: #7b7b7b;
}
.dark-theme .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #7ea8fb;
  --mdc-checkbox-selected-hover-icon-color: #7ea8fb;
  --mdc-checkbox-selected-icon-color: #7ea8fb;
  --mdc-checkbox-selected-pressed-icon-color: #7ea8fb;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #7ea8fb;
  --mdc-checkbox-selected-hover-state-layer-color: #7ea8fb;
  --mdc-checkbox-selected-pressed-state-layer-color: #7ea8fb;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #000bc0;
  --mdc-checkbox-selected-hover-icon-color: #000bc0;
  --mdc-checkbox-selected-icon-color: #000bc0;
  --mdc-checkbox-selected-pressed-icon-color: #000bc0;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #000bc0;
  --mdc-checkbox-selected-hover-state-layer-color: #000bc0;
  --mdc-checkbox-selected-pressed-state-layer-color: #000bc0;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #7b7b7b;
  --mdc-checkbox-selected-hover-icon-color: #7b7b7b;
  --mdc-checkbox-selected-icon-color: #7b7b7b;
  --mdc-checkbox-selected-pressed-icon-color: #7b7b7b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #7b7b7b;
  --mdc-checkbox-selected-hover-state-layer-color: #7b7b7b;
  --mdc-checkbox-selected-pressed-state-layer-color: #7b7b7b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #7ea8fb;
}
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dark-theme .mat-mdc-tab-group,
.dark-theme .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #7ea8fb;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #7ea8fb;
  --mat-tab-header-active-ripple-color: #7ea8fb;
  --mat-tab-header-inactive-ripple-color: #7ea8fb;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #7ea8fb;
  --mat-tab-header-active-hover-label-text-color: #7ea8fb;
  --mat-tab-header-active-focus-indicator-color: #7ea8fb;
  --mat-tab-header-active-hover-indicator-color: #7ea8fb;
}
.dark-theme .mat-mdc-tab-group.mat-accent,
.dark-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #000bc0;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #000bc0;
  --mat-tab-header-active-ripple-color: #000bc0;
  --mat-tab-header-inactive-ripple-color: #000bc0;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #000bc0;
  --mat-tab-header-active-hover-label-text-color: #000bc0;
  --mat-tab-header-active-focus-indicator-color: #000bc0;
  --mat-tab-header-active-hover-indicator-color: #000bc0;
}
.dark-theme .mat-mdc-tab-group.mat-warn,
.dark-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #7b7b7b;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #7b7b7b;
  --mat-tab-header-active-ripple-color: #7b7b7b;
  --mat-tab-header-inactive-ripple-color: #7b7b7b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #7b7b7b;
  --mat-tab-header-active-hover-label-text-color: #7b7b7b;
  --mat-tab-header-active-focus-indicator-color: #7b7b7b;
  --mat-tab-header-active-hover-indicator-color: #7b7b7b;
}
.dark-theme .mat-mdc-tab-group.mat-background-primary,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #7ea8fb;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-mdc-tab-group.mat-background-accent,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #000bc0;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-mdc-tab-group.mat-background-warn,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #7b7b7b;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #7ea8fb;
  --mdc-checkbox-selected-hover-icon-color: #7ea8fb;
  --mdc-checkbox-selected-icon-color: #7ea8fb;
  --mdc-checkbox-selected-pressed-icon-color: #7ea8fb;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #7ea8fb;
  --mdc-checkbox-selected-hover-state-layer-color: #7ea8fb;
  --mdc-checkbox-selected-pressed-state-layer-color: #7ea8fb;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #7b7b7b;
  --mdc-checkbox-selected-hover-icon-color: #7b7b7b;
  --mdc-checkbox-selected-icon-color: #7b7b7b;
  --mdc-checkbox-selected-pressed-icon-color: #7b7b7b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #7b7b7b;
  --mdc-checkbox-selected-hover-state-layer-color: #7b7b7b;
  --mdc-checkbox-selected-pressed-state-layer-color: #7b7b7b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #7ea8fb;
  --mat-text-button-state-layer-color: #7ea8fb;
  --mat-text-button-ripple-color: rgba(126, 168, 251, 0.1);
}
.dark-theme .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #000bc0;
  --mat-text-button-state-layer-color: #000bc0;
  --mat-text-button-ripple-color: rgba(0, 11, 192, 0.1);
}
.dark-theme .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #7b7b7b;
  --mat-text-button-state-layer-color: #7b7b7b;
  --mat-text-button-ripple-color: rgba(123, 123, 123, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #7ea8fb;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #000bc0;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #7b7b7b;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #7ea8fb;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #000bc0;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #7b7b7b;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #7ea8fb;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #7ea8fb;
  --mat-outlined-button-ripple-color: rgba(126, 168, 251, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #000bc0;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #000bc0;
  --mat-outlined-button-ripple-color: rgba(0, 11, 192, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #7b7b7b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #7b7b7b;
  --mat-outlined-button-ripple-color: rgba(123, 123, 123, 0.1);
}
.dark-theme .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #7ea8fb;
  --mat-icon-button-state-layer-color: #7ea8fb;
  --mat-icon-button-ripple-color: rgba(126, 168, 251, 0.1);
}
.dark-theme .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #000bc0;
  --mat-icon-button-state-layer-color: #000bc0;
  --mat-icon-button-ripple-color: rgba(0, 11, 192, 0.1);
}
.dark-theme .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #7b7b7b;
  --mat-icon-button-state-layer-color: #7b7b7b;
  --mat-icon-button-ripple-color: rgba(123, 123, 123, 0.1);
}
.dark-theme .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #7ea8fb;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #000bc0;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #7b7b7b;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #7ea8fb;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #000bc0;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #7b7b7b;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-accent {
  --mdc-circular-progress-active-indicator-color: #000bc0;
}
.dark-theme .mat-warn {
  --mdc-circular-progress-active-indicator-color: #7b7b7b;
}
.dark-theme .mat-badge-accent {
  --mat-badge-background-color: #000bc0;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-badge-warn {
  --mat-badge-background-color: #7b7b7b;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #000bc0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 11, 192, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 11, 192, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 11, 192, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 11, 192, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.dark-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #7b7b7b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(123, 123, 123, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(123, 123, 123, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(123, 123, 123, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(123, 123, 123, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.dark-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #000bc0;
}
.dark-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #7b7b7b;
}
.dark-theme .mat-icon.mat-primary {
  --mat-icon-color: #7ea8fb;
}
.dark-theme .mat-icon.mat-accent {
  --mat-icon-color: #000bc0;
}
.dark-theme .mat-icon.mat-warn {
  --mat-icon-color: #7b7b7b;
}
.dark-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #000bc0;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #000bc0;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #000bc0;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #7b7b7b;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #7b7b7b;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #7b7b7b;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #7ea8fb;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #000bc0;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dark-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #7b7b7b;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-accordion .mat-expansion-panel {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  --mat-expansion-container-background-color: var(--grey-400);
  --mat-expansion-container-text-color: var(--text-primary-color);
  --mat-expansion-container-shape: 0.25rem;
  background: transparent;
  box-shadow: none;
}
.mat-accordion .mat-expansion-panel:first-of-type,
.mat-accordion .mat-expansion-panel:last-of-type {
  --mat-expansion-container-shape: 0.25rem;
}
.mat-accordion .mat-expansion-panel.mat-expanded {
  transition: 0.3s transform ease-in-out;
}
.mat-accordion .mat-expansion-panel.mat-expanded .open-close-icons {
  transform: rotate(90deg);
}
.mat-accordion .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-accordion .mat-expansion-panel:not(.mat-expanded),
.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 0.25rem !important;
}
.mat-accordion .mat-expansion-panel-body {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 1.25rem;
  border: 1px solid var(--grey-400);
  border-radius: 0.25rem;
}
.mat-expansion-panel-spacing {
  margin: 0 !important;
}
.mat-expansion-panel-header {
  padding: 0 1.25rem 0 1rem !important;
  --mat-expansion-header-collapsed-state-height: 2.5rem;
  --mat-expansion-header-text-font: ABBVoice, Verdana;
  --mat-expansion-header-text-size: 0.875rem;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: 0;
  --mat-expansion-header-text-tracking: normal;
  background: var(--grey-400);
  border: 1px solid var(--grey-400);
}
.mat-expansion-panel-header:hover,
.mat-expansion-panel-header:focus {
  background: var(--accordion-expanded-bg) !important;
  border-color: var(--accordion-border);
}
.mat-expansion-panel-header.mat-expanded {
  --mat-expansion-header-expanded-state-height: 2.5rem;
  background: var(--accordion-expanded-bg);
  border-color: var(--accordion-border);
}
.mat-expansion-panel-header.mat-expanded:hover,
.mat-expansion-panel-header.mat-expanded:focus {
  background: var(--accordion-expanded-bg);
  border-color: var(--accordion-border);
}
.mat-expansion-panel-content {
  --mat-expansion-container-text-font: ABBVoice, Verdana;
  --mat-expansion-container-text-size: 0.875rem;
  --mat-expansion-container-text-weight: 2.5rem;
  --mat-expansion-container-text-line-height: 1.15;
  --mat-expansion-container-text-tracking: normal;
}
.mat-content {
  justify-content: space-between;
}
.accordion-wrapper {
  margin: 0.5rem auto;
}
.accordion-wrapper .expand-collapse-all {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}
.accordion-wrapper .expand-collapse-all.left {
  justify-content: flex-start;
}
.accordion-wrapper .expand-collapse-all .text-link {
  font-family: ABBVoice, Verdana;
  color: var(--text-blue-color);
  cursor: pointer;
  font-size: 0.875rem;
  border-bottom: 1px solid transparent;
  font-weight: 400;
  line-height: 1.15;
  text-decoration: none;
  text-underline-position: under;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
}
.accordion-wrapper .expand-collapse-all .text-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0.5px;
  bottom: 0;
  left: 0;
  background-color: var(--text-blue-color);
  transform: scaleX(0);
  transition: transform 0.28s ease-in-out;
}
.accordion-wrapper .expand-collapse-all .text-link:hover::before {
  transform: scaleX(1);
}
.accordion-wrapper .expand-collapse-all .text-link:hover,
.accordion-wrapper .expand-collapse-all .text-link:focus,
.accordion-wrapper .expand-collapse-all .text-link:visited {
  color: var(--text-blue-color);
  text-decoration: none;
}
.accordion-wrapper .expand-collapse-all .text-link svg {
  font-size: inherit;
}
.accordion-wrapper .first-part,
.accordion-wrapper .second-part {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.accordion-wrapper .mat-expansion-indicator {
  display: none;
}
.edit-field-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.edit-field-wrapper p {
  width: auto !important;
  margin-right: 0.5rem;
}
.validation-container {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
.validation-container .icon-abb_delete {
  font-size: 0.875rem;
}
.group-container {
  display: flex;
  align-items: center;
  justify-content: inherit;
}
.group-container.avatar-wrapper {
  gap: 0;
}
.group-container .avatar-container {
  position: relative;
  color: var(--text-primary-color);
}
.group-container .avatar-container.size-24 {
  margin-left: -0.25rem;
}
.group-container .avatar-container.size-32 {
  margin-left: -0.4rem;
}
.group-container .avatar-container.size-40 {
  margin-left: -0.5rem;
}
.group-container .avatar-container.size-48 {
  margin-left: -0.75rem;
}
.group-container .avatar-container.size-68 {
  margin-left: -1.2rem;
}
.group-container .avatar-container.size-128 {
  margin-left: -2rem;
}
.group-container .avatar-container .avatar,
.group-container .avatar-container.avatar {
  border: 0.125rem solid var(--white);
}
.group-container .avatar-container .avatar:hover,
.group-container .avatar-container.avatar:hover {
  border: 0.125rem solid var(--grey-600);
}
.group-container .avatar-container:nth-child(1) {
  z-index: 4;
}
.group-container .avatar-container:nth-child(2) {
  z-index: 3;
}
.group-container .avatar-container:nth-child(3) {
  z-index: 2;
}
.group-container .avatar-container:nth-child(4) {
  z-index: 1;
}
.autocomplete-container {
  width: 100%;
}
.autocomplete-container .input-field-wrapper .input-wrapper.small {
  padding: 0 8px 0 12px;
  height: 2rem;
}
.autocomplete-container .input-field-wrapper .input-wrapper.medium {
  padding: 0 12px 0 16px;
  height: 2.5rem;
}
.autocomplete-container .input-field-wrapper .input-wrapper.big {
  padding: 0 16px 0 20px;
  height: 3rem;
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .cancel-icon {
  vertical-align: middle;
  visibility: hidden;
  border-radius: 50%;
  padding: 4px;
  line-height: 0.8;
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .cancel-icon:hover {
  background: var(--grey-200);
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .cancel-icon:active {
  background: var(--grey-300);
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .show {
  visibility: visible;
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .padr-1 {
  padding-right: 1px;
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .mar-left-right-4 {
  margin: 0 4px;
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .down-icon {
  vertical-align: middle;
  visibility: hidden;
  border-radius: 50%;
  padding: 4px;
  line-height: 0.8;
  visibility: visible !important;
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .down-icon:hover {
  background: var(--grey-200);
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .down-icon:active {
  background: var(--grey-300);
}
.autocomplete-container .input-field-wrapper .input-wrapper .action-icon-row .selected-badge-container {
  margin-right: 0.25rem;
  visibility: visible;
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel {
  padding: 0;
  margin: 4px 0;
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option {
  --mat-option-selected-state-label-text-color: var(--text-primary-color);
  --mat-option-hover-state-layer-color: var(--grey-300);
  --mat-option-focus-state-layer-color: var(--grey-300);
  --mat-option-selected-state-layer-color: var(--accordion-expanded-bg);
  --mat-option-label-text-color: var(--text-primary-color);
  --mat-option-label-text-font: ABBVoice, Verdana;
  --mat-option-label-text-line-height: $abb-size-24;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox-minimal {
  display: none;
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option.list-header {
  pointer-events: none;
  --mat-option-hover-state-layer-color: var(--white);
  --mat-option-focus-state-layer-color: var(--white);
  --mat-option-selected-state-layer-color: var(--white);
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option.list-header .mat-pseudo-checkbox,
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option.list-header .mat-pseudo-checkbox-full {
  display: none;
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected {
  background: var(--accordion-expanded-bg);
  --mat-option-selected-state-layer-color: var(--accordion-expanded-bg);
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option.selected-option {
  background: var(--accordion-expanded-bg);
  --mat-option-selected-state-layer-color: var(--accordion-expanded-bg);
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option.small {
  min-height: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option.medium {
  min-height: 2.5rem;
  height: 2.5rem;
  padding: 0 1rem;
}
.cdk-overlay-container .cdk-overlay-pane .auto-menu-container.mat-mdc-autocomplete-panel .mat-mdc-option.big {
  min-height: 3rem;
  height: 3rem;
  padding: 0 1.25rem;
}
#storybook-root app-autocomplete .autocomplete-container .input-field-wrapper .form-field,
#storybook-docs app-autocomplete .autocomplete-container .input-field-wrapper .form-field {
  width: 350px;
}
.avatar-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.avatar-wrapper:focus-visible {
  outline: var(--primary-default) auto 1px !important;
  padding: 2px;
  border-radius: 50%;
}
.avatar-wrapper .avatar {
  border-radius: 50%;
  line-height: 2.54rem;
  font-weight: 500;
  background-color: var(--grey-400);
  font-family: ABBVoice, Verdana;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.125rem solid transparent;
  overflow: hidden;
}
.avatar-wrapper .avatar:hover {
  border: 0.125rem solid var(--grey-600);
  cursor: pointer;
}
.avatar-wrapper .avatar:focus-visible {
  outline: var(--primary-default) auto 1px;
}
.avatar-wrapper .avatar.disabled {
  opacity: 0.7;
  border: 0.125rem solid transparent;
  color: var(--grey-600);
  cursor: not-allowed;
}
.avatar-wrapper .avatar.size-24 {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.75rem;
}
.avatar-wrapper .avatar.size-32 {
  height: 2rem;
  width: 2rem;
  font-size: 0.875rem;
}
.avatar-wrapper .avatar.size-40 {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1rem;
}
.avatar-wrapper .avatar.size-48 {
  height: 3rem;
  width: 3rem;
  font-size: 1.125rem;
}
.avatar-wrapper .avatar.size-68 {
  height: 4.25rem;
  width: 4.25rem;
  font-size: 1.5rem;
}
.avatar-wrapper .avatar.size-128 {
  height: 8rem;
  width: 8rem;
  font-size: 3rem;
}
.avatar-wrapper .avatar .avatar-initials {
  color: var(--text-primary-color);
  font-family: ABBVoice, Verdana;
}
.avatar-wrapper .avatar .avatar-image {
  width: 100%;
  height: 100%;
  transform: scale(1.15);
}
.badge {
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
  font-family: ABBVoice, Verdana;
}
.badge .leading-icon {
  cursor: text;
}
.badge.mt-4 {
  margin-top: 0.25rem;
}
.badge.primary {
  background-color: var(--info);
  color: var(--white);
}
.badge.primary.outlined-square-badge {
  border: 1px solid var(--info);
  color: var(--info);
  background-color: var(--white);
}
.badge.primary.filled-square-badge {
  border: 1px solid var(--info);
  color: var(--white);
  background: var(--info);
}
.badge.primary.filled-square-badge.light-bg {
  color: var(--info);
  background: var(--info-transparent);
}
.badge.primary.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.primary.without-bg .leading-icon {
  font-size: 0.875rem;
  color: var(--info);
}
.badge.secondary {
  border: 1px solid var(--grey-600);
  color: var(--text-primary-color);
  background-color: var(--grey-400);
}
.badge.secondary.outlined-square-badge {
  border: 1px solid var(--badge-text-color);
  color: var(--badge-text-color);
  background-color: var(--white);
}
.badge.secondary.filled-square-badge .leading-icon {
  color: var(--badge-text-color);
}
.badge.secondary.filled-square-badge.light-bg {
  background-color: var(--background-disabled);
}
.badge.secondary.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.secondary.without-bg .leading-icon {
  color: var(--badge-text-color);
  font-size: 1rem;
}
.badge.positive {
  background-color: var(--success);
  color: var(--white);
}
.badge.positive.outlined-square-badge {
  border: 1px solid var(--success);
  color: var(--success);
  background-color: var(--white);
}
.badge.positive.filled-square-badge {
  border: 1px solid var(--success);
  color: var(--white);
  background: var(--success);
}
.badge.positive.filled-square-badge.light-bg {
  color: var(--success);
  background: var(--success-transparent);
}
.badge.positive.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.positive.without-bg .leading-icon {
  color: var(--success);
  font-size: 1rem;
}
.badge.warning {
  background-color: var(--warning);
  color: var(--white);
}
.badge.warning.outlined-square-badge {
  border: 1px solid var(--warning);
  color: var(--warning);
  background-color: var(--white);
}
.badge.warning.filled-square-badge {
  border: 1px solid var(--warning);
  color: var(--white);
  background: var(--warning);
}
.badge.warning.filled-square-badge.light-bg {
  color: var(--warning);
  background: var(--warning-transparent);
}
.badge.warning.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.warning.without-bg .leading-icon {
  color: var(--warning);
  font-size: 1rem;
}
.badge.negative {
  background-color: var(--error);
  color: var(--white);
}
.badge.negative.outlined-square-badge {
  border: 1px solid var(--error);
  color: var(--error);
  background-color: var(--white);
}
.badge.negative.filled-square-badge {
  border: 1px solid var(--error);
  color: var(--white);
  background: var(--error);
}
.badge.negative.filled-square-badge.light-bg {
  color: var(--error);
  background: var(--error-transparent);
}
.badge.negative.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.negative.without-bg .leading-icon {
  color: var(--error);
  font-size: 1rem;
}
.badge.neutral {
  background-color: var(--white);
  color: var(--grey-600);
  border: 1px solid var(--grey-600);
}
.badge.size-4 {
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 1.25rem;
}
.badge.size-8 {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 1.25rem;
}
.badge.size-16 {
  height: 1rem;
  width: 1rem;
  border-radius: 1.25rem;
  font-size: 0.75rem;
}
.badge.size-24 {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 1.25rem;
  font-weight: 400 !important;
  line-height: 1.375rem;
  font-size: 0.75rem !important;
  white-space: nowrap;
}
.badge.rounded-small-badge {
  padding: 2.5px 0.5rem;
  height: 1rem;
  border-radius: 1.25rem;
  line-height: 1.375rem;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
  min-width: 1.5rem;
}
.badge.rounded-badge {
  padding: 2.5px 0.5rem;
  min-height: 1.25rem;
  border-radius: 1.25rem;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
}
.badge.square-badge {
  padding: 4.5px 0.5rem;
  min-height: 1.5rem;
  border-radius: 0.375rem;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
}
.badge.outlined-square-badge {
  padding: 4.5px 0.5rem;
  min-height: 1.5rem;
  border-radius: 0.375rem;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
}
.badge.filled-square-badge {
  padding: 4.5px 0.5rem;
  border-radius: 0.375rem;
  height: 1.5rem;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
}
.badge.without-bg {
  font-weight: 400;
  font-size: 0.75rem;
}
.breadcrumb-container {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.current-page {
  display: flex;
  align-items: center;
  cursor: default;
  color: var(--text-primary-color);
  font-weight: 400;
  font-size: 0.75rem;
  font-family: ABBVoice, Verdana;
}
.current-page .down-icon {
  margin-top: 2px;
  margin-left: 4px;
  color: var(--text-primary-color);
}
.separator {
  margin-left: 0.375rem;
  margin-right: 0.5rem;
  font-size: 0.75rem;
  color: inherit;
}
.previous-label-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 8px;
  font-family: ABBVoice, Verdana;
}
.previous-label-container .icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.previous-label-container .icon.bg-white {
  background-color: var(--white);
}
.previous-label-container .icon.bg-white:hover {
  background-color: var(--grey-200);
}
.previous-label-container .icon.bg-gray {
  background-color: var(--grey-300);
}
.previous-label-container .icon.bg-gray:hover {
  background-color: var(--grey-200);
}
.previous-label-container .icon .icon-left {
  color: var(--text-primary-color);
}
.previous-label-container .previous-label {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  font-weight: 400;
  line-height: 1.15;
  display: inline-block;
}
.icon-right {
  color: var(--text-primary-color);
}
.ellipsis-icon {
  color: var(--text-primary-color);
  cursor: pointer;
}
.ellipsePanel .hide {
  display: none;
}
.mat-mdc-button {
  --mdc-text-button-label-text-font: ABBVoice, Verdana;
  --mdc-text-button-label-text-size: 0.875rem;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-text-button-container-height: 2rem;
  --mdc-text-button-container-shape: 1.25rem;
  --mat-text-button-horizontal-padding: 1rem;
}
.mat-mdc-button[disabled],
.mat-mdc-button.mat-mdc-button.mat-mdc-button-disabled {
  --mdc-text-button-disabled-label-text-color: var(--grey-600);
  pointer-events: inherit;
  cursor: not-allowed;
}
.mat-mdc-button[disabled] .mat-mdc-button-persistent-ripple,
.mat-mdc-button.mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple {
  display: none;
}
.mat-mdc-button:focus-visible {
  outline: 2px solid var(--primary-active);
}
.mat-mdc-button:not(:disabled) {
  --mdc-text-button-label-text-color: var(--white);
}
.mat-mdc-button.mat-ripple {
  overflow: hidden;
}
.mat-mdc-button.primary {
  background-color: var(--primary-default);
  --mdc-text-button-label-text-color: var(--white);
}
.mat-mdc-button.primary:hover {
  background-color: var(--primary-hover);
}
.mat-mdc-button.primary:active {
  background-color: var(--primary-active);
}
.mat-mdc-button.primary:disabled {
  --mdc-text-button-disabled-label-text-color: var(--white);
  background-color: var(--primary-disabled);
}
.mat-mdc-button.secondary {
  background-color: var(--grey-400);
  --mdc-text-button-label-text-color: var(--text-primary-color);
}
.mat-mdc-button.secondary:hover {
  background-color: var(--grey-500);
}
.mat-mdc-button.secondary:active {
  background-color: var(--grey-600);
}
.mat-mdc-button.secondary:disabled {
  background-color: var(--grey-400);
  --mdc-text-button-disabled-label-text-color: var(--grey-600);
  --mdc-text-button-label-text-color: var(--grey-600);
}
.mat-mdc-button.discreet {
  background-color: transparent;
  --mdc-text-button-label-text-color: var(--text-primary-color);
}
.mat-mdc-button.ghost {
  background-color: var(--white);
  --mdc-text-button-label-text-color: var(--text-primary-color);
  border: 2px solid var(--grey-400);
}
.mat-mdc-button.ghost:hover {
  border-color: var(--grey-500);
  background-color: var(--grey-400);
}
.mat-mdc-button.ghost:active {
  border-color: var(--grey-700);
  background-color: var(--grey-500);
}
.mat-mdc-button.ghost:disabled {
  background-color: transparent;
  border-color: var(--grey-500);
  --mdc-text-button-disabled-label-text-color: var(--grey-600);
}
.mat-mdc-button.discreet:hover {
  border-color: var(--grey-400);
  background-color: var(--grey-400);
}
.mat-mdc-button.discreet:active {
  border-color: var(--grey-500);
  background-color: var(--grey-500);
}
.mat-mdc-button.discreet:disabled {
  background-color: transparent;
  border-color: transparent;
  --mdc-text-button-disabled-label-text-color: var(--grey-600);
}
.mat-mdc-button .suffixIcon {
  margin-right: -8px;
}
.mat-mdc-button .suffixIcon .actionable:hover {
  background: rgba(245, 245, 245, 0.2);
}
.mat-mdc-button .suffixIcon .actionable:active {
  background: rgba(245, 245, 245, 0.2);
}
.mat-mdc-button.small {
  --mdc-text-button-container-height: 2rem;
}
.mat-mdc-button .prefix-image {
  max-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-mdc-button.default {
  --mdc-text-button-container-height: 2.5rem;
  --mat-text-button-horizontal-padding: 1.25rem;
}
.mat-mdc-button.success {
  background-color: var(--success);
}
.mat-mdc-button.success:hover,
.mat-mdc-button.success:active {
  background-color: var(--success-hover);
}
.mat-mdc-button.success:disabled {
  background-color: var(--success);
  opacity: 0.5;
  --mdc-text-button-disabled-label-text-color: var(--grey-200);
}
.mat-mdc-button.error {
  background-color: var(--error);
}
.mat-mdc-button.error:hover,
.mat-mdc-button.error:active {
  background-color: var(--error-hover);
}
.mat-mdc-button.error:disabled {
  background-color: var(--error);
  opacity: 0.5;
  --mdc-text-button-disabled-label-text-color: var(--grey-200);
}
.mat-mdc-button.warning {
  background-color: var(--warning);
}
.mat-mdc-button.warning:hover,
.mat-mdc-button.warning:active {
  background-color: var(--warning-hover);
}
.mat-mdc-button.warning:disabled {
  background-color: var(--warning);
  opacity: 0.5;
  --mdc-text-button-disabled-label-text-color: var(--grey-200);
}
.mat-mdc-button.icon-only {
  --mat-text-button-horizontal-padding: 0;
  min-width: 1px;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.mat-mdc-button.icon-only.default {
  width: 2.5rem;
  height: 2.5rem;
}
.mat-mdc-button .mdc-button__label {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  line-height: 1.15;
}
.mat-mdc-button .icon {
  line-height: 1.15;
}
.mat-mdc-button .icon::before {
  vertical-align: middle;
}
.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  --mdc-circular-progress-active-indicator-color: var(--white);
}
.split-btn-menu {
  position: relative;
}
.split-btn .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.5rem 0 1rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.split-btn .mat-button-toggle-appearance-standard .mat-button-toggle-button {
  height: 100%;
}
.split-btn .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  text-align: center;
  padding: 0 0.5rem 0 0.5rem;
}
.split-btn .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard .mat-button-toggle-label-content .icon-section {
  position: relative;
  left: -1.5px;
}
.split-btn .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard .mat-button-toggle-label-content .icon-section::before {
  vertical-align: middle;
}
.split-btn.small .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.5rem 0 1rem;
  --mat-standard-button-toggle-height: 2rem;
}
.split-btn.small .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.5rem 0 0.5rem;
}
.split-btn.default .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.75rem 0 1.25rem;
  --mat-standard-button-toggle-height: 2.5rem;
}
.split-btn.default .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.75rem 0 0.75rem;
}
.split-btn.primary .mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-text-color: var(--white);
  --mat-standard-button-toggle-background-color: var(--primary-default);
}
.split-btn.primary .mat-button-toggle-appearance-standard:hover {
  --mat-standard-button-toggle-background-color: var(--primary-hover);
}
.split-btn.primary .mat-button-toggle-appearance-standard:active {
  --mat-standard-button-toggle-background-color: var(--primary-active);
}
.split-btn.primary .mat-button-toggle-appearance-standard:disabled {
  --mat-standard-button-toggle-disabled-state-text-color: var(--white);
  --mat-standard-button-toggle-disabled-state-background-color: var(--primary-disabled);
}
.split-btn.primary .mat-button-toggle-appearance-standard.mat-button-toggle-disabled {
  --mat-standard-button-toggle-disabled-state-text-color: var(--white);
  --mat-standard-button-toggle-disabled-state-background-color: var(--primary-disabled);
}
.split-btn.secondary .mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-divider-color: var(--text-primary-color);
  --mat-standard-button-toggle-text-color: var(--text-primary-color);
  --mat-standard-button-toggle-background-color: var(--grey-400);
  --mat-standard-button-toggle-selected-state-text-color: var(--text-primary-color);
  --mat-standard-button-toggle-selected-state-background-color: var(--grey-400);
}
.split-btn.secondary .mat-button-toggle-appearance-standard:hover {
  --mat-standard-button-toggle-background-color: var(--grey-500);
}
.split-btn.secondary .mat-button-toggle-appearance-standard:active {
  --mat-standard-button-toggle-background-color: var(--grey-600);
}
.split-btn.secondary .mat-button-toggle-appearance-standard:disabled {
  --mat-standard-button-toggle-disabled-state-text-color: var(--grey-600);
  --mat-standard-button-toggle-disabled-state-background-color: var(--grey-400);
}
.split-btn.secondary .mat-button-toggle-appearance-standard.mat-button-toggle-disabled {
  --mat-standard-button-toggle-disabled-state-text-color: var(--grey-600);
  --mat-standard-button-toggle-disabled-state-background-color: var(--grey-400);
}
.cards-container {
  display: flex;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.06) 0px 1px 2px;
  opacity: 1;
  height: 100%;
  min-height: 120px;
  border-radius: 8px;
  border: 1px solid var(--grey-300);
  align-self: stretch;
}
.cards-container * {
  font-family: ABBVoice, Verdana;
}
.cards-container.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.cards-container.disabled .top-content .top-wrapper .menu-items {
  display: none;
}
.cards-container:not(.non-hover):not(.disabled):hover,
.cards-container:not(.non-hover):not(.disabled):active,
.cards-container:not(.non-hover):not(.disabled):focus {
  box-shadow: 1px 1px 5px var(--shadow-blue);
  background-color: var(--card-hover);
  cursor: pointer;
  border: 1px solid var(--accordion-border);
}
.cards-container:not(.non-hover):not(.disabled):hover .gray,
.cards-container:not(.non-hover):not(.disabled):active .gray,
.cards-container:not(.non-hover):not(.disabled):focus .gray {
  background-color: var(--card-hover);
}
.cards-container:not(.non-hover):not(.disabled).grey-bg-hover:hover {
  background: var(--grey-300);
  border: 1px solid var(--grey-500);
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.06) 0px 1px 2px;
}
.cards-container:not(.non-hover):not(.disabled).grey-bg-hover:active,
.cards-container:not(.non-hover):not(.disabled).grey-bg-hover:focus {
  box-shadow: 1px 1px 5px var(--shadow-blue);
  background-color: var(--card-hover);
  cursor: pointer;
  border: 1px solid var(--accordion-border);
}
.cards-container:not(.non-hover):not(.disabled).grey-bg-hover:active .gray,
.cards-container:not(.non-hover):not(.disabled).grey-bg-hover:focus .gray {
  background-color: var(--card-hover);
}
.cards-container.non-hover .icon-abb_arrow-right-1 {
  display: none;
}
.cards-container:hover .top-content .icon {
  visibility: visible;
}
.cards-container .top-content {
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
  display: flex;
  padding: 16px;
  gap: 16px;
}
.cards-container .top-content .top-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
}
.cards-container .top-content .top-wrapper .secondary-text {
  color: var(--grey-800);
  font-size: 0.875rem;
  text-transform: capitalize;
  line-height: 1.15;
}
.cards-container .top-content .title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.15;
  color: var(--text-primary-color);
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.cards-container .top-content .description {
  text-align: left;
  font-size: 0.875rem;
  letter-spacing: 0px;
  color: var(--text-primary-color);
  opacity: 1;
  line-height: 1.15;
  overflow: hidden;
}
.cards-container .top-content .icon {
  visibility: hidden;
  color: var(--text-primary-color);
}
.cards-container .top-content .icon.show-menu {
  visibility: visible;
}
.cards-container .bottom-content {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  place-content: center space-between;
  padding: 8px 16px;
  border-top: 1px solid var(--grey-400);
}
.cards-container .bottom-content .supporting-text {
  color: var(--grey-800);
  text-transform: capitalize;
  font-size: 0.75rem;
  line-height: 1.15;
  overflow: hidden;
}
.cards-container .bottom-content.gray {
  background: var(--grey-200);
}
.cards-container .font-bold {
  font-weight: 500;
}
.cards-container .icon-container.size-16 {
  font-size: 1rem;
  padding: 0.375rem;
}
.cards-container .container {
  display: flex;
  flex-direction: column;
}
.cards-container .container .primary-card-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0 40px;
}
.cards-container .container .primary-card-content .left-part {
  display: flex;
  flex-direction: column;
}
.cards-container .container .primary-card-content .left-part.border {
  border-right: 1px solid var(--grey-400);
  max-width: 33.33%;
  margin-right: 2rem;
  padding-right: 2rem;
}
.cards-container .container .primary-card-content .left-part .title {
  text-transform: capitalize;
  color: var(--grey-800);
  font-size: 0.875rem;
  font-weight: 700;
}
.cards-container .container .primary-card-content .left-part .content {
  color: var(--text-primary-color);
  font-size: 1.25rem;
  font-weight: 700;
  padding-top: 16px;
}
.cards-container .container .description {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-primary-color);
  font-size: 0.875rem;
}
.cards-container .container .description .value {
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 300;
}
.cards-container .container .description .name {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: capitalize;
}
.cards-container .supporting-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: var(--text-primary-color);
}
.cards-container .supporting-container .supporting-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cards-container .supporting-container .supporting-content .content {
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: capitalize;
  line-height: 1.375rem;
}
.cards-container .supporting-container .supporting-content .content .bold {
  font-weight: 500;
}
.cards-container .primary-image-content {
  display: flex;
  align-items: start;
  flex-direction: row;
  margin-bottom: 20px;
}
.cards-container .primary-image-content .icon-size {
  font-size: 1.5rem;
  color: var(--text-primary-color);
}
.cards-container .primary-image-content .icon-container {
  background: var(--grey-300);
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 16px;
  flex-shrink: 0;
}
.cards-container .primary-image-content .content {
  gap: 4px;
}
.cards-container .primary-image-content .primary-value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary-default);
}
.cards-container .primary-image-content .mr-16 {
  margin-right: 16px;
  margin-top: 2px;
}
.cards-container .primary-image-content.align-center {
  align-items: center;
}
.cards-container .primary-image-content .image-container {
  background: var(--grey-300);
  height: 84px;
  width: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 20px;
}
.cards-container .primary-image-content .content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cards-container:hover .image-container {
  background: var(--white);
}
.arrow-right-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
  height: 100%;
}
.arrow-right-container .primary-image-content {
  margin-bottom: 0;
}
.arrow-right-container .primary-image-content .icon-size {
  font-size: 1.5rem;
  color: var(--text-primary-color);
}
.arrow-right-container .primary-image-content .icon-container {
  background: var(--grey-300);
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 16px;
  flex-shrink: 0;
}
.arrow-right-container .primary-image-content .content {
  gap: 4px;
}
.arrow-right-container .primary-image-content .primary-value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary-default);
}
.arrow-right-container .primary-image-content .mr-16 {
  margin-right: 16px;
  margin-top: 2px;
}
.arrow-right-container .top-content {
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
  display: flex;
  flex: 1 1 0.000000001px;
  padding: 6px 16px 16px;
  gap: 8px;
}
.arrow-right-container .top-content.gap-12 {
  gap: 12px;
}
.arrow-right-container .color-black {
  color: var(--text-primary-color);
}
.cards-in-tab .tab .mat-mdc-tab-header .mat-mdc-tab-labels {
  border-bottom: none;
}
.cards-in-tab .tab-search-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--grey-500);
}
.cards-in-tab .card-search-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.cards-in-tab .bottom-details-container {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
.cards-in-tab .bottom-details-container .flex-100 {
  flex: 1 1 0;
}
.cards-in-tab .bottom-details-container .cards-view-grid {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.cards-in-tab .bottom-details-container .cards-view-grid app-card {
  width: 32.195%;
}
.cards-in-tab .bottom-details-container .list-view-grid .icon {
  visibility: hidden;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding: 8px 24px;
  box-shadow: none;
  box-sizing: border-box;
  background: var(--white);
  line-height: 2.188rem;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--grey-500);
  width: 100%;
  max-width: 100%;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container .title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.15;
  color: var(--text-primary-color);
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container .description {
  text-align: left;
  font-size: 0.875rem;
  letter-spacing: 0;
  color: var(--text-primary-color);
  opacity: 1;
  overflow: hidden;
  line-height: 1.15;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container .supporting-text {
  color: var(--grey-800);
  text-transform: capitalize;
  font-size: 0.75rem;
  overflow: hidden;
  line-height: 1.15;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container .w-15 {
  width: 15%;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container .w-25 {
  width: 25%;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container app-list-type-card {
  display: flex;
  width: 100%;
  align-items: center;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container app-list-type-card .badge.outlined-square-badge {
  height: 1.5rem;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container:not(.disabled):hover {
  background: var(--grey-300);
  cursor: pointer;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container:not(.disabled):hover .icon {
  visibility: visible;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container:not(.disabled):active,
.cards-in-tab .bottom-details-container .list-view-grid .cards-container :focus {
  box-shadow: 1px 1px 5px var(--shadow-blue);
  background-color: var(--card-hover);
  border: 1px solid var(--accordion-border);
  cursor: pointer;
}
.cards-in-tab .bottom-details-container .list-view-grid .cards-container:not(.disabled):active .icon,
.cards-in-tab .bottom-details-container .list-view-grid .cards-container :focus .icon {
  visibility: visible;
}
#storybook-root app-card .cards-container,
#storybook-docs app-card .cards-container {
  min-width: 335px;
}
#storybook-root .cards-in-tab app-card .cards-container,
#storybook-docs .cards-in-tab app-card .cards-container {
  min-width: 1px;
}
.mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 1rem;
  width: 1rem;
  height: 1rem;
  --mdc-checkbox-selected-checkmark-color: var(--text-primary-color);
  --mdc-checkbox-selected-focus-icon-color: var(--primary-default);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-default);
  --mdc-checkbox-selected-icon-color: var(--primary-default);
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--primary-default);
  --mdc-checkbox-selected-hover-state-layer-color: var(--primary-default);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--primary-default);
}
.mat-mdc-checkbox .mat-internal-form-field {
  --mat-checkbox-label-text-color: var(--text-primary-color);
  --mat-checkbox-label-text-font: ABBVoice, Verdana;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
  --mat-checkbox-label-text-line-height: 1.15;
  gap: 0.5rem;
}
.mat-mdc-checkbox label {
  white-space: nowrap;
}
.mdc-checkbox {
  width: 1rem !important;
  height: 1rem !important;
  flex: 0 0 1rem !important;
}
.size-24 .mdc-checkbox {
  width: 1.5rem !important;
  height: 1.5rem !important;
  flex: 0 0 1.5rem !important;
}
.mdc-checkbox__checkmark {
  --mdc-checkbox-selected-checkmark-color: var(--white);
}
.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-icon-color: var(--primary-default);
  border-width: 3.5px;
}
.mdc-form-field {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mdc-form-field > label {
  padding: 0 !important;
  line-height: 1.15;
}
.custom-check:hover .mdc-checkbox__background {
  background: var(--grey-300) !important;
  border-color: var(--disabled-grey) !important;
}
.custom-check:hover .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  background: var(--primary-active) !important;
  border-color: var(--primary-active) !important;
}
.custom-check.mat-mdc-checkbox-checked:hover:hover .mdc-checkbox__background {
  background: var(--primary-active) !important;
  border-color: var(--primary-active) !important;
}
.custom-check .mdc-checkbox__background {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 0.25rem !important;
  --mdc-checkbox-unselected-icon-color: var(--grey-500);
}
.custom-check.size-24 .mdc-checkbox__background {
  width: 1.5rem !important;
  height: 1.5rem !important;
  border-radius: 0.25rem !important;
  --mdc-checkbox-unselected-icon-color: var(--grey-500);
}
.mdc-checkbox__native-control:focus:focus:not(:checked) ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:focus:focus:not(:indeterminate) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-focus-icon-color: var(--grey-500);
}
.mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  --mdc-checkbox-unselected-focus-state-layer-opacity: 1;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
}
.mat-mdc-checkbox-touch-target {
  width: 100% !important;
  height: 100% !important;
}
.mdc-checkbox:hover .mdc-checkbox__ripple {
  --mdc-checkbox-unselected-hover-state-layer-opacity: 1;
  --mdc-checkbox-unselected-hover-state-layer-color: transparent;
}
.mdc-checkbox:active .mdc-checkbox__native-control ~ .mdc-checkbox__ripple {
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 1;
  --mdc-checkbox-unselected-pressed-state-layer-color: transparent;
}
.mdc-checkbox:hover .mdc-checkbox__native-control:not(:checked) ~ .mdc-checkbox__background,
.mdc-checkbox:hover .mdc-checkbox__native-control:not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: transparent;
}
.mdc-checkbox__mixedmark {
  --mdc-checkbox-selected-checkmark-color: var(--white);
}
.mdc-checkbox:hover .mdc-checkbox__native-control:not(:checked) ~ .mdc-checkbox__background,
.mdc-checkbox:hover .mdc-checkbox__native-control:not(:indeterminate) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-hover-icon-color: var(--grey-500);
  background-color: var(--grey-500);
}
.mdc-checkbox:active .mdc-checkbox__native-control ~ .mdc-checkbox__ripple,
.mat-mdc-checkbox-ripple,
.mdc-checkbox__ripple {
  display: none;
}
.mdc-checkbox--disabled {
  cursor: not-allowed !important;
}
.mdc-checkbox--disabled .mdc-checkbox__background {
  border-color: var(--grey-400) !important;
  background: var(--grey-300) !important;
}
.mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  border-color: var(--primary-disabled) !important;
  background: var(--primary-disabled) !important;
}
.actionable-icon {
  padding: 6px;
  border-radius: 50%;
}
.actionable-icon:hover {
  background-color: var(--grey-200);
}
.actionable-icon:active {
  background-color: var(--grey-300);
}
.actionable-icon.in-active {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.actionable-icon.in-active:hover {
  background-color: transparent;
}
.actionable-icon.in-active:active {
  background-color: transparent;
}
.wd-100 {
  width: 100%;
}
.ht-100 {
  height: 100%;
}
.error-msg {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--error);
  font-size: 0.75rem;
  font-weight: 400;
}
.text-align-center {
  text-align: center;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.ht-100 {
  height: 100%;
}
.ht-50 {
  height: 50%;
}
.ht-24 {
  height: 24px;
}
.wd-100 {
  width: 100%;
}
.wd-50 {
  width: 50%;
}
.wd-25 {
  width: 25%;
}
.wd-75 {
  width: 75%;
}
.font-size-14 {
  font-size: 0.875rem;
}
.font-size-12 {
  font-size: 0.75rem;
}
.font-size-16 {
  font-size: 1rem;
}
.font-size-24 {
  font-size: 1.5rem;
}
.font-size-32 {
  font-size: 2rem;
}
.lay-column {
  display: flex;
  flex-direction: column;
}
.lay-row {
  display: flex;
  flex-direction: row;
}
.lay-align-start-start {
  place-content: flex-start;
  align-items: start;
}
.lay-align-start-end {
  place-content: flex-start;
  align-items: end;
}
.lay-align-start-center {
  place-content: flex-start;
  align-items: center;
}
.lay-align-start-stretch {
  place-content: flex-start;
  align-items: stretch;
}
.lay-align-end-start {
  place-content: flex-end;
  align-items: start;
}
.lay-align-end-end {
  place-content: flex-end;
  align-items: end;
}
.lay-align-end-center {
  place-content: flex-end;
  align-items: center;
}
.lay-align-space-between-start {
  place-content: space-between;
  align-items: start;
}
.lay-align-space-between-end {
  place-content: space-between;
  align-items: end;
}
.lay-align-space-between-center {
  place-content: space-between;
  align-items: center;
}
.lay-align-center-center {
  place-content: center;
  align-items: center;
}
.lay-align-space-around-center {
  place-content: space-around;
  align-items: center;
}
.lay-align-space-between-stretch {
  place-content: space-between;
  align-items: stretch;
}
.gap32 {
  gap: 32px;
}
.gap24 {
  gap: 24px;
}
.gap16 {
  gap: 16px;
}
.gap14 {
  gap: 14px;
}
.gap10 {
  gap: 10px;
}
.gap8 {
  gap: 8px;
}
.gap12 {
  gap: 12px;
}
.gap6 {
  gap: 6px;
}
.gap4 {
  gap: 4px;
}
.fx100 {
  flex: 1 1 100%;
}
.fx50 {
  flex: 1 1 50%;
}
.wd-60 {
  width: 60%;
}
.wd-33 {
  width: 33.33%;
}
.wd-40 {
  width: 40%;
}
.fx60 {
  flex: 1 1 60%;
}
.fx40 {
  flex: 1 1 40%;
}
.fx30 {
  flex: 1 1 30%;
}
.fx33 {
  flex: 1 1 33.33%;
}
.fx70 {
  flex: 1 1 70%;
}
.fx25 {
  flex: 1 1 25%;
}
.fx85 {
  flex: 1 1 85%;
}
.fxauto {
  flex: 1 1 auto;
}
.fx10 {
  flex: 1 1 10%;
}
.fx5 {
  flex: 1 1 5%;
}
.fx20 {
  flex: 1 1 20%;
}
.fx15 {
  flex: 1 1 15%;
}
.fx45 {
  flex: 1 1 45%;
}
.fx65 {
  flex: 1 1 65%;
}
.fx75 {
  flex: 1 1 75%;
}
.fx20 {
  flex: 1 1 20%;
}
.fx45 {
  flex: 1 1 45%;
}
.fx10 {
  flex: 1 1 10%;
}
.fx-wrap {
  flex-wrap: wrap;
}
.fw500 {
  font-weight: 500;
}
.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.ml-2 {
  margin-left: 2px;
}
.ml-4 {
  margin-left: 4px;
}
.mb-8 {
  margin-bottom: 8px;
}
.wd-0 {
  width: 0%;
}
.wd-5 {
  width: 5%;
}
.wd-10 {
  width: 10%;
}
.wd-15 {
  width: 15%;
}
.wd-20 {
  width: 20%;
}
.wd-25 {
  width: 25%;
}
.wd-30 {
  width: 30%;
}
.wd-35 {
  width: 35%;
}
.wd-40 {
  width: 40%;
}
.wd-45 {
  width: 45%;
}
.wd-50 {
  width: 50%;
}
.wd-55 {
  width: 55%;
}
.wd-60 {
  width: 60%;
}
.wd-65 {
  width: 65%;
}
.wd-70 {
  width: 70%;
}
.wd-75 {
  width: 75%;
}
.wd-80 {
  width: 80%;
}
.wd-85 {
  width: 85%;
}
.wd-90 {
  width: 90%;
}
.wd-95 {
  width: 95%;
}
.wd-100 {
  width: 100%;
}
.wd-12-5,
.wd-12 {
  width: 12.5%;
}
.wd-16-6,
.wd-16 {
  width: 16.6667%;
}
.wd-33-3,
.wd-33 {
  width: 33.3333%;
}
.wd-66-6,
.wd-66 {
  width: 66.6667%;
}
.wd-83-3,
.wd-83 {
  width: 83.3333%;
}
.text-right {
  text-align: right;
}
.vertical-separator-line {
  width: 1px;
  min-height: 1.5rem;
  background-color: var(--grey-500);
}
.secondary-text {
  color: var(--text-secondary-color);
}
.link {
  color: var(--primary-default);
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}
.text-primary {
  color: var(--primary-default);
}
.text-left {
  text-align: left;
}
.modal-dialog {
  max-width: 100%;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.cursor-poiter {
  cursor: pointer;
}
.overflow-y {
  overflow-y: auto;
}
.m-auto {
  margin: auto;
}
.overflow-auto {
  overflow: auto;
}
.mat-horizontal-content-container {
  padding: 0 !important;
}
.horizontal-separator-line {
  border-bottom: 1px solid var(--grey-500);
}
.wd-30 {
  width: 30%;
}
.wd-70 {
  width: 70%;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--grey-500);
  outline: none;
  display: none;
}
*:hover::-webkit-scrollbar-thumb {
  display: block;
  transition: 0.2s;
}
.icons-ctr-wrapper {
  display: grid;
  grid-template-columns: repeat(7, minmax(24px, 1fr));
  gap: 1.5rem;
}
.icons-ctr-wrapper .icon-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 8px;
  background-color: var(--grey-100);
  cursor: pointer;
  transition: background-color 0.2s ease;
  border: 1px solid var(--grey-300);
  position: relative;
}
.icons-ctr-wrapper .icon-item .color-tooltip {
  position: absolute;
  top: 85%;
  text-align: center;
  width: 100%;
  left: 0;
  background: var(--text-primary-color);
  font-size: 12px;
  color: var(--white);
  padding: 4px;
  border-radius: 4px;
  display: none;
}
.icons-ctr-wrapper .icon-item .color-tooltip::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--text-primary-color) transparent;
}
.icons-ctr-wrapper .icon-item .icon_abb_dias {
  font-size: 1.5rem;
}
.icons-ctr-wrapper .icon-item:hover {
  background-color: var(--grey-200);
}
.icons-ctr-wrapper .icon-item:hover .color-tooltip {
  display: block;
}
.icons-ctr-wrapper .icon-label {
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
.tabs-container {
  border-bottom: 1px solid var(--grey-500);
  display: flex;
  margin-bottom: 16px;
}
.tab-button {
  height: 48px;
  background: none;
  border: none;
  padding: 8px 16px;
  font-weight: 400;
  cursor: pointer;
  border-bottom: 4px solid transparent;
  color: var(--text-primary-color);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.3s ease, color 0.3s ease;
}
.tab-button:hover {
  background: var(--grey-400);
  border-radius: 4px 4px 0 0;
}
.tab-button.active {
  border-color: var(--primary-default);
  color: var(--text-primary-color);
  font-weight: 700;
}
.tab-button.active:hover {
  background: transparent;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.parent-infography-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.parent-infography-grid > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--white);
  border: 1px solid var(--grey-500);
  border-radius: 8px;
  padding: 32px;
  font-size: 16px;
  font-weight: 500;
  color: var(--text-primary-color);
  gap: 16px;
}
.parent-infography-grid p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--text-secondary-color);
  line-height: 1.5;
  font-family: ABBVoice, Verdana;
}
.parent-infography-grid button {
  height: 2rem;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  border-radius: 24px;
  color: var(--white);
  outline: 0;
  border: 0;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}
.parent-infography-grid .infographic-img {
  max-width: 100%;
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
}
.div1 {
  grid-area: 1/1/3/3;
}
.div2 {
  grid-area: 3/1/5/2;
}
.div3 {
  grid-area: 3/2/4/3;
}
.div4 {
  grid-area: 5/1/6/2;
}
.div5 {
  grid-area: 4/2/6/4;
}
.div6 {
  grid-area: 1/3/4/4;
}
.filter-and-table-wrapper .filter-and-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.filter-and-table-wrapper .filter-and-title-container .table-title {
  font-family: ABBVoice, Verdana;
  font-size: 1rem;
  font-weight: 700;
}
.input-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input-container .left-side {
  display: flex;
  align-items: center;
}
.input-container .left-side .custom-card-pref-icon {
  margin-left: 16px;
  font-size: 24px;
}
.input-container .left-side .text-container {
  font-weight: 500;
  margin-left: 8px;
}
.component2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.component2 .part-one .copilot {
  padding: 6px 12px 4px 12px;
  background-color: var(--grey-300);
  border-radius: 8px;
  cursor: pointer;
}
.component2 .part-one .copilot img {
  max-width: 80px;
}
.component2 .part-one .search-container {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  overflow: hidden;
  min-width: 41px;
}
.component2 .part-one .search-container .text-part {
  position: relative;
}
.component2 .part-one .search-container .text-part:has(.close-search-text) {
  width: 0;
  transition: all 400ms;
}
.component2 .part-one .search-container .text-part:has(.open-search-text) {
  width: 100px;
  transition: all 400ms;
}
.component2 .part-one .search-container:has(.open-search-text) {
  min-width: 160px;
  transition: all 400ms;
}
.component2 .part-one .search-container:has(.close-search-text) {
  width: 24px;
  transition: all 400ms;
}
.component2 .part-one .search-container .open-search-text {
  position: absolute;
  left: -1rem;
  opacity: 1;
  transition: all 400ms;
}
.component2 .part-one .search-container .close-search-text {
  position: absolute;
  left: 65px;
  opacity: 0;
  transition: all 400ms;
}
.component2 .part-one .search-container .mat-mdc-form-field.form-field.mat-focused,
.component2 .part-one .search-container .mat-mdc-form-field.form-field:active,
.component2 .part-one .search-container .mat-mdc-form-field.form-field:focus,
.component2 .part-one .search-container .mat-mdc-form-field.form-field:hover {
  border-radius: 0;
  border-top: transparent;
  border-left: transparent;
  border-right: transparent;
}
.component2 .part-one .search-container .mat-mdc-form-field.form-field {
  max-width: 126px;
}
.component2 .part-one .search-container .mat-mdc-form-field.form-field .input-wrapper {
  height: 100%;
}
.component2 .part-one .search-container .mat-mdc-form-field.form-field.small {
  height: 2.5rem;
}
.component2 .part-one .search-container .mat-mdc-form-field.form-field.small .icon {
  font-size: 1rem;
  display: none;
}
.component2 .part-one .icon-container,
.component2 .part-two .icon-container {
  padding: 0.5rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 0;
}
.component2 .part-one .icon-container:hover,
.component2 .part-two .icon-container:hover {
  background-color: var(--grey-200);
}
.component2 .part-one .icon-container:active,
.component2 .part-two .icon-container:active {
  background-color: var(--grey-300);
}
.component2 .instance-badge .badge {
  background-color: var(--grey-400);
}
.component2 .instance-badge .badge .badge-label {
  text-transform: uppercase;
  color: var(--white);
}
.component2 .instance-badge.dev .badge {
  background-color: var(--success);
}
.component2 .instance-badge.test .badge {
  background-color: var(--info);
}
.component2 .instance-badge.stage .badge {
  background-color: var(--warning);
}
.component2 .instance-badge.demo .badge {
  background-color: var(--grey-700);
}
.component2 .instance-badge.prod .badge {
  background-color: var(--data-purple-500);
}
.component2 .instance-badge.uat .badge {
  background-color: var(--data-magenta-600);
}
.component2 .instance-badge.sbx .badge {
  background-color: var(--grey-800);
}
.component2 .instance-badge.qa .badge {
  background-color: var(--data-orange-600);
}
.component2 .instance-badge.none .badge {
  background-color: var(--grey-400);
}
.color-palette-grid {
  margin-top: 0.5rem !important;
}
.category-section {
  margin-bottom: 1.5rem !important;
}
.token-header {
  font-weight: 700;
  padding: 0 1rem;
  height: 40px;
  width: 100%;
  display: flex;
  border-bottom: 1px solid var(--grey-800);
  align-items: center;
  background-color: #ebebeb;
}
.token-header .token-desc {
  width: 60%;
  font-weight: 700;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
}
.token-header .token-light,
.token-header .token-dark {
  width: 20%;
  font-weight: 700;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
}
.token-row-wrapper {
  display: flex;
  gap: 1rem;
  margin: 1rem;
  margin-bottom: 0;
  padding: 1rem;
  border-bottom: 1px solid var(--grey-800);
}
.token-row-wrapper:hover {
  background-color: var(--grey-200);
}
.token-row-wrapper .token-name {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  background-color: var(--grey-300);
  width: fit-content;
  padding: 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
}
.token-row-wrapper .color-tooltip {
  display: none;
  position: absolute;
  background-color: var(--text-primary-color);
  color: var(--white);
  padding: 0.25rem;
  border-radius: 0.25rem;
  z-index: 10;
  white-space: nowrap;
  top: -2rem;
  left: 0;
  text-align: center;
  min-width: fit-content;
  width: 100%;
  margin-bottom: 0.25rem;
  transition: all 0.3s ease-in-out;
  font-size: 0.75rem;
}
.token-row-wrapper .color-tooltip::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: var(--text-primary-color) transparent transparent transparent;
}
.token-row-wrapper .token-desc {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  font-family: ABBVoice, Verdana;
  font-size: 0.75rem;
  color: var(--text-secondary-color);
}
.token-row-wrapper .token-light-value,
.token-row-wrapper .token-dark-value {
  width: 20%;
  border: 1px solid #dbdbdb;
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: var(--white);
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
}
.token-row-wrapper .token-light-value .sample-ui,
.token-row-wrapper .token-dark-value .sample-ui {
  width: 100%;
  height: 1.5rem;
  border-radius: 0.25rem;
}
.token-row-wrapper .token-light-value .hex-code,
.token-row-wrapper .token-dark-value .hex-code {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
}
.token-row-wrapper .token-dark-value {
  background-color: #333333;
  color: var(--white);
}
.utility-page table {
  width: 100%;
}
.utility-page table thead tr th {
  font-weight: 700;
  padding: 0 1rem;
  height: 40px;
  border: 0;
  border-bottom: 1px solid var(--grey-800);
  background-color: var(--grey-300);
}
.utility-page table tbody tr {
  background-color: var(--white);
}
.utility-page table tbody tr td {
  font-weight: 400;
  padding: 0 1rem;
  height: 40px;
  border: 0;
  border-bottom: 1px solid var(--grey-800);
  background-color: var(--white) !important;
}
.utility-page table tbody tr:hover {
  background-color: var(--grey-300);
}
.utility-page table tbody tr:hover td {
  background-color: var(--grey-300) !important;
}
.mat-calendar-period-button.mdc-button.mat-mdc-button {
  --mdc-text-button-label-text-color: var(--text-primary-color);
  --mat-text-button-hover-state-layer-opacity: 0;
  --mat-text-button-pressed-state-layer-opacity: 0;
  --mat-text-button-horizontal-padding: 0;
  border: none;
  margin: 0;
}
.mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: none !important;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mat-mdc-icon-button .mat-mdc-button-touch-target {
  width: 24px !important;
  height: 24px !important;
}
.mat-calendar-next-button,
.mat-calendar-previous-button {
  --mdc-icon-button-state-layer-size: 24px;
}
.mat-calendar-next-button svg,
.mat-calendar-previous-button svg {
  display: none;
}
.mat-datepicker-content {
  position: relative;
  top: 8px;
  left: -12px;
}
.mat-datepicker-content .mat-datepicker-content-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 16px;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 68px 24px 24px 0;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions:has(.range) {
  gap: 16px;
  padding: 24px 24px 24px 0;
  justify-content: flex-start;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions .format-toggle {
  margin-top: 30px;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions .from-section,
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions .to-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions .from-section .secondary-label,
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions .to-section .secondary-label {
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-weight: 400;
  font-family: ABBVoice, Verdana;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions .time-picker-container {
  background-color: var(--grey-200);
  padding: 40px 24px;
  border: 1px solid transparent;
  border-radius: 8px;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions .time-picker-container.range {
  padding: 12px 24px;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-datepicker-actions .button-section {
  display: flex;
  flex-direction: row;
  align-self: end;
  gap: 8px;
}
.mat-calendar {
  --mat-datepicker-calendar-date-selected-state-background-color: var(--primary-default);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--white);
  height: auto !important;
  padding: 1rem;
}
.mat-calendar .mat-calendar-controls {
  margin: 0 !important;
}
.mat-calendar .mat-calendar-header {
  padding: 0;
  margin-bottom: 8px;
}
.mat-calendar .mat-calendar-header .mdc-button__label {
  vertical-align: middle;
}
.mat-calendar .mat-calendar-header .mdc-button__label:after {
  font-family: "abb_set2" !important;
  content: "\eb0b" !important;
  font-size: 16px;
  color: var(--text-primary-color);
  vertical-align: middle;
  padding-left: 8px;
  vertical-align: middle;
}
.mat-calendar .mat-calendar-header .mdc-button__label .mat-calendar-arrow {
  display: none;
}
.mat-calendar .mat-calendar-header .mat-calendar-previous-button {
  padding: 0 !important;
  vertical-align: middle;
}
.mat-calendar .mat-calendar-header .mat-calendar-previous-button:before {
  font-family: "abb_set2" !important;
  content: "\eb0d" !important;
  font-size: 16px;
  color: var(--text-primary-color);
  vertical-align: middle;
}
.mat-calendar .mat-calendar-header .mat-calendar-previous-button:after {
  display: none;
}
.mat-calendar .mat-calendar-header .mat-calendar-next-button {
  padding: 0 !important;
}
.mat-calendar .mat-calendar-header .mat-calendar-next-button:before {
  font-family: "abb_set2" !important;
  content: "\eb0e" !important;
  font-size: 16px;
  color: var(--text-primary-color);
}
.mat-calendar .mat-calendar-header .mat-calendar-next-button:after {
  display: none;
}
.mat-calendar .mat-calendar-content {
  padding: 0;
}
.mat-calendar .mat-calendar-content .mat-calendar-body-label {
  visibility: hidden;
}
.mat-calendar .mat-calendar-content .mat-calendar-body-label:only-child {
  display: none;
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: transparent !important;
}
.mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: none;
}
.mat-date-range-input .mat-date-range-input-container {
  height: 100%;
}
.date-time-range-picker-field .mat-date-range-input.hidden {
  display: none;
}
.date-time-range-picker-field .date-time-range-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: 100%;
}
.date-time-range-picker-field .date-time-range-field input.mat-mdc-input-element {
  border: none !important;
  padding: 0;
  text-overflow: ellipsis;
  height: 100%;
  width: auto;
  min-width: 30%;
}
.date-time-range-picker-field .date-time-range-field .mdc-line-ripple {
  display: none;
}
.date-time-range-picker-field .cancel-icon {
  visibility: hidden;
}
.date-time-range-picker-field .cancel-icon.show {
  visibility: hidden;
}
.date-time-range-picker-field:has(.cdk-focused) .cancel-icon {
  visibility: hidden;
}
.date-time-range-picker-field:has(.cdk-focused) .cancel-icon.show {
  visibility: visible;
}
.date-time-range-picker-field.custom .cancel-icon {
  visibility: hidden;
}
.date-time-range-picker-field.custom .cancel-icon.show {
  visibility: visible;
}
.time-picker {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}
.mat-mdc-menu-panel.date-overflow-menu {
  max-width: 60vw;
  font-size: 0.875rem;
  font-weight: 400;
  min-height: 30vh;
  max-height: 85vh;
  background-color: var(--white);
  color: var(--text-primary-color);
  border-radius: 4px;
  border: 1px solid var(--grey-400);
  box-shadow:
    0px 8px 16px 0px var(--grey-shadow),
    0px 2px 4px 0px var(--grey-shadow),
    0px 0px 1px 0px var(--grey-shadow);
}
.mat-mdc-menu-panel.date-overflow-menu .mat-mdc-selection-list {
  width: auto;
  --mdc-list-list-item-container-color: var(--grey-200);
}
.mat-mdc-menu-panel.date-overflow-menu .mat-mdc-selection-list.mdc-list {
  padding: 0;
}
@media only screen and (max-width: 1800px) {
  .mat-mdc-menu-panel.date-overflow-menu {
    max-height: 90vh;
  }
}
@media only screen and (max-width: 1400px) {
  .mat-mdc-menu-panel.date-overflow-menu {
    max-height: 90vh;
  }
}
.mat-mdc-menu-panel.date-overflow-menu .mat-mdc-menu-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .left-pane {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: auto;
  border-right: 1px solid var(--grey-400);
  background-color: var(--grey-200);
  min-width: 180px;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .left-pane .title {
  background-color: var(--white);
  padding: 16px;
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-weight: 500;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 24px;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .start-section,
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .end-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-grow: 1;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .start-section .icon-abb_calendar,
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .end-section .icon-abb_calendar {
  cursor: default;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .date-section {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 100%;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .date-section .custom-position {
  position: relative;
  top: 27px;
  font-weight: 400;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .calendar-section {
  max-height: unset;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .calendar-section .hidden {
  visibility: hidden;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .calendar-section .mat-calendar {
  padding: 0;
  width: 100%;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .custom-time-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .custom-time-section .inner-time-section {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .custom-time-section .inner-time-section .hidden {
  visibility: hidden;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .custom-time-section .inner-time-section .start-section,
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .custom-time-section .inner-time-section .end-section {
  background-color: var(--grey-200);
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  box-sizing: border-box;
  min-width: 47%;
  align-items: center;
}
.mat-mdc-menu-panel.date-overflow-menu .custom-date-time-range-section .right-pane .button-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}
.custom-time-section .start-section,
.custom-time-section .end-section {
  max-width: fit-content !important;
}
#storybook-root .date-time-picker-field,
#storybook-docs .date-time-picker-field {
  min-width: 263px;
}
.double-header-table {
  border: 1px solid var(--grey-500) !important;
}
.double-header-table .mat-mdc-header-cell {
  background-color: var(--grey-200) !important;
  border-bottom-color: var(--grey-500) !important;
}
.double-header-table .mat-mdc-cell {
  border-bottom-color: transparent !important;
}
.double-header-table .mdc-data-table {
  font-family: ABBVoice, Verdana;
}
.double-header-table .mdc-data-table__row:last-child .mat-mdc-cell {
  border-bottom: 0 !important;
}
.css-1owill {
  width: 100%;
}
app-empty-state {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.outer-div {
  max-width: 100%;
  display: flex;
  padding: 1.25rem;
  flex-direction: column;
  width: 100%;
  justify-content: start;
  background-color: var(--white);
  position: relative;
}
.outer-div .icon-abb_cancel-1 {
  flex-direction: row;
  vertical-align: middle;
  font-size: 0.875rem;
  display: inline-block;
  margin-left: auto;
  color: var(--text-primary-color);
}
.outer-div .icon-abb_cancel-1::before {
  padding: 0.5rem;
}
.outer-div .icon-abb_cancel-1:hover::before {
  background: var(--grey-400);
  border-radius: 50%;
}
.outer-div .state-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: ABBVoice, Verdana;
  color: var(--text-primary-color);
  flex: 1;
}
.outer-div .state-container .empty-state-image {
  margin-bottom: 1rem;
  max-width: 3.75rem;
  max-height: 3.75rem;
  width: 80px;
}
.outer-div .state-container .empty-state-title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.outer-div .state-container .empty-state-description {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.outer-div .state-container .icon_abb_dias {
  align-items: center;
  display: flex;
  padding: 6px;
  margin-left: -8px;
}
.outer-div .state-container .icon-abb_arrow-left-1:hover {
  background: var(--grey-200);
  border-radius: 50%;
}
.outer-div .state-container .call-to-action {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
}
.outer-div .state-container .button-pill-small.button-with-icon .mdc-button__label {
  display: inline-flex;
  align-items: center;
  place-content: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}
#storybook-root app-empty-state .outer-div,
#storybook-docs app-empty-state .outer-div {
  min-height: 77vh;
}
.file-uploader .mat-mdc-progress-bar.size-medium {
  --mdc-linear-progress-active-indicator-height: 0.125rem !important;
  --mdc-linear-progress-track-height: 0.125rem !important;
  --mdc-linear-progress-track-shape: 0.125rem !important;
}
.file-uploader .file-upload-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.file-uploader .file-upload-box input {
  z-index: 1 !important;
  height: 100%;
  left: 112px;
}
.file-uploader .file-upload-box.single {
  position: relative;
  background: var(--grey-300) 0% 0% no-repeat padding-box;
  border-radius: 0.25rem;
  opacity: 1;
  height: 2.5rem;
  padding: 20px 70px 20px 20px;
  border: 1px solid var(--grey-300);
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
}
.file-uploader .file-upload-box.single.single-error {
  border-bottom: 2px solid var(--abb-red) !important;
  border-radius: 0.25rem 0.25rem 0 0 !important;
}
.file-uploader .file-upload-box.single .inputfile + label {
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: unset;
  align-self: center;
  display: flex;
  align-items: center;
  color: var(--primary-default);
}
.file-uploader .file-upload-box.single .attached-file-icon {
  position: absolute;
  font-size: 1rem;
  cursor: default;
  vertical-align: middle;
}
.file-uploader .file-upload-box.single .content {
  font-family: ABBVoice, Verdana;
  line-height: 0.8;
  height: 1.25rem;
  margin-left: 0.25rem;
  position: absolute;
  max-width: 95%;
  min-width: 250px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--text-primary-color);
  font-size: 0.875rem;
}
.file-uploader .file-upload-box.single .secondary-text {
  color: var(--secondary-text-file-uploader);
  position: relative;
  top: 0;
  font-family: ABBVoice, Verdana;
}
.file-uploader .file-upload-box.single .closeIcon {
  display: flex;
  align-items: center;
}
.file-uploader .file-upload-box.single .icon-abb_cancel-1 {
  position: absolute;
  right: 0.625rem;
  color: var(--text-primary-color);
}
.file-uploader .file-upload-box.multiple {
  display: flex;
  align-items: flex-start;
}
.file-uploader .file-upload-box.multiple .mat-mdc-button:not(:disabled) {
  border: none !important;
}
.file-uploader .file-upload-box.single.file-dropping,
.file-uploader .file-upload-box.multiple.file-dropping {
  border: 1px dotted var(--primary-default);
}
.file-uploader .file-upload-box .inputfile {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  align-self: center;
}
.file-uploader .file-upload-box.list {
  background: var(--grey-300) 0% 0% no-repeat padding-box;
  border-radius: 0.25rem;
  opacity: 1;
  height: 2rem;
  padding: 0 70px 0 20px;
  border: 1px solid var(--grey-300);
}
.file-uploader .file-upload-box.list .closeIcon {
  display: flex;
  align-items: center;
}
.file-uploader .file-upload-box.list .content {
  font-family: ABBVoice, Verdana;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 95%;
  width: 100%;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--text-primary-color);
}
.file-uploader .file-upload-box.list .leading-icon {
  font-size: 1rem !important;
}
.file-uploader .file-upload-box.list .icon-abb_cancel-1 {
  position: absolute;
  right: 0.625rem;
  padding: 0.375rem;
  color: var(--text-primary-color);
}
.file-uploader .file-upload-box.list .success-tick {
  position: absolute;
  right: 0.625rem;
  padding: 0.375rem;
  color: #21a67a;
}
.file-uploader .file-upload-box.list .success-tick .badge.without-bg {
  padding-bottom: 0;
  gap: 0;
}
.file-uploader .file-upload-box.notSuccess {
  border-bottom: 0.125rem solid var(--abb-red);
  border-radius: 0;
}
.file-uploader .badge.without-bg {
  padding-bottom: 0.5rem;
}
.file-uploader .badge.positive.without-bg .leading-icon {
  font-size: 0.75rem;
}
.file-uploader .badge.negative.without-bg .leading-icon {
  font-size: 0.75rem;
}
.file-uploader .loading-indicator-container .loading-indicator-label {
  display: none;
}
.file-uploader .icon-abb_cancel-1:hover {
  background: var(--grey-400);
  border-radius: 50%;
}
.file-uploader .title-container {
  display: flex;
  flex-direction: column;
}
.file-uploader .sub-Title {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.16px;
  color: var(--text-primary-color);
  line-height: 21px;
  font-family: ABBVoice, Verdana;
}
.file-uploader .sub-Title .field-required-marker {
  color: var(--error);
}
.file-uploader .sub-text {
  font: 12px/18px ABBVoice, Verdana;
  letter-spacing: 0.16px;
  color: var(--grey-800);
  margin-bottom: 8px !important;
}
.file-uploader .single-loading .progress-bar-container {
  position: absolute;
  align-items: flex-end;
  margin-left: -20px;
  margin-top: 5px;
  gap: 0;
}
.file-uploader .single-loading .progress-bar-container .icon-abb_tick:before {
  content: none;
}
.file-uploader .multiple-loading .loading-indicator-container {
  min-width: 0;
}
.file-uploader .multi-loading-indicator {
  position: absolute;
  right: 0.625rem;
  padding: 0.375rem;
}
.file-uploader .spinner-wrapper .right-label {
  display: none;
}
.file-uploader .file-upload-box.notSuccess .success-tick {
  display: none !important;
}
.file-uploader.uploaded-files.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.uploaded-files-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.filter-table-wrapper .filter-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-table-wrapper .show-filters {
  height: auto;
  transition: height 300ms;
}
.filter-table-wrapper .hide-filters {
  visibility: collapse;
}
.filter-table-wrapper th:has(.filter-wrapper) {
  padding: 0 !important;
  padding-bottom: 0.5rem !important;
}
.filter-table-wrapper th:has(.filter-wrapper):hover {
  background-color: inherit;
}
.filter-table-wrapper .filters {
  padding: 0 0;
}
.filter-table-wrapper .filter-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  padding: 0 20px;
  padding-bottom: 0.25rem;
  padding-top: 0.5rem;
  gap: 0.5rem;
  background-color: var(--grey-200);
  border-radius: 0.5rem;
  border-bottom: 0.5rem solid transparent;
}
.filter-table-wrapper .filter-wrapper .dropdown-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.generic-table-col-filter .filter-row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 3rem;
}
.generic-table-col-filter.table-container {
  position: relative;
}
.generic-table-col-filter .filter-icon {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 111;
}
.generic-table-col-filter .filter-icon.card-type {
  top: 0.875rem;
}
.generic-table-col-filter.table-lg .filter-icon {
  top: 1.5rem;
}
.table-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary-color);
  font-family: ABBVoice, Verdana;
  margin-bottom: 0.5rem;
}
.filters-wrapper {
  font-family: ABBVoice, Verdana;
  color: var(--text-primary-color);
}
.filters-wrapper .filter-with-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.filters-wrapper .filter-with-search .icon-name {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  position: relative;
  justify-content: flex-start;
}
.filters-wrapper .filter-with-search .icon-name .badge {
  position: absolute;
  top: 1px;
  left: 10px;
}
.filters-wrapper .horizontal-filter-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.filters-wrapper .horizontal-filter-wrapper .filter-section {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.filters-wrapper .horizontal-filter-wrapper .filter-section .search-container .search-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.filters-wrapper .horizontal-filter-wrapper .filter-section .field-container .field-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.filters-wrapper .horizontal-filter-wrapper .filter-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.filters-wrapper .selected-filters-wrapper {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
}
.filters-wrapper .selected-filters-wrapper .filtered-tags-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.filters-wrapper .selected-filters-wrapper .icon-badge .non-zero-filter-indicator {
  position: absolute;
  top: -12px;
  right: -3px;
}
.filters-wrapper .vertical-filter-wrapper .filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filters-wrapper .vertical-filter-wrapper .filter-header .filter-section {
  display: flex;
  align-items: center;
}
.filters-wrapper .vertical-filter-wrapper .categorical-filter-container .bottom-margin-16 {
  margin-bottom: 1rem;
}
.filters-wrapper .vertical-filter-wrapper .categorical-filter-container .bottom-margin-16 .category-filter-title {
  font-weight: 500;
}
.filters-wrapper .vertical-filter-wrapper .categorical-filter-container .bottom-margin-16 .categories {
  gap: 0.5rem;
}
.filters-wrapper .vertical-filter-wrapper .categorical-filter-container .categories {
  display: flex;
  flex-direction: column;
}
.filters-wrapper .vertical-filter-wrapper .radio-filter-container .bottom-margin-16 {
  margin-bottom: 1rem;
}
.filters-wrapper .vertical-filter-wrapper .radio-filter-container .bottom-margin-16 .radio-filter-title {
  font-weight: 500;
}
.filters-wrapper .vertical-filter-wrapper .filter-button-container {
  padding-top: 32px;
}
.form-component-container {
  max-width: fit-content;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  padding: 1.5rem;
  background-color: var(--white);
  box-shadow: 0 3px 6px var(--grey-shadow);
  border-radius: 0.25rem;
}
.form-component-container .form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.form-component-container .inner-container {
  display: flex;
  gap: 1rem;
  flex-direction: row;
}
.form-component-container .form-button {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: flex-end;
}
.form-component-container .row-container {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.form-component-container .input-field-wrapper .mat-hint {
  display: none;
}
.form-component-container .input-field-wrapper .field {
  min-width: 250px;
}
.form-component-container .form-field-textarea textarea.mat-mdc-input-element {
  min-height: 104px;
}
.header-container,
.first-part,
.second-part,
.part-one,
.part-two {
  display: flex;
  align-items: center;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  justify-content: space-between;
  gap: 0.75rem;
  font-weight: 400;
}
.header-container .first-component .nav-container,
.first-part .first-component .nav-container,
.second-part .first-component .nav-container,
.part-one .first-component .nav-container,
.part-two .first-component .nav-container {
  gap: 0;
}
.header-container {
  flex-direction: row;
  box-sizing: border-box;
  min-width: 939px;
  align-items: center;
  height: 64px;
  background-color: var(--white);
  border-bottom: 1px solid var(--grey-500);
  border-top: 1px solid var(--grey-500);
  color: var(--text-primary-color);
}
.header-container .divider {
  height: 36px;
  width: 1px;
  border-color: var(--grey-500);
}
.header-container .first-part {
  justify-content: space-between;
  margin-left: 20px;
  padding-right: 12px;
  gap: 0.75rem;
}
.header-container .first-part .header-logo-custom {
  max-width: 220px;
  max-height: 35px;
}
.header-container .second-part {
  margin-right: 20px;
  gap: 0.75rem;
}
#nav-icon {
  cursor: pointer;
}
#nav-icon div {
  height: 24px;
  width: 32px;
  position: relative;
}
#nav-icon span {
  position: absolute;
  background-color: var(--text-primary-color);
  height: 1.5px;
  width: 22px;
  display: block;
  border-radius: 9px;
}
#nav-icon span:nth-child(1) {
  top: 6.5px;
}
#nav-icon span:nth-child(2) {
  top: 12.5px;
}
#nav-icon span:nth-child(3) {
  top: 18.5px;
}
#nav-icon .menu span:nth-child(1) {
  transform: rotate(0deg);
  transition: all 300ms;
}
#nav-icon .menu span:nth-child(2) {
  opacity: 1;
  width: 22px;
  transition: all 300ms;
}
#nav-icon .menu span:nth-child(3) {
  transform: rotate(0deg);
  transition: all 300ms;
}
#nav-icon .close span:nth-child(1) {
  top: 12px;
  transform: rotate(45deg);
  transition: all 300ms;
}
#nav-icon .close span:nth-child(2) {
  width: 0;
  opacity: 0;
  transition: all 300ms;
}
#nav-icon .close span:nth-child(3) {
  top: 12px;
  transform: rotate(-45deg);
  transition: all 300ms;
}
.actionable {
  border-radius: 50%;
}
.actionable:hover {
  background-color: var(--grey-200);
}
.actionable:active {
  background-color: var(--grey-300);
}
.actionable.in-active {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.actionable.in-active:hover {
  background-color: transparent;
}
.actionable.in-active:active {
  background-color: transparent;
}
.actionable.isDisabled {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.actionable.isDisabled:hover {
  background-color: transparent;
}
.selected {
  border-radius: 50%;
  background-color: var(--accordion-expanded-bg);
}
.isDisabled {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.isDisabled:hover {
  background-color: transparent;
}
.icon-size-32 {
  display: flex;
  font-size: 2rem;
  padding: 0.75rem;
}
.icon-size-24 {
  display: flex;
  font-size: 1.5rem;
  padding: 0.5rem;
}
.icon-size-16 {
  display: flex;
  font-size: 1rem;
  padding: 0.375rem;
}
.icon-size-12 {
  display: flex;
  font-size: 0.75rem;
  padding: 0.25rem;
}
.icon-size-8 {
  display: flex;
  font-size: 0.5rem;
  padding: 0.125rem;
}
.group-container {
  width: 100%;
  justify-content: center !important;
}
.group-container .field-label {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: ABBVoice, Verdana;
  color: var(--text-primary-color);
  margin-bottom: 0.25rem;
  white-space: nowrap;
}
.group-container .field-label .field-required-marker {
  color: var(--error);
}
.group-container .mat-hint {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: var(--grey-800);
  font-weight: 400;
  margin-top: 0.25rem;
  font-family: ABBVoice, Verdana;
}
.group-container .mat-mdc-form-field {
  width: 100%;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.group-container .mat-mdc-form-field:hover,
.group-container .mat-mdc-form-field:focus {
  background: transparent !important;
}
.group-container .mat-mdc-form-field .mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
}
.group-container .mat-mdc-form-field .input-wrapper {
  width: 100%;
}
.group-container .mat-mdc-form-field.error-field input {
  border-color: var(--error) !important;
  color: var(--text-primary-color) !important;
}
.group-container .mat-mdc-form-field.error-field input:hover {
  border-color: var(--error) !important;
  color: var(--text-primary-color) !important;
}
.group-container .mat-mdc-form-field.error-field .inner-input {
  border-color: var(--error) !important;
}
.group-container .mat-mdc-form-field.error-field .inner-input:hover,
.group-container .mat-mdc-form-field.error-field .inner-input:active,
.group-container .mat-mdc-form-field.error-field .inner-input.mat-focused {
  border-color: var(--error) !important;
}
.group-container .mat-mdc-form-field.error-field .error {
  color: var(--text-primary-color) !important;
}
.group-container .mat-mdc-form-field.error-field .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
.group-container .mat-mdc-form-field.default-field input {
  border-color: var(--grey-400) !important;
}
.group-container .mat-mdc-form-field.confirmed-field mat-hint {
  color: var(--text-primary-color) !important;
  display: flex;
  align-items: center;
  min-height: 24px;
}
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element {
  border: 1px solid transparent !important;
  background: transparent !important;
}
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:hover,
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:focus,
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:active,
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element.mat-focused {
  background: transparent !important;
}
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:not(:last-child) {
  border-right-color: var(--grey-400) !important;
}
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:not(:first-child) {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:focus,
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:active,
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:focus-visible {
  border: 1px solid transparent !important;
}
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:focus:not(:last-child),
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:active:not(:last-child),
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:focus-visible:not(:last-child) {
  border-right-color: var(--grey-400) !important;
}
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:focus:not(:first-child),
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:active:not(:first-child),
.group-container .mat-mdc-form-field.read-only-field input.mat-mdc-input-element:focus-visible:not(:first-child) {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input {
  background-color: transparent !important;
  border: 1px solid transparent !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input .action-icon-row {
  display: none !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input:not(:last-of-type) {
  border-right-color: var(--grey-400) !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input:nth-of-type(2) {
  border-right: 1px solid var(--grey-400) !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input:nth-of-type(1) {
  padding-left: 0 !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input:hover,
.group-container .mat-mdc-form-field.read-only-field .inner-input:focus,
.group-container .mat-mdc-form-field.read-only-field .inner-input:active,
.group-container .mat-mdc-form-field.read-only-field .inner-input.mat-focused {
  border-color: transparent !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input:hover:not(:last-of-type),
.group-container .mat-mdc-form-field.read-only-field .inner-input:focus:not(:last-of-type),
.group-container .mat-mdc-form-field.read-only-field .inner-input:active:not(:last-of-type),
.group-container .mat-mdc-form-field.read-only-field .inner-input.mat-focused:not(:last-of-type) {
  border-right-color: var(--grey-400) !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input:hover:nth-of-type(2),
.group-container .mat-mdc-form-field.read-only-field .inner-input:focus:nth-of-type(2),
.group-container .mat-mdc-form-field.read-only-field .inner-input:active:nth-of-type(2),
.group-container .mat-mdc-form-field.read-only-field .inner-input.mat-focused:nth-of-type(2) {
  border-right: 1px solid var(--grey-400) !important;
}
.group-container .mat-mdc-form-field.read-only-field .inner-input:hover:nth-of-type(1),
.group-container .mat-mdc-form-field.read-only-field .inner-input:focus:nth-of-type(1),
.group-container .mat-mdc-form-field.read-only-field .inner-input:active:nth-of-type(1),
.group-container .mat-mdc-form-field.read-only-field .inner-input.mat-focused:nth-of-type(1) {
  padding-left: 0 !important;
}
.group-container .mat-mdc-form-field.disabled-field {
  cursor: not-allowed;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.group-container .mat-mdc-form-field.disabled-field:hover,
.group-container .mat-mdc-form-field.disabled-field:focus,
.group-container .mat-mdc-form-field.disabled-field:active,
.group-container .mat-mdc-form-field.disabled-field.mat-focused {
  background: transparent !important;
  border: 0 !important;
}
.group-container .mat-mdc-form-field.disabled-field input {
  box-sizing: border-box;
  color: var(--text-disabled-color) !important;
  opacity: 0.8;
  background: var(--grey-200) !important;
  cursor: not-allowed;
  pointer-events: inherit;
}
.group-container .mat-mdc-form-field.disabled-field .inner-input {
  box-sizing: border-box;
  color: var(--text-disabled-color) !important;
  opacity: 0.8;
  background: var(--grey-200) !important;
  cursor: not-allowed;
  pointer-events: inherit;
}
.group-container .mat-mdc-form-field.disabled-field .mat-mdc-form-field-infix {
  background: var(--grey-200);
}
.group-container .mat-mdc-form-field.small input.mat-mdc-input-element,
.group-container .mat-mdc-form-field.big input.mat-mdc-input-element,
.group-container .mat-mdc-form-field.medium input.mat-mdc-input-element {
  background: var(--white);
}
.group-container .mat-mdc-form-field.medium .inner-input {
  min-height: 40px;
  height: 40px !important;
  padding: 0px 16px !important;
}
.group-container .mat-mdc-form-field.small .inner-input {
  min-height: 32px;
  height: 32px !important;
  padding: 0px 12px !important;
}
.group-container .mat-mdc-form-field.big .inner-input {
  min-height: 48px;
  height: 48px !important;
  padding: 0px 16px !important;
}
.group-container .mat-mdc-form-field .inner-input {
  background-color: var(--white) !important;
  border: 1px solid transparent !important;
  border-color: var(--grey-400) !important;
}
.group-container .mat-mdc-form-field .inner-input:hover {
  border-color: var(--text-primary-color) !important;
}
.group-container .mat-mdc-form-field .inner-input:focus,
.group-container .mat-mdc-form-field .inner-input:active,
.group-container .mat-mdc-form-field .inner-input.mat-focused {
  border-color: var(--primary-default) !important;
}
.group-container .mat-mdc-form-field .inner-input:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.group-container .mat-mdc-form-field .inner-input:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.group-container .mat-mdc-form-field .inner-input:nth-of-type(2) {
  border-left: 0 !important;
  border-right: 0 !important;
}
.group-container .mat-mdc-form-field .inner-input.mat-form-field-invalid {
  border-color: var(--error) !important;
}
.group-container .mat-mdc-form-field:focus .inner-input:nth-of-type(2),
.group-container .mat-mdc-form-field:active .inner-input:nth-of-type(2),
.group-container .mat-mdc-form-field.mat-focused .inner-input:nth-of-type(2) {
  border-left: 1px solid var(--primary-default) !important;
  border-right: 1px solid var(--primary-default) !important;
}
.group-container .mat-mdc-form-field-error {
  text-align: left;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: var(--text-primary-color);
  opacity: 1;
  display: flex;
  align-items: center;
}
.group-container .mat-mdc-form-field-error .error-icon {
  color: var(--error);
  margin-right: 0;
  vertical-align: middle;
  font-size: 0.875rem;
}
.group-container .mat-mdc-form-field-valid {
  text-align: left;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: var(--text-primary-color);
  opacity: 1;
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
  font-family: ABBVoice, Verdana;
  gap: 0.25rem;
}
.group-container .mat-mdc-form-field-valid .success-icon {
  color: var(--success);
  vertical-align: middle;
  font-size: 0.875rem;
}
app-custom-input-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
app-custom-input-group mat-form-field {
  width: 100%;
  border: solid 1px var(--grey-400) !important;
  font-size: 0.875rem !important;
  color: var(--text-primary-color);
  background-color: var(--white) !important;
}
app-custom-input-group .form-input-group-container {
  display: flex;
  width: 100%;
  border-radius: 4px;
}
app-custom-input-group .form-input-group-container mat-hint,
app-custom-input-group .form-input-group-container .field-label {
  padding: 0 16px;
}
app-custom-input-group .form-input-group-container input {
  border-radius: 0;
  width: 100%;
}
app-custom-input-group .form-input-group-container input::placeholder {
  opacity: 1;
}
app-custom-input-group .form-input-group-container input:nth-child(2) {
  border-radius: 0;
  border-left: 0 !important;
  border-right: 0 !important;
}
app-custom-input-group .form-input-group-container input:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
app-custom-input-group .form-input-group-container input:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
app-custom-input-group .form-input-group-container.ng-invalid.ng-touched input.ng-invalid {
  border-color: var(--error) !important;
}
#storybook-root app-input-group,
.docs-story app-input-group {
  max-width: 100%;
  width: 750px;
}
#storybook-root app-input-group .input-field,
.docs-story app-input-group .input-field {
  max-width: 100%;
  width: 750px;
}
.mat-mdc-form-field {
  --mat-form-field-container-text-font: ABBVoice, Verdana;
  --mat-form-field-container-text-size: 0.875rem;
  --mat-form-field-container-text-weight: 400;
  --mdc-filled-text-field-container-color: transparent;
  --mat-form-field-hover-state-layer-opacity: 0;
  --mat-form-field-state-layer-color: var(--white);
  --mat-form-field-container-vertical-padding: 0;
  --mat-form-field-container-height: 0;
  --mat-form-field-leading-icon-color: var(--text-primary-color);
  --mat-form-field-trailing-icon-color: var(--text-primary-color);
  --mdc-filled-text-field-disabled-container-color: var(--background-disabled);
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  place-content: center;
}
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 100%;
}
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex [dir=rtl] .mat-mdc-form-field-icon-suffix {
  padding: 0 8px 0 1px;
}
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex [dir=rtl] .mat-mdc-form-field-icon-prefix {
  padding: 0 0 0 8px;
}
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  height: 100%;
}
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-input-control {
  height: 100%;
  text-overflow: ellipsis;
}
.mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-input-control.mat-mdc-chip-input {
  height: auto;
}
.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-mdc-form-field .mdc-line-ripple {
  display: none;
}
.mat-mdc-form-field .cancel-icon {
  vertical-align: middle;
  visibility: hidden;
  border-radius: 50%;
  padding: 4px;
  line-height: 0.8;
}
.mat-mdc-form-field:active .cancel-icon,
.mat-mdc-form-field:focus .cancel-icon,
.mat-mdc-form-field:focus-visible .cancel-icon,
.mat-mdc-form-field.mat-focused .cancel-icon {
  visibility: hidden;
}
.mat-mdc-form-field:active .cancel-icon.show,
.mat-mdc-form-field:focus .cancel-icon.show,
.mat-mdc-form-field:focus-visible .cancel-icon.show,
.mat-mdc-form-field.mat-focused .cancel-icon.show {
  visibility: visible;
}
.mat-mdc-form-field:active .cancel-icon:hover,
.mat-mdc-form-field:focus .cancel-icon:hover,
.mat-mdc-form-field:focus-visible .cancel-icon:hover,
.mat-mdc-form-field.mat-focused .cancel-icon:hover {
  background: var(--grey-200);
}
.mat-mdc-form-field:active .cancel-icon:active,
.mat-mdc-form-field:focus .cancel-icon:active,
.mat-mdc-form-field:focus-visible .cancel-icon:active,
.mat-mdc-form-field.mat-focused .cancel-icon:active {
  background: var(--grey-300);
}
.mat-mdc-form-field:active .update-icon,
.mat-mdc-form-field:focus .update-icon,
.mat-mdc-form-field:focus-visible .update-icon,
.mat-mdc-form-field.mat-focused .update-icon {
  vertical-align: middle;
  visibility: hidden;
  border-radius: 50%;
  padding: 4px;
  line-height: 0.8;
}
.mat-mdc-form-field:active .update-icon.show,
.mat-mdc-form-field:focus .update-icon.show,
.mat-mdc-form-field:focus-visible .update-icon.show,
.mat-mdc-form-field.mat-focused .update-icon.show {
  visibility: visible;
}
.mat-mdc-form-field:active .update-icon:hover,
.mat-mdc-form-field:focus .update-icon:hover,
.mat-mdc-form-field:focus-visible .update-icon:hover,
.mat-mdc-form-field.mat-focused .update-icon:hover {
  background: var(--grey-200);
}
.mat-mdc-form-field:active .update-icon:active,
.mat-mdc-form-field:focus .update-icon:active,
.mat-mdc-form-field:focus-visible .update-icon:active,
.mat-mdc-form-field.mat-focused .update-icon:active {
  background: var(--grey-300);
}
.mat-mdc-form-field .action-icon-row {
  visibility: hidden;
}
.mat-mdc-form-field.form-field {
  border: 1px solid var(--grey-500);
  border-radius: 4px;
  background: var(--white);
  box-sizing: border-box;
}
.mat-mdc-form-field.form-field.ng-touched.ng-invalid,
.mat-mdc-form-field.form-field.mat-form-field-invalid,
.mat-mdc-form-field.form-field.has-error.ng-touched {
  border-color: var(--error);
}
.mat-mdc-form-field.form-field:hover {
  border: 1px solid var(--text-primary-color);
  background: var(--white);
}
.mat-mdc-form-field.form-field.mat-focused,
.mat-mdc-form-field.form-field:active,
.mat-mdc-form-field.form-field:focus {
  border: 1px solid var(--primary-default);
  background: var(--white);
}
.mat-mdc-form-field.form-field .input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  height: 100%;
}
.mat-mdc-form-field.form-field .prefix {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-right: solid 1px var(--grey-500);
  padding-right: 0.5rem;
  font-size: 0.875rem;
  color: var(--grey-700);
  margin-right: 0.5rem;
}
.mat-mdc-form-field.form-field .suffix {
  border-left: solid 1px var(--grey-500);
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  font-size: 0.875rem;
  color: var(--grey-700);
}
.mat-mdc-form-field.form-field.small {
  padding: 0 8px 0 12px;
  height: 2rem;
}
.mat-mdc-form-field.form-field.small.date-time-range-picker-field {
  padding: 0 8px 0 12px !important;
}
.mat-mdc-form-field.form-field.small:has(.tags) {
  padding: 3px 8px 3px 12px;
  min-height: 2rem;
  height: auto;
}
.mat-mdc-form-field.form-field.small .icon {
  font-size: 1rem;
}
.mat-mdc-form-field.form-field.small:has(.mat-mdc-form-field-icon-suffix .actionable-icon) {
  padding: 0 6px 0 12px;
}
.mat-mdc-form-field.form-field .display-none {
  display: none !important;
}
.mat-mdc-form-field.form-field.medium {
  padding: 4px 12px 4px 16px;
  height: 2.5rem;
}
.mat-mdc-form-field.form-field.medium:has(.tags) {
  padding: 3px 12px 3px 16px;
  min-height: 2.5rem;
  height: auto;
}
.mat-mdc-form-field.form-field.medium .icon {
  font-size: 1rem;
}
.mat-mdc-form-field.form-field.medium:has(.mat-mdc-form-field-icon-suffix .actionable-icon) {
  padding: 4px 10px 4px 16px;
}
.mat-mdc-form-field.form-field.big {
  padding: 4px 16px 4px 20px;
  height: 3rem;
}
.mat-mdc-form-field.form-field.big:has(.tags) {
  padding: 3px 16px 3px 20px;
  min-height: 3rem;
  height: auto;
}
.mat-mdc-form-field.form-field.big .icon {
  font-size: 1.5rem;
}
.mat-mdc-form-field.form-field.big:has(.mat-mdc-form-field-icon-suffix .actionable-icon) {
  padding: 4px 14px 4px 20px;
}
.mat-mdc-form-field.form-field.mat-form-field-disabled,
.mat-mdc-form-field.form-field.isDisabled {
  border: 1px solid var(--grey-500);
  color: var(--text-disabled-color);
  background: var(--background-disabled);
  cursor: not-allowed;
}
.mat-mdc-form-field.form-field.mat-form-field-disabled:hover,
.mat-mdc-form-field.form-field.isDisabled:hover {
  border: 1px solid var(--grey-500);
  color: var(--text-disabled-color);
  background: var(--background-disabled);
}
.mat-mdc-form-field.form-field.mat-form-field-disabled:active,
.mat-mdc-form-field.form-field.mat-form-field-disabled:focus,
.mat-mdc-form-field.form-field.isDisabled:active,
.mat-mdc-form-field.form-field.isDisabled:focus {
  border: 1px solid var(--grey-500);
  color: var(--text-disabled-color);
  background: var(--background-disabled);
}
.mat-mdc-form-field.form-field.mat-form-field-disabled .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control,
.mat-mdc-form-field.form-field.isDisabled .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  pointer-events: none;
}
.mat-mdc-form-field-error {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  --mat-form-field-error-text-color: var(--abb-red);
  margin-top: 4px;
}
.input-field-wrapper .field {
  width: 100%;
}
.input-field-wrapper:has(.mat-form-field-disabled) .field-label,
.input-field-wrapper:has(.mat-form-field-disabled) .mat-hint,
.input-field-wrapper:has(.disabled) .field-label,
.input-field-wrapper:has(.disabled) .mat-hint,
.input-field-wrapper:has(.isDisabled) .field-label,
.input-field-wrapper:has(.isDisabled) .mat-hint {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.input-field-wrapper:has(.mat-form-field-disabled) .icon,
.input-field-wrapper:has(.mat-form-field-disabled) .numeric-icon,
.input-field-wrapper:has(.disabled) .icon,
.input-field-wrapper:has(.disabled) .numeric-icon,
.input-field-wrapper:has(.isDisabled) .icon,
.input-field-wrapper:has(.isDisabled) .numeric-icon {
  pointer-events: none;
}
.input-field-wrapper .field-label {
  font-size: 0.875rem;
  color: var(--text-primary-color);
  font-family: ABBVoice, Verdana;
  font-weight: 500;
  white-space: nowrap;
}
.input-field-wrapper .mat-hint {
  font-size: 0.75rem;
  color: var(--text-secondary-color);
  font-family: ABBVoice, Verdana;
}
.input-field-wrapper.vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  place-content: flex-start;
}
.input-field-wrapper.vertical:has(.field-label) {
  gap: 4px;
}
.input-field-wrapper.horizontal {
  display: flex;
  flex-direction: row;
  align-items: center;
  place-content: flex-start;
  gap: 8px;
}
.input-field-wrapper.horizontal:has(.field-label) {
  gap: 8px;
}
.input-field-wrapper.horizontal .field-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  place-content: flex-start;
  gap: 4px;
}
.input-field-wrapper.horizontal .field-label .hidden {
  visibility: hidden;
  width: 0;
}
.input-field-wrapper .field-required-marker {
  color: var(--abb-red);
}
.discreet .mat-mdc-form-field {
  border-radius: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background: transparent;
}
.discreet .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: transparent;
}
.discreet .mat-mdc-form-field:hover,
.discreet .mat-mdc-form-field:active,
.discreet .mat-mdc-form-field.disabled,
.discreet .mat-mdc-form-field.mat-focused {
  background: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.read-only .mat-mdc-form-field.form-field {
  border: none;
  background: transparent;
  cursor: default;
}
.read-only .mat-mdc-form-field.form-field.small,
.read-only .mat-mdc-form-field.form-field.medium,
.read-only .mat-mdc-form-field.form-field.big {
  padding: 0;
}
.read-only .mat-mdc-form-field.form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: transparent;
}
.read-only .mat-mdc-form-field.form-field:hover,
.read-only .mat-mdc-form-field.form-field:active,
.read-only .mat-mdc-form-field.form-field.disabled,
.read-only .mat-mdc-form-field.form-field.mat-focused {
  border: none;
  background: transparent;
  cursor: default;
}
.read-only .mat-mdc-form-field.form-field .action-icon-row {
  display: none;
}
.read-only .mat-mdc-chip {
  pointer-events: none;
}
.read-only .mat-mdc-chip:hover .mat-mdc-chip-focus-overlay {
  background: var(--grey-400) !important;
}
.read-only textarea.mat-mdc-input-element {
  min-height: 32px !important;
  height: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  resize: none !important;
}
.mat-mdc-form-field-error {
  --mat-form-field-error-text-color: var(--text-primary-color);
  margin-top: 0.25rem;
  display: flex !important;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
  font-family: ABBVoice, Verdana;
  font-size: 0.75rem;
}
.mat-mdc-form-field-error::before {
  display: none !important;
}
.mat-mdc-form-field-error .error-icon {
  color: var(--abb-red);
}
.form-field-textarea {
  min-width: 250px;
}
.form-field-textarea.error-field {
  border: 1px solid var(--abb-red);
}
.form-field-textarea.error-field:hover,
.form-field-textarea.error-field:active {
  border: 1px solid var(--abb-red);
}
.form-field-textarea .mat-mdc-form-field-infix {
  min-width: 250px;
  --mat-form-field-container-height: auto;
  --mat-form-field-filled-with-label-container-padding-top: 0;
  --mat-form-field-filled-with-label-container-padding-bottom: 0;
}
.form-field-textarea textarea.mat-mdc-input-element {
  box-sizing: border-box;
  border-radius: 0.25rem;
  padding: 0.5rem;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  background-color: var(--white);
  min-height: 70px;
  height: 120px;
  max-height: 400px;
  resize: vertical;
  min-width: 250px;
}
.form-field-textarea.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.form-field-textarea.disabled .input-wrapper {
  cursor: not-allowed;
  pointer-events: none;
}
.form-field-textarea.disabled .input-wrapper textarea.mat-mdc-input-element {
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--background-disabled);
  color: var(--text-disabled-color);
}
.form-field-textarea .mat-mdc-text-field-wrapper {
  border-radius: 0.25rem;
}
.form-field-textarea .mat-hint {
  font-size: 0.75rem;
}
.form-field-textarea.mat-form-field-invalid {
  border-color: var(--abb-red);
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--grey-500);
  border-radius: 20px;
  border: 2px solid var(--white);
}
input[type=number] {
  text-align: right;
}
.tags-desc {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.15;
  font-weight: 400;
  color: var(--text-secondary-color);
  font-family: ABBVoice, Verdana;
}
.side-nav-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
  font-family: ABBVoice, Verdana;
  flex-grow: 1;
}
.side-nav-container .wd-25px {
  width: 25px;
}
.side-nav-container #nav-icon {
  border-left: 20px solid transparent;
}
.side-nav-container .side-nav {
  display: flex;
  height: 100%;
  flex-direction: column;
  z-index: 100;
  overflow-x: hidden;
  border-width: 2px solid var(--grey-300);
  flex-grow: 1;
}
.side-nav-container .side-nav.default {
  background-color: var(--left-pane);
  box-shadow: 0 3px 6px var(--grey-shadow);
}
.side-nav-container .side-nav.rounded-default {
  background: transparent;
}
.side-nav-container .side-nav.rounded-default .nav-contents {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container {
  border-radius: 0 32px 32px 0;
  background: var(--background-bg);
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container:hover {
  background: var(--grey-400);
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .nav-item-container {
  border-radius: 0 32px 32px 0;
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .nav-item-container.highlight {
  background-color: var(--primary-default);
  color: var(--white);
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .nav-item-container.highlight .nav-item .nav-item-text {
  font-weight: 500;
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .nav-item-container.highlight:not(.expanded, .collapsed) {
  background-color: var(--primary-default);
  transition: background-color 300ms;
  border-radius: 0 32px 32px 0;
  color: var(--white);
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .nav-item-container.highlight.expanded {
  background-color: var(--primary-default);
  margin-bottom: 4px;
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .nav-item-container.highlight.expanded:hover {
  background-color: var(--primary-default) !important;
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .sub-menu-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item {
  border-radius: 0 32px 32px 0;
  background: var(--background-bg);
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item.highlight {
  background-color: var(--primary-default);
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item.highlight .nav-left-content .text-container .primary-text,
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item.highlight .nav-left-content .start_icon {
  color: var(--white);
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu .expanded,
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu:has(.expanded),
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu .expanded:hover {
  background-color: transparent;
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu .expanded .nav-item-container,
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu:has(.expanded) .nav-item-container,
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu .expanded:hover .nav-item-container {
  background-color: var(--background-bg);
  margin-bottom: 4px;
}
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu .expanded .nav-item-container.highlight,
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu:has(.expanded) .nav-item-container.highlight,
.side-nav-container .side-nav.rounded-default .nav-item-and-submenu-container.has-submenu .expanded:hover .nav-item-container.highlight {
  background-color: var(--primary-default);
}
.side-nav-container .side-nav.rounded-light {
  background: transparent;
}
.side-nav-container .side-nav.rounded-light .nav-contents {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.side-nav-container .side-nav.rounded-light .nav-item-and-submenu-container {
  border-radius: 0 32px 32px 0;
}
.side-nav-container .side-nav.rounded-light .nav-item-and-submenu-container .nav-item-container {
  border-radius: 0 32px 32px 0;
}
.side-nav-container .side-nav.rounded-light .nav-item-and-submenu-container .nav-item-container.highlight {
  color: var(--primary-default);
}
.side-nav-container .side-nav.rounded-light .nav-item-and-submenu-container .nav-item-container.highlight .nav-item .nav-item-text {
  font-weight: 500;
}
.side-nav-container .side-nav.rounded-light .nav-item-and-submenu-container .nav-item-container.highlight:not(.expanded, .collapsed) {
  transition: background-color 300ms;
  border-radius: 0 32px 32px 0;
}
.side-nav-container .side-nav.rounded-light .nav-item-and-submenu-container .sub-menu-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.side-nav-container .side-nav.rounded-light .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item {
  border-radius: 0 32px 32px 0;
}
.side-nav-container .side-nav.small-nav {
  width: 64px;
  transition: width 0.5s ease-in-out;
}
.side-nav-container .side-nav.small-nav .nav-item-text {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  visibility: hidden;
  text-overflow: ellipsis;
}
.side-nav-container .side-nav.small-nav .sub-menu-list {
  height: 0;
  display: none;
}
.side-nav-container .side-nav.big-nav {
  width: 300px;
  transition: width 0.5s ease-in-out;
}
.side-nav-container .side-nav.big-nav .nav-left-content {
  overflow: hidden;
}
.side-nav-container .side-nav.big-nav .nav-item-text {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  text-overflow: ellipsis;
}
.side-nav-container .side-nav .nav-item-and-submenu-container {
  border-left: 0.25rem solid transparent;
}
.side-nav-container .side-nav .nav-item-and-submenu-container:has(.hierarchy) {
  border-bottom: 1px solid var(--grey-300);
  margin-bottom: 0.25rem;
}
.side-nav-container .side-nav .nav-item-and-submenu-container:hover {
  background-color: var(--grey-300);
}
.side-nav-container .side-nav .nav-item-and-submenu-container.has-submenu .expanded,
.side-nav-container .side-nav .nav-item-and-submenu-container.has-submenu:has(.expanded),
.side-nav-container .side-nav .nav-item-and-submenu-container.has-submenu .expanded:hover {
  background-color: var(--white);
}
.side-nav-container .side-nav .nav-item-and-submenu-container:has(.nav-item-container.highlight) {
  font-weight: 500;
  border-left: 0.25rem solid var(--primary-default);
}
.side-nav-container .side-nav .nav-item-and-submenu-container:has(.disabled) {
  border-left: 0.25rem solid var(--left-pane);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .disabled {
  background-color: var(--left-pane);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .disabled:hover {
  background-color: var(--left-pane);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container {
  padding-left: 1rem;
  flex-direction: column;
  justify-content: center;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: 64px;
  height: auto;
  gap: 16px;
  cursor: pointer;
  font-weight: 400;
  color: var(--text-primary-color);
  transition: background-color 300ms;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.hierarchy {
  display: block;
  place-content: center;
  font-size: 1.5rem;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.highlight {
  color: var(--primary-default);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.highlight .nav-item .nav-item-text {
  font-weight: 500;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.highlight:not(.expanded, .collapsed) {
  background-color: var(--accordion-expanded-bg);
  transition: background-color 300ms;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.highlight:not(.expanded, .collapsed):has(.rounded-default) {
  background-color: var(--primary-default) !important;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.disabled {
  color: var(--grey-600);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.disabled .icon-container,
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.disabled .nav-item-icon {
  cursor: not-allowed;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container.disabled:hover {
  background-color: var(--left-pane);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px 16px 16px 0;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-left-content .nav-item-icon {
  font-size: 1.5rem;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-right-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-right-content .icon-container {
  display: flex;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-right-content .icon-container.icon-abb_arrow-right-1 {
  visibility: hidden;
  padding: 6px;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-right-content .icon-container.icon-abb_arrow-right-1.visible {
  visibility: visible;
  z-index: 1111;
  padding: 6px;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-right-content .icon-container.icon-abb_arrow-right-1.visible:hover {
  background-color: var(--grey-200) !important;
  color: var(--text-primary-color);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-right-content .icon-container.icon-abb_arrow-right-1.visible.expanded {
  transform: rotate(90deg);
  transition: transform 300ms;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-right-content .icon-container.icon-abb_arrow-right-1.visible.collapsed {
  transform: rotate(0deg);
  transition: transform 300ms;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .nav-item-container .nav-item .nav-right-content .nav-badge-position {
  position: absolute;
  right: 12px;
  top: 16px;
  transition: position 500ms ease-in-out;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list {
  width: 100%;
  display: block;
  overflow: hidden;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list.expanded {
  height: 100%;
  opacity: 1;
  transition: all 300ms;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list.collapsed {
  height: 0;
  opacity: 0;
  transition: all 300ms;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item {
  display: flex;
  padding: 16px 24px 16px 56px;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item.disabled:hover {
  background-color: var(--white);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item:hover {
  background-color: var(--grey-300);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item .nav-left-content {
  display: flex;
  align-items: center;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item .nav-left-content .start_icon,
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item .nav-left-content .end_icon {
  color: var(--text-primary-color);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item .nav-left-content .text-container {
  padding-left: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  padding-right: 0.5rem;
  overflow: hidden;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item .nav-left-content .text-container .primary-text {
  color: var(--text-primary-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item .nav-left-content .text-container .secondary-text {
  font-size: 0.75rem;
  color: var(--text-secondary-color);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item.highlight {
  background-color: var(--accordion-expanded-bg);
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item.highlight .text-container {
  font-weight: 500;
}
.side-nav-container .side-nav .nav-item-and-submenu-container .sub-menu-list .sub-menu-list-item .nav-right-content {
  display: flex;
  align-items: center;
}
.side-nav-container .side-nav .nav-item-and-submenu-container.bottom-menu {
  border-top: 1px solid var(--grey-300);
  margin-top: 0.25rem;
}
.side-nav-container .side-nav .nav-contents {
  overflow: auto;
  flex-grow: 1;
}
.side-nav-container .side-nav .icon {
  padding: 0;
}
app-left-nav {
  display: flex;
  height: 100%;
}
.mat-mdc-selection-list {
  width: auto;
  --mdc-list-list-item-container-color: var(--white);
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-icon-size: $abb-size-16;
  --mdc-list-list-item-trailing-icon-size: $abb-size-16;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 1;
  --mdc-list-list-item-disabled-leading-icon-opacity: 1;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 1;
  --mdc-list-list-item-label-text-color: var(--text-primary-color);
  --mdc-list-list-item-supporting-text-color: var(--text-primary-color);
  --mdc-list-list-item-leading-icon-color: var(--text-primary-color);
  --mdc-list-list-item-trailing-supporting-text-color: var(--text-primary-color);
  --mdc-list-list-item-trailing-icon-color: var(--text-primary-color);
  --mdc-list-list-item-selected-trailing-icon-color: var(--text-primary-color);
  --mdc-list-list-item-disabled-label-text-color: var(--text-disabled-color);
  --mdc-list-list-item-disabled-leading-icon-color: var(--text-disabled-color);
  --mdc-list-list-item-disabled-trailing-icon-color: var(--text-disabled-color);
  --mdc-list-list-item-hover-label-text-color: var(--text-primary-color);
  --mdc-list-list-item-hover-leading-icon-color: var(--text-primary-color);
  --mdc-list-list-item-hover-trailing-icon-color: var(--text-primary-color);
  --mdc-list-list-item-focus-label-text-color: var(--text-primary-color);
  --mdc-list-list-item-hover-state-layer-color: var(--grey-300);
  --mdc-list-list-item-hover-state-layer-opacity: 0;
  --mdc-list-list-item-focus-state-layer-color: transparent;
  --mdc-list-list-item-focus-state-layer-opacity: 0;
  --mdc-list-list-item-label-text-color: var(--text-primary-color);
  --mdc-checkbox-state-layer-size: 1rem;
}
.mat-mdc-selection-list .mat-mdc-list-option {
  box-sizing: border-box;
  --mdc-checkbox-selected-hover-icon-color: var(--primary-default) !important;
  border-left: 4px solid transparent;
}
.mat-mdc-selection-list .mat-mdc-list-option.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line {
  height: 1.5rem;
}
.mat-mdc-selection-list .mat-mdc-list-option.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line[aria-selected=true] {
  background-color: var(--accordion-expanded-bg);
}
.mat-mdc-selection-list .mat-mdc-list-option .text-content {
  max-width: 440px;
  max-height: 60px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.mat-mdc-selection-list .mat-mdc-list-option .text-content .item-name {
  max-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-primary-color);
}
.mat-mdc-selection-list .mat-mdc-list-option .text-content .secondaryText {
  max-height: 60px;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-top: 0;
  line-height: normal;
  color: var(--grey-800);
  text-wrap: wrap;
  line-height: 1.5;
  font-family: ABBVoice, Verdana;
  font-size: 0.75rem;
  font-weight: 400;
}
.mat-mdc-selection-list .mat-mdc-list-option.zeb {
  background-color: var(--segmented-control-grey-hover);
}
.mat-mdc-selection-list .mat-mdc-list-option .trailing-icon-list {
  visibility: hidden;
  display: flex;
  gap: 0.25rem;
}
.mat-mdc-selection-list .mat-mdc-list-option .trailing-icon-list .end-icon {
  --mdc-plain-tooltip-container-color: var(--white);
  --mdc-plain-tooltip-supporting-text-color: var(--text-primary-color);
}
.mat-mdc-selection-list .mat-mdc-list-option:hover .trailing-icon-list,
.mat-mdc-selection-list .mat-mdc-list-option:active .trailing-icon-list {
  visibility: visible;
}
.mat-mdc-selection-list .mat-mdc-list-option .mdc-list-item__primary-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-primary-color) !important;
  --mdc-list-list-item-label-text-font: ABBVoice, Verdana;
  --mdc-list-list-item-label-text-line-height: 21px;
  --mdc-list-list-item-label-text-size: 0.875rem;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-label-text-tracking: normal;
}
.mat-mdc-selection-list .mat-mdc-list-option .mdc-list-item__primary-text .body-text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  gap: 0.5rem;
  align-items: center;
}
.mat-mdc-selection-list .mat-mdc-list-option.mdc-list-item--selected {
  background-color: var(--accordion-expanded-bg);
  border-left-color: var(--primary-default);
  --mdc-list-list-item-label-text-color: var(--text-primary-color) !important;
}
.mat-mdc-selection-list .mat-mdc-list-option.mdc-list-item--selected .start-icon {
  color: var(--text-primary-color);
}
.mat-mdc-selection-list .mat-mdc-list-option.mdc-list-item--selected .trailing-icon-list {
  visibility: visible;
  color: var(--text-primary-color);
}
.mat-mdc-selection-list .mat-mdc-list-option.mdc-list-item--selected:hover {
  background-color: var(--accordion-expanded-bg);
}
.mat-mdc-selection-list .mat-mdc-list-option.mdc-list-item--selected .secondaryText {
  color: var(--text-primary-color);
}
.mat-mdc-selection-list .mat-mdc-list-option.mdc-list-item.mdc-list-item--disabled,
.mat-mdc-selection-list .mat-mdc-list-option .mdc-list-item.mdc-list-item--non-interactive {
  cursor: not-allowed;
  pointer-events: none;
}
.mat-mdc-selection-list .mat-mdc-list-option.mdc-list-item.mdc-list-item--disabled:hover,
.mat-mdc-selection-list .mat-mdc-list-option .mdc-list-item.mdc-list-item--non-interactive:hover {
  background-color: inherit;
}
.mat-mdc-selection-list .mat-mdc-list-item:hover {
  background-color: var(--grey-300);
  cursor: pointer;
}
.mat-mdc-selection-list .mat-mdc-list-item .mdc-list-item__primary-text {
  display: flex;
  gap: 0.25rem;
}
.mat-mdc-selection-list.sm .mdc-list-item.mdc-list-item--with-one-line {
  --mdc-list-list-item-one-line-container-height: 1.5rem;
  padding: 0 0.5rem 0 0.75rem;
  gap: 0.5rem;
}
.mat-mdc-selection-list.sm .icon_abb_dias {
  font-size: 0.875rem;
}
.mat-mdc-selection-list.md .mdc-list-item.mdc-list-item--with-one-line {
  --mdc-list-list-item-one-line-container-height: 2rem;
  padding: 0 0.75rem 0 1rem;
  gap: 0.5rem;
  line-height: 0;
}
.mat-mdc-selection-list.md .icon_abb_dias {
  font-size: 0.875rem;
}
.mat-mdc-selection-list.lg .mdc-list-item.mdc-list-item--with-one-line {
  min-height: 2.5rem;
  --mdc-list-list-item-one-line-container-height: 2.5rem;
  padding: 0 1rem 0 1.25rem;
  gap: 0.5rem;
}
.mat-mdc-selection-list.lg .icon_abb_dias {
  font-size: 1rem;
}
.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.with_description.mat-mdc-selection-list .mdc-list-item.mdc-list-item--with-one-line {
  height: auto;
  min-width: 1px;
  padding: 0.5rem 0.75rem;
}
.with_description .mat-mdc-list-option:not(:last-child),
.divider .mat-mdc-list-option:not(:last-child) {
  border-bottom: 1px solid var(--grey-400);
}
.mat-mdc-tooltip-surface {
  --mdc-plain-tooltip-container-color: var(--white);
  --mdc-plain-tooltip-supporting-text-color: var(--text-primary-color);
  box-shadow: 0px 1px 3px 2px var(--grey-shadow);
}
#storybook-root .mat-mdc-selection-list,
#storybook-docs .mat-mdc-selection-list {
  min-width: 300px;
}
.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,
.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text {
  opacity: 1 !important;
  color: var(--text-disabled-color);
}
.loading-indicator-label {
  color: var(--grey-800);
  font-size: 0.875rem;
  font-weight: 400;
  font-family: ABBVoice, Verdana;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 4rem;
}
.loading-indicator-label .mr-20 {
  margin-right: 1.25rem;
}
.loading-indicator-label.large {
  position: absolute;
  top: 38px;
  left: 34px;
}
.loading-indicator-description {
  font-family: ABBVoice, Verdana;
  color: var(--grey-800);
  font-size: 0.75rem;
  font-weight: 400;
}
.progress-bar {
  min-width: 30px;
}
.progress-bar-container {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 0.5rem;
  min-height: 1rem;
}
.progress-bar-container .success {
  color: var(--success);
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-height: 0.25rem;
  --mdc-linear-progress-track-height: 0.25rem;
  --mdc-linear-progress-track-shape: 0.25rem;
  --mdc-linear-progress-track-color: var(--grey-400) !important;
  background-color: var(--grey-400);
  border-radius: 0.25rem;
  width: 100%;
}
.mat-mdc-progress-bar.size-small {
  --mdc-linear-progress-active-indicator-height: 0.25rem;
  --mdc-linear-progress-track-height: 0.25rem;
  --mdc-linear-progress-track-shape: 0.25rem;
}
.mat-mdc-progress-bar.size-medium {
  --mdc-linear-progress-active-indicator-height: 6px;
  --mdc-linear-progress-track-height: 6px;
  --mdc-linear-progress-track-shape: 6px;
}
.mat-mdc-progress-bar.size-large {
  --mdc-linear-progress-active-indicator-height: 0.5rem;
  --mdc-linear-progress-track-height: 0.5rem;
  --mdc-linear-progress-track-shape: 0.5rem;
}
.mat-mdc-progress-bar .MuiLinearProgress-bar {
  background-color: var(--primary-default);
}
.mat-mdc-progress-bar.green-bg {
  --mdc-linear-progress-active-indicator-color: var(--success);
}
.mat-mdc-progress-bar.disabled {
  --mdc-linear-progress-active-indicator-color: var(--grey-600);
}
.circular-progress-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  position: relative;
}
.circular-progress-container .tick-icon {
  color: var(--success);
  position: absolute;
  top: 0;
  left: 0;
}
.circular-progress-container .tick-icon.small {
  font-size: 0.875rem;
  top: 3px;
  left: 2px;
}
.circular-progress-container .tick-icon.large {
  top: 23px;
  left: 23px;
  font-size: 3.5rem;
}
.circular-progress-container .tick-icon.medium {
  top: 12px;
  left: 11px;
  font-size: 1.5rem;
}
.spinner-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  position: relative;
  align-items: center;
}
.spinner-wrapper .small-spinner,
.spinner-wrapper .medium-spinner,
.spinner-wrapper .large-spinner {
  display: flex;
  position: relative;
  gap: 0.5rem;
  line-height: 0;
}
.spinner-wrapper .right-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-primary-color);
  font-family: ABBVoice, Verdana;
}
.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  --mdc-circular-progress-active-indicator-color: var(--primary-default);
  stroke: var(--primary-default);
}
.mat-mdc-progress-spinner.disabled .mdc-circular-progress__determinate-circle,
.mat-mdc-progress-spinner.disabled .mdc-circular-progress__indeterminate-circle-graphic {
  --mdc-circular-progress-active-indicator-color: var(--grey-600) !important;
  stroke: var(--grey-600) !important;
}
.completed-icon-small {
  border: 1px solid var(--success);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.completed-icon-small .successColor {
  color: var(--success);
}
.completed-icon-small .icon_abb_dias {
  font-size: 8px;
}
.completed-icon-medium {
  border: 4px solid var(--success);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.completed-icon-medium .successColor {
  color: var(--success);
}
.completed-icon-medium .icon_abb_dias {
  font-size: 24px;
}
.completed-icon-large {
  border: 6px solid var(--success);
  border-radius: 50%;
  width: 88px;
  height: 88px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.completed-icon-large .successColor {
  color: var(--success);
}
.completed-icon-large .icon_abb_dias {
  font-size: 42px;
}
.spinner-value {
  position: absolute;
  left: 32px;
  bottom: 44px;
  color: var(--grey-600);
  font-size: 0.875rem;
  font-weight: 400;
  font-family: ABBVoice, Verdana;
}
.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--primary-default);
}
.overlay-position {
  position: absolute !important;
  top: 0;
  left: 0;
}
.primary-spinner .mat-mdc-progress-spinner.mat-primary .mdc-circular-progress__determinate-circle,
.primary-spinner .mat-mdc-progress-spinner.mat-primary .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--primary-default) !important;
}
.primary-spinner.disabled {
  --mdc-circular-progress-active-indicator-color: var(--grey-600) !important;
}
.primary-spinner.disabled .mat-mdc-progress-spinner.mat-primary .mdc-circular-progress__determinate-circle,
.primary-spinner.disabled .mat-mdc-progress-spinner.mat-primary .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--grey-600) !important;
}
.warn-spinner.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.warn-spinner.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--warning);
}
.error-spinner.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.error-spinner.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--error);
}
.overlay-spinner.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.overlay-spinner.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--grey-300);
}
.success-spinner.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.success-spinner.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--success);
}
.default-spinner.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.default-spinner.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--grey-600);
}
.gray-spinner.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.gray-spinner.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--grey-600);
}
.successColor {
  color: var(--success);
}
.dot-pulse {
  position: relative;
  left: -9999px;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--primary-default);
  color: var(--primary-default);
  box-shadow: 9999px 0 0 -5px var(--primary-default);
  animation: dotPulse 1.5s infinite linear;
  animation-delay: 0.25s;
}
.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--primary-default);
  color: var(--primary-default);
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px var(--primary-default);
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px var(--primary-default);
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: 0.5s;
}
@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px var(--primary-default);
  }
  30% {
    box-shadow: 9984px 0 0 2px var(--primary-default);
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px var(--primary-default);
  }
}
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px var(--primary-default);
  }
  30% {
    box-shadow: 9999px 0 0 2px var(--primary-default);
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px var(--primary-default);
  }
}
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px var(--primary-default);
  }
  30% {
    box-shadow: 10014px 0 0 2px var(--primary-default);
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px var(--primary-default);
  }
}
#storybook-root .loading-indicator-container,
#storybook-docs .loading-indicator-container {
  min-width: 350px;
}
#storybook-root .multi-loading-indicator .loading-indicator-container,
#storybook-docs .multi-loading-indicator .loading-indicator-container {
  min-width: 1px;
}
.mat-mdc-menu-panel {
  --mat-menu-container-shape: 0.5rem;
  --mat-menu-container-color: var(--white);
}
.mat-mdc-menu-panel.small-pos {
  position: absolute;
  top: -24px;
  left: 255px;
}
.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  --mat-menu-item-label-text-font: ABBVoice, Verdana;
  --mat-menu-item-label-text-line-height: 1;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-weight: 500;
}
.mat-mdc-menu-content {
  padding: 0 !important;
}
.mat-mdc-menu-item {
  --mat-menu-item-leading-spacing: 1rem;
  --mat-menu-item-trailing-spacing: 1rem;
  min-height: 2rem !important;
}
.mat-mdc-menu-item,
.mat-mdc-menu-item:visited,
.mat-mdc-menu-item:link {
  --mat-menu-item-label-text-color: var(--text-primary-color);
}
.modal-dialog {
  min-width: 350px;
  min-height: 4rem;
  max-width: 100%;
  padding: 2rem;
  font-family: ABBVoice, Verdana;
  font-size: 1rem;
  position: relative;
  box-shadow:
    0 1px rgba(0, 0, 0, 0.0784313725),
    0 2px 8px rgba(0, 0, 0, 0.0392156863),
    0 16px 24px rgba(0, 0, 0, 0.1215686275);
}
.modal-dialog .dialog-header {
  display: flex;
  justify-content: space-between;
}
.modal-dialog .dialog-header .header-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.modal-dialog .dialog-header .header-title .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary-color);
  line-height: 1.563rem;
}
.modal-dialog .dialog-header .header-title .pref-icon {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
}
.modal-dialog .dialog-header .header-title .heading-image {
  max-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--grey-300);
  border-radius: 50%;
  padding: 4px;
}
.modal-dialog .dialog-header .header-title .dialog-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary-color);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  white-space: nowrap;
}
.modal-dialog .dialog-header .header-title .subtitle {
  color: var(--text-secondary-color);
  font-size: 0.875rem;
  border-left: 1px solid var(--grey-500);
  margin-left: 16px;
  padding-left: 16px;
  font-weight: 300;
  overflow: hidden;
  max-width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal-dialog .dialog-header .icon-close {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 1.8rem;
  right: 2rem;
  color: var(--text-primary-color);
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-dialog .dialog-header .icon-close:hover {
  border-radius: 50%;
  background-color: var(--grey-400);
}
.modal-dialog .horizontal-separator-line {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.modal-dialog .mat-typography {
  padding-left: 2rem;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.modal-dialog .mat-typography .container-box {
  overflow: auto;
  margin-bottom: 16px;
}
.modal-dialog .action-btns {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
  margin-top: 1rem;
}
.modal-dialog.information .dialog-header .header-title .pref-icon {
  color: var(--primary-default);
}
.modal-dialog.success .dialog-header .header-title .pref-icon {
  color: var(--success);
}
.modal-dialog.error .dialog-header .header-title .pref-icon {
  color: var(--error);
}
.modal-dialog.warning .dialog-header .header-title .pref-icon {
  color: var(--warning);
}
.modal-dialog .modal-content-container .msg-text {
  white-space: pre-line;
}
.red-border-top {
  height: 0.75rem;
}
.red-border-top:before {
  content: "\2014";
  font-size: 1.5rem;
  height: 0.125rem;
  color: var(--abb-red);
  display: block;
  font-weight: 700;
  line-height: 0;
}
.default-modal.modal-dialog {
  min-width: 30rem;
}
.default-modal.modal-dialog .mat-typography {
  padding-left: 0;
}
.default-modal.modal-dialog .dialog-header .header-title {
  flex-direction: column;
  align-items: start;
  gap: 0;
  width: 100%;
}
.default-modal.modal-dialog .dialog-header .header-title.border-bottom {
  border-bottom: 1px solid var(--grey-400);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.default-modal.modal-dialog .dialog-header .header-title .title {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-direction: row;
}
.secondary-desc {
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  margin-bottom: 1rem;
}
.nav-container {
  height: 64px;
  position: relative;
  display: flex !important;
  justify-content: space-around;
  align-items: center;
  gap: 0.25rem;
  font-family: ABBVoice, Verdana;
}
.nav-container .text-container {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 16px;
  cursor: pointer;
}
.nav-container .text-container.not-active {
  border-bottom: 4px solid transparent;
  font-weight: 400;
}
.nav-container .text-container.not-active:hover {
  font-weight: 400;
}
.nav-container .text-container.active {
  font-weight: 500;
  border-bottom: 4px solid var(--primary-default);
}
.nav-container a {
  text-decoration: none !important;
}
.nav-container .nav-item {
  min-width: 90px;
  width: auto;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  color: var(--text-primary-color);
}
.nav-container .nav-item .item-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav-container .active-tab-indicator {
  left: 0;
  top: 100%;
  position: absolute;
  height: 0.25rem;
  width: auto;
  min-width: 90px;
  background-color: var(--primary-default);
}
.mat-mdc-snack-bar-container {
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  justify-content: flex-end !important;
}
.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  min-width: 342.4px !important;
  padding-right: 0 !important;
  --mdc-snackbar-container-shape: 5px;
  --mdc-snackbar-container-color: transparent;
}
.mat-mdc-snack-bar-container:has(.end_to_end, .floating, .inline) {
  margin: 0;
  padding: 0;
  border: 0;
}
.mat-mdc-snack-bar-container:has(.floating) {
  min-height: 56px;
  max-width: 100%;
}
.mat-mdc-snack-bar-container:has(.inline) {
  min-height: 36px;
  max-width: 100%;
}
.mat-mdc-snack-bar-container:has(.end_to_end) {
  min-height: 36px;
  width: 100vw;
}
.mat-mdc-snack-bar-label {
  font-family: ABBVoice, Verdana;
  padding: 0 !important;
  color: var(--text-primary-color);
}
.mat-mdc-snack-bar-label:has(.floating) {
  background: var(--white);
  border-radius: 0 0 5px 5px;
  border-top: 4px solid transparent;
  min-height: 56px;
  max-width: 100%;
}
.mat-mdc-snack-bar-label:has(.floating.primary) {
  border-top: 4px solid var(--info);
}
.mat-mdc-snack-bar-label:has(.floating.primary) .state-icon {
  color: var(--info);
}
.mat-mdc-snack-bar-label:has(.floating.success) {
  border-top: 4px solid var(--success);
}
.mat-mdc-snack-bar-label:has(.floating.success) .state-icon {
  color: var(--success);
}
.mat-mdc-snack-bar-label:has(.floating.neutral) {
  border-radius: 5px;
}
.mat-mdc-snack-bar-label:has(.floating.error) {
  border-top: 4px solid var(--error);
}
.mat-mdc-snack-bar-label:has(.floating.error) .state-icon {
  color: var(--error);
}
.mat-mdc-snack-bar-label:has(.floating.warn) {
  border-top: 4px solid var(--warning);
}
.mat-mdc-snack-bar-label:has(.floating.warn) .state-icon {
  color: var(--warning);
}
.mat-mdc-snack-bar-label:has(.inline, .end_to_end) {
  border-radius: 5px;
  padding: 10px 12px;
}
.mat-mdc-snack-bar-label:has(.inline.primary, .end_to_end.primary) {
  background-color: var(--info-transparent);
  border: 1px solid var(--info);
}
.mat-mdc-snack-bar-label:has(.inline.primary, .end_to_end.primary) .state-icon {
  color: var(--info);
}
.mat-mdc-snack-bar-label:has(.inline.success, .end_to_end.success) {
  background-color: var(--success-transparent);
  border: 1px solid var(--success);
}
.mat-mdc-snack-bar-label:has(.inline.success, .end_to_end.success) .state-icon {
  color: var(--success);
}
.mat-mdc-snack-bar-label:has(.inline.error, .end_to_end.error) {
  background-color: var(--error-transparent);
  border: 1px solid var(--error);
}
.mat-mdc-snack-bar-label:has(.inline.error, .end_to_end.error) .state-icon {
  color: var(--error);
}
.mat-mdc-snack-bar-label:has(.inline.warn, .end_to_end.warn) {
  background-color: var(--warning-transparent);
  border: 1px solid var(--warning);
}
.mat-mdc-snack-bar-label:has(.inline.warn, .end_to_end.warn) .state-icon {
  color: var(--warning);
}
.mat-mdc-snack-bar-label:has(.inline.neutral, .end_to_end.neutral) {
  padding: 12px 16px;
  background-color: var(--notification-neutral-bg);
  border: 1px solid transparent;
}
.mat-mdc-snack-bar-label:has(.end_to_end) {
  width: 100vw !important;
  min-height: 36px;
  position: sticky !important;
}
.mat-mdc-snack-bar-label:has(.end_to_end) .body-text {
  display: flex;
  place-content: center space-between;
  align-items: center;
}
.mat-mdc-snack-bar-label:has(.inline) {
  min-height: 36px;
  max-width: 100%;
}
.notification-container .body-text .icon_and_title:has(.secondary-text) {
  align-items: flex-start !important;
}
.notification-container ::ng-deep .cdk-overlay-pane {
  max-width: 50% !important;
}
.notification-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.notification-container .body-text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-container .body-text .primary-text {
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.notification-container .body-text .secondary-text {
  color: var(--notification-text);
  font-size: 0.75rem;
  font-weight: 300;
}
.notification-container .body-text .state-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-container .body-text .icon-abb_cancel-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}
.notification-container.floating {
  padding: 14px !important;
}
.notification-container.floating .primary-text {
  font-size: 1rem;
}
.notification-container.floating .state-icon {
  font-size: 1.5rem;
}
.notification-container.floating .icon-abb_cancel-1 {
  font-size: 1rem;
  height: 1.5rem;
  width: 1.5rem;
}
.notification-container.floating .icon-abb_cancel-1::before {
  padding: 0.5rem;
}
.notification-container.floating .icon-abb_cancel-1:hover::before {
  background: var(--grey-400);
  border-radius: 50%;
}
.notification-container.floating .content {
  padding: 0 0.5rem;
}
.notification-container.inline,
.notification-container.end_to_end {
  padding: 10px 12px !important;
}
.notification-container.inline .primary-text,
.notification-container.end_to_end .primary-text {
  font-size: 0.875rem;
}
.notification-container.inline .state-icon,
.notification-container.end_to_end .state-icon {
  font-size: 1rem;
}
.notification-container.inline .icon-abb_cancel-1,
.notification-container.end_to_end .icon-abb_cancel-1 {
  font-size: 0.875rem;
  height: 1rem;
  width: 1rem;
}
.notification-container.inline .icon-abb_cancel-1::before,
.notification-container.end_to_end .icon-abb_cancel-1::before {
  padding: 0.25rem;
}
.notification-container.inline .icon-abb_cancel-1:hover::before,
.notification-container.end_to_end .icon-abb_cancel-1:hover::before {
  background: var(--grey-400);
  border-radius: 50%;
}
.notification-container.inline .content,
.notification-container.end_to_end .content {
  padding: 0 0.5rem;
}
.notification-container.floating .body-text,
.notification-container.inline .body-text,
.notification-container.end_to_end .body-text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: 1rem;
}
.notification-container.floating .body-text .icon_and_title,
.notification-container.inline .body-text .icon_and_title,
.notification-container.end_to_end .body-text .icon_and_title {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.notification-container.floating .body-text .content,
.notification-container.inline .body-text .content,
.notification-container.end_to_end .body-text .content {
  flex: 1;
}
.notification-container.floating .body-text .content .primary-text,
.notification-container.inline .body-text .content .primary-text,
.notification-container.end_to_end .body-text .content .primary-text {
  font-weight: 500;
}
.notification-container.floating .body-text .icon_abb_dias,
.notification-container.inline .body-text .icon_abb_dias,
.notification-container.end_to_end .body-text .icon_abb_dias {
  font-weight: 400;
}
.mat-mdc-form-field.numeric-field.small-input {
  width: 75px;
  padding: 0 0 1px 0 !important;
  height: 2.5rem;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-input-control {
  text-align: center;
  padding: 8px 0;
}
.mat-mdc-form-field.numeric-field.small-input.small {
  height: 2rem;
}
.mat-mdc-form-field.numeric-field.small-input.small .mat-mdc-form-field-input-control {
  padding: 2px 4px;
}
.mat-mdc-form-field.numeric-field.small-input.medium {
  height: 2.5rem;
}
.mat-mdc-form-field.numeric-field.small-input.medium .mat-mdc-form-field-input-control {
  padding: 2px 8px;
}
.mat-mdc-form-field.numeric-field.small-input.big {
  height: 3rem;
}
.mat-mdc-form-field.numeric-field.small-input.big .mat-mdc-form-field-input-control {
  padding: 2px 8px;
}
.mat-mdc-form-field.numeric-field.small-input.disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix {
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.disabled input {
  cursor: not-allowed;
  background-color: var(--grey-200);
  pointer-events: none;
}
.mat-mdc-form-field.numeric-field.small-input.disabled:hover,
.mat-mdc-form-field.numeric-field.small-input.disabled:focus {
  border-color: var(--grey-400);
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix {
  background-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: none;
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions {
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .increment-icon {
  pointer-events: none;
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .increment-icon:hover {
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .increment-icon.in-active {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .increment-icon.in-active:hover {
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .increment-icon.in-active:active {
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .decrement-icon {
  background-color: var(--grey-200);
  pointer-events: none;
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .decrement-icon:hover {
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .decrement-icon.in-active {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .decrement-icon.in-active:hover {
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.disabled .mat-mdc-form-field-icon-suffix .actions .decrement-icon.in-active:active {
  background-color: var(--grey-200);
}
.mat-mdc-form-field.numeric-field.small-input.readonly {
  border: 0;
  background: transparent;
}
.mat-mdc-form-field.numeric-field.small-input.readonly .mat-mdc-form-field-icon-suffix {
  display: none;
}
.mat-mdc-form-field.numeric-field.small-input.readonly .mat-mdc-form-field-input-control {
  text-align: center;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix {
  padding: 0 !important;
  height: 100%;
  border-left: 1px solid var(--grey-400);
  background-color: var(--grey-100);
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  place-content: center;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .increment-icon {
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--grey-400);
  align-items: center;
  place-content: center;
  height: 50%;
  padding: 2px;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .increment-icon:hover {
  background-color: var(--grey-300);
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .increment-icon.in-active {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .increment-icon.in-active:hover {
  background-color: transparent;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .increment-icon.in-active:active {
  background-color: transparent;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .decrement-icon {
  display: flex;
  width: 100%;
  align-items: center;
  place-content: center;
  height: 50%;
  padding: 2px;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .decrement-icon:hover {
  background-color: var(--grey-300);
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .decrement-icon.in-active {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .decrement-icon.in-active:hover {
  background-color: transparent;
}
.mat-mdc-form-field.numeric-field.small-input .mat-mdc-form-field-icon-suffix .actions .decrement-icon.in-active:active {
  background-color: transparent;
}
.mat-mdc-form-field.numeric-field .prefix {
  border-right: 1px solid var(--grey-500);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.mat-mdc-form-field.numeric-field .prefix .icon {
  font-size: 0.875rem;
  cursor: default;
}
.mat-mdc-form-field.numeric-field .suffix {
  border-left: 1px solid var(--grey-500);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.mat-mdc-form-field.numeric-field .suffix .icon {
  font-size: 0.875rem;
  cursor: default;
}
.mat-mdc-form-field.numeric-field.small .prefix,
.mat-mdc-form-field.numeric-field.small .suffix {
  height: calc(2rem - 8px);
  line-height: 22px;
}
.mat-mdc-form-field.numeric-field.small .prefix .icon,
.mat-mdc-form-field.numeric-field.small .suffix .icon {
  line-height: 24px;
}
.mat-mdc-form-field.numeric-field.small .prefix {
  padding-right: 12px;
}
.mat-mdc-form-field.numeric-field.small .suffix {
  padding-left: 12px;
  padding-right: 12px;
}
.mat-mdc-form-field.numeric-field.medium .prefix,
.mat-mdc-form-field.numeric-field.medium .suffix {
  height: calc(2.5rem - 12px);
  line-height: 28px;
}
.mat-mdc-form-field.numeric-field.medium .prefix .icon,
.mat-mdc-form-field.numeric-field.medium .suffix .icon {
  line-height: 30px;
}
.mat-mdc-form-field.numeric-field.medium .prefix {
  padding-right: 16px;
}
.mat-mdc-form-field.numeric-field.medium .suffix {
  padding-left: 16px;
  padding-right: 16px;
}
.mat-mdc-form-field.numeric-field.big .prefix,
.mat-mdc-form-field.numeric-field.big .suffix {
  height: calc(3rem - 14px);
  line-height: 32px;
}
.mat-mdc-form-field.numeric-field.big .prefix .icon,
.mat-mdc-form-field.numeric-field.big .suffix .icon {
  line-height: 35px;
}
.mat-mdc-form-field.numeric-field.big .prefix {
  padding-right: 20px;
}
.mat-mdc-form-field.numeric-field.big .suffix {
  padding-left: 20px;
  padding-right: 20px;
}
.mat-mdc-form-field.numeric-field input::-webkit-outer-spin-button,
.mat-mdc-form-field.numeric-field input::-webkit-inner-spin-button {
  display: none;
}
.mat-mdc-form-field.numeric-field input[type=number] {
  -moz-appearance: textfield;
}
.mat-mdc-menu-panel {
  --mat-menu-container-color: var(--white);
  --mat-menu-container-shape: 0.25rem;
  --mat-menu-item-label-text-color: var(--text-primary-color);
  --mat-menu-item-label-text-font: ABBVoice, Verdana;
  --mat-menu-item-label-text-line-height: 1.15rem;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-weight: 400;
}
.mat-mdc-menu-panel .mat-mdc-menu-item {
  min-width: 190px;
  --mat-menu-item-label-text-color: var(--text-primary-color);
  --mat-menu-item-label-text-font: ABBVoice, Verdana;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 100%;
  position: relative;
  height: 100%;
  height: auto;
}
.mat-mdc-menu-panel .mat-mdc-menu-item:not([disabled]):hover {
  --mat-menu-item-hover-state-layer-color: var(--grey-300);
}
.mat-mdc-menu-panel .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
  --mat-menu-item-focus-state-layer-color: var(--grey-300);
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex !important;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 0.5rem;
  --mat-menu-item-label-text-line-height: 1;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-weight: 400;
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text .body-text {
  display: flex;
  gap: 0.5rem;
}
.cdk-overlay-pane:has(.menu-container) {
  border: 0.25rem solid transparent;
}
.menu-container {
  background-color: var(--white);
  border-radius: 0.25rem;
  color: var(--text-primary-color);
  font-family: ABBVoice, Verdana;
  min-width: 190px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.1411764706),
    0 3px 14px 2px rgba(0, 0, 0, 0.1215686275);
}
.menu-container .menu-check-box-container {
  height: 100%;
}
.menu-container .menu-check-box-container .mat-mdc-checkbox .mat-internal-form-field {
  gap: 0.5rem !important;
}
.menu-container .menu-item {
  width: 100%;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  cursor: pointer;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 100%;
  position: relative;
  height: auto;
  padding: 0.25rem 1rem;
}
.menu-container .menu-item.multiselect-menu-title {
  pointer-events: none;
}
.menu-container .menu-item.grey-bottom-border {
  border-bottom: 1px solid var(--grey-400);
}
.menu-container .menu-item:hover {
  background-color: var(--grey-300);
}
.menu-container .menu-item:hover:nth-child(1) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.menu-container .menu-item:hover:nth-last-child(1) {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.menu-container .menu-item.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.menu-container .menu-item.disabled .text-container .primary-text {
  color: var(--grey-600) !important;
}
.menu-container .menu-item.disabled:hover,
.menu-container .menu-item.disabled:active {
  background-color: var(--white);
}
.menu-container .menu-item.small-menu {
  min-height: 1.5rem;
  padding: 0.25rem 0.75rem;
}
.menu-container .menu-item.medium-menu {
  min-height: 2rem;
  padding: 0.25rem 1rem;
}
.menu-container .menu-item.large-menu {
  min-height: 2.5rem;
  padding: 0.25rem 1.25rem;
}
.menu-container .menu-item.highlight {
  background-color: var(--accordion-expanded-bg);
  color: var(--text-primary-color);
}
.menu-container .menu-item.highlight .text-container .primary-text {
  font-weight: 500;
}
.menu-container .menu-item .start_icon,
.menu-container .menu-item .end_icon {
  font-size: 1rem;
  visibility: visible !important;
  color: var(--text-primary-color);
}
.menu-container .menu-item .start_icon:hover,
.menu-container .menu-item .end_icon:hover {
  border-radius: 50%;
  background-color: var(--icon-hover);
}
.menu-container .menu-item .text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-right: 0.25rem;
}
.menu-container .menu-item .text-container .primary-text {
  font-size: 0.875rem;
  color: var(--text-primary-color);
  font-weight: 400;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu-container .menu-item .text-container .secondary-text {
  font-size: 0.75rem;
  color: var(--text-secondary-color);
  line-height: 21px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu-container .menu-item .end_icon {
  margin-right: 0.25rem;
}
.menu-container .menu-icon {
  padding: 0.5rem;
  color: var(--text-primary-color);
  font-size: 1rem;
}
.menu-container .menu-icon:hover {
  border-radius: 50%;
  background-color: var(--grey-400);
}
.menu-container .mat-mdc-menu-submenu-icon {
  display: none;
}
.top-nav {
  font-family: ABBVoice, Verdana;
  border-bottom: 1px solid var(--grey-500);
  padding: 0.5rem 1.5rem;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center space-between;
  align-items: center;
  font-size: 0.875rem;
  cursor: pointer;
}
.top-nav .body-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--text-primary-color);
}
.small-menu.mat-mdc-menu-item {
  min-height: 1.5rem !important;
  padding: 0.25rem 0.75rem;
}
.medium-menu.mat-mdc-menu-item {
  min-height: 2rem !important;
  padding: 0.25rem 1rem;
}
.large-menu.mat-mdc-menu-item {
  min-height: 2.5rem !important;
  padding: 0.25rem 1.25rem;
}
.menu-icon {
  padding: 0.5rem;
  color: var(--text-primary-color);
  font-size: 1rem;
}
.menu-icon:hover {
  border-radius: 50%;
  background-color: var(--grey-400);
}
.mat-mdc-menu-submenu-icon {
  display: none;
}
.mat-mdc-paginator {
  --mat-paginator-container-text-color: var(--text-primary-color);
  --mat-paginator-container-background-color: var(--white);
  --mat-paginator-container-text-font: ABBVoice, Verdana;
  --mat-paginator-container-text-line-height: 1.15;
  --mat-paginator-container-text-size: 0.875rem;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-container-text-tracking: 0;
}
.mat-mdc-paginator .mat-mdc-icon-button {
  width: 26px;
  height: 26px;
  padding: 1px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
}
.mat-mdc-paginator .mat-mdc-paginator-container {
  justify-content: space-between;
  padding: 0 1.25rem;
  min-width: 100%;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size-label {
  margin: 0;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size-select {
  height: 32px;
  width: 4rem;
  display: flex;
  box-sizing: border-box;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  background-color: var(--white);
  margin-right: 0;
  margin-left: 8px;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper {
  padding: 0;
  height: 100%;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size-select .mat-mdc-form-field-flex {
  height: 100%;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size-select .mat-mdc-form-field-infix {
  min-height: 1px;
  padding: 0;
  height: 100%;
  line-height: 1;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-select {
  --mdc-outlined-text-field-focus-outline-width: 1px !important;
  height: 100%;
  line-height: 1;
  outline: 0;
  padding: 4px 12px;
  font-size: 0.875rem;
  color: var(--text-primary-color);
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-select .mat-mdc-select-trigger {
  height: 100%;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-select .mat-mdc-select-arrow {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--text-primary-color);
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-select .mat-mdc-select-arrow svg {
  display: none;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-select .mat-mdc-select-arrow:after {
  content: "\eb0b";
  font-family: "abb_set2" !important;
  font-size: 0.875rem;
  color: inherit;
  vertical-align: middle;
  display: flex;
  position: relative;
  top: 0.5px;
  color: var(--text-primary-color);
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-range-label {
  margin: 0 0.5rem;
  font-size: 0.875rem;
  color: var(--text-primary-color);
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-tooltip-disabled {
  opacity: 0.5;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-icon-button:before {
  font-family: "abb_set2";
  font-size: 1rem;
  color: var(--text-primary-color);
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-first:before {
  content: "\eb11";
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-previous:before {
  content: "\eb0d";
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-next:before {
  content: "\eb0e";
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-last:before {
  content: "\eb12";
}
.input-paginator-wrapper {
  display: flex;
  align-items: center;
  margin-right: 2px;
}
.input-paginator-wrapper mat-form-field {
  max-width: 3rem;
  height: 32px;
  margin-right: 8px;
  margin-left: 4px;
  justify-content: center;
  padding: 4px 12px !important;
}
.input-paginator-wrapper .form-field-small input.mat-mdc-input-element {
  height: 32px;
  min-height: 32px;
  color: var(--text-primary-color);
}
.mat-mdc-paginator-outer-container {
  display: flex;
}
.popover-container {
  position: relative;
  font-family: ABBVoice, Verdana;
  top: 16px;
  border-radius: 6px;
  max-width: var(--maxWidth, 20vw);
}
.popover-container:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  transform: translate(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: none;
  z-index: 1;
}
.popover-container.After:before {
  right: var(--left, 2vw);
  left: unset;
}
.popover-container.Before:before {
  left: var(--left, 2vw);
  right: unset;
}
.popover-container .popup-close {
  padding: 6px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.popover-container .popup-close:before {
  font-family: abb_set2;
  content: "\ea0e";
  font-size: 0.875rem;
  line-height: normal;
  width: 100%;
  text-align: center;
}
.popover-container .mat-mdc-card {
  box-shadow: 0 6px 12px var(--grey-shadow);
  padding: 0;
  border-radius: 6px;
}
.popover-container .mat-mdc-card .mat-mdc-card-header {
  padding: 0 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popover-container .mat-mdc-card .mat-mdc-card-header .card-header-title {
  font-size: 1rem;
  line-height: 1.15;
  text-align: left;
}
.popover-container .mat-mdc-card .mat-mdc-card-content {
  display: block;
  padding: 0 16px;
}
.popover-container .mat-mdc-card .mat-mdc-card-content:last-child {
  padding-bottom: 16px;
}
.popover-container .mat-mdc-card .mat-mdc-card-content:first-child {
  padding-top: 16px;
}
.popover-container .disc-text {
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.popover-container.Light {
  background-color: var(--popover-bg-light-variant);
}
.popover-container.Light .popup-close:before {
  color: var(--popover-close-light-variant);
}
.popover-container.Light .popup-close:hover {
  background-color: #f5f5f5;
}
.popover-container.Light .disc-text {
  color: var(--popover-content-light-variant);
}
.popover-container.Light .mat-mdc-card {
  background-color: var(--popover-bg-light-variant);
}
.popover-container.Light .mat-mdc-card .mat-mdc-card-header .card-header-title {
  color: var(--popover-heading-light-variant);
}
.popover-container.Light.Below:before,
.popover-container.Light.default:before {
  top: -10px;
  border-bottom: 12px solid var(--popover-bg-light-variant);
}
.popover-container.Light.Above:before {
  border-top: 12px solid var(--popover-bg-light-variant);
  top: 100%;
}
.popover-container.Dark {
  background-color: var(--popover-bg-dark-variant);
}
.popover-container.Dark .popup-close:before {
  color: var(--popover-close-dark-variant);
}
.popover-container.Dark .popup-close:hover {
  background-color: #707070;
}
.popover-container.Dark .disc-text {
  color: var(--popover-content-dark-variant);
}
.popover-container.Dark .mat-mdc-card {
  background-color: var(--popover-bg-dark-variant);
}
.popover-container.Dark .mat-mdc-card .mat-mdc-card-header .card-header-title {
  color: var(--popover-heading-dark-variant);
}
.popover-container.Dark.Below:before,
.popover-container.Dark.default:before {
  top: -10px;
  border-bottom: 12px solid var(--popover-bg-dark-variant);
}
.popover-container.Dark.Above:before {
  top: 100%;
  border-top: 12px solid var(--popover-bg-dark-variant);
}
.popover-container.Above {
  top: unset;
  bottom: calc(100% + 2rem);
}
.popover-container.default,
.popover-container.Below {
  top: 0.875rem;
  bottom: unset;
}
.popover-overlay .popover-container.Above {
  bottom: unset;
}
.mat-mdc-radio-button,
:root .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: var(--primary-disabled);
  --mdc-radio-disabled-unselected-icon-color: var(--grey-400);
  --mdc-radio-unselected-hover-icon-color: var(--grey-600);
  --mdc-radio-unselected-icon-color: var(--grey-500);
  --mdc-radio-unselected-pressed-icon-color: var(--grey-600);
  --mdc-radio-unselected-focus-icon-color: var(--grey-600);
  --mdc-radio-selected-focus-icon-color: var(--primary-default);
  --mdc-radio-selected-hover-icon-color: var(--primary-active);
  --mdc-radio-selected-icon-color: var(--primary-default);
  --mdc-radio-selected-pressed-icon-color: var(--primary-default);
  --mat-radio-ripple-color: transparent;
  --mat-radio-checked-ripple-color: var(--white);
  --mat-radio-disabled-label-color: var(--grey-700);
  --mat-radio-label-text-color: var(--text-primary-color);
  --mdc-radio-disabled-selected-icon-opacity: 1;
  --mdc-radio-disabled-unselected-icon-opacity: 1;
  --mdc-radio-state-layer-size: 1rem;
}
.mat-mdc-radio-button .mat-internal-form-field,
:root .mat-mdc-radio-button.mat-accent .mat-internal-form-field {
  --mat-radio-label-text-color: var(--text-primary-color);
  --mat-radio-label-text-font: ABBVoice, Verdana;
  --mat-radio-label-text-line-height: 1;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
  cursor: pointer;
}
.mat-mdc-radio-button .mat-internal-form-field .mdc-label,
:root .mat-mdc-radio-button.mat-accent .mat-internal-form-field .mdc-label {
  cursor: pointer;
}
.mat-mdc-radio-button:hover .mdc-radio__background,
:root .mat-mdc-radio-button.mat-accent:hover .mdc-radio__background {
  background-color: var(--grey-300);
}
.mat-mdc-radio-button:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background,
:root .mat-mdc-radio-button.mat-accent:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background {
  background: var(--primary-active);
}
.mat-mdc-radio-button:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
:root .mat-mdc-radio-button.mat-accent:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--primary-active) !important;
}
.mat-mdc-radio-button:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
:root .mat-mdc-radio-button.mat-accent:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  background: var(--primary-active) !important;
}
.mat-mdc-radio-button .mdc-radio,
:root .mat-mdc-radio-button.mat-accent .mdc-radio {
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background,
:root .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background {
  background: var(--primary-default);
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
:root .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--primary-default) !important;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
:root .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--white) !important;
  background: var(--primary-default) !important;
  border-width: 8px;
  transform: scale(0.375);
}
.mat-mdc-radio-button .mdc-radio .mat-mdc-radio-touch-target,
:root .mat-mdc-radio-button.mat-accent .mdc-radio .mat-mdc-radio-touch-target {
  width: 1rem;
  height: 1rem;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__background,
:root .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__background {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before,
:root .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__background::before {
  display: none;
}
.mat-mdc-radio-button.disabled,
:root .mat-mdc-radio-button.mat-accent.disabled {
  cursor: not-allowed;
}
.mat-mdc-radio-button.disabled .mdc-radio__background,
:root .mat-mdc-radio-button.mat-accent.disabled .mdc-radio__background {
  background-color: var(--grey-300);
}
.mat-mdc-radio-button.disabled .mat-internal-form-field,
:root .mat-mdc-radio-button.mat-accent.disabled .mat-internal-form-field {
  cursor: not-allowed;
}
.mat-mdc-radio-button.disabled .mat-internal-form-field .mdc-label,
:root .mat-mdc-radio-button.mat-accent.disabled .mat-internal-form-field .mdc-label {
  cursor: not-allowed;
}
.mat-mdc-radio-button.disabled .mdc-radio__native-control:checked + .mdc-radio__background,
:root .mat-mdc-radio-button.mat-accent.disabled .mdc-radio__native-control:checked + .mdc-radio__background {
  background: var(--primary-disabled);
}
.mat-mdc-radio-button.disabled .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
:root .mat-mdc-radio-button.mat-accent.disabled .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--primary-disabled) !important;
}
.mat-mdc-radio-button.disabled .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
:root .mat-mdc-radio-button.mat-accent.disabled .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  background: var(--primary-disabled) !important;
}
.mat-mdc-radio-button.disabled:hover .mdc-radio__background,
:root .mat-mdc-radio-button.mat-accent.disabled:hover .mdc-radio__background {
  background-color: var(--grey-300);
}
.mat-mdc-radio-button.disabled:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background,
:root .mat-mdc-radio-button.mat-accent.disabled:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background {
  background: var(--primary-disabled);
}
.mat-mdc-radio-button.disabled:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
:root .mat-mdc-radio-button.mat-accent.disabled:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--primary-disabled) !important;
}
.mat-mdc-radio-button.disabled:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
:root .mat-mdc-radio-button.mat-accent.disabled:hover .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  background: var(--primary-disabled) !important;
}
.mat-mdc-radio-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.mat-mdc-radio-group.disabled {
  cursor: not-allowed;
}
.mat-mdc-radio-group.align-column {
  flex-direction: column;
  align-items: flex-start;
}
.mat-mdc-radio-group.size-24 .mat-mdc-radio-button,
.mat-mdc-radio-group.size-24 :root .mat-mdc-radio-button.mat-accent {
  --mdc-radio-state-layer-size: 1.5rem;
}
.mat-mdc-radio-group.size-24 .mat-mdc-radio-button .mdc-radio,
.mat-mdc-radio-group.size-24 :root .mat-mdc-radio-button.mat-accent .mdc-radio {
  width: 1.5rem;
  height: 1.5rem;
}
.mat-mdc-radio-group.size-24 .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
.mat-mdc-radio-group.size-24 :root .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-width: 12px;
  transform: scale(0.3333);
}
.mat-mdc-radio-group.size-24 .mat-mdc-radio-button .mdc-radio .mat-mdc-radio-touch-target,
.mat-mdc-radio-group.size-24 :root .mat-mdc-radio-button.mat-accent .mdc-radio .mat-mdc-radio-touch-target {
  width: 1.5rem;
  height: 1.5rem;
}
.mat-mdc-radio-group.size-24 .mat-mdc-radio-button .mdc-radio .mdc-radio__background,
.mat-mdc-radio-group.size-24 :root .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__background {
  width: 24px;
  height: 24px;
}
.mat-mdc-radio-group.size-24 .mat-mdc-radio-button .mat-internal-form-field .mdc-label,
.mat-mdc-radio-group.size-24 :root .mat-mdc-radio-button.mat-accent .mat-internal-form-field .mdc-label {
  margin-top: 4px;
}
.form-field-search.small {
  padding: 0 !important;
}
.form-field-search.medium {
  padding: 0 !important;
}
.form-field-search.big {
  padding: 0 !important;
}
.form-field-search.animatedSearch {
  transition: 0.5s ease-out;
  display: flex;
  max-width: fit-content;
}
.form-field-search .input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.form-field-search .input-wrapper.small {
  padding: 0 8px 0 12px;
  height: 2rem;
}
.form-field-search .input-wrapper.medium {
  padding: 0 12px 0 16px;
  height: 2.5rem;
}
.form-field-search .input-wrapper.big {
  padding: 0 16px 0 20px;
  height: 3rem;
}
.form-field-search .input-wrapper .icon-abb_search1 {
  color: var(--text-primary-color);
}
.form-field-search .mat-mdc-form-field-infix {
  --mat-form-field-container-height: 0;
  --mat-form-field-filled-with-label-container-padding-top: 0;
  --mat-form-field-filled-with-label-container-padding-bottom: 0;
}
.form-field-search .action-icon-row {
  visibility: hidden;
  height: 24px;
}
.form-field-search .action-icon-row.active {
  visibility: visible;
}
.form-field-search .action-icon-row.active .searchCloseIcon {
  margin-right: -8px;
}
.form-field-search .action-icon-row.active .searchCloseIcon .icon-search {
  color: var(--text-primary-color);
}
.form-field-search.discreet {
  border-radius: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  background: transparent;
}
.form-field-search.discreet:hover,
.form-field-search.discreet:active,
.form-field-search.discreet:focus,
.form-field-search.discreet.mat-focused {
  border-radius: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  background: var(--white);
}
.form-field-search .mat-mdc-form-field-icon-prefix {
  display: none;
}
.form-field-search.inactive {
  display: flex;
  max-width: fit-content;
  transition: 0.5s ease-in;
  border: none !important;
}
.form-field-search.inactive.form-field.small {
  width: 40px;
}
.form-field-search.inactive.form-field.medium {
  width: 50px;
}
.form-field-search.inactive.form-field.big {
  width: 62px;
}
.form-field-search.inactive .input-wrapper .search {
  visibility: hidden;
  transition: 0.5s visibility ease-in;
}
.form-field-search.no-animation {
  transition: none;
}
.mat-mdc-form-field.form-field.small {
  padding: 0 8px 0 12px;
}
.searchMenu .list-header {
  border-bottom: 1px solid var(--grey-400);
  pointer-events: auto !important;
}
.searchMenu .searchAddlink,
.searchMenu .searchRecent {
  height: 16px;
  display: flex;
  align-items: center;
}
.searchMenu .searchRecent {
  gap: 8px;
  color: var(--grey-500);
}
.searchMenu .searchRecent .recentMenuText {
  font-size: 0.75rem;
  font-weight: 400;
}
.segmented-control {
  --mat-standard-button-toggle-divider-color: var(--grey-500) !important;
  --mat-standard-button-toggle-shape: 0.5rem;
  background: var(--white);
  align-items: center;
  padding: 0.25rem;
  gap: 0.25rem;
  box-sizing: border-box;
  border: 1px solid var(--grey-500);
}
.segmented-control.icon-only .disabled {
  cursor: not-allowed;
}
.segmented-control.icon-only.segmented-control.mat-button-toggle-group-appearance-standard {
  border: 0.5px solid var(--grey-400);
}
.segmented-control.icon-only.segmented-control .mat-button-toggle .mat-button-toggle-button {
  padding: 0;
}
.segmented-control.icon-only .mat-button-toggle.mat-button-toggle-appearance-standard {
  padding: 0 6px;
}
.segmented-control.icon-only.vertical {
  height: 2.5rem;
  width: fit-content;
}
.segmented-control.icon-only.vertical .disabled {
  cursor: not-allowed;
}
.segmented-control.icon-only.vertical .mat-button-toggle.mat-button-toggle-appearance-standard {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.segmented-control.icon-only.vertical.segmented-control {
  padding: 0 1px;
  padding: 0.125rem !important;
  gap: 1px !important;
}
.segmented-control.icon-only.vertical.size-32 .mat-button-toggle.mat-button-toggle-appearance-standard .mat-button-toggle-button {
  padding: 0 !important;
}
.segmented-control.icon-only.vertical .mat-button-toggle.mat-button-toggle-appearance-standard {
  padding: 0 3px;
}
.segmented-control.size-32 {
  height: 2rem;
  --mat-standard-button-toggle-shape: 0.5rem !important;
}
.segmented-control.size-32 .mat-button-toggle .mat-button-toggle-ripple {
  border-radius: 0.375rem;
}
.segmented-control.size-40 {
  height: 2.5rem;
  --mat-standard-button-toggle-shape: 0.75rem !important;
}
.segmented-control.size-40 .mat-button-toggle {
  border-radius: 0.5rem !important;
}
.segmented-control.size-40 .mat-button-toggle .mat-button-toggle-ripple {
  border-radius: 0.5rem;
}
.segmented-control.disabled {
  cursor: not-allowed !important;
  --mat-standard-button-toggle-divider-color: var(--grey-500);
}
.segmented-control.vertical {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center;
  height: auto;
  border-radius: 0.5rem;
}
.segmented-control.vertical .mat-button-toggle {
  border-radius: 0.25rem !important;
  height: 15px !important;
  width: inherit;
}
.segmented-control.vertical.size-40 {
  height: 2.5rem;
  padding: 2px;
}
.segmented-control.vertical.size-40 .mat-button-toggle.mat-button-toggle-appearance-standard .mat-button-toggle-button {
  padding: 0 4px !important;
}
.segmented-control.vertical.size-32 {
  height: 2rem;
  padding: 2px;
}
.segmented-control.vertical.size-32 .mat-button-toggle {
  height: 12px !important;
}
.segmented-control.vertical.size-32 .mat-button-toggle.mat-button-toggle-appearance-standard .mat-button-toggle-button {
  padding: 0 4px !important;
}
.segmented-control.vertical.size-32 .mat-button-toggle.mat-button-toggle-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content {
  font-size: 12px !important;
}
.segmented-control.light-gray-variant .mat-button-toggle.mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-selected-state-text-color: var(--text-primary-color);
  --mat-standard-button-toggle-selected-state-background-color: var(--accordion-expanded-bg);
}
.segmented-control.light-gray-variant .mat-button-toggle.mat-button-toggle-appearance-standard:hover {
  --mat-standard-button-toggle-background-color: var(--background-bg);
}
.segmented-control.light-gray-variant .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked.mat-button-toggle-disabled {
  background: var(--accordion-expanded-bg);
  --mat-standard-button-toggle-disabled-selected-state-text-color: var(--grey-600);
  cursor: not-allowed !important;
}
.segmented-control.light-gray-variant .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-disabled {
  background: transparent;
}
.segmented-control.dark-gray-variant {
  background: var(--grey-400);
}
.segmented-control.dark-gray-variant .mat-button-toggle {
  --mat-standard-button-toggle-background-color: var(--grey-400);
  --mat-standard-button-toggle-divider-color: var(--grey-400);
}
.segmented-control.dark-gray-variant .mat-button-toggle:hover {
  --mat-standard-button-toggle-background-color: var(--segmented-control-grey-hover);
}
.segmented-control.dark-gray-variant .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  --mat-standard-button-toggle-selected-state-text-color: var(--text-primary-color);
  --mat-standard-button-toggle-selected-state-background-color: var(--white);
}
.segmented-control.dark-gray-variant .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked:hover {
  --mat-standard-button-toggle-selected-state-background-color: var(--white);
}
.segmented-control.dark-gray-variant .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked.mat-button-toggle-checked.mat-button-toggle-disabled {
  background: var(--grey-200);
  --mat-standard-button-toggle-disabled-selected-state-text-color: var(--disabled-grey);
  cursor: not-allowed !important;
}
.segmented-control.dark-gray-variant .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-disabled {
  background: transparent;
}
.segmented-control .mat-button-toggle {
  --mat-standard-button-toggle-text-color: var(--text-primary-color);
  --mat-standard-button-toggle-label-text-size: 0.75rem;
  --mat-standard-button-toggle-background-color: var(--white);
  height: 100%;
  border-radius: 0.375rem;
  padding: 0;
  border: none;
  align-items: center;
  display: flex;
}
.segmented-control .mat-button-toggle .mat-button-toggle-button {
  padding: 0 16px;
}
.segmented-control .mat-button-toggle.mat-button-toggle-disabled {
  --mat-standard-button-toggle-disabled-selected-state-background-color: transparent;
  --mat-standard-button-toggle-disabled-state-background-color: var(--white);
  border: green 5px !important;
  cursor: not-allowed !important;
}
.segmented-control .mat-button-toggle.mat-button-toggle-checked {
  cursor: default;
}
.segmented-control .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button {
  cursor: default;
}
.segmented-control .mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled {
  --mat-standard-button-toggle-disabled-selected-state-background-color: var(--primary-disabled);
  --mat-standard-button-toggle-disabled-selected-state-text-color: var(--white);
  cursor: not-allowed !important;
}
.segmented-control .mat-button-toggle:hover {
  --mat-standard-button-toggle-background-color: var(--grey-400);
}
.segmented-control .mat-button-toggle .mat-button-toggle-label-content {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: center;
  font-size: 0.875rem;
}
.segmented-control .mat-button-toggle .mat-button-toggle-label-content .icon_abb_dias {
  font-size: inherit;
}
.segmented-control .mat-button-toggle.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border: none;
  --mat-standard-button-toggle-selected-state-background-color: var(--primary-default);
  --mat-standard-button-toggle-unselected-state-background-color: transparent;
}
.segmented-control .onlyIcon {
  width: 100%;
  padding: 0 6px;
}
.form-field-dropdown {
  --mat-select-trigger-text-font: ABBVoice, Verdana;
  --mat-select-trigger-text-line-height: 21px;
  --mat-select-trigger-text-size: 0.875rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
  --mat-form-field-error-text-color: var(--error);
}
.form-field-dropdown .mat-mdc-form-field-infix {
  --mat-form-field-container-height: $abb-size-32;
  --mat-form-field-filled-with-label-container-padding-top: 0;
  --mat-form-field-filled-with-label-container-padding-bottom: 0;
}
.form-field-dropdown.ng-touched.ng-invalid .select-wrapper {
  border-color: var(--error);
}
.form-field-dropdown.readOnly {
  pointer-events: none !important;
}
.form-field-dropdown.readOnly .select-wrapper {
  border: none !important;
  padding-left: 0 !important;
  background: transparent;
}
.form-field-dropdown .field-label {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  line-height: 1.286;
  font-weight: 500;
  color: var(--text-primary-color);
  letter-spacing: normal;
  white-space: nowrap;
}
.form-field-dropdown .noFocus {
  border: 1px solid var(--grey-500) !important;
}
.form-field-dropdown .noFocus.discreet {
  border: none !important;
  border-bottom: 1px solid var(--grey-500) !important;
}
.form-field-dropdown .prefix {
  display: inline-block;
  flex-direction: row;
  align-items: center;
  border-right: solid 1px var(--grey-500);
  padding-right: 0.5rem;
  font-size: 0.875rem;
  color: var(--grey-700);
  margin-right: 0.5rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30%;
  min-width: 20%;
  width: fit-content;
}
.form-field-dropdown .mat-mdc-form-field-icon-suffix {
  padding: 0 !important;
}
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper,
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-error-wrapper {
  padding: 0;
}
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint,
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-error,
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-hint,
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error {
  display: flex;
  justify-content: flex-start;
  line-height: 1;
  color: var(--text-secondary-color);
  margin-top: 4px;
  align-items: center;
}
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-error,
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error {
  color: var(--error);
}
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-error .icon_abb_dias,
.form-field-dropdown.mat-mdc-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error .icon_abb_dias {
  margin-right: 0.25rem;
}
.form-field-dropdown.mat-mdc-form-field .mat-mdc-select-arrow-wrapper {
  display: none;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown,
.form-field-dropdown.mat-mdc-form-field.ellipsis {
  min-width: 1px;
  width: auto;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown .mdc-text-field.mat-mdc-text-field-wrapper,
.form-field-dropdown.mat-mdc-form-field.ellipsis .mdc-text-field.mat-mdc-text-field-wrapper {
  --mdc-filled-text-field-container-color: transparent;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.form-field-dropdown.mat-mdc-form-field.ellipsis .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  --mat-form-field-state-layer-color: transparent;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown .mat-mdc-select,
.form-field-dropdown.mat-mdc-form-field.ellipsis .mat-mdc-select {
  --mat-select-trigger-text-size: 0.75rem;
  --mat-select-trigger-text-weight: 400;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown .mat-mdc-form-field-subscript-wrapper,
.form-field-dropdown.mat-mdc-form-field.ellipsis .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown .mat-mdc-form-field-infix,
.form-field-dropdown.mat-mdc-form-field.ellipsis .mat-mdc-form-field-infix {
  width: auto;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown .select-wrapper,
.form-field-dropdown.mat-mdc-form-field.ellipsis .select-wrapper {
  border: 0;
  padding: 0;
  gap: 0.25rem;
  background: transparent;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown .select-wrapper .mat-mdc-select,
.form-field-dropdown.mat-mdc-form-field.ellipsis .select-wrapper .mat-mdc-select {
  width: 100%;
}
.form-field-dropdown.mat-mdc-form-field.discreet-dropdown .select-wrapper .select-action-row,
.form-field-dropdown.mat-mdc-form-field.ellipsis .select-wrapper .select-action-row {
  width: auto;
}
.form-field-dropdown .select-wrapper {
  border: 1px solid var(--grey-500);
  border-radius: 4px;
  background: var(--white);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-field-dropdown .select-wrapper .mat-mdc-select {
  width: calc(100% - 30px);
}
.form-field-dropdown .select-wrapper.withClear .mat-mdc-select {
  width: calc(100% - 72px);
}
.form-field-dropdown .select-wrapper.withClear.withPrefix .mat-mdc-select {
  width: calc(100% - (72px + 30%));
}
.form-field-dropdown .select-wrapper.withPrefix .mat-mdc-select {
  width: calc(100% - (30px + 30%));
}
.form-field-dropdown .select-wrapper .select-action-row {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0.25rem;
  justify-content: flex-end;
  width: 48px;
  z-index: 1;
}
.form-field-dropdown .select-wrapper .select-action-row .mat-divider-vertical {
  height: 100%;
  min-height: 24px;
  max-height: 24px;
  border-color: var(--grey-500);
}
.form-field-dropdown .select-wrapper .select-action-row .icon_abb_dias:before {
  vertical-align: middle;
}
.form-field-dropdown .select-wrapper:hover {
  border: 1px solid var(--text-primary-color);
  background: var(--white);
}
.form-field-dropdown .select-wrapper:active,
.form-field-dropdown .select-wrapper:focus {
  border: 1px solid var(--primary-default);
  background: var(--white);
}
.form-field-dropdown .select-wrapper.xs {
  padding: 0 4px 0 12px;
  height: 1.5rem;
}
.form-field-dropdown .select-wrapper.xs:has(.mat-mdc-form-field-icon-suffix .actionable-icon) {
  padding: 4px 6px 4px 12px;
}
.form-field-dropdown .select-wrapper.small {
  padding: 4px 4px 4px 12px;
  height: 2rem;
}
.form-field-dropdown .select-wrapper.small:has(.mat-mdc-form-field-icon-suffix .actionable-icon) {
  padding: 4px 6px 4px 12px;
}
.form-field-dropdown .select-wrapper.medium {
  padding: 4px 8px 4px 16px;
  height: 2.5rem;
}
.form-field-dropdown .select-wrapper.medium:has(.mat-mdc-form-field-icon-suffix .actionable-icon) {
  padding: 4px 10px 4px 16px;
}
.form-field-dropdown .select-wrapper.big {
  padding: 4px 12px 4px 20px;
  height: 3rem;
}
.form-field-dropdown .select-wrapper.big:has(.mat-mdc-form-field-icon-suffix .actionable-icon) {
  padding: 4px 14px 4px 20px;
}
.form-field-dropdown .select-wrapper.discreet {
  background: transparent !important;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--grey-500);
}
.form-field-dropdown .select-wrapper.discreet:hover {
  border-bottom: 1px solid var(--text-primary-color);
}
.form-field-dropdown.mat-focused .select-wrapper {
  border: 1px solid var(--primary-default);
  background: var(--white);
}
.form-field-dropdown.mat-focused .select-wrapper.discreet {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--primary-default);
}
.form-field-dropdown.mat-form-field-disabled {
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--text-disabled-color);
  background: var(--background-disabled);
  pointer-events: none;
  cursor: not-allowed;
}
.form-field-dropdown.mat-form-field-disabled:hover {
  border: 1px solid transparent;
  color: var(--text-disabled-color);
  background: var(--background-disabled);
}
.form-field-dropdown.mat-form-field-disabled:active,
.form-field-dropdown.mat-form-field-disabled:focus {
  border: 1px solid transparent;
  color: var(--text-disabled-color);
  background: var(--background-disabled);
}
.form-field-dropdown.mat-form-field-disabled .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  pointer-events: none;
}
.form-field-dropdown .cancel-icon {
  visibility: hidden;
}
.form-field-dropdown .cancel-icon.show {
  visibility: visible;
}
div.mat-mdc-select-panel {
  padding: 0 !important;
  --mat-select-panel-background-color: var(--white);
  margin-top: 4px;
  margin-bottom: 4px;
  --mat-select-container-elevation-shadow: 0 6px 12px #00000029;
}
div.mat-mdc-select-panel .form-field-search {
  width: 100%;
}
div.mat-mdc-select-panel .mat-mdc-option {
  min-height: 2rem;
  height: 2rem;
  padding: 0 0.75rem;
  --mat-option-selected-state-label-text-color: var(--text-primary-color);
  --mat-option-hover-state-layer-color: var(--grey-300);
  --mat-option-focus-state-layer-color: var(--grey-300);
  --mat-option-selected-state-layer-color: var(--accordion-expanded-bg);
  --mat-option-label-text-color: var(--text-primary-color);
  --mat-option-label-text-font: ABBVoice, Verdana;
  --mat-option-label-text-line-height: $abb-size-24;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}
div.mat-mdc-select-panel .mat-mdc-option.list-header {
  pointer-events: none;
  --mat-option-hover-state-layer-color: var(--white);
  --mat-option-focus-state-layer-color: var(--white);
  --mat-option-selected-state-layer-color: var(--white);
}
div.mat-mdc-select-panel .mat-mdc-option.list-header .mat-pseudo-checkbox,
div.mat-mdc-select-panel .mat-mdc-option.list-header .mat-pseudo-checkbox-full {
  display: none;
}
div.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected {
  background: var(--accordion-expanded-bg);
  --mat-option-selected-state-layer-color: var(--accordion-expanded-bg);
}
div.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
}
div.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-full {
  margin-right: 0.5rem;
}
div.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
  width: 8px;
  height: 3px;
}
div.mat-mdc-select-panel .mat-mdc-option:not(.mat-mdc-option-multiple) .mat-pseudo-checkbox {
  display: none;
}
div.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled {
  cursor: not-allowed;
}
div.mat-mdc-select-panel.xs .mat-mdc-option {
  min-height: 1.5rem;
  height: 1.5rem;
  padding: 0 0.75rem;
  --mat-option-label-text-line-height: 1;
  --mat-option-label-text-size: 0.75rem;
}
div.mat-mdc-select-panel.small .mat-mdc-option {
  min-height: 2rem;
  height: 2rem;
  padding: 0 0.75rem;
}
div.mat-mdc-select-panel.medium .mat-mdc-option {
  min-height: 2.5rem;
  height: 2.5rem;
  padding: 0 1rem;
}
div.mat-mdc-select-panel.big .mat-mdc-option {
  min-height: 3rem;
  height: 3rem;
  padding: 0 1.25rem;
}
div.mat-mdc-select-panel .options-search {
  position: sticky;
  top: 0;
  background: var(--white);
  z-index: 999;
  display: inline-block;
  padding: 0;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.container-wrapper .field-required-marker {
  color: var(--abb-red);
}
.container-wrapper .field-label {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  line-height: 1.286;
  font-weight: 500;
  color: var(--text-primary-color);
  letter-spacing: normal;
  white-space: nowrap;
}
.container-wrapper.vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  place-content: flex-start;
  gap: 4px;
}
.container-wrapper.horizontal {
  display: flex;
  flex-direction: row;
  align-items: center;
  place-content: flex-start;
  gap: 8px;
}
.container-wrapper.horizontal .field-label {
  display: flex;
  place-content: flex-start;
  white-space: nowrap;
}
.container-wrapper.horizontal .field-label .hidden {
  visibility: hidden;
  width: 0;
}
.container-wrapper:has(.mat-form-field-disabled) .field-label,
.container-wrapper:has(.mat-form-field-disabled) .mat-hint {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.container-wrapper:has(.mat-form-field-disabled) .icon,
.container-wrapper:has(.mat-form-field-disabled) .numeric-icon {
  pointer-events: none;
}
.container-wrapper .mat-hint {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: var(--text-secondary-color);
  font-family: ABBVoice, Verdana;
}
.mat-mdc-option .mdc-list-item__primary-text {
  line-height: 1.15 !important;
}
.innerZoomElementWrapper .form-field-dropdown,
#storybook-root .form-field-dropdown {
  min-width: 250px;
}
.innerZoomElementWrapper .form-field-dropdown.discreet-dropdown,
.innerZoomElementWrapper .form-field-dropdown.ellipsis,
#storybook-root .form-field-dropdown.discreet-dropdown,
#storybook-root .form-field-dropdown.ellipsis {
  min-width: 1px;
  width: auto;
}
.mat-mdc-option .mdc-list-item__primary-text {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.options-wrapper {
  max-height: 100%;
  overflow-y: auto;
}
.slider-comp {
  width: 100%;
}
.slider-comp .label {
  margin-bottom: 0.5rem;
}
.slider-comp .slider {
  display: flex;
  align-items: center;
  gap: 3px;
}
.slider-comp .desc {
  line-height: 1.3125rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  color: var(--text-primary-color);
}
.custom-slider {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  width: 100%;
}
.custom-slider .ngx-slider {
  margin: 1rem 0;
}
.custom-slider .ngx-slider .ngx-slider-ticks-values-under .ngx-slider-tick-value {
  bottom: -1.25rem;
}
.custom-slider .ngx-slider .ngx-slider-bar-wrapper {
  width: 100%;
}
.custom-slider .ngx-slider .ngx-slider-bar-wrapper:hover .ngx-slider-bubble,
.custom-slider .ngx-slider .ngx-slider-bar-wrapper:focus .ngx-slider-bubble {
  display: block;
}
.custom-slider .ngx-slider .ngx-slider-bar {
  left: 0;
  width: calc(100% - 10px);
  height: 4px;
  z-index: 1;
  background: var(--grey-400);
  border-radius: 2px;
}
.custom-slider .ngx-slider .ngx-slider-tick {
  background: var(--grey-400);
  width: 0.5rem;
  height: 0.5rem;
  top: 1px;
  margin-left: 0;
}
.custom-slider .ngx-slider .ngx-slider-tick:last-child {
  margin-left: 0;
}
.custom-slider .ngx-slider .ngx-slider-selection {
  background-color: var(--primary-default);
  width: 100%;
}
.custom-slider .ngx-slider .ngx-slider-selected.ngx-slider-tick {
  background-color: var(--primary-default);
}
.custom-slider .ngx-slider .ngx-slider-pointer {
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  background-color: var(--white);
  border-radius: 50%;
  border: solid 2px var(--primary-default);
  top: -6px;
}
.custom-slider .ngx-slider .ngx-slider-pointer:focus {
  outline: none;
  border: solid 2px var(--primary-default);
  background-color: var(--primary-default);
}
.custom-slider .ngx-slider .ngx-slider-pointer:after {
  display: none;
}
.custom-slider .ngx-slider .ngx-slider-model-value {
  border: solid 1px var(--text-primary-color);
  font-family: ABBVoice, Verdana;
  color: var(--white);
  padding: 3px 0.5rem;
  background-color: var(--text-primary-color);
  border-radius: 0.5rem;
  line-height: 1.15;
}
.custom-slider .ngx-slider .ngx-slider-bubble {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  color: var(--white);
  bottom: 12px;
}
.custom-slider .ngx-slider .ngx-slider-bubble.ngx-slider-combined {
  color: var(--text-primary-color);
}
.custom-slider .ngx-slider .ngx-slider-model-high {
  border: solid 1px var(--text-primary-color);
  font-family: ABBVoice, Verdana;
  color: var(--white);
  padding: 3px 0.5rem;
  background-color: var(--text-primary-color);
  border-radius: 0.5rem;
  line-height: 1.15;
}
.custom-slider .ngx-slider[disabled] .ngx-slider-pointer {
  background-color: var(--white) !important;
  border: 2px solid var(--grey-600) !important;
}
.custom-slider.readonly .ngx-slider .ngx-slider-pointer {
  background-color: transparent;
  border-color: transparent !important;
  cursor: default;
}
.custom-slider.readonly .ngx-slider .ngx-slider-tick {
  cursor: default;
}
.custom-slider.readonly .ngx-slider .ngx-slider-model-value {
  display: none;
}
.custom-slider.high-slider .ngx-slider .ngx-slider-selection {
  width: calc(100% - 10px);
}
.mat-mdc-form-field.numeric-field.small-input.readonly .mat-mdc-form-field-input-control {
  text-align: start;
}
.dark-theme .custom-slider .ngx-slider-bar {
  background-color: var(--popover-content-light-variant);
}
.dark-theme .custom-slider .ngx-slider .ngx-slider-tick {
  background-color: var(--popover-content-light-variant);
}
.dark-theme .custom-slider .ngx-slider-selected.ngx-slider-tick {
  background-color: var(--primary-default);
}
.dark-theme .custom-slider .ngx-slider-selection {
  background-color: var(--primary-default);
}
#storybook-root app-slider,
.docs-story app-slider {
  max-width: 100%;
  width: 750px;
  display: block;
}
:root .mat-mdc-slide-toggle.mat-accent,
.mat-mdc-slide-toggle {
  --mdc-switch-unselected-hover-track-color: var(--grey-600);
  --mdc-switch-unselected-track-color: var(--grey-500);
  --mdc-switch-disabled-unselected-track-color: var(--grey-400);
  --mdc-switch-disabled-selected-track-color: var(--primary-disabled);
  --mdc-switch-selected-track-color: var(--primary-default);
  --mdc-switch-unselected-focus-track-color: var(--grey-500);
  --mdc-switch-selected-hover-track-color: var(--primary-hover);
  --mdc-switch-selected-focus-state-layer-color: var(--primary-default);
  --mdc-switch-selected-handle-color: var(--primary-default);
  --mdc-switch-selected-hover-state-layer-color: var(--primary-hover);
  --mdc-switch-selected-pressed-state-layer-color: var(--primary-default);
  --mdc-switch-selected-focus-handle-color: var(--primary-default);
  --mdc-switch-selected-hover-handle-color: var(--primary-hover);
  --mdc-switch-selected-pressed-handle-color: var(--primary-default);
  --mdc-switch-selected-focus-track-color: var(--primary-default);
  --mdc-switch-selected-hover-track-color: var(--primary-hover);
  --mdc-switch-selected-pressed-track-color: var(--primary-default);
  --mdc-switch-selected-track-color: var(--primary-default);
}
:root .mat-mdc-slide-toggle.mat-accent .mdc-label,
.mat-mdc-slide-toggle .mdc-label {
  display: none;
}
.mdc-switch:enabled:focus:active .mdc-switch__track::before,
.mdc-switch:enabled:focus:hover .mdc-switch__track::before {
  --mdc-switch-unselected-focus-track-color: var(--grey-600);
}
.mdc-switch:enabled:focus:active .mdc-switch__track::after,
.mdc-switch:enabled:focus:hover .mdc-switch__track::after {
  --mdc-switch-selected-focus-track-color: var(--primary-hover);
}
.disabled {
  cursor: not-allowed !important;
}
.mdc-switch__icons {
  display: none;
}
.label {
  font-family: ABBVoice, Verdana !important;
  color: var(--text-primary-color);
}
.label.leftLabel {
  padding-right: 0.5rem;
}
.label.rightLabel {
  padding-left: 0.5rem;
}
.mdc-form-field .disabled {
  cursor: not-allowed !important;
}
.switch {
  display: flex;
}
.switch .label {
  cursor: pointer;
  align-content: center;
}
.switch .label.disabled {
  cursor: not-allowed !important;
  color: var(--text-disabled-color) !important;
}
.switch .mdc-switch__handle:after {
  background: transparent !important;
}
.mdc-switch__ripple {
  display: none !important;
}
.mdc-switch:disabled {
  cursor: not-allowed !important;
}
.mdc-switch:disabled .mdc-switch__track {
  opacity: 1 !important;
}
.intermediate {
  --mdc-switch-unselected-hover-track-color: var(--primary-default) !important;
  --mdc-switch-unselected-pressed-track-color: var(--primary-default) !important;
  --mdc-switch-unselected-focus-track-color: var(--primary-default) !important;
}
.size-16 .mdc-switch {
  height: 1rem;
  --mdc-switch-track-width: 1.75rem;
}
.size-16 .mdc-switch .mdc-switch__track {
  position: relative;
  height: 100%;
  --mdc-switch-track-shape: 0.75rem;
}
.size-16 .mdc-switch .mdc-switch__handle-track {
  width: calc(100% - 0.975rem) !important;
}
.size-16 .mdc-switch__handle {
  margin: 0 0 0 1.5px !important;
  height: 0.75rem !important;
  width: 0.75rem !important;
}
.size-16 .mdc-switch__handle:before {
  font-size: 0.625rem;
  font-family: abb_set2;
  content: "\ead2";
  display: flex;
  align-items: center;
}
.size-16 .mat-mdc-slide-toggle-checked .mdc-switch__handle:before {
  font-family: abb_set2;
  content: "\eab2";
  color: var(--primary-default);
  display: flex;
  align-items: center;
}
.size-16.disabled .mat-mdc-slide-toggle-checked .mdc-switch__handle:before {
  color: var(--primary-disabled);
}
.size-16 .label {
  font-size: 0.75rem;
}
.size-32 .mdc-switch {
  --mdc-switch-track-width: 3.5rem;
}
.size-32 .mdc-switch .mdc-switch__track {
  --mdc-switch-track-height: 2rem;
  --mdc-switch-track-shape: 1.25rem;
}
.size-32 .mdc-switch .mdc-switch__handle-track {
  width: calc(100% - 2rem) !important;
}
.size-32 .mdc-switch__handle {
  --mat-switch-with-icon-handle-size: 1.5rem;
  --mdc-switch-handle-shape: 1.25rem;
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 0 0 4px !important;
}
.size-32 .mdc-switch__handle:before {
  font-size: 1.3rem;
  font-family: abb_set2;
  content: "\ead2";
  display: flex;
  align-items: center;
  justify-content: center;
}
.size-32.disabled .mat-mdc-slide-toggle-checked .mdc-switch__handle:before {
  color: var(--primary-disabled);
}
.size-32 .mat-mdc-slide-toggle-checked .mdc-switch__handle:before {
  font-family: abb_set2;
  content: "\eab2";
  color: var(--primary-default);
  display: flex;
  align-items: center;
  justify-content: center;
}
.size-32 .intermediate .mdc-switch__handle-track {
  transform: translate(70%);
  width: 1rem !important;
}
.size-32 .intermediate .mdc-switch__handle-track .mdc-switch__handle {
  width: 1.5rem !important;
  height: 0.125rem !important;
}
.size-32 .label {
  font-size: 1rem;
}
.size-24 .mdc-switch {
  border: 1px solid transparent;
  --mdc-switch-track-shape: 1.25rem;
  --mdc-switch-track-width: 2.8rem;
}
.size-24 .mdc-switch .mdc-switch__track {
  --mdc-switch-track-height: 1.5rem;
}
.size-24 .mdc-switch .mdc-switch__handle-track {
  width: calc(100% - 1.5rem) !important;
}
.size-24 .mdc-switch__handle {
  margin: 0 0 0 4px !important;
  height: 1rem !important;
  width: 1rem !important;
}
.size-24 .mdc-switch__handle:before {
  font-family: abb_set2;
  content: "\ead2";
  font-size: 0.875rem;
  line-height: 0.975rem;
}
.size-24 .mat-mdc-slide-toggle-checked .mdc-switch__track:after {
  --mdc-switch-selected-track-color: var(--primary-default);
}
.size-24 .mat-mdc-slide-toggle-checked .mdc-switch__handle:before {
  content: "\eab2";
  color: var(--primary-default);
}
.size-24.disabled .mat-mdc-slide-toggle-checked .mdc-switch__handle:before {
  color: var(--primary-disabled);
}
.size-24 .intermediate .mdc-switch__handle-track {
  transform: translate(70%);
  width: 1rem !important;
}
.size-24 .intermediate .mdc-switch__handle-track .mdc-switch__handle {
  margin: 0 0 0 3px !important;
  width: 1rem !important;
  height: 0.125rem !important;
}
.size-24 .label {
  font-size: 0.875rem;
}
.intermediate .mdc-switch__track:before {
  --mdc-switch-unselected-track-color: var(--primary-default);
}
.intermediate .mdc-switch--disabled .mdc-switch__track:before {
  --mdc-switch-disabled-unselected-track-color: var(--primary-disabled);
}
.intermediate .mdc-switch__handle-track {
  transform: translate(70%);
}
.intermediate .mdc-switch__handle-track .mdc-switch__handle {
  width: 0.5rem !important;
  height: 0.125rem !important;
  background-color: var(--white);
}
.intermediate .mdc-switch__handle-track .mdc-switch__handle:before {
  display: none;
}
.noIcon .mdc-switch .mdc-switch__handle:before {
  content: "" !important;
}
.noIcon .mdc-switch .mdc-switch__handle:after {
  content: "" !important;
}
.tab {
  max-width: max-content !important;
  border-bottom: 1px solid var(--grey-500);
  width: 100%;
}
.tab.no-bottom-border {
  border-bottom: none;
}
.tab.mat-mdc-tab-group,
.tab.mat-mdc-tab-nav-bar,
.tab.mat-accent,
.tab.mat-warn,
.tab.mat-background-primary,
.tab.mat-background-accent,
.tab.mat-background-warn {
  --mdc-tab-indicator-active-indicator-color: var(--primary-default);
  --mat-tab-header-disabled-ripple-color: transparent;
  --mat-tab-header-disabled-focus-color: transparent;
  --mat-tab-header-pagination-icon-color: var(--text-primary-color);
  --mat-tab-header-inactive-label-text-color: var(--text-primary-color);
  --mat-tab-header-active-label-text-color: var(--text-primary-color);
  --mat-tab-header-active-ripple-color: none;
  --mat-tab-header-inactive-ripple-color: var(--grey-500);
  --mat-tab-header-inactive-focus-label-text-color: var(--text-primary-color);
  --mat-tab-header-active-hover-label-text-color: var(--text-primary-color);
  --mat-tab-header-inactive-hover-label-text-color: var(--text-primary-color);
  --mat-tab-header-active-focus-label-text-color: var(--text-primary-color);
  --mat-tab-header-active-hover-label-text-color: var(--text-primary-color);
  --mat-tab-header-active-focus-indicator-color: var(--primary-default);
  --mat-tab-header-active-hover-indicator-color: var(--primary-default);
  --mat-tab-header-with-background-background-color: var(--primary-default);
  --mat-tab-header-with-background-foreground-color: var(--text-primary-color);
}
.tab .mat-mdc-tab-header {
  --mdc-tab-indicator-active-indicator-height: 0.25rem;
  --mat-tab-header-label-text-font: ABBVoice, Verdana;
  --mat-tab-header-label-text-size: 0.875rem;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 400;
  --mat-tab-header-label-text-tracking: normal;
  text-transform: capitalize;
}
.tab .mat-mdc-tab-header .mdc-tab--active {
  font-weight: 700;
  cursor: default;
}
.tab .mat-mdc-tab-header .mdc-tab--active .prefixicon .tabIcon {
  cursor: default;
}
.tab .mat-mdc-tab-header .mdc-tab--active:hover {
  background: none !important;
}
.tab .mat-mdc-tab-header .mat-mdc-tab-labels {
  border-bottom: 0;
}
.tab .mat-mdc-tab-header .mat-mdc-tab:hover {
  background: var(--grey-400);
  border-radius: 4px 4px 0 0;
}
.tab .mat-mdc-tab-header .mat-mdc-tab-disabled {
  cursor: not-allowed;
  pointer-events: inherit;
}
.tab .mat-mdc-tab-header .mat-mdc-tab-disabled:hover {
  cursor: not-allowed;
  background: none;
}
.tab .mdc-tab__text-label {
  gap: 0.25rem;
}
.tab .mdc-tab__text-label .badge {
  align-items: inherit;
}
.tab .mat-mdc-tab-body {
  display: none;
  padding: 1rem;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  color: var(--text-primary-color);
}
.tab .disabled {
  cursor: not-allowed;
}
.tab .mat-mdc-tab .mdc-tab__content :has(.prefixicon) {
  margin-left: -6px;
}
.tab .mat-mdc-tab .mdc-tab__content :has(.closeicon) {
  margin-right: -6px;
}
.mat-mdc-header-row {
  --mat-table-header-container-height: 2rem;
  --mat-table-header-headline-color: var(--text-primary-color);
  --mat-table-header-headline-font: ABBVoice, Verdana;
  --mat-table-header-headline-line-height: 1.15;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-weight: 500;
}
.mat-mdc-header-cell {
  --mat-table-row-item-outline-color: var(--text-primary-color);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-header-headline-tracking: normal;
  white-space: nowrap;
}
.mat-mdc-header-cell.mat-mdc-table-sticky,
.mat-mdc-header-cell.hovered {
  background-color: var(--grey-200);
}
.mat-mdc-header-cell.w-check {
  width: 48px;
}
.table-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.mat-mdc-cell {
  --mat-table-row-item-outline-color: var(--grey-500);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-row-item-label-text-tracking: normal;
  line-height: 1.15;
  white-space: nowrap;
}
.mat-mdc-cell.mat-mdc-table-sticky,
.mat-mdc-cell.hovered {
  background-color: var(--grey-200);
}
.mat-mdc-cell.w-check {
  width: 48px;
}
.mat-mdc-row,
.mdc-data-table__content {
  --mat-table-row-item-label-text-font: ABBVoice, Verdana;
  --mat-table-row-item-label-text-line-height: 1.15;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-weight: 400;
}
.mat-mdc-row {
  --mat-table-row-item-container-height: 2rem;
  --mat-table-row-item-label-text-color: var(--text-primary-color);
}
.mat-mdc-row:hover {
  background-color: var(--grey-300);
}
.mat-mdc-row.selected {
  background-color: var(--accordion-expanded-bg);
}
.mat-mdc-row.selected:hover {
  background-color: var(--accordion-expanded-bg);
}
.mat-mdc-no-data-row {
  cursor: pointer;
  text-align: center;
  background-color: var(--grey-200);
  height: 2.5rem;
}
.mat-mdc-no-data-row:hover {
  background-color: var(--grey-300);
}
.mdc-data-table__row:last-child .mat-mdc-cell {
  border-bottom: 1px solid var(--mat-table-row-item-outline-color) !important;
}
.mdc-data-table__cell.text-align-center,
.mat-mdc-header-cell.text-align-center {
  text-align: center;
}
.mdc-data-table__cell.text-align-right,
.mat-mdc-header-cell.text-align-right {
  text-align: right;
}
.mdc-data-table__cell.text-align-right .mat-sort-header-container,
.mat-mdc-header-cell.text-align-right .mat-sort-header-container {
  flex-direction: row-reverse;
}
.mdc-data-table__cell.text-align-left,
.mat-mdc-header-cell.text-align-left {
  text-align: left;
}
.mat-mdc-table {
  --mat-table-background-color: var(--white);
}
.mat-mdc-table .mat-mdc-header-cell.mat-mdc-table-sticky.sticky,
.mat-mdc-table .mat-mdc-header-cell.hovered {
  background-color: var(--grey-300);
}
.mat-mdc-table.grey-bg .mat-mdc-header-cell {
  background-color: var(--grey-200);
}
.mat-mdc-table.card-like-table {
  border-radius: 0.25rem;
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}
.mat-mdc-table.card-like-table .color-indicator {
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 0.25rem 0 0 0.25rem;
}
.mat-mdc-table.card-like-table .mat-mdc-cell {
  --mat-table-row-item-outline-color: transparent;
  --mat-table-row-item-outline-width: 0;
}
.mat-mdc-table.card-like-table .mat-mdc-row {
  border-radius: 0.25rem;
  outline: 1px solid var(--grey-400);
}
.mat-mdc-table.table-xs .mat-mdc-header-row {
  --mat-table-header-container-height: 1.5rem;
}
.mat-mdc-table.table-xs .mat-mdc-row {
  --mat-table-row-item-container-height: 1.5rem;
}
.mat-mdc-table.table-xs .mdc-data-table__cell,
.mat-mdc-table.table-xs .mdc-data-table__header-cell {
  padding: 0 0.75rem;
}
.mat-mdc-table.table-xs .mdc-data-table__cell.radio {
  padding: 0 0 0 0.75rem !important;
  width: 44px;
}
.mat-mdc-table.table-sm .mat-mdc-header-row {
  --mat-table-header-container-height: 2rem;
}
.mat-mdc-table.table-sm .mat-mdc-row {
  --mat-table-row-item-container-height: 2rem;
}
.mat-mdc-table.table-sm .mdc-data-table__cell,
.mat-mdc-table.table-sm .mdc-data-table__header-cell {
  padding: 0 1rem;
}
.mat-mdc-table.table-sm .mdc-data-table__cell.radio {
  padding: 0 0 0 1rem !important;
  width: 44px;
}
.mat-mdc-table.table-md .mat-mdc-header-row {
  --mat-table-header-container-height: 2.5rem;
}
.mat-mdc-table.table-md .mat-mdc-row {
  --mat-table-row-item-container-height: 2.5rem;
}
.mat-mdc-table.table-md .mdc-data-table__cell,
.mat-mdc-table.table-md .mdc-data-table__header-cell {
  padding: 0 1.25rem;
}
.mat-mdc-table.table-md .mdc-data-table__cell.radio {
  padding: 0 0 0 1.25rem !important;
  width: 44px;
}
.mat-mdc-table.table-reg .mat-mdc-header-row {
  --mat-table-header-container-height: 3rem;
}
.mat-mdc-table.table-reg .mat-mdc-row {
  --mat-table-row-item-container-height: 3rem;
}
.mat-mdc-table.table-reg .mdc-data-table__cell,
.mat-mdc-table.table-reg .mdc-data-table__header-cell {
  padding: 0 1.25rem;
}
.mat-mdc-table.table-reg .mdc-data-table__cell.radio {
  padding: 0 0 0 1.25rem !important;
  width: 44px;
}
.mat-mdc-table.table-lg .mat-mdc-header-row {
  --mat-table-header-container-height: 3.75rem;
}
.mat-mdc-table.table-lg .mat-mdc-row {
  --mat-table-row-item-container-height: 3.75rem;
}
.mat-mdc-table.table-lg .mdc-data-table__cell,
.mat-mdc-table.table-lg .mdc-data-table__header-cell {
  padding: 0 1.25rem;
}
.mat-mdc-table.table-lg .mdc-data-table__cell.radio {
  padding: 0 0 0 1.25rem !important;
  width: 44px;
}
.mat-mdc-table.zebra-table tbody tr:nth-child(odd) {
  background-color: var(--grey-100);
}
.mat-mdc-table.zebra-table tbody tr:nth-child(odd):hover {
  background-color: var(--grey-200);
}
.mat-sort-header-container .mat-sort-header-arrow {
  opacity: 0;
}
.mat-sort-header-container .mat-sort-header-arrow:after {
  content: "\ead0";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "abb_set2";
  color: var(--text-primary-color);
}
.mat-mdc-header-row:hover .mat-sort-header-container .mat-sort-header-arrow,
.mat-mdc-header-cell[aria-sort=ascending] .mat-sort-header-container .mat-sort-header-arrow,
.mat-mdc-header-cell[aria-sort=descending] .mat-sort-header-container .mat-sort-header-arrow {
  opacity: 1;
}
.mat-sort-header-indicator,
.mat-sort-header-stem {
  display: none !important;
}
[aria-sort=ascending] .mat-sort-header-arrow:after {
  content: "\ead0";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "abb_set2";
  color: var(--text-primary-color);
}
[aria-sort=descending] .mat-sort-header-arrow:after {
  content: "\eacf";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "abb_set2";
  color: var(--text-primary-color);
}
.mat-data-grid th.mat-sort-header[aria-sort=ascending],
.mat-data-grid th.mat-sort-header[aria-sort=descending] {
  border-bottom: 2px solid var(--primary-default);
}
.mat-data-grid tr td.status-indicator,
.mat-data-grid .status-indicator {
  width: 10px;
  position: relative;
  padding: 3px 0 !important;
}
.mat-data-grid .color-indicator {
  position: absolute;
  width: 4px;
  top: 4px;
  bottom: 4px;
  left: 4px;
  border-radius: 4px;
}
.mat-data-grid .is-primary .color-indicator {
  background-color: var(--primary-default);
}
.mat-data-grid .is-positive .color-indicator {
  background-color: var(--success);
}
.mat-data-grid .is-negative .color-indicator {
  background-color: var(--error);
}
.mat-data-grid .is-secondary .color-indicator {
  background-color: var(--grey-500);
}
.mat-data-grid .is-warning .color-indicator {
  background-color: var(--warning);
}
.mat-sort-header-arrow {
  line-height: 1;
  margin: 0 !important;
}
.mat-sort-header-container {
  gap: 6px;
}
.filter-col-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#storybook-root .table-wrapper.sticky-col,
.docs-story .table-wrapper.sticky-col {
  width: 450px;
  overflow-x: auto;
}
.text-align-center .mat-sort-header-container {
  justify-content: center;
}
.table-container .mat-data-grid {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  will-change: contents;
  contain: layout style;
}
.table-container .mat-mdc-table {
  min-height: auto;
}
.table-container .mat-mdc-table .mat-mdc-row {
  will-change: auto;
  contain: layout style paint;
}
.table-container .mat-mdc-table .mat-mdc-row.detail-row {
  height: 0;
}
.mat-mdc-table.table-reg .mdc-data-table__cell.mat-column-expandedDetail,
.mat-mdc-table.table-reg .mdc-data-table__header-cell.mat-column-expandedDetail {
  padding: 0;
}
.tag-in-filter-pan {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  min-width: 500px;
  padding: 8px 16px;
  background-color: var(--grey-200);
  border-radius: 4px;
  border: 1px solid var(--grey-200);
  margin-bottom: 16px;
}
.tag-in-filter-pan .field {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center space-between;
  align-items: center;
  width: 100%;
}
.tag-in-filter-pan .field.size-24 {
  height: 24px;
}
.tag-in-filter-pan .field.size-32 {
  height: 32px;
}
.tag-in-filter-pan .field.size-40 {
  height: 40px;
}
.tag-in-filter {
  font-family: "ABBVoice";
  display: flex;
  flex-direction: column;
}
.tag-in-filter .label {
  font-size: 0.875rem;
  font-weight: 500;
}
.tag-in-filter .desc {
  font-size: 0.75rem;
}
.tag-in-filter .chip-list {
  margin: 8px 0;
  border: 1px solid var(--grey-500);
  min-height: 2rem;
  border-radius: 0.25rem;
  width: 100%;
  padding: 0 !important;
  height: 100% !important;
}
.tag-in-filter .mat-mdc-text-field-wrapper {
  border-radius: 0.25rem;
  padding: 0 8px !important;
}
.tag-in-filter .chip-list:hover {
  border: 1px solid var(--text-primary-color);
}
.tag-in-filter .chip-list:active,
.tag-in-filter .chip-list:focus {
  border: 1px solid var(--primary-default) !important;
}
.tag-in-filter .mat-mdc-form-field .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-input-control {
  height: auto;
  margin: 0;
}
.tag-in-filter .size-48 {
  height: 2rem;
  --mdc-chip-label-text-size: 0.875rem;
}
.tag-in-filter .size-32 {
  height: 1.25rem;
  --mdc-chip-label-text-size: 0.75rem;
}
.tag-in-filter .size-32 .tag-icon {
  height: 12px;
  width: 12px;
  font-size: 14px;
  margin: 0 2px 0 4px;
}
.tag-in-filter .size-40 {
  height: 1.5rem;
  --mdc-chip-label-text-size: 0.875rem;
}
.tag-in-filter .mat-mdc-chip-set .mdc-evolution-chip {
  margin: 0 !important;
  border-radius: 1.25rem;
}
.tag-in-filter .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  gap: 0.5rem;
  align-items: center;
}
.tag-in-filter .tag-icon {
  padding: 0.25rem;
  border-radius: 50%;
  margin: 0 0.25rem;
}
.tag-in-filter .tag-icon:hover {
  background-color: var(--grey-200);
}
.tag-in-filter .tag-icon:active {
  background-color: var(--grey-300);
}
.tag-in-filter .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.tag-in-filter .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary {
  overflow: hidden;
}
.tag-in-filter .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary .mat-mdc-chip-action-label {
  overflow: hidden;
}
.tag-in-input {
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-size: 0.875rem;
  --mat-select-enabled-trigger-text-color: var(--text-primary-color);
  --mat-select-trigger-text-font: "ABBVoice";
  font-family: "ABBVoice";
}
.tag-in-input .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: var(--text-primary-color);
  --mdc-chip-elevated-container-color: var(--grey-400);
  --mdc-chip-elevated-selected-container-color: var(--grey-400);
  --mdc-chip-elevated-disabled-container-color: var(--grey-400);
  --mdc-chip-flat-disabled-selected-container-color: var(--grey-400);
  border: 1px solid var(--grey-400);
  --mdc-chip-focus-state-layer-color: var(--grey-300);
  --mdc-chip-hover-state-layer-color: var(--grey-300);
  --mdc-chip-selected-hover-state-layer-color: var(--grey-300);
  --mdc-chip-selected-focus-state-layer-color: var(--grey-300);
  --mdc-chip-label-text-color: var(--text-primary-color);
  --mdc-chip-selected-label-text-color: var(--text-primary-color);
  --mdc-chip-with-icon-icon-color: var(--text-primary-color);
  --mdc-chip-with-icon-disabled-icon-color: var(--text-primary-color);
  --mdc-chip-with-icon-selected-icon-color: var(--text-primary-color);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--text-primary-color);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--text-primary-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--text-primary-color);
  --mat-chip-selected-trailing-icon-color: var(--text-primary-color);
}
.tag-in-input .mat-mdc-standard-chip:hover {
  background: var(--grey-300);
}
.tag-in-input .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary {
  --mdc-chip-elevated-container-color: var(--tag-bg);
  --mdc-chip-elevated-selected-container-color: var(--tag-bg);
  --mdc-chip-elevated-disabled-container-color: var(--tag-bg);
  --mdc-chip-flat-disabled-selected-container-color: var(--tag-bg);
  border: 1px solid var(--primary-default);
  --mdc-chip-focus-state-layer-color: var(--accordion-expanded-bg);
  --mdc-chip-hover-state-layer-color: var(--accordion-expanded-bg);
  --mdc-chip-selected-hover-state-layer-color: var(--accordion-expanded-bg);
  --mdc-chip-selected-focus-state-layer-color: var(--accordion-expanded-bg);
}
.tag-in-input .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary:hover {
  background: var(--accordion-expanded-bg);
}
.tag-in-input .mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--text-blue-color);
}
.tag-in-input .select-wrapper {
  font-family: "ABBVoice";
  font-size: 0.875rem;
  color: var(--text-primary-color);
  height: 100%;
  padding: 0 12px;
}
.tag-in-input .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.tag-in-input .size-24 {
  height: 24px;
}
.tag-in-input .boxSize-24 {
  height: 32px;
}
.tag-in-input .size-32 {
  height: 32px;
}
.tag-in-input .boxSize-32 {
  height: 40px;
}
.tag-in-input .size-40 {
  height: 40px;
}
.tag-in-input .boxSize-40 {
  height: 48px;
}
.tag-in-input .field-label {
  color: var(--text-primary-color);
}
.tag-in-input .mat-mdc-select {
  display: flex;
  box-sizing: border-box;
  border-radius: 4px;
}
.tag-in-input .mat-mdc-select-trigger {
  height: 100%;
}
.tag-in-input .mat-select-trigger {
  height: auto;
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
}
.tag-in-input .form-field-dropdown {
  margin: 8px 0;
  min-width: 350px;
  width: 100%;
  max-width: 100%;
}
.tag-in-input .form-field-dropdown .mat-mdc-select-value {
  display: flex;
  align-items: center;
}
.tag-in-input .form-field-dropdown .mat-mdc-select-value-text {
  width: 100%;
  display: inline-block;
}
.tag-in-input .form-field-dropdown .select-wrapper .select-action-row {
  gap: 0;
}
.tag-in-input .form-field-dropdown .select-wrapper .select-action-row .mat-divider-vertical {
  height: 24px;
}
.tag-in-input .mat-mdc-chip-set {
  max-width: 80%;
  width: 100%;
  overflow: hidden;
}
.tag-in-input .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: flex;
  flex-wrap: inherit;
}
.tag-in-input .number-val {
  display: flex !important;
  align-items: center;
  place-content: center;
  background-color: var(--tag-count-bg);
  color: var(--white);
  height: 18px;
  border-radius: 50%;
  padding: 4px;
}
.tag-in-input .number-val:hover {
  background-color: var(--tag-count-bg-hover);
}
.tag-in-input .actionable-icon:hover {
  background-color: var(--grey-200);
}
.tag-in-input .actionable-icon {
  border: 50%;
  padding: 4px;
}
.tag-in-input .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
  display: none;
}
.tag-in-input .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
  padding-left: 12px;
}
.tag-in-input .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 0;
}
.tag-in-select {
  font-family: ABBVoice, Verdana;
}
.tag-in-select .form-field-dropdown .select-wrapper .mat-mdc-select {
  width: calc(100% - 72px);
}
.tag-in-select .form-field-dropdown .select-wrapper.withPrefix .mat-mdc-select {
  width: calc(100% - (72px + 30%));
}
.tag-in-select .list-box {
  max-width: 88%;
  width: 100%;
  overflow: hidden;
}
.tag-in-select .dropdown-tag.size-48 {
  height: 2rem;
  --mdc-chip-label-text-size: 0.875rem;
  gap: 0.25rem;
}
.tag-in-select .dropdown-tag.size-40 {
  height: 1.5rem;
  --mdc-chip-label-text-size: 0.875rem;
  gap: 0.25rem;
}
.tag-in-select .dropdown-tag.size-32 {
  height: 1.25rem;
  --mdc-chip-label-text-size: 0.75rem;
  gap: 0.25rem;
  vertical-align: middle;
}
.tag-in-select .dropdown-tag.size-32 .icon_abb_dias {
  font-size: 0.75rem;
  padding: 0.25rem;
}
.tag-in-select .dropdown-tag {
  padding: 0 2px 0 12px;
  margin-bottom: 0 !important;
  margin: 0 8px 0 0;
  border-radius: 1.25rem;
  white-space: nowrap;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--grey-400);
  border: 1px solid var(--grey-400);
}
.tag-in-select .dropdown-tag .tag-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
}
.tag-in-select .dropdown-tag:hover {
  background: var(--grey-300);
}
.tag-in-select .dropdown-tag:active {
  background: #eaefff;
  color: var(--primary-default);
  border: 1px solid var(--primary-default);
}
.tag-in-select .icon_abb_dias {
  vertical-align: middle;
}
.tag-in-select .mat-divider-vertical {
  height: 1.5rem !important;
}
.tag-in-select .mat-select-trigger {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.tag-in-select .mdc-evolution-chip-set__chips {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
}
.tag-in-select .additional-selection {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
}
.tag-in-select .list-box {
  display: flex;
  align-items: center;
}
.mat-mdc-select-panel .add-new-item-option.no-checkbox {
  padding-left: 16px !important;
}
.mat-mdc-select-panel .add-new-item-option.no-checkbox .mat-pseudo-checkbox,
.mat-mdc-select-panel .add-new-item-option.no-checkbox .mat-option-pseudo-checkbox {
  display: none !important;
}
.mat-mdc-select-panel .add-new-item-option.no-checkbox.mat-option-disabled {
  color: inherit !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
.tag {
  font-family: ABBVoice, Verdana;
}
.tag .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: var(--text-primary-color);
  --mdc-chip-elevated-container-color: var(--grey-400);
  --mdc-chip-elevated-selected-container-color: var(--grey-400);
  --mdc-chip-elevated-disabled-container-color: var(--grey-400);
  --mdc-chip-flat-disabled-selected-container-color: var(--grey-400);
  border: 1px solid var(--grey-400);
  --mdc-chip-focus-state-layer-color: var(--grey-300);
  --mdc-chip-hover-state-layer-color: var(--grey-300);
  --mdc-chip-selected-hover-state-layer-color: var(--grey-300);
  --mdc-chip-selected-focus-state-layer-color: var(--grey-300);
  --mdc-chip-label-text-color: var(--text-primary-color);
  --mdc-chip-selected-label-text-color: var(--text-primary-color);
  --mdc-chip-with-icon-icon-color: var(--text-primary-color);
  --mdc-chip-with-icon-disabled-icon-color: var(--text-primary-color);
  --mdc-chip-with-icon-selected-icon-color: var(--text-primary-color);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--text-primary-color);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--text-primary-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--text-primary-color);
  --mat-chip-selected-trailing-icon-color: var(--text-primary-color);
}
.tag .mat-mdc-standard-chip:hover {
  background: var(--grey-300);
}
.tag .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary {
  --mdc-chip-elevated-container-color: var(--tag-bg);
  --mdc-chip-elevated-selected-container-color: var(--tag-bg);
  --mdc-chip-elevated-disabled-container-color: var(--tag-bg);
  --mdc-chip-flat-disabled-selected-container-color: var(--tag-bg);
  border: 1px solid var(--primary-default);
  --mdc-chip-focus-state-layer-color: var(--accordion-expanded-bg);
  --mdc-chip-hover-state-layer-color: var(--accordion-expanded-bg);
  --mdc-chip-selected-hover-state-layer-color: var(--accordion-expanded-bg);
  --mdc-chip-selected-focus-state-layer-color: var(--accordion-expanded-bg);
}
.tag .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary:hover {
  background: var(--accordion-expanded-bg);
}
.tag .mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--text-blue-color);
}
.tag .mdc-evolution-chip__text-label {
  gap: 0.25rem;
}
.tag .size-24 {
  height: 1.5rem;
  padding: 0 8px;
  --mdc-chip-label-text-size: 0.75rem;
}
.tag .size-24 :has(.icon-abb_cancel_small) {
  margin-right: -1px;
}
.tag .size-24 :has(.icon-abb_setting) {
  margin-left: -1px;
}
.tag .size-32 {
  height: 2rem;
  padding: 0 12px;
  --mdc-chip-label-text-size: 0.875rem;
}
.tag .size-32 :has(.icon-abb_cancel_small) {
  margin-right: -2px;
}
.tag .size-32 :has(.icon-abb_setting) {
  margin-left: -1px;
}
.tag .size-40 {
  height: 2.5rem;
  padding: 0 16px;
  border-radius: 1.25rem;
  gap: 0.25rem;
  margin: 0 !important;
  --mdc-chip-label-text-size: 0.875rem;
}
.tag .size-40 :has(.icon-abb_cancel_small) {
  margin-right: -2px;
}
.tag .size-40 :has(.icon-abb_setting) {
  margin-left: -1px;
}
.tag .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
  padding: 0;
  width: 0;
}
.tag .mat-mdc-chip-option.mat-mdc-standard-chip .mat-mdc-chip-action {
  padding: 0;
}
.tag .mdc-evolution-chip__checkmark {
  display: none;
}
.tag .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label,
.tag .mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label {
  display: flex;
  align-items: center;
  line-height: 1;
}
.tag .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  gap: 0.5rem;
  align-items: center;
}
.tag .mat-mdc-chip-set .mdc-evolution-chip-set__chips:has(.mdc-evolution-chip--disabled) {
  cursor: not-allowed;
}
.tag .tag-icon {
  height: 19px;
}
.tag .mdc-evolution-chip-set.mat-mdc-chip-listbox.mat-mdc-chip-set .mdc-evolution-chip {
  margin: 0;
}
.tag .mdc-evolution-chip-set.mat-mdc-chip-listbox.mat-mdc-chip-set app-badge .default {
  background-color: var(--grey-500);
  border: 1px solid var(--grey-600);
  color: var(--text-primary-color);
}
.tag .mdc-evolution-chip-set.mat-mdc-chip-listbox.mat-mdc-chip-set .mat-mdc-chip-selected app-badge .default {
  background-color: var(--info);
  color: var(--white);
  border: none;
}
.text-link-container:focus-visible {
  outline: var(--primary-default) auto 1px;
  padding: 2px;
}
.text-link-container .text-link {
  font-family: ABBVoice, Verdana;
  color: var(--text-blue-color);
  cursor: pointer;
  font-size: 0.875rem;
  border-bottom: 1px solid transparent;
  font-weight: 400;
  line-height: 1.15;
  text-decoration: none;
  text-underline-position: under;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
  white-space: nowrap;
}
.text-link-container .text-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0.5px;
  bottom: 0;
  left: 0;
  background-color: var(--text-blue-color);
  transform: scaleX(0);
  transition: transform 0.28s ease-in-out;
}
.text-link-container .text-link:hover::before {
  transform: scaleX(1);
}
.text-link-container .text-link:hover,
.text-link-container .text-link:focus,
.text-link-container .text-link:visited {
  color: var(--text-blue-color);
  text-decoration: none;
}
.text-link-container .text-link.disabled {
  color: var(--text-primary-color);
  opacity: 50%;
  cursor: not-allowed;
  pointer-events: inherit;
  border: 0;
}
.text-link-container .text-link.disabled .icon {
  cursor: not-allowed;
}
.text-link-container .text-link.disabled:hover {
  text-decoration: none !important;
}
.text-link-container .text-link.disabled:hover:before {
  display: none;
}
.text-link-container .text-link.size-12 {
  font-size: 0.75rem;
}
.text-link-container .text-link.size-14 {
  font-size: 0.875rem;
}
.text-link-container .text-link.size-16 {
  font-size: 1rem;
}
.text-link-container .text-link.size-18 {
  font-size: 18px;
}
.text-link-container .text-link.size-24 {
  font-size: 24px;
}
.text-link-container .text-link.size-32 {
  font-size: 32px;
}
.inline-usage {
  line-height: 1.5;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  width: 45%;
  margin: auto;
  font-family: ABBVoice, Verdana;
}
.inline-usage .text-link-container {
  display: inline-flex;
}
.title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.title.size-40 .header-title {
  font-size: 2.5rem;
}
.title.size-40 .red-border-top:before {
  font-size: 2.5rem;
  height: 0.25rem;
}
.title.size-40 .seperator-line {
  height: 1.5rem;
}
.title.size-40 .red-border-top {
  height: 1rem;
}
.title.size-24 .header-title {
  font-size: 1.5rem;
}
.title.size-24 .red-border-top:before {
  font-size: 1.5rem;
  height: 0.125rem;
}
.title.size-24 .seperator-line {
  height: 1.125rem;
}
.title.size-24 .red-border-top {
  height: 0.75rem;
}
.title.size-21 .header-title {
  font-size: 1.3125rem;
}
.title.size-21 .red-border-top:before {
  font-size: 1.3125rem;
  height: 0.125rem;
}
.title.size-21 .seperator-line {
  height: 1rem;
}
.title.size-21 .red-border-top {
  height: 0.5rem;
}
.title.size-18 .header-title {
  font-size: 1.125rem;
}
.title.size-18 .red-border-top:before {
  font-size: 1.125rem;
  height: 0.125rem;
}
.title.size-18 .seperator-line {
  height: 1rem;
}
.title.size-18 .red-border-top {
  height: 0.5rem;
}
.title .red-border-top {
  height: 1rem;
  line-height: 0;
}
.title .red-border-top:before {
  content: "\2014";
  font-size: 2rem;
  color: var(--abb-red);
  display: block;
  font-weight: 700;
  line-height: 0;
  font-family: ABBVoice, Verdana;
  height: 0.25rem;
}
.title .header-title {
  font-size: 2rem;
  font-weight: 700;
  font-family: ABBVoice, Verdana;
  line-height: 1;
  color: var(--text-primary-color);
}
.title .seperator-line {
  height: 1.25rem;
  border-left: 1px solid var(--grey-500);
  margin: 0;
}
.title .title-with-cursor {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.title .secondary-text {
  font-size: 0.875rem;
  font-family: ABBVoice, Verdana;
  line-height: 1;
  font-weight: 300;
  color: var(--text-primary-color);
}
.title .secondary-text.size-18 {
  font-size: 1.125rem;
}
.title .secondary-text.size-21 {
  font-size: 1.125rem;
}
.title .secondary-text.size-24 {
  font-size: 1.5rem;
}
.title .secondary-text.size-32 {
  font-size: 2rem;
}
.title .secondary-text.size-40 {
  font-size: 2.5rem;
}
.title.left .title-with-cursor {
  flex-direction: row-reverse;
  gap: 1rem;
}
.title.right .title-with-cursor {
  gap: 1rem;
}
.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  --mat-standard-button-toggle-text-color: var(--white);
  --mat-standard-button-toggle-background-color: var(--primary-default);
  --mat-standard-button-toggle-label-text-font: ABBVoice, Verdana;
  --mat-standard-button-toggle-label-text-size: 0.875rem;
  --mat-standard-button-toggle-label-text-line-height: 1;
  --mat-standard-button-toggle-label-text-weight: 500;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-shape: 1.25rem;
  --mat-standard-button-toggle-divider-color: var(--white);
  --mat-standard-button-toggle-selected-state-text-color: var(--white);
  --mat-standard-button-toggle-selected-state-background-color: var(--primary-default);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content {
  padding: 0 1rem;
  --mat-standard-button-toggle-height: 2rem;
}
.mat-button-toggle-appearance-standard.small,
.mat-button-toggle-group-appearance-standard.small {
  --mat-standard-button-toggle-height: 2rem;
}
.mat-button-toggle-appearance-standard.default,
.mat-button-toggle-group-appearance-standard.default {
  --mat-standard-button-toggle-height: 2.5rem;
}
.mat-button-toggle-disabled {
  cursor: not-allowed;
}
.mat-button-toggle-disabled .mat-button-toggle-button {
  cursor: not-allowed !important;
}
.mat-button-toggle-disabled .mat-button-toggle-button .icon_abb_dias {
  cursor: not-allowed;
}
.toolbar {
  box-sizing: border-box;
  box-sizing: border-box;
  --mat-standard-button-toggle-divider-color: var(--grey-500);
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  --mat-standard-button-toggle-shape: 0.5rem;
  align-items: center;
}
.toolbar .mdc-switch__ripple {
  display: none !important;
}
.toolbar.size-32 {
  height: 2rem;
}
.toolbar.size-40 {
  height: 2.5rem;
  --mat-standard-button-toggle-shape: 0.75rem !important;
}
.toolbar .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  display: none;
}
.toolbar.disabled {
  cursor: not-allowed;
}
.toolbar.disabled .mat-button-toggle-appearance-standard.mat-button-toggle-disabled.mat-button-toggle-checked {
  --mat-standard-button-toggle-disabled-selected-state-text-color: var(--text-disabled-color);
  --mat-standard-button-toggle-disabled-selected-state-background-color: var(--background-disabled);
}
.toolbar.disabled .mat-button-toggle {
  cursor: not-allowed;
}
.toolbar.disabled .mat-button-toggle-label-content {
  cursor: not-allowed;
}
.toolbar .mat-button-toggle {
  --mat-standard-button-toggle-text-color: var(--text-primary-color);
  --mat-standard-button-toggle-label-text-weight: 400;
  display: flex;
  height: 100%;
  align-items: center;
}
.toolbar .mat-button-toggle:active {
  background-color: var(--segmented-control-grey-hover) !important;
}
.toolbar .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  --mat-standard-button-toggle-selected-state-text-color: var(--primary-default);
  --mat-standard-button-toggle-selected-state-background-color: var(--white);
}
.toolbar .mat-button-toggle-label-content {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.toolbar.default .mat-button-toggle {
  --mat-standard-button-toggle-background-color: var(--segmented-control-grey-hover);
  --mat-standard-button-toggle-divider-color: var(--grey-500) !important;
}
.toolbar.default .mat-button-toggle:hover {
  --mat-standard-button-toggle-background-color: var(--grey-300);
}
.toolbar.default .mat-button-toggle.disabled {
  --mat-standard-button-toggle-background-color: var(--background-disabled);
  --mat-standard-button-toggle-text-color: var(--disabled-grey);
}
.toolbar.default .mat-button-toggle.disabled .mat-button-toggle-button {
  --mat-standard-button-toggle-background-color: var(--background-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.toolbar.default .mat-button-toggle.disabled:hover {
  --mat-standard-button-toggle-background-color: var(--background-disabled);
}
.toolbar.discreet {
  border-color: transparent;
}
.toolbar.discreet .mat-button-toggle {
  --mat-standard-button-toggle-background-color: transparent;
  --mat-standard-button-toggle-divider-color: transparent;
}
.toolbar.discreet .mat-button-toggle:hover {
  --mat-standard-button-toggle-background-color: var(--grey-300);
}
.toolbar.discreet .mat-button-toggle.disabled {
  --mat-standard-button-toggle-background-color: var(--background-disabled);
  --mat-standard-button-toggle-text-color: var(--disabled-grey);
}
.toolbar.discreet .mat-button-toggle.disabled .mat-button-toggle-button {
  --mat-standard-button-toggle-background-color: var(--background-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.toolbar.discreet .mat-button-toggle.disabled:hover {
  --mat-standard-button-toggle-background-color: var(--background-disabled);
}
.toolbar.discreet .mat-button-toggle .mat-button-toggle-ripple {
  border-radius: 0.5rem;
}
.toolbar.discreet .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  --mat-standard-button-toggle-selected-state-background-color: var(--grey-300);
  border-radius: 0.5rem !important;
}
.toolbar.discreet .mat-button-toggle-appearance-standard {
  border-radius: 0.5rem;
  margin: 0 2px;
}
.tooltip {
  transform-origin: center bottom;
}
.tooltip.mat-mdc-tooltip {
  border-radius: 6px !important;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  line-height: 1.15;
  box-shadow: 0 1px 3px 0 var(--tooltip-shadow) !important;
  position: relative;
  overflow: visible;
}
.tooltip.mat-mdc-tooltip.dark .mdc-tooltip__surface {
  background: var(--popover-heading-light-variant) !important;
  color: var(--popover-heading-dark-variant) !important;
  min-height: 1px;
  padding: 0;
}
.tooltip.mat-mdc-tooltip.light .mdc-tooltip__surface {
  background: var(--popover-heading-dark-variant) !important;
  color: var(--popover-heading-light-variant) !important;
  min-height: 1px;
  padding: 0;
}
.mat-mdc-tooltip-surface {
  word-break: normal;
  overflow-wrap: anywhere;
  padding: 8px !important;
  min-width: 40px;
  max-width: 200px;
  min-height: 24px;
  max-height: 40vh;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  will-change: transform, opacity;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.15;
}
.tooltip-container {
  border-radius: 6px !important;
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  line-height: 1.15;
  box-shadow: 0 6px 12px var(--grey-shadow) !important;
  pointer-events: none;
  padding: 12px;
}
.tooltip-container.dark {
  background: var(--popover-heading-light-variant) !important;
  color: var(--popover-heading-dark-variant) !important;
  min-height: 1px;
}
.tooltip-container.light {
  background: var(--popover-heading-dark-variant) !important;
  color: var(--popover-heading-light-variant) !important;
  min-height: 1px;
}
.mat-tree-node,
.mat-nested-tree-node {
  --mat-tree-node-text-color: var(--text-primary-color);
  --mat-tree-node-text-font: ABBVoice, Verdana;
  --mat-tree-node-text-size: 0.875rem;
  --mat-tree-node-text-weight: 400;
  --mat-tree-container-background-color: inherit;
  --mat-tree-node-min-height: 2rem;
}
.tree-grey-bg .mat-tree {
  background: var(--background-disabled);
}
.tree-view-container .heading {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: var(--text-primary-color);
  font-weight: 500;
  font-family: ABBVoice, Verdana;
}
.tree-view-container.with-icons .node-icon {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 0.25rem;
  justify-content: space-between;
}
.tree-view-container.with-icons .node-icon .icon_abb_dias {
  font-size: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
  display: inline-block;
}
.tree-grey-border .mat-tree-node {
  border-color: var(--grey-300);
  border-style: solid;
}
.tree-grey-border .mat-tree-node:first-child {
  border-width: 1px 1px 0px 1px;
}
.tree-grey-border .mat-tree-node:not(:first-child) {
  border-width: 0px 1px 0px 1px;
}
.tree-grey-border .mat-tree-node:last-child {
  border-width: 0px 1px 1px 1px;
}
.light-theme .mat-tree,
.dark-theme .mat-tree {
  background: inherit;
}
.mat-tree {
  background: inherit;
}
.mat-tree .icon-arrow:hover {
  cursor: pointer;
}
.mat-tree .icon-2 {
  padding: 0px;
  margin-right: 0.5rem;
  display: block;
  font-size: 1rem;
}
.mat-tree .mat-tree-node {
  font-family: ABBVoice, Verdana;
  font-size: 0.875rem;
  --mat-tree-node-min-height: 2rem;
  padding: 0.5rem;
  outline: 1px solid transparent;
  line-height: 1;
}
.mat-tree .mat-tree-node .node-name-container {
  line-height: 1.15;
  max-width: calc(100% - 16px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mat-tree .mat-tree-node .mat-mdc-button-ripple {
  display: none;
}
.mat-tree .mat-tree-node .content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mat-tree .mat-tree-node .content-wrapper .node-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}
.mat-tree .mat-tree-node .content-wrapper .right-options {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.mat-tree .mat-tree-node .content-wrapper .right-options .right-side-actions {
  display: none;
}
.mat-tree .mat-tree-node .content-wrapper .right-options .right-side-actions .icon_abb_dias {
  margin-left: 0.5rem;
}
.mat-tree .mat-tree-node .checkbox-small .mdc-label {
  line-height: 1;
  text-wrap: nowrap;
  font-size: 0.875rem;
  padding-left: 0;
}
.mat-tree .mat-tree-node .title {
  width: 100%;
  font-family: ABBVoice, Verdana;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.mat-tree .mat-tree-node:hover {
  background-color: var(--grey-300);
  cursor: pointer;
}
.mat-tree .mat-tree-node:hover .content-wrapper .right-side-actions {
  display: block;
}
.mat-tree .mat-tree-node:focus,
.mat-tree .mat-tree-node:focus-visible,
.mat-tree .mat-tree-node:active {
  background-color: var(--white);
}
.mat-tree .mat-tree-node.disabled {
  cursor: default;
  background-color: var(--white);
  opacity: 0.5;
  pointer-events: none;
}
.mat-tree .mat-tree-node.background-highlight,
.mat-tree .mat-tree-node.tree-node-selected {
  background-color: var(--accordion-expanded-bg);
  position: relative;
  color: var(--text-primary-color);
}
.mat-tree .mat-tree-node.background-highlight:before,
.mat-tree .mat-tree-node.tree-node-selected:before {
  position: absolute;
  width: 4px;
  height: 100%;
  left: 0px;
  top: 0px;
  content: "";
  background-color: var(--primary-default);
}
.mat-tree .mat-mdc-icon-button {
  padding: 0;
  width: 1rem;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 1rem;
  margin: 0;
  margin-right: 0.5rem;
  font-size: 1rem;
}
.mat-tree .mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-tree .mat-mdc-icon-button .mat-mdc-button-touch-target {
  display: none;
}
.mat-tree .mat-mdc-icon-button:hover {
  background-color: transparent;
}
.mat-tree.sm .mat-tree-node {
  padding: 0.25rem 0.5rem;
  --mat-tree-node-min-height: 1.5rem;
}
.mat-tree.sm .mat-tree-node .mat-mdc-icon-button {
  margin-left: 0.75rem;
}
.mat-tree.md .mat-tree-node {
  padding: 0.5rem 1rem;
  --mat-tree-node-min-height: 2rem;
}
.mat-tree.md .mat-mdc-icon-button {
  height: 1rem;
  margin-left: 1rem;
}
.mat-tree.lg .mat-tree-node {
  padding: 0.75rem 1.25rem;
  --mat-tree-node-min-height: 2.5rem;
}
.mat-tree.lg .mat-tree-node .mat-mdc-icon-button {
  margin-left: 1rem;
}
.mat-tree.hasDivider .mat-tree-node {
  border-bottom: 1px solid var(--grey-400);
  padding-top: 7.6px;
  padding-bottom: 7.6px;
}
.mat-tree.hasDivider .mat-tree-node:focus,
.mat-tree.hasDivider .mat-tree-node:focus-visible,
.mat-tree.hasDivider .mat-tree-node:active {
  background-color: var(--white);
}
.mat-tree.hasDivider.sm .mat-tree-node {
  padding-top: 3.6px;
  padding-bottom: 3.6px;
}
.mat-tree.hasDivider.md .mat-tree-node {
  padding-bottom: 7.6px;
  padding-top: 7.6px;
}
.mat-tree.hasDivider.lg .mat-tree-node {
  padding-bottom: 11.6px;
  padding-top: 11.6px;
}
.mat-tree .badge {
  display: flex;
}
#storybook-root mat-tree-node,
#storybook-docs mat-tree-node {
  min-width: 300px;
}
.checkbox-label-wrapper {
  width: 100%;
}
.checkbox-label-wrapper .checkbox-node-name {
  line-height: 1.15;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 24px);
}
.mat-vertical-content {
  padding: 0 !important;
  border: 0;
  position: relative;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-stepper-content .mat-stepper-vertical-line::before {
  left: 7px;
  top: -8px !important;
  bottom: -8px !important;
}
.mat-horizontal-stepper-header-container .mat-stepper-horizontal-line {
  --mat-stepper-line-color: var(--notification-neutral-bg);
  border-top-width: 1px;
  border-top-style: solid;
  flex: auto;
  height: 0;
  margin: 0 !important;
  top: calc((var(--mat-stepper-header-height) - 12px) / 2 + 12px);
}
.mat-step-header {
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  box-sizing: content-box;
  --mat-stepper-header-hover-state-layer-shape: 0.25rem;
  --mat-stepper-header-hover-state-layer-color: var(--grey-400);
}
.mat-step-header mat-icon {
  display: none;
}
.mat-step-header::before,
.mat-step-header::after {
  opacity: 0;
}
.mat-step-header[aria-labelledby=disabled_af] {
  pointer-events: none !important;
  cursor: not-allowed;
  opacity: 0.6 !important;
}
.mat-step-header:has(.mat-step-icon-selected) {
  opacity: 1;
  pointer-events: all;
}
.mat-step-header .mat-step-icon {
  cursor: pointer;
}
.mat-step-header .mat-step-icon.mat-step-icon-state-edit {
  background-color: var(--white);
  color: var(--success);
  font-size: 40px;
}
.mat-step-header .mat-step-icon.mat-step-icon-state-number:not(.mat-step-icon-selected) {
  background-color: var(--white);
  border: 2px solid var(--notification-neutral-bg) !important;
  color: var(--text-primary-color);
}
.mat-step-header .mat-step-icon.mat-step-icon-state-number:not(.mat-step-icon-selected):hover {
  border: 2px solid var(--primary-hover) !important;
}
.mat-step-header .mat-step-icon.mat-step-icon-selected {
  cursor: default !important;
  background-color: var(--primary-default);
  border: solid 2px var(--primary-default);
  color: var(--white);
}
.mat-step-header .mat-step-icon.mat-step-icon-selected:hover {
  background-color: var(--primary-hover);
  border: solid 2px var(--primary-hover);
}
.mat-step-header:has(.mat-step-icon-selected) {
  cursor: pointer;
}
.mat-step-header .mat-step-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-step-header .mat-step-label .step-label {
  font-size: 1rem;
  font-weight: 700;
  --mat-stepper-header-selected-state-label-text-color: var(--text-primary-color);
}
.mat-step-header .mat-step-label .step-description {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--grey-800);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 16px;
  padding-top: 5px;
  white-space: normal;
}
.mat-step-header.mat-horizontal-stepper-header.mat-step-header[aria-disabled=true]:hover,
.mat-step-header.mat-vertical-stepper-header.mat-step-header[aria-disabled=true]:hover {
  cursor: default;
  border-radius: 0.25rem;
  background-color: var(--grey-400);
}
.mat-step-header.mat-horizontal-stepper-header .mat-step-icon,
.mat-step-header.mat-vertical-stepper-header .mat-step-icon {
  height: 2.5rem;
  width: 2.5rem;
}
.mat-horizontal-stepper-header {
  padding: 0 1rem !important;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header {
  box-sizing: border-box;
  flex-direction: column;
  height: auto;
  width: auto;
  min-width: fit-content;
  padding: 1rem !important;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label {
  padding: 8px 0 0 0 !important;
  text-align: center;
  width: 100%;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  --mat-stepper-line-color: var(--notification-neutral-bg);
  width: 100% !important;
  border-top-width: 1px;
  border-top-style: solid;
  flex: auto;
  height: 0;
  margin: 0 0 !important;
  top: calc((var(--mat-stepper-header-height) - 12px) / 2 + 7px) !important;
}
.mat-stepper-horizontal {
  background-color: var(--grey-300);
}
.mat-stepper-vertical {
  background-color: var(--grey-300);
}
.mat-stepper-vertical .mat-stepper-vertical-line::before {
  --mat-stepper-line-color: var(--notification-neutral-bg);
  top: calc(8px - (var(--mat-stepper-header-height) - 32px) / 2) !important;
  z-index: 1;
  bottom: calc(8px - (var(--mat-stepper-header-height) - 32px) / 2) !important;
}
.mat-stepper-vertical .mat-step {
  min-width: 140px;
}
.mat-stepper-vertical .mat-step .mat-step-header {
  padding: 24px 14px 24px 16px;
}
.mat-stepper-vertical .mat-vertical-stepper-content {
  transform: translateX(-43px);
  height: 100% !important;
  visibility: visible !important;
}
.mat-stepper-vertical .mat-vertical-content-container {
  min-height: 0.25rem;
}
.mat-stepper-vertical .mat-vertical-content .mat-step-header {
  padding: 0.25rem !important;
  transform: translateX(32px) !important;
  min-width: fit-content;
}
.mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon {
  height: 1rem !important;
  width: 1rem !important;
}
.mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon.mat-step-icon-state-number.mat-step-icon-selected {
  cursor: default !important;
  background-color: var(--primary-default);
  border: solid 2px var(--primary-default);
  color: var(--white);
}
.mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon.mat-step-icon-state-edit {
  background-color: var(--white);
  color: #0ca919;
  font-size: 1rem !important;
}
.mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon.mat-step-icon-state-number {
  background-color: var(--white);
}
.mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon.mat-step-icon-state-number .mat-step-icon-content {
  display: none;
}
.mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-label .step-label {
  font-size: 0.875rem;
}
.mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-vertical-content-container {
  min-height: auto !important;
}
.wizard-placeholder-container {
  background-color: var(--grey-300);
  width: 100%;
  max-width: 100%;
}
.wizard-placeholder-container .mat-stepper-horizontal {
  background-color: var(--grey-300);
}
.wizard-placeholder-container .mat-stepper-vertical {
  background-color: var(--grey-300);
}
.wizard-placeholder-container .mat-stepper-vertical .mat-stepper-vertical-line::before {
  --mat-stepper-line-color: var(--notification-neutral-bg);
  top: calc(8px - (var(--mat-stepper-header-height) - 32px) / 2) !important;
  bottom: calc(8px - (var(--mat-stepper-header-height) - 32px) / 2) !important;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-step {
  min-width: 140px;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-step:has(.sub-stepper) {
  min-width: 92px;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-step .mat-step-header {
  padding: 24px 14px 24px 16px;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-stepper-content {
  transform: translateX(-43px);
  height: 100% !important;
  visibility: visible !important;
  z-index: 1;
  position: relative;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content-container {
  min-height: 0.25rem;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content .mat-step-header {
  padding: 0.25rem !important;
  transform: translateX(32px) !important;
  min-width: fit-content;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon {
  height: 1rem !important;
  width: 1rem !important;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon.mat-step-icon-state-number.mat-step-icon-selected {
  cursor: default !important;
  background-color: var(--primary-default);
  border: solid 2px var(--primary-default);
  color: var(--white);
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon.mat-step-icon-state-edit {
  background-color: var(--white);
  color: var(--success);
  font-size: 1rem !important;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon.mat-step-icon-state-number {
  background-color: var(--white);
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-icon.mat-step-icon-state-number .mat-step-icon-content {
  display: none;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-step-label .step-label {
  font-size: 0.875rem;
}
.wizard-placeholder-container .mat-stepper-vertical .mat-vertical-content .mat-step-header .mat-vertical-content-container {
  min-height: auto !important;
}
.wizard-placeholder-container.vertical {
  display: flex;
}
.wizard-placeholder-container.vertical .left-part {
  padding-top: 0px;
}
.wizard-placeholder-container .left-part {
  padding: 20px 20px 0 14px;
  transition: width 300ms;
}
.wizard-placeholder-container .left-part .menu_icon {
  background: var(--grey-400);
  padding: 10px;
  border-radius: 50px;
  margin-left: 10px;
  margin-right: 10px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transform: translateX(5px);
}
.wizard-placeholder-container .left-part .divider {
  --mat-stepper-line-color: var(--notification-neutral-bg);
  border-left: 1px solid var(--mat-stepper-line-color);
  height: 65px;
  width: 7%;
  margin-left: 30px;
  transform: translate(5px, 8px);
  z-index: 1;
  position: relative;
}
.wizard-placeholder-container .left-part .mat-horizontal-stepper-wrapper .mat-horizontal-content-container {
  padding: 0 !important;
  overflow: hidden;
}
.wizard-placeholder-container .left-part.collapsed {
  width: 116px;
  transition: width 300ms;
}
.wizard-placeholder-container .left-part.collapsed .mat-step-header {
  width: 44px;
}
.wizard-placeholder-container .left-part.collapsed .mat-step-header .mat-step-text-label {
  display: none;
}
.wizard-placeholder-container .left-part.collapsed .sub-stepper .mat-stepper-vertical .mat-step {
  min-width: 92px !important;
}
.wizard-placeholder-container .left-part.collapsed .sub-stepper .mat-step-header {
  width: 16px;
}
.wizard-placeholder-container .left-part.collapsed .sub-stepper .mat-step-header .mat-step-label {
  display: none;
}
.wizard-placeholder-container .left-part.collapsed .sub-stepper .mat-step-header .mat-step-icon {
  margin-right: 0 !important;
}
.wizard-placeholder-container .left-part .sub-stepper .mat-step-header {
  width: 100px;
}
.wizard-placeholder-container .right-part {
  padding: 0 32px 32px 32px;
}
.wizard-placeholder-container .right-part .form-content {
  margin: 20px 0 0 0;
  border-radius: 0.25rem;
  padding: 20px 32px 20px 32px;
  background-color: var(--white);
}
#storybook-root .wizard-placeholder-container.vertical,
#storybook-docs .wizard-placeholder-container.vertical {
  display: flex;
  padding: 16px;
}
#storybook-root .wizard-placeholder-container.vertical .left-part,
#storybook-docs .wizard-placeholder-container.vertical .left-part {
  padding-top: 0px;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* src/styles.scss */
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: ABBvoice !important;
}
.ABBHead:before {
  content: "\2014  \a";
  color: #ff000f;
  white-space: pre;
  font-size: 30px;
  font-weight: 24px;
}
.ABBHead:before {
  content: "\2014  \a";
  color: #ff000f;
  white-space: pre;
  font-size: 30px;
}
.buttonABB {
  height: 40px;
  border-radius: 34px;
  background: #ff000f;
  text-align: center;
  color: #fff;
  transition: background-color 0.25s;
  border: 0;
  display: block;
  padding: 0 36px;
}
.red-snackbar {
  background: #ff000f;
  font-weight: 550;
  color: white;
}
.mat-typography,
.mat-form-field,
.mat-input-element,
.mat-error,
.mat-select-trigger,
.mat-radio-button,
.mat-checkbox-label,
.mat-button,
.mat-checkbox-label,
.mat-label,
.mat-icon-button {
  font-family: "Your Font Name", ABBvoice !important;
}
.mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
  background-color: #ff000f !important;
  border-color: #ff000f !important;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background {
  border-color: #ff000f !important;
  background-color: #ff000f !important;
}
.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-radio__outer-circle {
  border-color: lightcoral !important;
  opacity: 1 !important;
}
.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-radio__inner-circle {
  background-color: lightcoral !important;
  opacity: 1 !important;
}
.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-radio__background::before {
  background-color: lightcoral !important;
  opacity: 0.3 !important;
}
.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-label {
  color: lightcoral !important;
  opacity: 1 !important;
}
.mat-mdc-radio-button.mat-accent.mat-mdc-radio-disabled .mdc-radio__outer-circle,
.mat-mdc-radio-button.mat-accent.mat-mdc-radio-disabled .mdc-radio__inner-circle {
  border-color: lightcoral !important;
  background-color: lightcoral !important;
}
.mat-mdc-option .mat-pseudo-checkbox {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffffff !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */