/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --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: Roboto, sans-serif;
  --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-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --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: Roboto, sans-serif;
  --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 {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
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-form-field-container-text-font: Roboto, sans-serif;
  --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: Roboto, sans-serif;
  --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;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --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);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --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 {
  --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);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-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;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --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 {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-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-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --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-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);
}
html {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --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 {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.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-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
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;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --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;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --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 {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-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);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-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);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-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);
  --mat-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);
  --mat-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);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --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);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --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: Roboto, sans-serif;
  --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: Roboto, sans-serif;
  --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;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --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;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --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;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --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-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --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);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --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-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --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: Roboto, sans-serif;
  --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-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --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;
}
html {
  --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);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --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-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --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-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-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);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  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 Roboto, sans-serif;
  letter-spacing: .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 Roboto, sans-serif;
  letter-spacing: .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 Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .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 Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/@ng-select/ng-select/themes/default.theme.css */
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: hsl(0, 0%, 70%) #ccc hsl(0, 0%, 85%);
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid hsl(0, 0%, 90%);
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: .9em;
  margin-bottom: 5px;
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: rgb(209.1, 231.78, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid rgb(183.6, 218.88, 255);
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus {
  outline: none;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: hsl(0, 0%, 90%);
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, .54);
  background-color: rgb(234.6, 244.68, 255);
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

/* node_modules/minireset.css/minireset.css */
/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style: none;
}
button,
input,
select {
  margin: 0;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
img,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/* node_modules/swiper/swiper.css */
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:
    linear-gradient(
      to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* node_modules/swiper/modules/effect-fade.css */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* src/styles.scss */
@font-face {
  font-family: "SourceSansRegular";
  src: url("./media/sourcesans3-regular-webfont.eot");
  src:
    url("./media/sourcesans3-regular-webfont.eot#iefix") format("embedded-opentype"),
    url("./media/SourceSans3-VariableFont_wght.ttf") format("truetype-variations"),
    url("./media/sourcesans3-regular-webfont.ttf") format("truetype"),
    url("./media/sourcesans3-regular-webfont.woff") format("woff"),
    url("./media/sourcesans3-regular-webfont.woff2") format("woff2"),
    url("./media/sourcesans3-regular-webfont.svg#SourceSansRegular") format("svg");
  font-weight: normal;
  font-weight: 1 999;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "SourceSansItalic";
  src: url("./media/sourcesans3-italic-webfont.eot");
  src:
    url("./media/sourcesans3-italic-webfont.eot#iefix") format("embedded-opentype"),
    url("./media/SourceSans3-Italic-VariableFont_wght.ttf") format("truetype-variations"),
    url("./media/sourcesans3-italic-webfont.ttf") format("truetype"),
    url("./media/sourcesans3-italic-webfont.woff") format("woff"),
    url("./media/sourcesans3-italic-webfont.woff2") format("woff2"),
    url("./media/sourcesans3-italic-webfont.svg#SourceSansItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "InterBlack";
  src: url("./media/Inter-Black.eot");
  src:
    url("./media/Inter-Black.eot#iefix") format("embedded-opentype"),
    url("./media/Inter-Black.ttf") format("truetype"),
    url("./media/Inter-Black.woff") format("woff"),
    url("./media/Inter-Black.woff2") format("woff2"),
    url("./media/Inter-Black.svg#SourceSansItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "InterBold";
  src: url("./media/Inter-Bold.eot");
  src:
    url("./media/Inter-Bold.eot#iefix") format("embedded-opentype"),
    url("./media/Inter-Bold.ttf") format("truetype"),
    url("./media/Inter-Bold.woff") format("woff"),
    url("./media/Inter-Bold.woff2") format("woff2"),
    url("./media/Inter-Bold.svg#SourceSansItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "InterRegular";
  src: url("./media/Inter-Regular.eot");
  src:
    url("./media/Inter-Regular.eot#iefix") format("embedded-opentype"),
    url("./media/Inter-Regular.ttf") format("truetype"),
    url("./media/Inter-Regular.woff") format("woff"),
    url("./media/Inter-Regular.woff2") format("woff2"),
    url("./media/Inter-Regular.svg#SourceSansItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "InterSemiBold";
  src: url("./media/Inter-SemiBold.eot");
  src:
    url("./media/Inter-SemiBold.eot#iefix") format("embedded-opentype"),
    url("./media/Inter-SemiBold.ttf") format("truetype"),
    url("./media/Inter-SemiBold.woff") format("woff"),
    url("./media/Inter-SemiBold.woff2") format("woff2"),
    url("./media/Inter-SemiBold.svg#SourceSansItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "InterVariable";
  src: url("./media/Inter-Regular.woff2") format("woff2");
  font-weight: normal;
  font-weight: 1 999;
  font-style: normal;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "RobotoMonoVariable";
  src: url("./media/RobotoMono-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: normal;
  font-weight: 1 999;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/roboto-regular-webfont.eot");
  src:
    url("./media/roboto-regular-webfont.eot#iefix") format("embedded-opentype"),
    url("./media/roboto-regular-webfont.ttf") format("truetype"),
    url("./media/roboto-regular-webfont.woff") format("woff"),
    url("./media/roboto-regular-webfont.woff2") format("woff2"),
    url("./media/roboto-regular-webfont.svg#RobotoMedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "RobotoBold";
  src: url("./media/roboto-bold-webfont.eot");
  src:
    url("./media/roboto-bold-webfont.eot#iefix") format("embedded-opentype"),
    url("./media/roboto-bold-webfont.ttf") format("truetype"),
    url("./media/roboto-bold-webfont.woff") format("woff"),
    url("./media/roboto-bold-webfont.woff2") format("woff2"),
    url("./media/roboto-bold-webfont.svg#RobotoBold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "RobotoMedium";
  src: url("./media/roboto-medium-webfont.eot");
  src:
    url("./media/roboto-medium-webfont.eot#iefix") format("embedded-opentype"),
    url("./media/roboto-medium-webfont.ttf") format("truetype"),
    url("./media/roboto-medium-webfont.woff") format("woff"),
    url("./media/roboto-medium-webfont.woff2") format("woff2"),
    url("./media/roboto-medium-webfont.svg#RobotoMedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "RobotoLight";
  src: url("./media/roboto-light-webfont.eot");
  src:
    url("./media/roboto-light-webfont.eot#iefix") format("embedded-opentype"),
    url("./media/roboto-light-webfont.ttf") format("truetype"),
    url("./media/roboto-light-webfont.woff") format("woff"),
    url("./media/roboto-light-webfont.woff2") format("woff2"),
    url("./media/roboto-light-webfont.svg#RobotoLight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "ChakraPetch";
  src: url("./media/chakrapetch-regular-webfont.eot");
  src:
    url("./media/chakrapetch-regular-webfont.eot#iefix") format("embedded-opentype"),
    url("./media/chakrapetch-regular-webfont.ttf") format("truetype"),
    url("./media/chakrapetch-regular-webfont.woff") format("woff"),
    url("./media/chakrapetch-regular-webfont.woff2") format("woff2"),
    url("./media/chakrapetch-regular-webfont.svg#ChakraPetch") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "ChakraPetchBold";
  src: url("./media/chakrapetch-bold-webfont.eot");
  src:
    url("./media/chakrapetch-bold-webfont.eot#iefix") format("embedded-opentype"),
    url("./media/chakrapetch-bold-webfont.ttf") format("truetype"),
    url("./media/chakrapetch-bold-webfont.woff") format("woff"),
    url("./media/chakrapetch-bold-webfont.woff2") format("woff2"),
    url("./media/chakrapetch-bold-webfont.svg#ChakraPetchBold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon.eot?shjlz7");
  src:
    url("./media/icomoon.eot?shjlz7#iefix") format("embedded-opentype"),
    url("./media/icomoon.ttf?shjlz7") format("truetype"),
    url("./media/icomoon.woff?shjlz7") format("woff"),
    url("./media/icomoon.svg?shjlz7#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes record-shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes record-shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes shimmer {
  to {
    transform: translateX(100%);
  }
}
body {
  font-size: 14px;
  height: 100%;
  margin: 0;
  min-height: 100vh;
  min-width: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
body:before {
  content: "0" !important;
  display: none;
}
@media (min-width: 480px) {
  body:before {
    content: "480" !important;
  }
}
@media (min-width: 600px) {
  body:before {
    content: "600" !important;
  }
}
@media (min-width: 768px) {
  body:before {
    content: "768" !important;
  }
}
@media (min-width: 992px) {
  body:before {
    content: "992" !important;
  }
}
@media (min-width: 1024px) {
  body:before {
    content: "1024" !important;
  }
}
@media (min-width: 1200px) {
  body:before {
    content: "1200" !important;
  }
}
@media (min-width: 1280px) {
  body:before {
    content: "1280" !important;
  }
}
@media (min-width: 1360px) {
  body:before {
    content: "1360" !important;
  }
}
@media (min-width: 1400px) {
  body:before {
    content: "1400" !important;
  }
}
@media (min-width: 1440px) {
  body:before {
    content: "1440" !important;
  }
}
@media (min-width: 1600px) {
  body:before {
    content: "1600" !important;
  }
}
@media (min-width: 1680px) {
  body:before {
    content: "1680" !important;
  }
}
@media (min-width: 1920px) {
  body:before {
    content: "1920" !important;
  }
}
a {
  cursor: pointer;
  font-family:
    "Roboto",
    "InterVariable",
    "InterRegular",
    "SourceSansRegular",
    "Titillium Web",
    Verdana,
    Tahoma,
    sans-serif;
  font-weight: 500;
}
button {
  font-family:
    "Roboto",
    "InterVariable",
    "InterRegular",
    "SourceSansRegular",
    "Titillium Web",
    Verdana,
    Tahoma,
    sans-serif !important;
  font-weight: 500;
  cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
div {
  font-family:
    "Roboto",
    "InterVariable",
    "InterRegular",
    Verdana,
    Tahoma,
    sans-serif !important;
  font-family: normal;
}
fieldset {
  border-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #090914;
  font-family:
    "ChakraPetch",
    "InterVariable",
    "InterRegular",
    Verdana,
    Tahoma,
    sans-serif !important;
  font-weight: 600 !important;
}
img {
  border: none;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
input {
  font-family:
    "Roboto",
    "InterVariable",
    "InterRegular",
    Verdana,
    Tahoma,
    sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
input[type=search] {
  -webkit-appearance: none;
}
input[type=submit] {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=password]::-ms-reveal {
  display: none;
}
.form-group {
  margin-bottom: 15px;
}
.form-label {
  color: #090914;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  vertical-align: top;
  width: 100%;
}
.form-control {
  border: 1px solid #CBD5E1;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #e1e7ef;
  display: block;
  font-size: 14px;
  font-weight: 300;
  height: 34px;
  padding: 0 10px;
  width: 100%;
}
.form-control:read-only {
  background-color: #eee;
}
select.form-control {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTUxMiA4MjcuNzMzbC01MTItNTEyIDExOS40NjYtMTE5LjQ2NiAzOTIuNTM0IDM5Mi41MzQgMzkyLjUzNC0zOTIuNTM0IDExOS40NjYgMTE5LjQ2Ni01MTIgNTEyeiI+PC9wYXRoPgo8L3N2Zz4K);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px;
  cursor: pointer;
  padding-right: 25px;
}
select.form-control:read-only {
  background-color: #fff;
}
.form-control:disabled {
  background-color: #eee;
}
textarea.form-control {
  height: 68px;
}
label {
  font-family:
    "Roboto",
    "InterVariable",
    "InterRegular",
    "SourceSansRegular",
    "Titillium Web",
    Verdana,
    Tahoma,
    sans-serif !important;
  font-family: normal;
  font-size: 16px;
}
p {
  font-family:
    "Roboto",
    "InterVariable",
    "InterRegular",
    "SourceSansRegular",
    "Titillium Web",
    Verdana,
    Tahoma,
    sans-serif !important;
  font-weight: 500;
  font-size: 16px;
}
span {
  font-family:
    "Roboto",
    "InterVariable",
    "InterRegular",
    "SourceSansRegular",
    "Titillium Web",
    Verdana,
    Tahoma,
    sans-serif;
  font-weight: 500;
}
table {
  border: none;
  width: 100%;
}
text-center {
  text-align: center;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icomoon {
  font-family: "icomoon" !important;
}
.icon-attribute-group:before {
  content: "\e900";
}
.icon-window-group:before {
  content: "\e901";
}
.icon-search-list:before {
  content: "\e902";
}
.icon-folder-tree:before {
  content: "\e903";
}
.icon-table:before {
  content: "\e904";
}
.icon-warehouse:before {
  content: "\e905";
}
.icon-store:before {
  content: "\e906";
}
.icon-store-add:before {
  content: "\e907";
}
.icon-bag-1:before {
  content: "\e908";
}
.icon-bag-2:before {
  content: "\e909";
}
.icon-check-list:before {
  content: "\e90a";
}
.icon-measurement:before {
  content: "\e90b";
}
.icon-categorization:before {
  content: "\e90c";
}
.icon-group-list:before {
  content: "\e90d";
}
.icon-attribute-family:before {
  content: "\e90e";
}
.icon-dashboard:before {
  content: "\e90f";
}
.icon-product-browser:before {
  content: "\e910";
}
.icon-product-search:before {
  content: "\e911";
}
.icon-uom-lookup:before {
  content: "\e912";
}
.icon-download:before {
  content: "\e913";
}
.icon-upload:before {
  content: "\e914";
}
.icon-filter-list:before {
  content: "\e915";
}
.icon-close:before {
  content: "\e916";
}
.icon-pencil:before {
  content: "\e917";
}
.icon-return:before {
  content: "\e918";
}
.icon-admin-panel-security:before {
  content: "\e919";
}
.icon-manage-account:before {
  content: "\e91a";
}
.icon-id-card:before {
  content: "\e91b";
}
.icon-module-overview:before {
  content: "\e91c";
}
.icon-contact-support:before {
  content: "\e91d";
}
.icon-help:before {
  content: "\e91e";
}
.icon-encrypted:before {
  content: "\e91f";
}
.icon-delete-forever:before {
  content: "\e920";
}
.icon-download1:before {
  content: "\e921";
}
.icon-upload1:before {
  content: "\e922";
}
.icon-home:before {
  content: "\e923";
}
.icon-person:before {
  content: "\e924";
}
.icon-store-front:before {
  content: "\e925";
}
.icon-folder-copy:before {
  content: "\e926";
}
.icon-window:before {
  content: "\e927";
}
.icon-category-search:before {
  content: "\e928";
}
.icon-report:before {
  content: "\e929";
}
.icon-help-center:before {
  content: "\e92a";
}
.icon-box-ruler:before {
  content: "\e92b";
}
.icon-channel:before {
  content: "\e92c";
}
.icon-send:before {
  content: "\e92d";
}
.icon-overlapped-circle-check:before {
  content: "\e92e";
}
.icon-deselect:before {
  content: "\e92f";
}
.icon-filter-off:before {
  content: "\e930";
}
.icon-reset-column:before {
  content: "\e931";
}
.icon-security-group:before {
  content: "\e932";
}
.icon-export-runs:before {
  content: "\e933";
}
.icon-export-data:before {
  content: "\e934";
}
.icon-export-profile:before {
  content: "\e935";
}
.icon-uom-search:before {
  content: "\e936";
}
.icon-package:before {
  content: "\e937";
}
.icon-account-circle:before {
  content: "\e938";
}
.icon-two-pager-store:before {
  content: "\e939";
}
.icon-trip:before {
  content: "\e93a";
}
.icon-vital-signs:before {
  content: "\e93b";
}
.icon-sync-alt:before {
  content: "\e93c";
}
.icon-rule-settings:before {
  content: "\e93d";
}
.icon-mail:before {
  content: "\e93e";
}
.grid-area-form-header-right {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 4px;
  overflow: hidden;
  padding: 0 12px 0 4px;
}
.record-header-identity {
  min-width: 280px;
  max-width: 560px;
  padding: 0;
  overflow: hidden;
}
.record-header-title-row {
  width: 100%;
  overflow: hidden;
}
.form__title--record-header-l1 {
  font-size: 18px !important;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 0;
  min-width: 0;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.form__subtitle--record-header-l2 {
  font-size: 11px;
  color: #888;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.record-header-nav-count {
  font-size: 12px;
  color: #555;
  min-width: 48px;
  text-align: center;
  line-height: 1;
  flex-shrink: 0;
}
.record-status-badge {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 12px;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 2px 10px;
  white-space: nowrap;
}
.record-status-badge[data-value=Active],
.record-status-badge--active {
  background-color: #dcfce7;
  border-color: #b9f8cf;
  color: #008236;
}
.record-status-badge[data-value=Inactive],
.record-status-badge--inactive {
  background: #fef2f2;
  border-color: #ff8086;
  color: #ef4343;
}
.record-status-badge[data-value=Draft],
.record-status-badge--draft {
  background: #fefce8;
  border-color: #fff085;
  color: #a65f00;
}
.record-status-badge[data-value=Discontinued],
.record-status-badge--discontinued {
  background: #f9fafb;
  border-color: #ebe6e7;
  color: #65758b;
}
webgui-deleted-record-banner {
  display: block;
  margin: 10px 0;
  width: 100%;
}
.deleted-record-banner {
  align-items: center;
  background: #fef2f2;
  border: 1px solid #ff8086;
  border-radius: 4px;
  color: #ef4343;
  display: flex;
  flex-basis: 100%;
  font-size: 13px;
  font-weight: 500;
  gap: 8px;
  padding: 8px 12px;
  width: 100%;
}
.deleted-record-banner__icon {
  color: #ef4343;
  flex-shrink: 0;
}
.deleted-record-banner .undelete {
  color: #23631D;
}
.TabsLeftHand .mat-mdc-tab-labels {
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
}
.TabsLeftHand .mat-mdc-tab {
  flex: 0 0 auto !important;
  height: 44px !important;
  min-height: 44px !important;
}
.TabsLeftHand .mdc-tab__text-label {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.TabsLeftHand .tab-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  flex-shrink: 0;
}
.TabsLeftHand .tab-icon.fa {
  font-size: 12px;
}
.edit-section-scroll {
  overflow-y: auto;
  height: 100%;
  padding: 16px 20px;
  box-sizing: border-box;
}
.edit-section-header {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 16px;
  padding: 16px 0 0;
}
.edit-section-header__title {
  display: block;
  font-size: 20px;
  font-family: "ChakraPetch";
  font-weight: 600;
  color: #1a1a2e;
}
.edit-section-header__subtitle {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 3px;
}
.edit-section-header__action {
  margin-top: 6px;
  align-self: flex-start;
}
.edit-card {
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  padding: 14px 16px;
  margin-bottom: 14px;
  background: #fff;
}
.edit-card__title {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
.edit-card__label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #555;
  margin-bottom: 4px;
}
.edit-card__sublabel {
  margin-top: 10px;
}
.edit-card__field {
  width: 100%;
}
.edit-card--completeness {
  background: #fafafa;
}
.edit-completeness {
  display: flex;
  align-items: center;
  gap: 10px;
}
.edit-completeness__bar-wrap {
  flex: 1;
  height: 8px;
  background: #e8e8e8;
  border-radius: 4px;
  overflow: hidden;
}
.edit-completeness__bar {
  height: 100%;
  background: #f59e0b;
  border-radius: 4px;
  transition: width 0.4s ease;
  min-width: 2px;
}
.edit-completeness__pct {
  font-size: 13px;
  font-weight: 600;
  color: #f59e0b;
  min-width: 36px;
  text-align: right;
}
.edit-subsection {
  margin-top: 20px;
}
.edit-subsection__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 10px;
}
.edit-subsection__title {
  font-size: 13px;
  font-weight: 600;
  color: #444;
}
.edit-status-selector {
  display: flex;
  gap: 12px;
}
.edit-status-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 14px;
  border: 2px solid #e4e4e4;
  border-radius: 6px;
  background: #fafafa;
  opacity: 0.5;
}
.edit-status-card--active {
  border-color: #22c55e;
  background: #f0fdf4;
  opacity: 1;
}
.edit-status-card__icon {
  font-size: 18px;
  margin-bottom: 4px;
  color: #22c55e;
}
.edit-status-card__label {
  font-size: 13px;
  font-weight: 600;
  color: #222;
}
.edit-status-card__desc {
  font-size: 11px;
  color: #888;
  margin-top: 2px;
}
.form-field-group {
  margin-bottom: 8px;
}
.form-field-group__header {
  margin-bottom: 10px;
}
.form-field-group__title {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.form-field-group__body {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
}
.form-field-group__body .form-control-wrap:last-child {
  margin-bottom: 0;
}
.form-field-group--bordered {
  border: 1px solid #e1e7ef;
  border-radius: 6px;
  padding: 14px 16px 6px;
}
.form-field-group--bordered .form-field-group__header {
  border-bottom: 1px solid #f0f2f5;
  padding-bottom: 8px;
  margin-bottom: 12px;
}
.form-field-group--subtle {
  background: #f9fafb;
  border-radius: 6px;
  padding: 12px 16px 4px;
}
.form-field-group .quick-list-card {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}
.form-field-group .quick-list-card .quick-list-card-content.loading-record--spinner {
  min-height: 80px;
}
.form-field-group .quick-list-card .quick-list-card-content.loading-record--spinner:before {
  background-color: #fff;
  background-size: 40px;
}
.form-field-group .quick-list-card__label {
  color: #65758b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.form-field-group .quick-list-card__label mat-icon {
  margin-right: 5px;
  vertical-align: middle;
}
.form-field-group .quick-list-card__list {
  background-color: #f9fafb;
  border: 1px solid #65758b;
  border-radius: 4px;
  margin-top: 10px;
  padding: 2px 5px;
}
.form-field-group .quick-list-card__item mat-icon {
  background-color: transparent;
}
.form-field-group .quick-list-card__add-icon {
  font-size: 17px;
}
.form-field-group .quick-list-card__description {
  color: #65758b;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.form-field-group .quick-list-card[data-form-name=ProductBranch-QuickList] .quick-list-card__label {
  color: #162326;
  font-size: 14px;
  font-weight: 500;
}
.form-field-group .quick-list-card[data-form-name=ProductBranch-QuickList] .quick-list-card__empty {
  border: 1px dashed #e1e7ef;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
.form-field-group .quick-list-card[data-form-name=ProductBranch-QuickList] .quick-list-card__list {
  background-color: transparent;
  border-color: transparent;
  display: block;
  margin: 0;
  max-height: 480px;
  overflow-y: auto;
  padding: 0;
}
.form-field-group .quick-list-card[data-form-name=ProductBranch-QuickList] .quick-list-card__col[data-fieldname=TenantBranchCode] {
  color: #162326;
  flex-grow: 0;
}
.form-field-group .quick-list-card[data-form-name=ProductBranch-QuickList] .quick-list-card__col[data-fieldname=TenantBranchName] {
  color: #65758b;
  flex-grow: 1;
}
.flex-auto {
  flex: 1 1 auto;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  max-height: 100%;
  overflow: hidden;
}
body {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#root,
html,
body,
main {
  font-family: "InterVariable";
  background: white;
  font-weight: 500;
  height: 100%;
  width: 100%;
  padding: 0rem;
  margin: 0rem;
}
.btn-default {
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
  border-radius: 6px;
  color: #333;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
  background-color: #e6f5ff;
  border-color: #006db0;
  color: #333;
}
.btn-default:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-default:disabled:active,
.btn-default:disabled:focus,
.btn-default:disabled:hover {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.btn-default .fa,
.btn-default .fas,
.btn-default .far,
.btn-default .app-icon,
.btn-default .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-default .fa mat-icon.mat-icon:empty,
.btn-default .fas mat-icon.mat-icon:empty,
.btn-default .far mat-icon.mat-icon:empty,
.btn-default .app-icon mat-icon.mat-icon:empty,
.btn-default .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-default .fa.mat-icon,
.btn-default .fas.mat-icon,
.btn-default .far.mat-icon,
.btn-default .app-icon.mat-icon,
.btn-default .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-default .fa .app-icon__font,
.btn-default .fa .app-icon__font.fa,
.btn-default .fa .app-icon__font.fas,
.btn-default .fa .app-icon__font.far,
.btn-default .fas .app-icon__font,
.btn-default .fas .app-icon__font.fa,
.btn-default .fas .app-icon__font.fas,
.btn-default .fas .app-icon__font.far,
.btn-default .far .app-icon__font,
.btn-default .far .app-icon__font.fa,
.btn-default .far .app-icon__font.fas,
.btn-default .far .app-icon__font.far,
.btn-default .app-icon .app-icon__font,
.btn-default .app-icon .app-icon__font.fa,
.btn-default .app-icon .app-icon__font.fas,
.btn-default .app-icon .app-icon__font.far,
.btn-default .btn__icon .app-icon__font,
.btn-default .btn__icon .app-icon__font.fa,
.btn-default .btn__icon .app-icon__font.fas,
.btn-default .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-default.btn--danger {
  background-color: #b70f0a;
  border: 1px solid #b70f0a;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-default.btn--danger:active,
.btn-default.btn--danger:focus,
.btn-default.btn--danger:hover {
  background-color: #f2140d;
  border-color: #f2140d;
  color: #fff;
}
.btn-default.btn--danger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-default.btn--danger:disabled:active,
.btn-default.btn--danger:disabled:focus,
.btn-default.btn--danger:disabled:hover {
  background-color: #b70f0a;
  border-color: #b70f0a;
}
.btn-default.btn--danger .fa,
.btn-default.btn--danger .fas,
.btn-default.btn--danger .far,
.btn-default.btn--danger .app-icon,
.btn-default.btn--danger .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-default.btn--danger .fa mat-icon.mat-icon:empty,
.btn-default.btn--danger .fas mat-icon.mat-icon:empty,
.btn-default.btn--danger .far mat-icon.mat-icon:empty,
.btn-default.btn--danger .app-icon mat-icon.mat-icon:empty,
.btn-default.btn--danger .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-default.btn--danger .fa.mat-icon,
.btn-default.btn--danger .fas.mat-icon,
.btn-default.btn--danger .far.mat-icon,
.btn-default.btn--danger .app-icon.mat-icon,
.btn-default.btn--danger .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-default.btn--danger .fa .app-icon__font,
.btn-default.btn--danger .fa .app-icon__font.fa,
.btn-default.btn--danger .fa .app-icon__font.fas,
.btn-default.btn--danger .fa .app-icon__font.far,
.btn-default.btn--danger .fas .app-icon__font,
.btn-default.btn--danger .fas .app-icon__font.fa,
.btn-default.btn--danger .fas .app-icon__font.fas,
.btn-default.btn--danger .fas .app-icon__font.far,
.btn-default.btn--danger .far .app-icon__font,
.btn-default.btn--danger .far .app-icon__font.fa,
.btn-default.btn--danger .far .app-icon__font.fas,
.btn-default.btn--danger .far .app-icon__font.far,
.btn-default.btn--danger .app-icon .app-icon__font,
.btn-default.btn--danger .app-icon .app-icon__font.fa,
.btn-default.btn--danger .app-icon .app-icon__font.fas,
.btn-default.btn--danger .app-icon .app-icon__font.far,
.btn-default.btn--danger .btn__icon .app-icon__font,
.btn-default.btn--danger .btn__icon .app-icon__font.fa,
.btn-default.btn--danger .btn__icon .app-icon__font.fas,
.btn-default.btn--danger .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-default.btn--info {
  background-color: #0b7285;
  border: 1px solid #0b7285;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-default.btn--info:active,
.btn-default.btn--info:focus,
.btn-default.btn--info:hover {
  background-color: #13cbec;
  border-color: #13cbec;
  color: #fff;
}
.btn-default.btn--info:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-default.btn--info:disabled:active,
.btn-default.btn--info:disabled:focus,
.btn-default.btn--info:disabled:hover {
  background-color: #0b7285;
  border-color: #0b7285;
}
.btn-default.btn--info .fa,
.btn-default.btn--info .fas,
.btn-default.btn--info .far,
.btn-default.btn--info .app-icon,
.btn-default.btn--info .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-default.btn--info .fa mat-icon.mat-icon:empty,
.btn-default.btn--info .fas mat-icon.mat-icon:empty,
.btn-default.btn--info .far mat-icon.mat-icon:empty,
.btn-default.btn--info .app-icon mat-icon.mat-icon:empty,
.btn-default.btn--info .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-default.btn--info .fa.mat-icon,
.btn-default.btn--info .fas.mat-icon,
.btn-default.btn--info .far.mat-icon,
.btn-default.btn--info .app-icon.mat-icon,
.btn-default.btn--info .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-default.btn--info .fa .app-icon__font,
.btn-default.btn--info .fa .app-icon__font.fa,
.btn-default.btn--info .fa .app-icon__font.fas,
.btn-default.btn--info .fa .app-icon__font.far,
.btn-default.btn--info .fas .app-icon__font,
.btn-default.btn--info .fas .app-icon__font.fa,
.btn-default.btn--info .fas .app-icon__font.fas,
.btn-default.btn--info .fas .app-icon__font.far,
.btn-default.btn--info .far .app-icon__font,
.btn-default.btn--info .far .app-icon__font.fa,
.btn-default.btn--info .far .app-icon__font.fas,
.btn-default.btn--info .far .app-icon__font.far,
.btn-default.btn--info .app-icon .app-icon__font,
.btn-default.btn--info .app-icon .app-icon__font.fa,
.btn-default.btn--info .app-icon .app-icon__font.fas,
.btn-default.btn--info .app-icon .app-icon__font.far,
.btn-default.btn--info .btn__icon .app-icon__font,
.btn-default.btn--info .btn__icon .app-icon__font.fa,
.btn-default.btn--info .btn__icon .app-icon__font.fas,
.btn-default.btn--info .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-default.btn--success {
  background-color: #23631D;
  border: 1px solid #23631D;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-default.btn--success:active,
.btn-default.btn--success:focus,
.btn-default.btn--success:hover {
  background-color: #3eb234;
  border-color: #3eb234;
  color: #fff;
}
.btn-default.btn--success:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-default.btn--success:disabled:active,
.btn-default.btn--success:disabled:focus,
.btn-default.btn--success:disabled:hover {
  background-color: #23631D;
  border-color: #23631D;
}
.btn-default.btn--success .fa,
.btn-default.btn--success .fas,
.btn-default.btn--success .far,
.btn-default.btn--success .app-icon,
.btn-default.btn--success .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-default.btn--success .fa mat-icon.mat-icon:empty,
.btn-default.btn--success .fas mat-icon.mat-icon:empty,
.btn-default.btn--success .far mat-icon.mat-icon:empty,
.btn-default.btn--success .app-icon mat-icon.mat-icon:empty,
.btn-default.btn--success .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-default.btn--success .fa.mat-icon,
.btn-default.btn--success .fas.mat-icon,
.btn-default.btn--success .far.mat-icon,
.btn-default.btn--success .app-icon.mat-icon,
.btn-default.btn--success .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-default.btn--success .fa .app-icon__font,
.btn-default.btn--success .fa .app-icon__font.fa,
.btn-default.btn--success .fa .app-icon__font.fas,
.btn-default.btn--success .fa .app-icon__font.far,
.btn-default.btn--success .fas .app-icon__font,
.btn-default.btn--success .fas .app-icon__font.fa,
.btn-default.btn--success .fas .app-icon__font.fas,
.btn-default.btn--success .fas .app-icon__font.far,
.btn-default.btn--success .far .app-icon__font,
.btn-default.btn--success .far .app-icon__font.fa,
.btn-default.btn--success .far .app-icon__font.fas,
.btn-default.btn--success .far .app-icon__font.far,
.btn-default.btn--success .app-icon .app-icon__font,
.btn-default.btn--success .app-icon .app-icon__font.fa,
.btn-default.btn--success .app-icon .app-icon__font.fas,
.btn-default.btn--success .app-icon .app-icon__font.far,
.btn-default.btn--success .btn__icon .app-icon__font,
.btn-default.btn--success .btn__icon .app-icon__font.fa,
.btn-default.btn--success .btn__icon .app-icon__font.fas,
.btn-default.btn--success .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-default.btn--warning {
  background-color: #e0a800;
  border: 1px solid #e0a800;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-default.btn--warning:active,
.btn-default.btn--warning:focus,
.btn-default.btn--warning:hover {
  background-color: #ffcc33;
  border-color: #ffcc33;
  color: #fff;
}
.btn-default.btn--warning:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-default.btn--warning:disabled:active,
.btn-default.btn--warning:disabled:focus,
.btn-default.btn--warning:disabled:hover {
  background-color: #e0a800;
  border-color: #e0a800;
}
.btn-default.btn--warning .fa,
.btn-default.btn--warning .fas,
.btn-default.btn--warning .far,
.btn-default.btn--warning .app-icon,
.btn-default.btn--warning .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-default.btn--warning .fa mat-icon.mat-icon:empty,
.btn-default.btn--warning .fas mat-icon.mat-icon:empty,
.btn-default.btn--warning .far mat-icon.mat-icon:empty,
.btn-default.btn--warning .app-icon mat-icon.mat-icon:empty,
.btn-default.btn--warning .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-default.btn--warning .fa.mat-icon,
.btn-default.btn--warning .fas.mat-icon,
.btn-default.btn--warning .far.mat-icon,
.btn-default.btn--warning .app-icon.mat-icon,
.btn-default.btn--warning .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-default.btn--warning .fa .app-icon__font,
.btn-default.btn--warning .fa .app-icon__font.fa,
.btn-default.btn--warning .fa .app-icon__font.fas,
.btn-default.btn--warning .fa .app-icon__font.far,
.btn-default.btn--warning .fas .app-icon__font,
.btn-default.btn--warning .fas .app-icon__font.fa,
.btn-default.btn--warning .fas .app-icon__font.fas,
.btn-default.btn--warning .fas .app-icon__font.far,
.btn-default.btn--warning .far .app-icon__font,
.btn-default.btn--warning .far .app-icon__font.fa,
.btn-default.btn--warning .far .app-icon__font.fas,
.btn-default.btn--warning .far .app-icon__font.far,
.btn-default.btn--warning .app-icon .app-icon__font,
.btn-default.btn--warning .app-icon .app-icon__font.fa,
.btn-default.btn--warning .app-icon .app-icon__font.fas,
.btn-default.btn--warning .app-icon .app-icon__font.far,
.btn-default.btn--warning .btn__icon .app-icon__font,
.btn-default.btn--warning .btn__icon .app-icon__font.fa,
.btn-default.btn--warning .btn__icon .app-icon__font.fas,
.btn-default.btn--warning .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-default.btn--black {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-default.btn--black:active,
.btn-default.btn--black:focus,
.btn-default.btn--black:hover {
  background-color: #5e5c5d;
  border-color: #5e5c5d;
  color: #fff;
}
.btn-default.btn--black:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-default.btn--black:disabled:active,
.btn-default.btn--black:disabled:focus,
.btn-default.btn--black:disabled:hover {
  background-color: #000;
  border-color: #000;
}
.btn-default.btn--black .fa,
.btn-default.btn--black .fas,
.btn-default.btn--black .far,
.btn-default.btn--black .app-icon,
.btn-default.btn--black .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-default.btn--black .fa mat-icon.mat-icon:empty,
.btn-default.btn--black .fas mat-icon.mat-icon:empty,
.btn-default.btn--black .far mat-icon.mat-icon:empty,
.btn-default.btn--black .app-icon mat-icon.mat-icon:empty,
.btn-default.btn--black .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-default.btn--black .fa.mat-icon,
.btn-default.btn--black .fas.mat-icon,
.btn-default.btn--black .far.mat-icon,
.btn-default.btn--black .app-icon.mat-icon,
.btn-default.btn--black .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-default.btn--black .fa .app-icon__font,
.btn-default.btn--black .fa .app-icon__font.fa,
.btn-default.btn--black .fa .app-icon__font.fas,
.btn-default.btn--black .fa .app-icon__font.far,
.btn-default.btn--black .fas .app-icon__font,
.btn-default.btn--black .fas .app-icon__font.fa,
.btn-default.btn--black .fas .app-icon__font.fas,
.btn-default.btn--black .fas .app-icon__font.far,
.btn-default.btn--black .far .app-icon__font,
.btn-default.btn--black .far .app-icon__font.fa,
.btn-default.btn--black .far .app-icon__font.fas,
.btn-default.btn--black .far .app-icon__font.far,
.btn-default.btn--black .app-icon .app-icon__font,
.btn-default.btn--black .app-icon .app-icon__font.fa,
.btn-default.btn--black .app-icon .app-icon__font.fas,
.btn-default.btn--black .app-icon .app-icon__font.far,
.btn-default.btn--black .btn__icon .app-icon__font,
.btn-default.btn--black .btn__icon .app-icon__font.fa,
.btn-default.btn--black .btn__icon .app-icon__font.fas,
.btn-default.btn--black .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-default.btn--no-border {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-default.btn--no-border:active,
.btn-default.btn--no-border:focus,
.btn-default.btn--no-border:hover {
  background-color: #e6f5ff;
  border-color: #fff;
  color: #000;
}
.btn-default.btn--no-border:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-default.btn--no-border:disabled:active,
.btn-default.btn--no-border:disabled:focus,
.btn-default.btn--no-border:disabled:hover {
  background-color: #fff;
  border-color: #fff;
}
.btn-default.btn--no-border .fa,
.btn-default.btn--no-border .fas,
.btn-default.btn--no-border .far,
.btn-default.btn--no-border .app-icon,
.btn-default.btn--no-border .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-default.btn--no-border .fa mat-icon.mat-icon:empty,
.btn-default.btn--no-border .fas mat-icon.mat-icon:empty,
.btn-default.btn--no-border .far mat-icon.mat-icon:empty,
.btn-default.btn--no-border .app-icon mat-icon.mat-icon:empty,
.btn-default.btn--no-border .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-default.btn--no-border .fa.mat-icon,
.btn-default.btn--no-border .fas.mat-icon,
.btn-default.btn--no-border .far.mat-icon,
.btn-default.btn--no-border .app-icon.mat-icon,
.btn-default.btn--no-border .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-default.btn--no-border .fa .app-icon__font,
.btn-default.btn--no-border .fa .app-icon__font.fa,
.btn-default.btn--no-border .fa .app-icon__font.fas,
.btn-default.btn--no-border .fa .app-icon__font.far,
.btn-default.btn--no-border .fas .app-icon__font,
.btn-default.btn--no-border .fas .app-icon__font.fa,
.btn-default.btn--no-border .fas .app-icon__font.fas,
.btn-default.btn--no-border .fas .app-icon__font.far,
.btn-default.btn--no-border .far .app-icon__font,
.btn-default.btn--no-border .far .app-icon__font.fa,
.btn-default.btn--no-border .far .app-icon__font.fas,
.btn-default.btn--no-border .far .app-icon__font.far,
.btn-default.btn--no-border .app-icon .app-icon__font,
.btn-default.btn--no-border .app-icon .app-icon__font.fa,
.btn-default.btn--no-border .app-icon .app-icon__font.fas,
.btn-default.btn--no-border .app-icon .app-icon__font.far,
.btn-default.btn--no-border .btn__icon .app-icon__font,
.btn-default.btn--no-border .btn__icon .app-icon__font.fa,
.btn-default.btn--no-border .btn__icon .app-icon__font.fas,
.btn-default.btn--no-border .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-primary {
  background-color: #F57E20;
  border: 1px solid #F57E20;
  border-radius: 6px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #f79b55;
  border-color: #f79b55;
  color: #ffffff;
}
.btn-primary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary:disabled:active,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
  background-color: #F57E20;
  border-color: #F57E20;
}
.btn-primary .fa,
.btn-primary .fas,
.btn-primary .far,
.btn-primary .app-icon,
.btn-primary .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-primary .fa mat-icon.mat-icon:empty,
.btn-primary .fas mat-icon.mat-icon:empty,
.btn-primary .far mat-icon.mat-icon:empty,
.btn-primary .app-icon mat-icon.mat-icon:empty,
.btn-primary .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-primary .fa.mat-icon,
.btn-primary .fas.mat-icon,
.btn-primary .far.mat-icon,
.btn-primary .app-icon.mat-icon,
.btn-primary .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-primary .fa .app-icon__font,
.btn-primary .fa .app-icon__font.fa,
.btn-primary .fa .app-icon__font.fas,
.btn-primary .fa .app-icon__font.far,
.btn-primary .fas .app-icon__font,
.btn-primary .fas .app-icon__font.fa,
.btn-primary .fas .app-icon__font.fas,
.btn-primary .fas .app-icon__font.far,
.btn-primary .far .app-icon__font,
.btn-primary .far .app-icon__font.fa,
.btn-primary .far .app-icon__font.fas,
.btn-primary .far .app-icon__font.far,
.btn-primary .app-icon .app-icon__font,
.btn-primary .app-icon .app-icon__font.fa,
.btn-primary .app-icon .app-icon__font.fas,
.btn-primary .app-icon .app-icon__font.far,
.btn-primary .btn__icon .app-icon__font,
.btn-primary .btn__icon .app-icon__font.fa,
.btn-primary .btn__icon .app-icon__font.fas,
.btn-primary .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-primary.btn--danger {
  background-color: #b70f0a;
  border: 1px solid #b70f0a;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-primary.btn--danger:active,
.btn-primary.btn--danger:focus,
.btn-primary.btn--danger:hover {
  background-color: #f2140d;
  border-color: #f2140d;
  color: #fff;
}
.btn-primary.btn--danger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary.btn--danger:disabled:active,
.btn-primary.btn--danger:disabled:focus,
.btn-primary.btn--danger:disabled:hover {
  background-color: #b70f0a;
  border-color: #b70f0a;
}
.btn-primary.btn--danger .fa,
.btn-primary.btn--danger .fas,
.btn-primary.btn--danger .far,
.btn-primary.btn--danger .app-icon,
.btn-primary.btn--danger .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-primary.btn--danger .fa mat-icon.mat-icon:empty,
.btn-primary.btn--danger .fas mat-icon.mat-icon:empty,
.btn-primary.btn--danger .far mat-icon.mat-icon:empty,
.btn-primary.btn--danger .app-icon mat-icon.mat-icon:empty,
.btn-primary.btn--danger .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-primary.btn--danger .fa.mat-icon,
.btn-primary.btn--danger .fas.mat-icon,
.btn-primary.btn--danger .far.mat-icon,
.btn-primary.btn--danger .app-icon.mat-icon,
.btn-primary.btn--danger .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-primary.btn--danger .fa .app-icon__font,
.btn-primary.btn--danger .fa .app-icon__font.fa,
.btn-primary.btn--danger .fa .app-icon__font.fas,
.btn-primary.btn--danger .fa .app-icon__font.far,
.btn-primary.btn--danger .fas .app-icon__font,
.btn-primary.btn--danger .fas .app-icon__font.fa,
.btn-primary.btn--danger .fas .app-icon__font.fas,
.btn-primary.btn--danger .fas .app-icon__font.far,
.btn-primary.btn--danger .far .app-icon__font,
.btn-primary.btn--danger .far .app-icon__font.fa,
.btn-primary.btn--danger .far .app-icon__font.fas,
.btn-primary.btn--danger .far .app-icon__font.far,
.btn-primary.btn--danger .app-icon .app-icon__font,
.btn-primary.btn--danger .app-icon .app-icon__font.fa,
.btn-primary.btn--danger .app-icon .app-icon__font.fas,
.btn-primary.btn--danger .app-icon .app-icon__font.far,
.btn-primary.btn--danger .btn__icon .app-icon__font,
.btn-primary.btn--danger .btn__icon .app-icon__font.fa,
.btn-primary.btn--danger .btn__icon .app-icon__font.fas,
.btn-primary.btn--danger .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-primary.btn--info {
  background-color: #0b7285;
  border: 1px solid #0b7285;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-primary.btn--info:active,
.btn-primary.btn--info:focus,
.btn-primary.btn--info:hover {
  background-color: #13cbec;
  border-color: #13cbec;
  color: #fff;
}
.btn-primary.btn--info:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary.btn--info:disabled:active,
.btn-primary.btn--info:disabled:focus,
.btn-primary.btn--info:disabled:hover {
  background-color: #0b7285;
  border-color: #0b7285;
}
.btn-primary.btn--info .fa,
.btn-primary.btn--info .fas,
.btn-primary.btn--info .far,
.btn-primary.btn--info .app-icon,
.btn-primary.btn--info .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-primary.btn--info .fa mat-icon.mat-icon:empty,
.btn-primary.btn--info .fas mat-icon.mat-icon:empty,
.btn-primary.btn--info .far mat-icon.mat-icon:empty,
.btn-primary.btn--info .app-icon mat-icon.mat-icon:empty,
.btn-primary.btn--info .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-primary.btn--info .fa.mat-icon,
.btn-primary.btn--info .fas.mat-icon,
.btn-primary.btn--info .far.mat-icon,
.btn-primary.btn--info .app-icon.mat-icon,
.btn-primary.btn--info .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-primary.btn--info .fa .app-icon__font,
.btn-primary.btn--info .fa .app-icon__font.fa,
.btn-primary.btn--info .fa .app-icon__font.fas,
.btn-primary.btn--info .fa .app-icon__font.far,
.btn-primary.btn--info .fas .app-icon__font,
.btn-primary.btn--info .fas .app-icon__font.fa,
.btn-primary.btn--info .fas .app-icon__font.fas,
.btn-primary.btn--info .fas .app-icon__font.far,
.btn-primary.btn--info .far .app-icon__font,
.btn-primary.btn--info .far .app-icon__font.fa,
.btn-primary.btn--info .far .app-icon__font.fas,
.btn-primary.btn--info .far .app-icon__font.far,
.btn-primary.btn--info .app-icon .app-icon__font,
.btn-primary.btn--info .app-icon .app-icon__font.fa,
.btn-primary.btn--info .app-icon .app-icon__font.fas,
.btn-primary.btn--info .app-icon .app-icon__font.far,
.btn-primary.btn--info .btn__icon .app-icon__font,
.btn-primary.btn--info .btn__icon .app-icon__font.fa,
.btn-primary.btn--info .btn__icon .app-icon__font.fas,
.btn-primary.btn--info .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-primary.btn--success {
  background-color: #23631D;
  border: 1px solid #23631D;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-primary.btn--success:active,
.btn-primary.btn--success:focus,
.btn-primary.btn--success:hover {
  background-color: #3eb234;
  border-color: #3eb234;
  color: #fff;
}
.btn-primary.btn--success:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary.btn--success:disabled:active,
.btn-primary.btn--success:disabled:focus,
.btn-primary.btn--success:disabled:hover {
  background-color: #23631D;
  border-color: #23631D;
}
.btn-primary.btn--success .fa,
.btn-primary.btn--success .fas,
.btn-primary.btn--success .far,
.btn-primary.btn--success .app-icon,
.btn-primary.btn--success .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-primary.btn--success .fa mat-icon.mat-icon:empty,
.btn-primary.btn--success .fas mat-icon.mat-icon:empty,
.btn-primary.btn--success .far mat-icon.mat-icon:empty,
.btn-primary.btn--success .app-icon mat-icon.mat-icon:empty,
.btn-primary.btn--success .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-primary.btn--success .fa.mat-icon,
.btn-primary.btn--success .fas.mat-icon,
.btn-primary.btn--success .far.mat-icon,
.btn-primary.btn--success .app-icon.mat-icon,
.btn-primary.btn--success .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-primary.btn--success .fa .app-icon__font,
.btn-primary.btn--success .fa .app-icon__font.fa,
.btn-primary.btn--success .fa .app-icon__font.fas,
.btn-primary.btn--success .fa .app-icon__font.far,
.btn-primary.btn--success .fas .app-icon__font,
.btn-primary.btn--success .fas .app-icon__font.fa,
.btn-primary.btn--success .fas .app-icon__font.fas,
.btn-primary.btn--success .fas .app-icon__font.far,
.btn-primary.btn--success .far .app-icon__font,
.btn-primary.btn--success .far .app-icon__font.fa,
.btn-primary.btn--success .far .app-icon__font.fas,
.btn-primary.btn--success .far .app-icon__font.far,
.btn-primary.btn--success .app-icon .app-icon__font,
.btn-primary.btn--success .app-icon .app-icon__font.fa,
.btn-primary.btn--success .app-icon .app-icon__font.fas,
.btn-primary.btn--success .app-icon .app-icon__font.far,
.btn-primary.btn--success .btn__icon .app-icon__font,
.btn-primary.btn--success .btn__icon .app-icon__font.fa,
.btn-primary.btn--success .btn__icon .app-icon__font.fas,
.btn-primary.btn--success .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-primary.btn--warning {
  background-color: #e0a800;
  border: 1px solid #e0a800;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-primary.btn--warning:active,
.btn-primary.btn--warning:focus,
.btn-primary.btn--warning:hover {
  background-color: #ffcc33;
  border-color: #ffcc33;
  color: #fff;
}
.btn-primary.btn--warning:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary.btn--warning:disabled:active,
.btn-primary.btn--warning:disabled:focus,
.btn-primary.btn--warning:disabled:hover {
  background-color: #e0a800;
  border-color: #e0a800;
}
.btn-primary.btn--warning .fa,
.btn-primary.btn--warning .fas,
.btn-primary.btn--warning .far,
.btn-primary.btn--warning .app-icon,
.btn-primary.btn--warning .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-primary.btn--warning .fa mat-icon.mat-icon:empty,
.btn-primary.btn--warning .fas mat-icon.mat-icon:empty,
.btn-primary.btn--warning .far mat-icon.mat-icon:empty,
.btn-primary.btn--warning .app-icon mat-icon.mat-icon:empty,
.btn-primary.btn--warning .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-primary.btn--warning .fa.mat-icon,
.btn-primary.btn--warning .fas.mat-icon,
.btn-primary.btn--warning .far.mat-icon,
.btn-primary.btn--warning .app-icon.mat-icon,
.btn-primary.btn--warning .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-primary.btn--warning .fa .app-icon__font,
.btn-primary.btn--warning .fa .app-icon__font.fa,
.btn-primary.btn--warning .fa .app-icon__font.fas,
.btn-primary.btn--warning .fa .app-icon__font.far,
.btn-primary.btn--warning .fas .app-icon__font,
.btn-primary.btn--warning .fas .app-icon__font.fa,
.btn-primary.btn--warning .fas .app-icon__font.fas,
.btn-primary.btn--warning .fas .app-icon__font.far,
.btn-primary.btn--warning .far .app-icon__font,
.btn-primary.btn--warning .far .app-icon__font.fa,
.btn-primary.btn--warning .far .app-icon__font.fas,
.btn-primary.btn--warning .far .app-icon__font.far,
.btn-primary.btn--warning .app-icon .app-icon__font,
.btn-primary.btn--warning .app-icon .app-icon__font.fa,
.btn-primary.btn--warning .app-icon .app-icon__font.fas,
.btn-primary.btn--warning .app-icon .app-icon__font.far,
.btn-primary.btn--warning .btn__icon .app-icon__font,
.btn-primary.btn--warning .btn__icon .app-icon__font.fa,
.btn-primary.btn--warning .btn__icon .app-icon__font.fas,
.btn-primary.btn--warning .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-primary.btn--black {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-primary.btn--black:active,
.btn-primary.btn--black:focus,
.btn-primary.btn--black:hover {
  background-color: #5e5c5d;
  border-color: #5e5c5d;
  color: #fff;
}
.btn-primary.btn--black:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary.btn--black:disabled:active,
.btn-primary.btn--black:disabled:focus,
.btn-primary.btn--black:disabled:hover {
  background-color: #000;
  border-color: #000;
}
.btn-primary.btn--black .fa,
.btn-primary.btn--black .fas,
.btn-primary.btn--black .far,
.btn-primary.btn--black .app-icon,
.btn-primary.btn--black .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-primary.btn--black .fa mat-icon.mat-icon:empty,
.btn-primary.btn--black .fas mat-icon.mat-icon:empty,
.btn-primary.btn--black .far mat-icon.mat-icon:empty,
.btn-primary.btn--black .app-icon mat-icon.mat-icon:empty,
.btn-primary.btn--black .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-primary.btn--black .fa.mat-icon,
.btn-primary.btn--black .fas.mat-icon,
.btn-primary.btn--black .far.mat-icon,
.btn-primary.btn--black .app-icon.mat-icon,
.btn-primary.btn--black .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-primary.btn--black .fa .app-icon__font,
.btn-primary.btn--black .fa .app-icon__font.fa,
.btn-primary.btn--black .fa .app-icon__font.fas,
.btn-primary.btn--black .fa .app-icon__font.far,
.btn-primary.btn--black .fas .app-icon__font,
.btn-primary.btn--black .fas .app-icon__font.fa,
.btn-primary.btn--black .fas .app-icon__font.fas,
.btn-primary.btn--black .fas .app-icon__font.far,
.btn-primary.btn--black .far .app-icon__font,
.btn-primary.btn--black .far .app-icon__font.fa,
.btn-primary.btn--black .far .app-icon__font.fas,
.btn-primary.btn--black .far .app-icon__font.far,
.btn-primary.btn--black .app-icon .app-icon__font,
.btn-primary.btn--black .app-icon .app-icon__font.fa,
.btn-primary.btn--black .app-icon .app-icon__font.fas,
.btn-primary.btn--black .app-icon .app-icon__font.far,
.btn-primary.btn--black .btn__icon .app-icon__font,
.btn-primary.btn--black .btn__icon .app-icon__font.fa,
.btn-primary.btn--black .btn__icon .app-icon__font.fas,
.btn-primary.btn--black .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-secondary {
  background-color: #F57E20;
  border: 1px solid #F57E20;
  border-radius: 6px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #f79b55;
  border-color: #f79b55;
  color: #ffffff;
}
.btn-secondary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-secondary:disabled:active,
.btn-secondary:disabled:focus,
.btn-secondary:disabled:hover {
  background-color: #F57E20;
  border-color: #F57E20;
}
.btn-secondary .fa,
.btn-secondary .fas,
.btn-secondary .far,
.btn-secondary .app-icon,
.btn-secondary .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-secondary .fa mat-icon.mat-icon:empty,
.btn-secondary .fas mat-icon.mat-icon:empty,
.btn-secondary .far mat-icon.mat-icon:empty,
.btn-secondary .app-icon mat-icon.mat-icon:empty,
.btn-secondary .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-secondary .fa.mat-icon,
.btn-secondary .fas.mat-icon,
.btn-secondary .far.mat-icon,
.btn-secondary .app-icon.mat-icon,
.btn-secondary .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-secondary .fa .app-icon__font,
.btn-secondary .fa .app-icon__font.fa,
.btn-secondary .fa .app-icon__font.fas,
.btn-secondary .fa .app-icon__font.far,
.btn-secondary .fas .app-icon__font,
.btn-secondary .fas .app-icon__font.fa,
.btn-secondary .fas .app-icon__font.fas,
.btn-secondary .fas .app-icon__font.far,
.btn-secondary .far .app-icon__font,
.btn-secondary .far .app-icon__font.fa,
.btn-secondary .far .app-icon__font.fas,
.btn-secondary .far .app-icon__font.far,
.btn-secondary .app-icon .app-icon__font,
.btn-secondary .app-icon .app-icon__font.fa,
.btn-secondary .app-icon .app-icon__font.fas,
.btn-secondary .app-icon .app-icon__font.far,
.btn-secondary .btn__icon .app-icon__font,
.btn-secondary .btn__icon .app-icon__font.fa,
.btn-secondary .btn__icon .app-icon__font.fas,
.btn-secondary .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-secondary.btn--danger {
  background-color: #fee8e7;
  border: 1px solid #fee8e7;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-secondary.btn--danger:active,
.btn-secondary.btn--danger:focus,
.btn-secondary.btn--danger:hover {
  background-color: #faa19e;
  border-color: #faa19e;
  color: #000;
}
.btn-secondary.btn--danger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-secondary.btn--danger:disabled:active,
.btn-secondary.btn--danger:disabled:focus,
.btn-secondary.btn--danger:disabled:hover {
  background-color: #fee8e7;
  border-color: #fee8e7;
}
.btn-secondary.btn--danger .fa,
.btn-secondary.btn--danger .fas,
.btn-secondary.btn--danger .far,
.btn-secondary.btn--danger .app-icon,
.btn-secondary.btn--danger .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-secondary.btn--danger .fa mat-icon.mat-icon:empty,
.btn-secondary.btn--danger .fas mat-icon.mat-icon:empty,
.btn-secondary.btn--danger .far mat-icon.mat-icon:empty,
.btn-secondary.btn--danger .app-icon mat-icon.mat-icon:empty,
.btn-secondary.btn--danger .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-secondary.btn--danger .fa.mat-icon,
.btn-secondary.btn--danger .fas.mat-icon,
.btn-secondary.btn--danger .far.mat-icon,
.btn-secondary.btn--danger .app-icon.mat-icon,
.btn-secondary.btn--danger .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-secondary.btn--danger .fa .app-icon__font,
.btn-secondary.btn--danger .fa .app-icon__font.fa,
.btn-secondary.btn--danger .fa .app-icon__font.fas,
.btn-secondary.btn--danger .fa .app-icon__font.far,
.btn-secondary.btn--danger .fas .app-icon__font,
.btn-secondary.btn--danger .fas .app-icon__font.fa,
.btn-secondary.btn--danger .fas .app-icon__font.fas,
.btn-secondary.btn--danger .fas .app-icon__font.far,
.btn-secondary.btn--danger .far .app-icon__font,
.btn-secondary.btn--danger .far .app-icon__font.fa,
.btn-secondary.btn--danger .far .app-icon__font.fas,
.btn-secondary.btn--danger .far .app-icon__font.far,
.btn-secondary.btn--danger .app-icon .app-icon__font,
.btn-secondary.btn--danger .app-icon .app-icon__font.fa,
.btn-secondary.btn--danger .app-icon .app-icon__font.fas,
.btn-secondary.btn--danger .app-icon .app-icon__font.far,
.btn-secondary.btn--danger .btn__icon .app-icon__font,
.btn-secondary.btn--danger .btn__icon .app-icon__font.fa,
.btn-secondary.btn--danger .btn__icon .app-icon__font.fas,
.btn-secondary.btn--danger .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-secondary.btn--info {
  background-color: #d0f5fb;
  border: 1px solid #d0f5fb;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-secondary.btn--info:active,
.btn-secondary.btn--info:focus,
.btn-secondary.btn--info:hover {
  background-color: #71e0f4;
  border-color: #71e0f4;
  color: #000;
}
.btn-secondary.btn--info:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-secondary.btn--info:disabled:active,
.btn-secondary.btn--info:disabled:focus,
.btn-secondary.btn--info:disabled:hover {
  background-color: #d0f5fb;
  border-color: #d0f5fb;
}
.btn-secondary.btn--info .fa,
.btn-secondary.btn--info .fas,
.btn-secondary.btn--info .far,
.btn-secondary.btn--info .app-icon,
.btn-secondary.btn--info .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-secondary.btn--info .fa mat-icon.mat-icon:empty,
.btn-secondary.btn--info .fas mat-icon.mat-icon:empty,
.btn-secondary.btn--info .far mat-icon.mat-icon:empty,
.btn-secondary.btn--info .app-icon mat-icon.mat-icon:empty,
.btn-secondary.btn--info .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-secondary.btn--info .fa.mat-icon,
.btn-secondary.btn--info .fas.mat-icon,
.btn-secondary.btn--info .far.mat-icon,
.btn-secondary.btn--info .app-icon.mat-icon,
.btn-secondary.btn--info .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-secondary.btn--info .fa .app-icon__font,
.btn-secondary.btn--info .fa .app-icon__font.fa,
.btn-secondary.btn--info .fa .app-icon__font.fas,
.btn-secondary.btn--info .fa .app-icon__font.far,
.btn-secondary.btn--info .fas .app-icon__font,
.btn-secondary.btn--info .fas .app-icon__font.fa,
.btn-secondary.btn--info .fas .app-icon__font.fas,
.btn-secondary.btn--info .fas .app-icon__font.far,
.btn-secondary.btn--info .far .app-icon__font,
.btn-secondary.btn--info .far .app-icon__font.fa,
.btn-secondary.btn--info .far .app-icon__font.fas,
.btn-secondary.btn--info .far .app-icon__font.far,
.btn-secondary.btn--info .app-icon .app-icon__font,
.btn-secondary.btn--info .app-icon .app-icon__font.fa,
.btn-secondary.btn--info .app-icon .app-icon__font.fas,
.btn-secondary.btn--info .app-icon .app-icon__font.far,
.btn-secondary.btn--info .btn__icon .app-icon__font,
.btn-secondary.btn--info .btn__icon .app-icon__font.fa,
.btn-secondary.btn--info .btn__icon .app-icon__font.fas,
.btn-secondary.btn--info .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-secondary.btn--success {
  background-color: #daf4d7;
  border: 1px solid #daf4d7;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-secondary.btn--success:active,
.btn-secondary.btn--success:focus,
.btn-secondary.btn--success:hover {
  background-color: #a2e29c;
  border-color: #a2e29c;
  color: #000;
}
.btn-secondary.btn--success:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-secondary.btn--success:disabled:active,
.btn-secondary.btn--success:disabled:focus,
.btn-secondary.btn--success:disabled:hover {
  background-color: #daf4d7;
  border-color: #daf4d7;
}
.btn-secondary.btn--success .fa,
.btn-secondary.btn--success .fas,
.btn-secondary.btn--success .far,
.btn-secondary.btn--success .app-icon,
.btn-secondary.btn--success .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-secondary.btn--success .fa mat-icon.mat-icon:empty,
.btn-secondary.btn--success .fas mat-icon.mat-icon:empty,
.btn-secondary.btn--success .far mat-icon.mat-icon:empty,
.btn-secondary.btn--success .app-icon mat-icon.mat-icon:empty,
.btn-secondary.btn--success .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-secondary.btn--success .fa.mat-icon,
.btn-secondary.btn--success .fas.mat-icon,
.btn-secondary.btn--success .far.mat-icon,
.btn-secondary.btn--success .app-icon.mat-icon,
.btn-secondary.btn--success .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-secondary.btn--success .fa .app-icon__font,
.btn-secondary.btn--success .fa .app-icon__font.fa,
.btn-secondary.btn--success .fa .app-icon__font.fas,
.btn-secondary.btn--success .fa .app-icon__font.far,
.btn-secondary.btn--success .fas .app-icon__font,
.btn-secondary.btn--success .fas .app-icon__font.fa,
.btn-secondary.btn--success .fas .app-icon__font.fas,
.btn-secondary.btn--success .fas .app-icon__font.far,
.btn-secondary.btn--success .far .app-icon__font,
.btn-secondary.btn--success .far .app-icon__font.fa,
.btn-secondary.btn--success .far .app-icon__font.fas,
.btn-secondary.btn--success .far .app-icon__font.far,
.btn-secondary.btn--success .app-icon .app-icon__font,
.btn-secondary.btn--success .app-icon .app-icon__font.fa,
.btn-secondary.btn--success .app-icon .app-icon__font.fas,
.btn-secondary.btn--success .app-icon .app-icon__font.far,
.btn-secondary.btn--success .btn__icon .app-icon__font,
.btn-secondary.btn--success .btn__icon .app-icon__font.fa,
.btn-secondary.btn--success .btn__icon .app-icon__font.fas,
.btn-secondary.btn--success .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-secondary.btn--warning {
  background-color: #fff2cc;
  border: 1px solid #fff2cc;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-secondary.btn--warning:active,
.btn-secondary.btn--warning:focus,
.btn-secondary.btn--warning:hover {
  background-color: #ffdf80;
  border-color: #ffdf80;
  color: #000;
}
.btn-secondary.btn--warning:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-secondary.btn--warning:disabled:active,
.btn-secondary.btn--warning:disabled:focus,
.btn-secondary.btn--warning:disabled:hover {
  background-color: #fff2cc;
  border-color: #fff2cc;
}
.btn-secondary.btn--warning .fa,
.btn-secondary.btn--warning .fas,
.btn-secondary.btn--warning .far,
.btn-secondary.btn--warning .app-icon,
.btn-secondary.btn--warning .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-secondary.btn--warning .fa mat-icon.mat-icon:empty,
.btn-secondary.btn--warning .fas mat-icon.mat-icon:empty,
.btn-secondary.btn--warning .far mat-icon.mat-icon:empty,
.btn-secondary.btn--warning .app-icon mat-icon.mat-icon:empty,
.btn-secondary.btn--warning .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-secondary.btn--warning .fa.mat-icon,
.btn-secondary.btn--warning .fas.mat-icon,
.btn-secondary.btn--warning .far.mat-icon,
.btn-secondary.btn--warning .app-icon.mat-icon,
.btn-secondary.btn--warning .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-secondary.btn--warning .fa .app-icon__font,
.btn-secondary.btn--warning .fa .app-icon__font.fa,
.btn-secondary.btn--warning .fa .app-icon__font.fas,
.btn-secondary.btn--warning .fa .app-icon__font.far,
.btn-secondary.btn--warning .fas .app-icon__font,
.btn-secondary.btn--warning .fas .app-icon__font.fa,
.btn-secondary.btn--warning .fas .app-icon__font.fas,
.btn-secondary.btn--warning .fas .app-icon__font.far,
.btn-secondary.btn--warning .far .app-icon__font,
.btn-secondary.btn--warning .far .app-icon__font.fa,
.btn-secondary.btn--warning .far .app-icon__font.fas,
.btn-secondary.btn--warning .far .app-icon__font.far,
.btn-secondary.btn--warning .app-icon .app-icon__font,
.btn-secondary.btn--warning .app-icon .app-icon__font.fa,
.btn-secondary.btn--warning .app-icon .app-icon__font.fas,
.btn-secondary.btn--warning .app-icon .app-icon__font.far,
.btn-secondary.btn--warning .btn__icon .app-icon__font,
.btn-secondary.btn--warning .btn__icon .app-icon__font.fa,
.btn-secondary.btn--warning .btn__icon .app-icon__font.fas,
.btn-secondary.btn--warning .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-tertiary {
  background-color: #F57E20;
  border: 1px solid #F57E20;
  border-radius: 6px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:hover {
  background-color: #f79b55;
  border-color: #f79b55;
  color: #ffffff;
}
.btn-tertiary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-tertiary:disabled:active,
.btn-tertiary:disabled:focus,
.btn-tertiary:disabled:hover {
  background-color: #F57E20;
  border-color: #F57E20;
}
.btn-tertiary .fa,
.btn-tertiary .fas,
.btn-tertiary .far,
.btn-tertiary .app-icon,
.btn-tertiary .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-tertiary .fa mat-icon.mat-icon:empty,
.btn-tertiary .fas mat-icon.mat-icon:empty,
.btn-tertiary .far mat-icon.mat-icon:empty,
.btn-tertiary .app-icon mat-icon.mat-icon:empty,
.btn-tertiary .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-tertiary .fa.mat-icon,
.btn-tertiary .fas.mat-icon,
.btn-tertiary .far.mat-icon,
.btn-tertiary .app-icon.mat-icon,
.btn-tertiary .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-tertiary .fa .app-icon__font,
.btn-tertiary .fa .app-icon__font.fa,
.btn-tertiary .fa .app-icon__font.fas,
.btn-tertiary .fa .app-icon__font.far,
.btn-tertiary .fas .app-icon__font,
.btn-tertiary .fas .app-icon__font.fa,
.btn-tertiary .fas .app-icon__font.fas,
.btn-tertiary .fas .app-icon__font.far,
.btn-tertiary .far .app-icon__font,
.btn-tertiary .far .app-icon__font.fa,
.btn-tertiary .far .app-icon__font.fas,
.btn-tertiary .far .app-icon__font.far,
.btn-tertiary .app-icon .app-icon__font,
.btn-tertiary .app-icon .app-icon__font.fa,
.btn-tertiary .app-icon .app-icon__font.fas,
.btn-tertiary .app-icon .app-icon__font.far,
.btn-tertiary .btn__icon .app-icon__font,
.btn-tertiary .btn__icon .app-icon__font.fa,
.btn-tertiary .btn__icon .app-icon__font.fas,
.btn-tertiary .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-tertiary.btn--danger {
  background-color: #fff;
  border: 1px solid #b70f0a;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-tertiary.btn--danger:active,
.btn-tertiary.btn--danger:focus,
.btn-tertiary.btn--danger:hover {
  background-color: #fee8e7;
  border-color: #b70f0a;
  color: #000;
}
.btn-tertiary.btn--danger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-tertiary.btn--danger:disabled:active,
.btn-tertiary.btn--danger:disabled:focus,
.btn-tertiary.btn--danger:disabled:hover {
  background-color: #fff;
  border-color: #fff;
}
.btn-tertiary.btn--danger .fa,
.btn-tertiary.btn--danger .fas,
.btn-tertiary.btn--danger .far,
.btn-tertiary.btn--danger .app-icon,
.btn-tertiary.btn--danger .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-tertiary.btn--danger .fa mat-icon.mat-icon:empty,
.btn-tertiary.btn--danger .fas mat-icon.mat-icon:empty,
.btn-tertiary.btn--danger .far mat-icon.mat-icon:empty,
.btn-tertiary.btn--danger .app-icon mat-icon.mat-icon:empty,
.btn-tertiary.btn--danger .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-tertiary.btn--danger .fa.mat-icon,
.btn-tertiary.btn--danger .fas.mat-icon,
.btn-tertiary.btn--danger .far.mat-icon,
.btn-tertiary.btn--danger .app-icon.mat-icon,
.btn-tertiary.btn--danger .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-tertiary.btn--danger .fa .app-icon__font,
.btn-tertiary.btn--danger .fa .app-icon__font.fa,
.btn-tertiary.btn--danger .fa .app-icon__font.fas,
.btn-tertiary.btn--danger .fa .app-icon__font.far,
.btn-tertiary.btn--danger .fas .app-icon__font,
.btn-tertiary.btn--danger .fas .app-icon__font.fa,
.btn-tertiary.btn--danger .fas .app-icon__font.fas,
.btn-tertiary.btn--danger .fas .app-icon__font.far,
.btn-tertiary.btn--danger .far .app-icon__font,
.btn-tertiary.btn--danger .far .app-icon__font.fa,
.btn-tertiary.btn--danger .far .app-icon__font.fas,
.btn-tertiary.btn--danger .far .app-icon__font.far,
.btn-tertiary.btn--danger .app-icon .app-icon__font,
.btn-tertiary.btn--danger .app-icon .app-icon__font.fa,
.btn-tertiary.btn--danger .app-icon .app-icon__font.fas,
.btn-tertiary.btn--danger .app-icon .app-icon__font.far,
.btn-tertiary.btn--danger .btn__icon .app-icon__font,
.btn-tertiary.btn--danger .btn__icon .app-icon__font.fa,
.btn-tertiary.btn--danger .btn__icon .app-icon__font.fas,
.btn-tertiary.btn--danger .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-tertiary.btn--info {
  background-color: #fff;
  border: 1px solid #0b7285;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-tertiary.btn--info:active,
.btn-tertiary.btn--info:focus,
.btn-tertiary.btn--info:hover {
  background-color: #d0f5fb;
  border-color: #0b7285;
  color: #000;
}
.btn-tertiary.btn--info:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-tertiary.btn--info:disabled:active,
.btn-tertiary.btn--info:disabled:focus,
.btn-tertiary.btn--info:disabled:hover {
  background-color: #fff;
  border-color: #fff;
}
.btn-tertiary.btn--info .fa,
.btn-tertiary.btn--info .fas,
.btn-tertiary.btn--info .far,
.btn-tertiary.btn--info .app-icon,
.btn-tertiary.btn--info .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-tertiary.btn--info .fa mat-icon.mat-icon:empty,
.btn-tertiary.btn--info .fas mat-icon.mat-icon:empty,
.btn-tertiary.btn--info .far mat-icon.mat-icon:empty,
.btn-tertiary.btn--info .app-icon mat-icon.mat-icon:empty,
.btn-tertiary.btn--info .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-tertiary.btn--info .fa.mat-icon,
.btn-tertiary.btn--info .fas.mat-icon,
.btn-tertiary.btn--info .far.mat-icon,
.btn-tertiary.btn--info .app-icon.mat-icon,
.btn-tertiary.btn--info .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-tertiary.btn--info .fa .app-icon__font,
.btn-tertiary.btn--info .fa .app-icon__font.fa,
.btn-tertiary.btn--info .fa .app-icon__font.fas,
.btn-tertiary.btn--info .fa .app-icon__font.far,
.btn-tertiary.btn--info .fas .app-icon__font,
.btn-tertiary.btn--info .fas .app-icon__font.fa,
.btn-tertiary.btn--info .fas .app-icon__font.fas,
.btn-tertiary.btn--info .fas .app-icon__font.far,
.btn-tertiary.btn--info .far .app-icon__font,
.btn-tertiary.btn--info .far .app-icon__font.fa,
.btn-tertiary.btn--info .far .app-icon__font.fas,
.btn-tertiary.btn--info .far .app-icon__font.far,
.btn-tertiary.btn--info .app-icon .app-icon__font,
.btn-tertiary.btn--info .app-icon .app-icon__font.fa,
.btn-tertiary.btn--info .app-icon .app-icon__font.fas,
.btn-tertiary.btn--info .app-icon .app-icon__font.far,
.btn-tertiary.btn--info .btn__icon .app-icon__font,
.btn-tertiary.btn--info .btn__icon .app-icon__font.fa,
.btn-tertiary.btn--info .btn__icon .app-icon__font.fas,
.btn-tertiary.btn--info .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-tertiary.btn--success {
  background-color: #fff;
  border: 1px solid #23631D;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-tertiary.btn--success:active,
.btn-tertiary.btn--success:focus,
.btn-tertiary.btn--success:hover {
  background-color: #daf4d7;
  border-color: #23631D;
  color: #000;
}
.btn-tertiary.btn--success:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-tertiary.btn--success:disabled:active,
.btn-tertiary.btn--success:disabled:focus,
.btn-tertiary.btn--success:disabled:hover {
  background-color: #fff;
  border-color: #fff;
}
.btn-tertiary.btn--success .fa,
.btn-tertiary.btn--success .fas,
.btn-tertiary.btn--success .far,
.btn-tertiary.btn--success .app-icon,
.btn-tertiary.btn--success .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-tertiary.btn--success .fa mat-icon.mat-icon:empty,
.btn-tertiary.btn--success .fas mat-icon.mat-icon:empty,
.btn-tertiary.btn--success .far mat-icon.mat-icon:empty,
.btn-tertiary.btn--success .app-icon mat-icon.mat-icon:empty,
.btn-tertiary.btn--success .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-tertiary.btn--success .fa.mat-icon,
.btn-tertiary.btn--success .fas.mat-icon,
.btn-tertiary.btn--success .far.mat-icon,
.btn-tertiary.btn--success .app-icon.mat-icon,
.btn-tertiary.btn--success .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-tertiary.btn--success .fa .app-icon__font,
.btn-tertiary.btn--success .fa .app-icon__font.fa,
.btn-tertiary.btn--success .fa .app-icon__font.fas,
.btn-tertiary.btn--success .fa .app-icon__font.far,
.btn-tertiary.btn--success .fas .app-icon__font,
.btn-tertiary.btn--success .fas .app-icon__font.fa,
.btn-tertiary.btn--success .fas .app-icon__font.fas,
.btn-tertiary.btn--success .fas .app-icon__font.far,
.btn-tertiary.btn--success .far .app-icon__font,
.btn-tertiary.btn--success .far .app-icon__font.fa,
.btn-tertiary.btn--success .far .app-icon__font.fas,
.btn-tertiary.btn--success .far .app-icon__font.far,
.btn-tertiary.btn--success .app-icon .app-icon__font,
.btn-tertiary.btn--success .app-icon .app-icon__font.fa,
.btn-tertiary.btn--success .app-icon .app-icon__font.fas,
.btn-tertiary.btn--success .app-icon .app-icon__font.far,
.btn-tertiary.btn--success .btn__icon .app-icon__font,
.btn-tertiary.btn--success .btn__icon .app-icon__font.fa,
.btn-tertiary.btn--success .btn__icon .app-icon__font.fas,
.btn-tertiary.btn--success .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-tertiary.btn--warning {
  background-color: #fff;
  border: 1px solid #e0a800;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-tertiary.btn--warning:active,
.btn-tertiary.btn--warning:focus,
.btn-tertiary.btn--warning:hover {
  background-color: #fff2cc;
  border-color: #e0a800;
  color: #000;
}
.btn-tertiary.btn--warning:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-tertiary.btn--warning:disabled:active,
.btn-tertiary.btn--warning:disabled:focus,
.btn-tertiary.btn--warning:disabled:hover {
  background-color: #fff;
  border-color: #fff;
}
.btn-tertiary.btn--warning .fa,
.btn-tertiary.btn--warning .fas,
.btn-tertiary.btn--warning .far,
.btn-tertiary.btn--warning .app-icon,
.btn-tertiary.btn--warning .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-tertiary.btn--warning .fa mat-icon.mat-icon:empty,
.btn-tertiary.btn--warning .fas mat-icon.mat-icon:empty,
.btn-tertiary.btn--warning .far mat-icon.mat-icon:empty,
.btn-tertiary.btn--warning .app-icon mat-icon.mat-icon:empty,
.btn-tertiary.btn--warning .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-tertiary.btn--warning .fa.mat-icon,
.btn-tertiary.btn--warning .fas.mat-icon,
.btn-tertiary.btn--warning .far.mat-icon,
.btn-tertiary.btn--warning .app-icon.mat-icon,
.btn-tertiary.btn--warning .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-tertiary.btn--warning .fa .app-icon__font,
.btn-tertiary.btn--warning .fa .app-icon__font.fa,
.btn-tertiary.btn--warning .fa .app-icon__font.fas,
.btn-tertiary.btn--warning .fa .app-icon__font.far,
.btn-tertiary.btn--warning .fas .app-icon__font,
.btn-tertiary.btn--warning .fas .app-icon__font.fa,
.btn-tertiary.btn--warning .fas .app-icon__font.fas,
.btn-tertiary.btn--warning .fas .app-icon__font.far,
.btn-tertiary.btn--warning .far .app-icon__font,
.btn-tertiary.btn--warning .far .app-icon__font.fa,
.btn-tertiary.btn--warning .far .app-icon__font.fas,
.btn-tertiary.btn--warning .far .app-icon__font.far,
.btn-tertiary.btn--warning .app-icon .app-icon__font,
.btn-tertiary.btn--warning .app-icon .app-icon__font.fa,
.btn-tertiary.btn--warning .app-icon .app-icon__font.fas,
.btn-tertiary.btn--warning .app-icon .app-icon__font.far,
.btn-tertiary.btn--warning .btn__icon .app-icon__font,
.btn-tertiary.btn--warning .btn__icon .app-icon__font.fa,
.btn-tertiary.btn--warning .btn__icon .app-icon__font.fas,
.btn-tertiary.btn--warning .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-outline {
  background-color: #fff;
  border: 1px solid #e1e7ef;
  border-radius: 6px;
  color: #162326;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
  background-color: #fff;
  border-color: #f79b55;
  color: #f79b55;
}
.btn-outline:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-outline:disabled:active,
.btn-outline:disabled:focus,
.btn-outline:disabled:hover {
  background-color: #fff;
  border-color: #fff;
}
.btn-outline .fa,
.btn-outline .fas,
.btn-outline .far,
.btn-outline .app-icon,
.btn-outline .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-outline .fa mat-icon.mat-icon:empty,
.btn-outline .fas mat-icon.mat-icon:empty,
.btn-outline .far mat-icon.mat-icon:empty,
.btn-outline .app-icon mat-icon.mat-icon:empty,
.btn-outline .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-outline .fa.mat-icon,
.btn-outline .fas.mat-icon,
.btn-outline .far.mat-icon,
.btn-outline .app-icon.mat-icon,
.btn-outline .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-outline .fa .app-icon__font,
.btn-outline .fa .app-icon__font.fa,
.btn-outline .fa .app-icon__font.fas,
.btn-outline .fa .app-icon__font.far,
.btn-outline .fas .app-icon__font,
.btn-outline .fas .app-icon__font.fa,
.btn-outline .fas .app-icon__font.fas,
.btn-outline .fas .app-icon__font.far,
.btn-outline .far .app-icon__font,
.btn-outline .far .app-icon__font.fa,
.btn-outline .far .app-icon__font.fas,
.btn-outline .far .app-icon__font.far,
.btn-outline .app-icon .app-icon__font,
.btn-outline .app-icon .app-icon__font.fa,
.btn-outline .app-icon .app-icon__font.fas,
.btn-outline .app-icon .app-icon__font.far,
.btn-outline .btn__icon .app-icon__font,
.btn-outline .btn__icon .app-icon__font.fa,
.btn-outline .btn__icon .app-icon__font.fas,
.btn-outline .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-outline {
  text-transform: none;
}
.btn-xs {
  background-color: #f1f5f9;
  border: 1px solid #f1f5f9;
  border-radius: 6px;
  color: #65758b;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: normal;
  outline: none;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  vertical-align: top;
}
.btn-xs:active,
.btn-xs:focus,
.btn-xs:hover {
  background-color: #e1e7ef;
  border-color: #e1e7ef;
  color: #18181B;
}
.btn-xs:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-xs:disabled:active,
.btn-xs:disabled:focus,
.btn-xs:disabled:hover {
  background-color: #f1f5f9;
  border-color: #f1f5f9;
}
.btn-xs .fa,
.btn-xs .fas,
.btn-xs .far,
.btn-xs .app-icon,
.btn-xs .btn__icon {
  display: inline-block;
  font-size: inherit;
  height: auto;
  line-height: 20px;
  margin-right: 7px;
  width: auto;
}
.btn-xs .fa mat-icon.mat-icon:empty,
.btn-xs .fas mat-icon.mat-icon:empty,
.btn-xs .far mat-icon.mat-icon:empty,
.btn-xs .app-icon mat-icon.mat-icon:empty,
.btn-xs .btn__icon mat-icon.mat-icon:empty {
  display: none;
}
.btn-xs .fa.mat-icon,
.btn-xs .fas.mat-icon,
.btn-xs .far.mat-icon,
.btn-xs .app-icon.mat-icon,
.btn-xs .btn__icon.mat-icon {
  line-height: 16px;
}
.btn-xs .fa .app-icon__font,
.btn-xs .fa .app-icon__font.fa,
.btn-xs .fa .app-icon__font.fas,
.btn-xs .fa .app-icon__font.far,
.btn-xs .fas .app-icon__font,
.btn-xs .fas .app-icon__font.fa,
.btn-xs .fas .app-icon__font.fas,
.btn-xs .fas .app-icon__font.far,
.btn-xs .far .app-icon__font,
.btn-xs .far .app-icon__font.fa,
.btn-xs .far .app-icon__font.fas,
.btn-xs .far .app-icon__font.far,
.btn-xs .app-icon .app-icon__font,
.btn-xs .app-icon .app-icon__font.fa,
.btn-xs .app-icon .app-icon__font.fas,
.btn-xs .app-icon .app-icon__font.far,
.btn-xs .btn__icon .app-icon__font,
.btn-xs .btn__icon .app-icon__font.fa,
.btn-xs .btn__icon .app-icon__font.fas,
.btn-xs .btn__icon .app-icon__font.far {
  margin-right: 0;
}
.btn-xs {
  font-size: 12px;
  padding: 5px;
  text-transform: none;
}
.btn-xs.active {
  background-color: #F57E20;
  border-color: #F57E20;
  color: #fff;
}
.btn-xs.active:active,
.btn-xs.active:focus,
.btn-xs.active:hover {
  background-color: #f79b55;
  border-color: #f79b55;
  color: #fff;
}
.btn-link {
  background-color: transparent;
  border-color: transparent;
  color: #000;
  padding: 0;
  position: relative;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  color: #F57E20;
}
.btn__label {
  line-height: 20px;
  vertical-align: top;
}
.container {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  font-family: "InterVariable" !important;
  font-weight: 500;
  height: 100%;
  margin: 0rem;
  max-width: none;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0rem;
  position: relative;
  width: 100%;
}
.display-block {
  display: block;
  width: 100%;
}
.mat-icon.w-h-auto {
  height: auto;
  width: auto;
}
.vertical-align--center {
  font-size: 0;
  text-align: center;
}
.vertical-align--center:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.vertical-align--center > * {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.hidden {
  display: none !important;
}
[hidden] {
  display: none !important;
}
.fill-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  flex: 2;
}
.justify-content--center {
  justify-content: center;
}
.outlook-container {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
}
.content-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  height: 100%;
  max-height: 100vh;
  max-width: 100%;
  min-height: 100vh;
  min-width: 320px;
  overflow: hidden;
}
.btn-group {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  vertical-align: top;
  width: auto;
}
.btn-group > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}
.btn-group .dropdown-toggle {
  width: 30px;
}
.btn-group .dropdown-toggle > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin: 0 !important;
  padding: 6px 5px;
  text-align: center;
  width: 100%;
}
.btn-group .dropdown-toggle > .btn .fa {
  margin: 0 !important;
}
.btn-group .dropdown-toggle > .btn:active + .dropdown-menu,
.btn-group .dropdown-toggle > .btn:focus + .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.btn-group .dropdown-menu {
  background-color: #fff;
  border: 1px solid #8c8c8c;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  min-width: -webkit-calc(100% - 5px);
  min-width: -moz-calc(100% - 5px);
  min-width: calc(100% - 5px);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  visibility: hidden;
  white-space: nowrap;
  z-index: 9;
}
.btn-group .dropdown-item {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  color: #000;
  display: block;
  font-size: 14px;
  padding: 6px 12px;
  text-align: left;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  width: 100%;
}
.btn-group .dropdown-item:active,
.btn-group .dropdown-item:focus,
.btn-group .dropdown-item:hover {
  background-color: rgba(251, 187, 24, 0.1019607843);
}
.btn-group .dropdown-item .btn__icon {
  font-size: 16px;
  line-height: 24px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}
.material-icons {
  overflow: hidden;
  text-indent: 0;
}
html:not(.material-icons--initialized) .material-icons {
  opacity: 0;
  text-indent: -9999px;
  width: 24px;
}
.mat-mdc-form-field-icon-suffix .btn--show-password {
  background-color: transparent !important;
  border-color: transparent !important;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.mat-mdc-form-field-icon-suffix .btn--show-password .fa:before,
.mat-mdc-form-field-icon-suffix .btn--show-password .fas:before,
.mat-mdc-form-field-icon-suffix .btn--show-password .far:before {
  font-family: "Font Awesome 5 Free";
}
.mat-mdc-form-field-icon-suffix .btn--show-password:active,
.mat-mdc-form-field-icon-suffix .btn--show-password:focus,
.mat-mdc-form-field-icon-suffix .btn--show-password:hover {
  color: #009dff;
}
.invalid-feedback {
  color: #f2140d;
  font-weight: 300;
}
.text-align--center {
  text-align: center;
}
.text-align--left {
  text-align: left;
}
.text-align--right {
  text-align: right;
}
.required {
  color: #f2140d;
  margin-left: 2px;
}
.loading--spinner {
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  min-height: 30px;
}
.loading-record--spinner {
  position: relative;
}
.loading-record--spinner:before {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
[data-control-type] [class*=__icon] {
  font-size: 20px;
  margin-right: 5px;
}
.form-grid-main-content {
  height: 100%;
}
.main-content--loading-shimmer {
  background:
    linear-gradient(#e9e9e9 0 0) 0% 17px/22% 14px no-repeat,
    linear-gradient(#e9e9e9 0 0) 33.33% 17px/22% 14px no-repeat,
    linear-gradient(#e9e9e9 0 0) 66.66% 17px/22% 14px no-repeat,
    linear-gradient(#e9e9e9 0 0) 100% 17px/22% 14px no-repeat,
    repeating-linear-gradient(
      to bottom,
      transparent 0 47px,
      #eee 47px 48px);
  border-radius: 8px;
  height: 60% !important;
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 9;
}
.main-content--loading-shimmer:before {
  background:
    repeating-linear-gradient(
      to bottom,
      #e9e9e9 0 14px,
      transparent 14px 48px);
  content: "";
  inset: 55px 16px 16px;
  opacity: 0.9;
  position: absolute;
  z-index: 10;
}
.main-content--loading-shimmer:after {
  animation: shimmer 1.4s infinite;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.65) 50%,
      transparent 100%);
  content: "";
  inset: 0;
  position: absolute;
  transform: translateX(-100%);
  z-index: 10;
}
.main-content--loading-shimmer .grid-empty-state-wrap {
  display: none;
}
.main-content--loading-shimmer ag-grid-angular {
  display: none;
}
.mbot-0 {
  margin-bottom: 0;
}
.mtop-0 {
  margin-top: 0;
}
.no-image {
  position: relative;
}
.no-image-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 31px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page__title {
  --ig-h1-font-size: 18px;
  --ig-h1-line-height: 40px;
  --ig-h1-margin-bottom: 0;
  --ig-h1-margin-top: 0;
  font-size: 18px;
  line-height: 40px;
  padding: 10px 15px 10px 0;
}
@media (min-width: 768px) {
  .page__title {
    --ig-h1-font-size: 22px;
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .page__title {
    --ig-h1-font-size: 26px;
    font-size: 26px;
  }
}
.page__description {
  color: #65758b;
  display: block;
  font-size: 14px;
}
.tab-content--empty-state .page__description {
  margin-bottom: 20px;
}
.form__note {
  background-color: #f9fafb;
  border: 1px solid #e1e7ef;
  border-radius: 12px;
  color: #162326;
  font-size: 14px;
  line-height: 18px;
  margin: 20px 0;
  padding: 20px;
  width: 100%;
}
.form__note .mat-icon {
  font-size: 18px;
  margin-right: 10px;
  vertical-align: top;
}
.form__note .form__note-description {
  font-weight: 400;
  letter-spacing: 1px;
}
.form__note[data-type=info] {
  background-color: #d0f5fb;
  border-color: #0b7285;
  color: #0b7285;
}
.form__note[data-type=success] {
  background-color: #f6fef8;
  border-color: #23631D;
  color: #23631D;
}
.form__note[data-type=warning] {
  background-color: #fff7ed;
  border-color: #e0a800;
  color: #e0a800;
}
.form__note[data-type=danger] {
  background-color: #fef2f2;
  border-color: #b70f0a;
  color: #b70f0a;
}
.strike-out {
  text-decoration: line-through;
}
span.thin {
  font-weight: 300;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.form-control.ng-touched.ng-invalid {
  border-color: #f2140d;
  box-shadow: 0 2px 5px 0 #ffb3b6;
}
.form-control.ng-touched.mismatch {
  border-color: #f2140d;
  box-shadow: 0 2px 5px 0 #ffb3b6;
}
.form-control.invalid {
  border-color: #f2140d;
  box-shadow: 0 2px 5px 0 #ffb3b6;
  outline: none;
}
.tab-content__static-wrap {
  height: 100%;
}
.tab-content__static-wrap .tab-content__static-title {
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 20px;
}
@media (min-width: 667px) {
  .tab-content__static-wrap .tab-content__static-title {
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .tab-content__static-wrap .tab-content__static-title {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .tab-content__static-wrap .tab-content__static-title {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .tab-content__static-wrap {
    overflow: hidden;
  }
}
.tab-content__static-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
}
@media (min-width: 1200px) {
  .tab-content__static-content {
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
  }
}
.tab-content__static-nav {
  position: relative;
}
.tab-content__static-nav .mobile-menu__btn-toggle {
  background-color: #fff;
  border-width: 1px;
  line-height: 30px;
  width: 100%;
}
.tab-content__static-nav .mobile-menu__btn-toggle .mobile-menu__btn-icon {
  float: right;
  line-height: 30px;
  margin-left: 5px;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.tab-content__static-nav ul ul {
  padding-left: 20px;
}
.tab-content__static-nav ul ul a {
  font-weight: 500;
}
.tab-content__static-nav ul li.active > a {
  color: #f79b55;
}
.tab-content__static-nav a {
  color: #000;
  display: block;
  font-weight: 700;
  padding: 5px 10px;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.tab-content__static-nav a:active,
.tab-content__static-nav a:focus,
.tab-content__static-nav a:hover {
  color: #F57E20;
}
.tab-content__static-nav.tab-content__static-nav--right {
  display: none;
}
@media (min-width: 1200px) {
  .tab-content__static-nav {
    background-color: #eceff1;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
    padding: 30px 10px;
    width: 300px;
  }
}
@media (max-width: 1199px) {
  .tab-content__static-nav {
    background-color: #fff;
    height: 75px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 20px 10px;
    width: 50%;
  }
  .tab-content__static-nav.tab-content__static-nav--left {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .tab-content__static-nav.tab-content__static-nav--right {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .tab-content__static-nav > ul {
    background-color: #fff;
    border: 1px solid #e1e7ef;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    left: 10px;
    max-height: 50vh;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: -webkit-calc(100% - 20px);
    top: -moz-calc(100% - 20px);
    top: calc(100% - 20px);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
  }
  .tab-content__static-nav > ul > ul {
    padding-left: 20px;
  }
  .tab-content__static-nav.mobile-menu--active > ul {
    opacity: 1;
    visibility: visible;
  }
  .tab-content__static-nav.mobile-menu--active .mobile-menu__btn-icon {
    -webkit-transform: rotate(-0.5turn);
    -moz-transform: rotate(-0.5turn);
    -o-transform: rotate(-0.5turn);
    transform: rotate(-0.5turn);
  }
}
.tab-content__static-main-content {
  width: 100%;
}
.tab-content__static-main-content h2 {
  font-size: 22px;
  line-height: 30px;
  margin: 20px 0 10px !important;
}
.ig-typography .tab-content__static-main-content h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.tab-content__static-main-content h3 {
  font-size: 18px;
  line-height: 25px;
  margin: 10px 0 !important;
}
.ig-typography .tab-content__static-main-content h3 {
  font-size: 20px;
  line-height: 25px;
}
.tab-content__static-main-content h3 ~ h3 {
  margin-top: 40px !important;
}
.tab-content__static-main-content p {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
.tab-content__static-main-content .tab-content__static-section {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 20px;
}
.tab-content__static-main-content .sub-item {
  margin: 0 0 20px;
}
@media (min-width: 667px) {
  .tab-content__static-main-content .sub-item {
    display: inline-block;
    font-size: 0;
    padding: 0 20px;
    vertical-align: top;
    width: 50%;
  }
  .tab-content__static-main-content .sub-item > * {
    font-size: 14px;
  }
}
.tab-content__static-main-content .sub-item ul.bullet {
  list-style: disc;
  padding-left: 30px;
}
@media (min-width: 1200px) {
  .tab-content__static-main-content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1199px) {
  .tab-content__static-main-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    overflow-y: auto;
  }
}
@media (min-width: 1200px) {
  .mobile-menu__btn-toggle {
    display: none;
  }
}
.clear-input-group {
  position: relative;
}
.clear-input-group .form-control {
  padding-right: 31px;
  z-index: 1;
}
.clear-input-group .btn {
  background-color: transparent;
  border-color: transparent;
  height: -webkit-calc(100% - 2px);
  height: -moz-calc(100% - 2px);
  height: calc(100% - 2px);
  padding: 0;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 1px;
  width: 30px;
  z-index: 2;
}
.clear-input-group .btn:active,
.clear-input-group .btn:focus,
.clear-input-group .btn:hover {
  color: #009dff;
}
.clear-input-group .fa-spinner {
  height: -webkit-calc(100% - 2px);
  height: -moz-calc(100% - 2px);
  height: calc(100% - 2px);
  line-height: 30px;
  padding: 0;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 1px;
  width: 30px;
  z-index: 2;
}
.side-nav {
  background-color: #2c3235;
  height: 100%;
  position: relative;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  width: 0;
}
.lookup--active .side-nav {
  z-index: 1;
}
.side-nav .side-nav__btn-user {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  height: 50px;
  outline: none;
  padding: 4px 0 4px 50px;
  position: relative;
  text-align: left;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  white-space: nowrap;
  width: 100%;
}
.side-nav .side-nav__btn-user:active,
.side-nav .side-nav__btn-user:focus,
.side-nav .side-nav__btn-user:hover {
  color: #f79b55;
}
.side-nav .side-nav__btn-user:active .user-name-info-wrap span.user__name,
.side-nav .side-nav__btn-user:focus .user-name-info-wrap span.user__name,
.side-nav .side-nav__btn-user:hover .user-name-info-wrap span.user__name {
  color: #f79b55;
}
.side-nav .side-nav__btn-user:active .user-name-info-wrap span.user__position,
.side-nav .side-nav__btn-user:focus .user-name-info-wrap span.user__position,
.side-nav .side-nav__btn-user:hover .user-name-info-wrap span.user__position {
  color: #fff;
}
.side-nav .side-nav__btn-user .user-icon-image-wrap {
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  left: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 40px;
}
.side-nav .side-nav__btn-user .user-icon-image-wrap .user__initials {
  color: #fff !important;
  height: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  padding: 0;
  width: 100%;
}
.side-nav .side-nav__btn-user .app-icon {
  display: inline-block;
  height: 100%;
  line-height: 30px;
  vertical-align: top;
  width: 100%;
}
.side-nav .side-nav__btn-user .app-icon[name=fa-angle-down] {
  font-size: 12px;
  left: auto;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  visibility: hidden;
  width: 30px;
}
.side-nav .side-nav__btn-user img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.side-nav .side-nav__btn-user .user-name {
  display: none;
  font-weight: 500;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
@media (min-width: 667px) {
  .side-nav .side-nav__btn-user .user-name {
    display: block;
  }
}
.side-nav .side-nav__btn-user .user-email {
  display: none;
  font-weight: 500;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
@media (min-width: 667px) {
  .side-nav .side-nav__btn-user .user-email {
    display: block;
  }
}
.side-nav .side-nav__btn-user .user-name-info-wrap {
  display: block;
  line-height: 20px;
  padding: 0;
  width: 100%;
}
.side-nav .side-nav__btn-user .user-name-info-wrap span {
  display: block;
  line-height: 20px;
  padding: 0;
  text-align: left;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  width: 100%;
}
.side-nav .side-nav__btn-user .user-name-info-wrap span.user__name {
  font-size: 16px;
  font-weight: 500;
}
.side-nav .side-nav__btn-user .user-name-info-wrap span.user__position {
  color: #e1e7ef;
  font-size: 14px;
  font-weight: 300;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .side-nav__btn-user .user-name-info-wrap span {
    display: none;
  }
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .side-nav__btn-user {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
}
.side-nav .user-menu__logout {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
  display: block;
  padding: 6px 10px 6px 20px;
  position: relative;
  text-align: left;
  width: 100%;
}
.side-nav .user-menu__logout .user-menu__icon.app-icon {
  color: #e1e7ef;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 100%;
  left: 0;
  line-height: 40px;
  top: 0;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  vertical-align: top;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .user-menu__logout .user-menu__icon.app-icon {
    line-height: 40px;
  }
}
.side-nav .user-menu__logout .user-menu__label {
  color: #e1e7ef;
  display: block;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  vertical-align: top;
  width: 100%;
}
.side-nav .user-menu__logout:active .user-menu__label,
.side-nav .user-menu__logout:focus .user-menu__label,
.side-nav .user-menu__logout:hover .user-menu__label {
  color: #f79b55;
}
.side-nav .user-menu__logout:active .user-menu__icon.app-icon,
.side-nav .user-menu__logout:focus .user-menu__icon.app-icon,
.side-nav .user-menu__logout:hover .user-menu__icon.app-icon {
  color: #f79b55;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .user-menu__logout {
    height: 40px;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  html:not(.side-nav--wide) .side-nav .user-menu__logout .user-menu__label {
    display: none;
  }
  html:not(.side-nav--wide) .side-nav .user-menu__logout .user-menu__icon.app-icon {
    font-size: 18px;
    margin-left: 10px;
  }
}
.side-nav .show__setup-guide {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
  display: none;
  padding: 6px 10px 6px 20px;
  position: relative;
  text-align: left;
  width: 100%;
}
.setup-guide--restore .side-nav .show__setup-guide {
  display: block;
}
.side-nav .show__setup-guide .show__setup-guide-icon {
  color: #e1e7ef;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 100%;
  left: 0;
  line-height: 36px;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  vertical-align: top;
  width: auto;
}
.side-nav .show__setup-guide .show__setup-guide-icon:before {
  font-weight: 700;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .show__setup-guide .show__setup-guide-icon {
    line-height: 40px;
  }
}
.side-nav .show__setup-guide .show__setup-guide-label {
  color: #e1e7ef;
  display: block;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  vertical-align: top;
  width: 100%;
}
.side-nav .show__setup-guide:active .show__setup-guide-label,
.side-nav .show__setup-guide:focus .show__setup-guide-label,
.side-nav .show__setup-guide:hover .show__setup-guide-label {
  color: #f79b55;
}
.side-nav .show__setup-guide:active .show__setup-guide-icon,
.side-nav .show__setup-guide:focus .show__setup-guide-icon,
.side-nav .show__setup-guide:hover .show__setup-guide-icon {
  color: #f79b55;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .show__setup-guide {
    height: 40px;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  html:not(.side-nav--wide) .side-nav .show__setup-guide .show__setup-guide-label {
    display: none;
  }
  html:not(.side-nav--wide) .side-nav .show__setup-guide .show__setup-guide-icon {
    font-size: 18px;
    margin-left: 10px;
  }
}
@media (min-width: 992px) {
  .side-nav {
    width: 80px;
  }
  .side-nav--wide .side-nav {
    width: 320px;
  }
}
@media (max-width: 991px) {
  .side-nav {
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 0;
    z-index: 99999;
  }
  .side-nav--mobile .side-nav {
    opacity: 1;
    visibility: visible;
    width: 320px;
  }
}
.side-nav-logo {
  background-color: #2c3235;
  border-bottom: 1px solid #162326;
  height: 90px;
  padding: 10px 30px 0;
}
.side-nav-logo__img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.side-nav-logo__img--default {
  display: block;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav-logo--toggle .side-nav-logo__img--default {
    display: none;
  }
}
.side-nav-logo__img--small {
  display: none;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav-logo__img--small {
    display: block;
    margin: 0 auto;
    width: 50px;
  }
}
.side-nav-menus {
  background-color: transparent;
  color: #f3f3f3;
  height: -webkit-calc(100% - 190px);
  height: -moz-calc(100% - 190px);
  height: calc(100% - 190px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #F57E20 #e0a800;
  scrollbar-width: thin;
}
.setup-guide--restore .side-nav-menus {
  height: -webkit-calc(100% - 230px);
  height: -moz-calc(100% - 230px);
  height: calc(100% - 230px);
}
.side-nav-menus .side-nav-menu__title {
  color: #e1e7ef;
  font-family:
    "Roboto",
    "RobotoMonoVariable",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 20px;
  margin: 0;
  max-width: 100%;
  padding: 30px 10px 10px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.side-nav--wide .side-nav-menus .side-nav-menu__title {
  font-size: 14px;
  padding: 30px 30px 10px;
}
@media (min-width: 992px) {
  .side-nav-menus .side-nav-menu__title {
    padding: 30px 30px 10px;
  }
  html:not(.side-nav--wide) .side-nav-menus .side-nav-menu__title {
    display: none;
  }
}
.side-nav-menus [data-level="0"] .menu--active .nav-tree-toggle[aria-label="Toggle Products"] + .nav-tree-node__content a.tree-root__link .tree-root__link-name,
.side-nav-menus [data-level="0"] .menu--active .nav-tree-toggle[aria-label="Toggle Products"] + .nav-tree-node__content a.tree-root__link .tree-root__link-icon {
  color: #F57E20;
}
.side-nav-menus .menu--active .tree-root__link-name {
  color: #FFDFA0;
}
.side-nav-menus .menu--active .tree-root__link-icon {
  color: #FFDFA0;
}
.side-nav-menus .menu--active .tree-root__link-icon:before {
  color: #FFDFA0;
}
.side-nav-menus .menu--active a.tree-root__link .tree-root__link-count {
  color: #FFDFA0;
}
.side-nav-menus .menu--active a.tree-root__link:active,
.side-nav-menus .menu--active a.tree-root__link:focus,
.side-nav-menus .menu--active a.tree-root__link:hover {
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav-menus {
    height: -webkit-calc(100% - 210px);
    height: -moz-calc(100% - 210px);
    height: calc(100% - 210px);
  }
  html:not(.side-nav--wide).setup-guide--restore .side-nav-menus {
    height: -webkit-calc(100% - 230px);
    height: -moz-calc(100% - 230px);
    height: calc(100% - 230px);
  }
}
.side-nav .nav-tree {
  background: transparent;
  display: block;
  padding: 0 10px;
}
html:not(.material-icons--initialized) .side-nav .nav-tree {
  overflow: hidden;
}
.side-nav .nav-tree-node {
  display: block;
}
.side-nav .nav-tree-node__wrapper {
  min-height: 50px;
  position: relative;
}
.side-nav .nav-tree-node__content {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  align-items: center;
  display: flex;
  min-height: 50px;
  padding-left: 4px;
}
.side-nav .nav-tree-node__content .tree-root__link {
  align-items: center;
  color: #fff;
  display: flex;
  font-family:
    "Roboto",
    "RobotoMonoVariable",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 15px;
  font-weight: 300;
  max-height: 50px;
  min-height: 50px;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.side-nav .nav-tree-node__content .tree-root__link[href="#/products/product-searchform"] .tree-root__link-count {
  opacity: 0;
}
@media (min-width: 992px) {
  .side-nav--icon-centered .side-nav .nav-tree-node__content .tree-root__link {
    padding-left: 0;
    text-align: center;
  }
}
.side-nav .nav-tree-node__content .tree-root__link:active .tree-root__link-name,
.side-nav .nav-tree-node__content .tree-root__link:focus .tree-root__link-name,
.side-nav .nav-tree-node__content .tree-root__link:hover .tree-root__link-name {
  z-index: 2;
}
.side-nav .nav-tree-node__content .tree-root__link:active .tree-root__link-icon,
.side-nav .nav-tree-node__content .tree-root__link:focus .tree-root__link-icon,
.side-nav .nav-tree-node__content .tree-root__link:hover .tree-root__link-icon {
  z-index: 2;
}
.side-nav .nav-tree-node__content .tree-root__link:active:after,
.side-nav .nav-tree-node__content .tree-root__link:focus:after,
.side-nav .nav-tree-node__content .tree-root__link:hover:after {
  background-color: #383f42;
  border-radius: 8px;
  content: "";
  height: 70%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  z-index: 1;
}
.side-nav--wide .side-nav .nav-tree-node__content .tree-root__link:active:after,
.side-nav--wide .side-nav .nav-tree-node__content .tree-root__link:focus:after,
.side-nav--wide .side-nav .nav-tree-node__content .tree-root__link:hover:after {
  width: 300px;
}
.side-nav .nav-tree-node__content .tree-root__link-icon {
  flex-shrink: 0;
  font-size: 21px;
  line-height: 24px;
  min-width: 30px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
}
.side-nav .nav-tree-node__content .tree-root__link-icon:before {
  font-size: 21px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.side-nav .nav-tree-node__content .tree-root__link-name {
  display: inline-block;
  font-weight: 500;
  line-height: 24px;
  margin-left: 10px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  visibility: visible;
}
.side-nav .nav-tree-node__content .tree-root__link-name > .tree-root__link-icon:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.side-nav--mobile .side-nav .nav-tree-node__content .tree-root__link-name {
  display: inline-block;
  opacity: 1;
  margin-left: 10px;
  visibility: visible;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .nav-tree-node__content .tree-root__link-name {
    margin-left: 0;
    opacity: 0;
    visibility: hidden;
    width: 0;
  }
}
.side-nav .nav-tree-node__content .tree-root__link-count {
  color: #e1e7ef;
  font-family:
    "Roboto",
    "RobotoMonoVariable",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 13px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  line-height: 20px;
  margin-left: auto;
  min-width: 35px;
  opacity: 1;
  padding-left: 8px;
  text-align: right;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: visible;
  z-index: 2;
}
.side-nav--mobile .side-nav .nav-tree-node__content .tree-root__link-count {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .nav-tree-node__content .tree-root__link-count {
    opacity: 0;
    visibility: hidden;
    width: 0;
  }
}
.side-nav .nav-tree-toggle {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  line-height: 50px;
  margin: 0 0 0 5px;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
  opacity: 0;
  padding: 0 20px 0 0;
  position: absolute;
  text-align: right;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  z-index: 9;
}
.side-nav .nav-tree-toggle:focus-visible {
  outline: none;
}
.side-nav .nav-tree-toggle:active,
.side-nav .nav-tree-toggle:focus,
.side-nav .nav-tree-toggle:hover {
  opacity: 1;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .nav-tree-toggle {
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.side-nav .nav-tree-toggle .nav-tree-toggle__icon {
  color: #f4f4f4;
  display: inline-block;
  margin-right: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
}
.side-nav .nav-tree-toggle:active .nav-tree-toggle__icon,
.side-nav .nav-tree-toggle:focus .nav-tree-toggle__icon,
.side-nav .nav-tree-toggle:hover .nav-tree-toggle__icon {
  color: #f79b55;
}
.side-nav .nav-tree-toggle:active + .nav-tree-node__content .tree-root__link-icon,
.side-nav .nav-tree-toggle:focus + .nav-tree-node__content .tree-root__link-icon,
.side-nav .nav-tree-toggle:hover + .nav-tree-node__content .tree-root__link-icon {
  z-index: 2;
}
.side-nav .nav-tree-toggle:active + .nav-tree-node__content .tree-root__link-name,
.side-nav .nav-tree-toggle:focus + .nav-tree-node__content .tree-root__link-name,
.side-nav .nav-tree-toggle:hover + .nav-tree-node__content .tree-root__link-name {
  z-index: 2;
}
.side-nav .nav-tree-toggle:active + .nav-tree-node__content .tree-root__link:after,
.side-nav .nav-tree-toggle:focus + .nav-tree-node__content .tree-root__link:after,
.side-nav .nav-tree-toggle:hover + .nav-tree-node__content .tree-root__link:after {
  background-color: #383f42;
  border-radius: 8px;
  content: "";
  height: 70%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  z-index: 1;
}
.side-nav--wide .side-nav .nav-tree-toggle:active + .nav-tree-node__content .tree-root__link:after,
.side-nav--wide .side-nav .nav-tree-toggle:focus + .nav-tree-node__content .tree-root__link:after,
.side-nav--wide .side-nav .nav-tree-toggle:hover + .nav-tree-node__content .tree-root__link:after {
  width: 300px;
}
.side-nav .nav-tree-node .nav-tree-node {
  margin-left: 20px;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .nav-tree-node .nav-tree-node {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav .nav-tree-node__submenus .nav-tree-node .nav-tree-node {
    margin-left: 20px;
  }
  html:not(.side-nav--wide).side-nav--submenu-display .side-nav .nav-tree-node__submenus .nav-tree-node .nav-tree-node,
  html:not(.side-nav--wide).side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus .nav-tree-node .nav-tree-node {
    margin-left: 0;
  }
}
.side-nav--wide .side-nav .nav-tree-node__submenus[data-level="0"] .nav-tree-toggle:active + .nav-tree-node__content .tree-root__link:after,
.side-nav--wide .side-nav .nav-tree-node__submenus[data-level="0"] .nav-tree-toggle:focus + .nav-tree-node__content .tree-root__link:after,
.side-nav--wide .side-nav .nav-tree-node__submenus[data-level="0"] .nav-tree-toggle:hover + .nav-tree-node__content .tree-root__link:after {
  left: -webkit-calc(50% - 10px);
  left: -moz-calc(50% - 10px);
  left: calc(50% - 10px);
  width: 300px;
}
.side-nav--wide .side-nav .nav-tree-node__submenus[data-level="0"]:active .nav-tree-node__content .tree-root__link:after,
.side-nav--wide .side-nav .nav-tree-node__submenus[data-level="0"]:focus .nav-tree-node__content .tree-root__link:after,
.side-nav--wide .side-nav .nav-tree-node__submenus[data-level="0"]:hover .nav-tree-node__content .tree-root__link:after {
  left: -webkit-calc(50% - 10px);
  left: -moz-calc(50% - 10px);
  left: calc(50% - 10px);
  width: 300px;
}
.side-nav--submenu-display .side-nav .nav-tree-node__submenus[data-level="1"] .nav-tree-toggle:active + .nav-tree-node__content .tree-root__link:after,
.side-nav--submenu-display .side-nav .nav-tree-node__submenus[data-level="1"] .nav-tree-toggle:focus + .nav-tree-node__content .tree-root__link:after,
.side-nav--submenu-display .side-nav .nav-tree-node__submenus[data-level="1"] .nav-tree-toggle:hover + .nav-tree-node__content .tree-root__link:after {
  left: 50%;
  width: 280px;
}
.side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="1"] .nav-tree-toggle:active + .nav-tree-node__content .tree-root__link:after,
.side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="1"] .nav-tree-toggle:focus + .nav-tree-node__content .tree-root__link:after,
.side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="1"] .nav-tree-toggle:hover + .nav-tree-node__content .tree-root__link:after {
  width: 60px;
}
@media (min-width: 992px) {
  .side-nav .nav-tree-node__submenus[data-level="2"] .nav-tree-node {
    margin-left: 20px;
  }
  html:not(.side-nav--wide).side-nav--submenu-display .side-nav .nav-tree-node__submenus[data-level="2"] .nav-tree-node {
    margin-left: 20px;
  }
  html:not(.side-nav--wide).side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="2"] .nav-tree-node {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded.nav-tree-node__submenus--active {
    background-color: #2c3235;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 2;
  }
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded.nav-tree-node__submenus--active {
    width: 80px;
  }
  .image--preview .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded.nav-tree-node__submenus--active {
    z-index: 1;
  }
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded .tree-root__link:active:after,
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded .tree-root__link:focus:after,
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded .tree-root__link:hover:after {
    left: 50% !important;
    width: 60px !important;
  }
  .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="0"] > .mat-nested-tree-node,
  .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="1"] > .mat-nested-tree-node {
    margin-left: 0;
  }
  .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="0"] > .mat-nested-tree-node .nav-tree-toggle,
  .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="1"] > .mat-nested-tree-node .nav-tree-toggle {
    margin: 0;
  }
  .side-nav--submenu-display .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded {
    padding-right: 10px;
  }
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded {
    padding-right: 5px;
  }
}
@media (min-width: 992px) {
  .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="0"] .tree-root__link-name,
  .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="1"] .tree-root__link-name {
    margin-left: 10px;
    opacity: 1;
    visibility: visible;
    width: auto;
  }
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="0"] .tree-root__link-name,
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="1"] .tree-root__link-name {
    margin-left: 0;
    opacity: 0;
    visibility: hidden;
    width: 0;
  }
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="0"] .tree-root__link-count,
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="1"] .tree-root__link-count {
    opacity: 0;
    visibility: hidden;
    width: 0;
  }
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="0"] .nav-tree-toggle,
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus.nav-tree-node__submenus--expanded[data-level="1"] .nav-tree-toggle {
    padding-right: 10px;
  }
}
.side-nav--submenu-display .side-nav .nav-tree-node__submenus[data-level="2"]:active .nav-tree-node__content .tree-root__link:after,
.side-nav--submenu-display .side-nav .nav-tree-node__submenus[data-level="2"]:focus .nav-tree-node__content .tree-root__link:after,
.side-nav--submenu-display .side-nav .nav-tree-node__submenus[data-level="2"]:hover .nav-tree-node__content .tree-root__link:after {
  left: -webkit-calc(50% - 10px);
  left: -moz-calc(50% - 10px);
  left: calc(50% - 10px);
  width: 280px;
}
.side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="2"]:active .nav-tree-node__content .tree-root__link:after,
.side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="2"]:focus .nav-tree-node__content .tree-root__link:after,
.side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="2"]:hover .nav-tree-node__content .tree-root__link:after {
  left: 50%;
  width: 60px;
}
@media (min-width: 992px) {
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="2"] .mat-nested-tree-node {
    margin-left: 0;
  }
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenus[data-level="2"] .nav-tree-toggle {
    padding-right: 10px;
  }
}
.side-nav .nav-tree-node__submenu-title-wrap {
  border-bottom: 1px solid #162326;
  display: none;
  padding: 10px 40px 10px 20px;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .side-nav .nav-tree-node__submenu-title-wrap {
    display: block;
  }
}
.side-nav .nav-tree-node__submenu-title {
  color: #e1e7ef;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
@media (min-width: 992px) {
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenu-title {
    display: none;
  }
}
.side-nav .nav-tree-node__submenu-toggle {
  background-color: transparent;
  border: 1px solid transparent;
  color: #e1e7ef;
  cursor: pointer;
  height: 30px;
  line-height: 22px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 30px;
  z-index: 1;
}
.side-nav .nav-tree-node__submenu-toggle mat-icon {
  font-size: 21px;
}
@media (min-width: 992px) {
  .side-nav--submenu-display--icons .side-nav .nav-tree-node__submenu-toggle {
    padding: 0;
    position: static;
    right: 0;
    top: 0;
  }
}
.side-nav-menus .nav-tree-node__wrapper {
  background: transparent;
  border-radius: 8px;
  padding: 0 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.side-nav-menus .nav-tree-node__wrapper:hover:after {
  border-radius: 8px;
}
@media (min-width: 992px) {
  html:not(.side-nav--wide) .side-nav-menus .nav-tree-node__wrapper {
    padding: 0 15px;
  }
}
@media (min-width: 992px) {
  .side-nav--submenu-display--icons .side-nav-menus .nav-tree-node__submenus .nav-tree-node__wrapper {
    padding: 0 20px;
  }
}
.side-nav-menus .mat-nested-tree-node[aria-expanded=true]:not([data-level="0"]) > .nav-tree-node__wrapper > .nav-tree-toggle > .nav-tree-toggle__icon,
.side-nav-menus .mat-nested-tree-node[aria-expanded=true]:not([data-level="1"]) > .nav-tree-node__wrapper > .nav-tree-toggle > .nav-tree-toggle__icon {
  -webkit-transform: rotate(0.25turn);
  -moz-transform: rotate(0.25turn);
  -o-transform: rotate(0.25turn);
  transform: rotate(0.25turn);
}
.side-nav-menus .mat-nested-tree-node[aria-expanded=true] .nav-tree-node__wrapper .nav-tree-toggle--open {
  opacity: 1;
}
.side-nav-menus .nav-tree-node__wrapper--active > .nav-tree-toggle--open {
  opacity: 1;
}
.side-nav-menus .nav-tree-node__wrapper--active .nav-tree-toggle__icon {
  color: #F57E20;
}
.side-nav-menus .nav-tree-node__wrapper--active .tree-root__link-name {
  color: #F57E20;
}
.side-nav-menus .nav-tree-node__wrapper--active .tree-root__link-count {
  color: #F57E20;
}
.side-nav-menus .nav-tree-node__wrapper--active .tree-root__link-icon {
  color: #F57E20;
}
.side-nav-menus .nav-tree-node__wrapper--active .tree-root__link-icon:before {
  color: #F57E20;
}
.side-nav-menus .nav-tree-node__wrapper--active a.tree-root__link {
  color: #FFDFA0;
}
.side-nav-menus .nav-tree-node__wrapper--active a.tree-root__link .tree-root__link-name {
  color: #FFDFA0;
}
.side-nav-menus .nav-tree-node__wrapper--active a.tree-root__link .tree-root__link-icon {
  color: #FFDFA0;
}
.side-nav-menus .nav-tree-node__wrapper--active a.tree-root__link .tree-root__link-icon:before {
  color: #FFDFA0;
}
.side-nav-menus .nav-tree-node:focus,
.side-nav-menus .nav-tree-node:focus-visible,
.side-nav-menus .nav-tree-toggle:focus,
.side-nav-menus .nav-tree-toggle:focus-visible {
  outline: none;
}
.side-nav-menus .menu-wrap--active > .nav-tree-node__wrapper > .nav-tree-toggle > .nav-tree-toggle__icon {
  color: #F57E20;
}
.side-nav-menus .menu-wrap--active > .nav-tree-node__wrapper > .nav-tree-node__content .tree-root__link-name {
  color: #F57E20;
}
.side-nav-menus .menu-wrap--active > .nav-tree-node__wrapper > .nav-tree-node__content .tree-root__link-count {
  color: #F57E20;
}
.side-nav-menus .menu-wrap--active > .nav-tree-node__wrapper > .nav-tree-node__content .tree-root__link-icon {
  color: #F57E20;
}
.side-nav-menus .menu-wrap--active > .nav-tree-node__wrapper > .nav-tree-node__content .tree-root__link-icon:before {
  color: #F57E20;
}
.side-nav-footer {
  background-color: transparent;
  border-top: 1px solid #162326;
  color: #EDEDED;
  font-weight: 300;
  height: 100px;
  margin: 0;
  padding: 0 50px 0 20px;
  position: relative;
  width: 100%;
}
.setup-guide--restore .side-nav-footer {
  height: 140px;
}
.side-nav-footer span {
  display: inline-block;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: #EDEDED;
  font-size: 11px;
  font-weight: 300;
  line-height: 32px;
  max-width: none;
  padding: 5px 10px;
  width: 50%;
}
.side-nav-footer span:last-child {
  text-align: center;
}
.side-nav-footer .side-nav__toggle-open {
  font-size: 21px;
}
.side-nav--wide .side-nav-footer .side-nav__toggle-open {
  display: none;
}
.side-nav-footer .side-nav__toggle-closed {
  font-size: 21px;
}
html:not(.side-nav--wide) .side-nav-footer .side-nav__toggle-closed {
  display: none;
}
@media (min-width: 992px) {
  .side-nav-footer {
    padding-top: 5px;
  }
  .side-nav--wide .side-nav-footer {
    padding-top: 0;
  }
  .side-nav-footer span {
    line-height: 16px;
    padding: 0;
    width: 100%;
  }
  .side-nav--wide .side-nav-footer span {
    line-height: 32px;
    padding: 5px 10px;
    width: 50%;
  }
  html:not(.side-nav--wide) .side-nav-footer {
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
  }
  html:not(.side-nav--wide).setup-guide--restore .side-nav-footer {
    height: 140px;
  }
}
.side-nav__toggle {
  background-color: transparent;
  border: 1px solid transparent;
  bottom: 15px;
  color: #e1e7ef;
  cursor: pointer;
  display: none;
  height: 30px;
  line-height: 22px;
  position: absolute;
  right: 10px;
  text-align: center;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  width: 30px;
  z-index: 1;
}
.side-nav__toggle:active,
.side-nav__toggle:focus,
.side-nav__toggle:hover {
  color: #F57E20;
}
@media (min-width: 992px) {
  .side-nav__toggle {
    display: inline-block;
  }
  html:not(.side-nav--wide) .side-nav__toggle {
    bottom: auto;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
    position: static;
    right: auto;
  }
}
.main-content {
  background-color: #f3f3f3;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  width: 100%;
}
@media (min-width: 992px) {
  .main-content {
    width: -webkit-calc(100% - 95px);
    width: -moz-calc(100% - 95px);
    width: calc(100% - 95px);
  }
  .side-nav--wide .main-content {
    width: -webkit-calc(100% - 320px);
    width: -moz-calc(100% - 320px);
    width: calc(100% - 320px);
  }
  .side-nav--submenu-display .main-content {
    margin-left: 300px;
    width: -webkit-calc(100% - 355px);
    width: -moz-calc(100% - 355px);
    width: calc(100% - 355px);
  }
  .side-nav--submenu-display.side-nav--wide .main-content {
    width: -webkit-calc(100% - 620px);
    width: -moz-calc(100% - 620px);
    width: calc(100% - 620px);
  }
  .side-nav--submenu-display--icons.side-nav--submenu-display .main-content {
    margin-left: 80px;
    width: -webkit-calc(100% - 175px);
    width: -moz-calc(100% - 175px);
    width: calc(100% - 175px);
  }
  .side-nav--submenu-display--icons.side-nav--submenu-display.side-nav--wide .main-content {
    width: -webkit-calc(100% - 400px);
    width: -moz-calc(100% - 400px);
    width: calc(100% - 400px);
  }
}
.root-section {
  height: 100%;
}
.root-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
}
.root-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.root-container app-navbar {
}
.image--preview .root-container app-navbar {
  position: relative;
  z-index: 1;
}
.lookup--active .root-container app-navbar {
  z-index: 1;
}
@media (min-width: 992px) {
  .root-container app-navbar .app-navbar__btn-mobile-menu {
    display: none;
  }
}
.root-container app-navbar .app-navbar__btn-notification {
  overflow: visible;
  position: relative;
}
.root-container app-navbar .app-navbar__btn-notification .notification-counter {
  background-color: #F57E20;
  border: 1px solid #fff;
  border-radius: 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 30px;
  line-height: 26px;
  min-width: 30px;
  padding: 2px;
  position: absolute;
  right: -6px;
  text-align: center;
  top: -12px;
}
.root-container app-navbar .app-navbar__btn-user {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  height: 36px;
  max-width: 250px;
  outline: none;
  padding: 0;
  position: relative;
  text-align: left;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  white-space: nowrap;
  width: 36px;
}
.root-container app-navbar .app-navbar__btn-user:active,
.root-container app-navbar .app-navbar__btn-user:focus,
.root-container app-navbar .app-navbar__btn-user:hover {
  background-color: rgba(251, 187, 24, 0.1019607843);
  border-color: #f79b55;
}
.root-container app-navbar .app-navbar__btn-user .user-icon-image-wrap {
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  left: 1px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 32px;
}
.root-container app-navbar .app-navbar__btn-user .app-icon {
  display: inline-block;
  height: 100%;
  line-height: 30px;
  vertical-align: top;
  width: 100%;
}
.root-container app-navbar .app-navbar__btn-user .app-icon[name=fa-angle-down] {
  font-size: 12px;
  left: auto;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  visibility: hidden;
  width: 30px;
}
.root-container app-navbar .app-navbar__btn-user img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.root-container app-navbar .app-navbar__btn-user .user-name {
  display: none;
  font-weight: 500;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
@media (min-width: 667px) {
  .root-container app-navbar .app-navbar__btn-user .user-name {
    display: block;
  }
}
.root-container app-navbar .app-navbar__btn-user .user-email {
  display: none;
  font-weight: 500;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
@media (min-width: 667px) {
  .root-container app-navbar .app-navbar__btn-user .user-email {
    display: block;
  }
}
.root-container app-navbar .app-navbar__btn-user {
}
.root-container app-navbar .app-navbar__btn-logout .app-icon {
  color: #b70f0a;
}
@media (min-width: 992px) {
  .root-container app-navbar {
    display: none;
  }
}
.root-container {
}
.root-container .header-logo {
  height: 100%;
  max-width: 140px;
}
@media (min-width: 992px) {
  .root-container .header-logo {
    display: none;
  }
}
.root-container .header-title-wrap {
  display: none;
}
@media (min-width: 768px) {
  .root-container .header-title-wrap {
    display: inline-block;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .side-nav--wide .root-container .header-title-wrap {
    display: inline-block;
    padding-left: 30px;
  }
}
.root-container p {
  color: #52525B;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  margin: 0;
}
@media (min-width: 768px) {
  .root-container p {
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  .root-container p {
    font-size: 16px;
  }
}
.root-container {
}
.root-container .page-title {
  font-family: "ChakraPetch";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 0;
}
@media (min-width: 768px) {
  .root-container .page-title {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .root-container .page-title {
    font-size: 26px;
  }
}
.root-container .dock-manager {
  background-color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-height: -webkit-calc(100vh - 50px);
  max-height: -moz-calc(100vh - 50px);
  max-height: calc(100vh - 50px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 20px 20px;
}
@media (min-width: 992px) {
  .root-container .dock-manager {
    max-height: 100vh;
  }
}
.lookup--active .mdi-tab-shell__actions {
  z-index: 0 !important;
}
.image--preview .mdi-tab-shell__actions {
  z-index: 0 !important;
}
.main-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99998;
}
.animate--loading .main-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;
  display: block;
}
.main-overlay:before {
  color: #fff;
  content: "\f057";
  cursor: pointer;
  font-family: "Font Awesome 5 Free";
  font-size: 22px;
  opacity: 0;
  position: absolute;
  right: 17px;
  top: 10px;
  -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  visibility: hidden;
}
.side-nav--mobile .main-overlay:before {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 992px) {
  .main-overlay:before {
    display: none;
  }
}
.side-nav--mobile .main-overlay {
  display: block;
}
@media (min-width: 992px) {
  .side-nav--mobile .main-overlay {
    display: none;
  }
}
body .main-overlay {
  overflow: hidden !important;
}
.main-overlay:hover:before {
  color: rgba(251, 187, 24, 0.1019607843);
}
.message-dialog-form.message-dialog-form--cancel-process .message-dialog-form__body .dialog-message {
  text-align: left !important;
}
.message-dialog-form.message-dialog-form--alert .message-dialog-form__body .dialog-message {
  text-align: left !important;
}
.message-dialog-form.message-dialog-form--import-summary .message-dialog-form__body,
.message-dialog-form.message-dialog-form--import-summary-errors .message-dialog-form__body {
  overflow-y: auto;
}
.message-dialog-form.message-dialog-form--import-summary .message-dialog-form__body .dialog-message,
.message-dialog-form.message-dialog-form--import-summary-errors .message-dialog-form__body .dialog-message {
  font-size: 14px;
  text-align: left !important;
}
.import-summary__table {
  border-collapse: collapse;
  margin-bottom: 12px;
  width: 100%;
}
.import-summary__table td {
  border-bottom: 1px solid #e1e2e6;
  padding: 4px 8px;
}
.import-summary__table td:last-child {
  font-weight: 600;
  text-align: right;
}
.import-summary__table th {
  font-weight: 600;
  padding: 4px 8px;
  text-align: right;
}
.import-summary__table td + td {
  text-align: right;
}
.message-dialog-form--import-summary-errors .btn--decline {
  display: none;
}
.import-summary__heading {
  font-weight: 600;
  margin: 12px 0 4px;
}
.import-summary__danger {
  background-color: #fef2f2;
  border: 1px solid #ffa2a2;
  border-radius: 4px;
  color: #9f0712;
  margin-bottom: 12px;
  padding: 8px 12px;
}
.import-summary__danger .import-summary__table td {
  border-bottom-color: #ffb3b6;
}
.import-summary__warning {
  background-color: #fff7ed;
  border: 1px solid #ffb86a;
  border-radius: 4px;
  color: #9f2d00;
  margin-bottom: 12px;
  padding: 8px 12px;
}
.import-summary__errors {
  font-family: monospace;
  font-size: 12px;
  margin: 4px 0 0;
  max-height: 160px;
  overflow-y: auto;
  padding-left: 18px;
}
@media (max-width: 599px) {
  [class*=overlay-message-dialog-form--] .cdk-overlay-pane.overlay-panel {
    width: 90% !important;
  }
}
app-workspace {
  width: 100%;
}
app-workspace .workspace-gui-layout {
  height: 100%;
  width: 100%;
  position: relative;
}
app-workspace .workspace-gui-layout.animate--loading:before {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99998;
}
app-workspace .loading-progress-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 998;
}
app-workspace .loading-progress-overlay mat-progress-bar {
  margin-bottom: 15px;
}
app-workspace .loading-progress-overlay__content {
  background-color: #fff;
  background-image: url("./media/loading.gif");
  background-position: center top 20px;
  background-repeat: no-repeat;
  background-size: 30px;
  border: 1px solid #F57E20;
  border-radius: 12px;
  font-size: 14px;
  line-height: 2;
  min-width: 200px;
  padding: 60px 20px 20px;
}
app-workspace .loading-progress-overlay__status {
  font-weight: 700;
}
app-workspace .workspace-gui-layout-dir {
  background-color: #fff;
  border-radius: 0 16px 16px 16px;
  height: 40px;
  margin-bottom: 0;
  overflow-y: hidden;
  overflow-x: auto;
  vertical-align: middle;
  white-space: nowrap;
}
app-workspace .workspace-gui-layout-dir.workspace-gui-layout-dir--app-help,
app-workspace .workspace-gui-layout-dir.workspace-gui-layout-dir--dashboard {
  margin-bottom: 10px;
}
app-workspace .workspace-gui-layout-dir.workspace-gui-layout-dir--breadcrumbs-hidden {
  display: none;
}
app-workspace .workspace-gui-flex {
  background-color: #fff;
  height: -webkit-calc(100% - 40px);
  height: -moz-calc(100% - 40px);
  height: calc(100% - 40px);
  min-width: 0;
  overflow: hidden;
  width: 100%;
}
app-workspace .workspace-gui-flex > * {
  display: block;
  height: 100%;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
app-workspace .workspace-gui-flex.workspace-gui-flex--back .btn[data-action=back] {
  display: none;
}
app-workspace .workspace-gui-flex.workspace-gui-flex--back products-product-recordeditform .form__title {
  padding: 15px 0 0 30px !important;
}
app-workspace .workspace-gui-flex.workspace-gui-flex--back products-product-recordeditform .form__subtitle--record-header-l2 {
  padding-left: 30px !important;
}
app-workspace .workspace-gui-flex.workspace-gui-flex--trail-back .btn[data-action=back] {
  display: none;
}
app-workspace .workspace-gui-flex.workspace-gui-flex--trail-back .form__title {
  padding-top: 30px !important;
}
app-workspace .workspace-gui-flex.workspace-gui-flex--trail-back .form__title:not(.form__title--record-header-l1) {
  padding-top: 15px !important;
}
app-workspace .tab-content {
  padding-top: 10px;
  width: 100%;
}
app-workspace .tab-content .tab-content__title {
  font-size: 30px;
  line-height: 1.5;
  margin: 0 0 20px;
  padding: 0 20px;
}
@media (min-width: 768px) {
  app-workspace .tab-content .tab-content__title {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  app-workspace .tab-content .tab-content__title {
    font-size: 26px;
  }
}
.left-nav-tooltip {
  background-color: #f57e20;
  border-radius: 4px;
  box-shadow: 0 5px 12px #000;
  color: #fff;
  font-family:
    "Roboto",
    "RobotoMonoVariable",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 12px;
  left: 105px;
  opacity: 0;
  padding: 6px 10px;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  white-space: nowrap;
  visibility: hidden;
  z-index: 999;
}
.left-nav-tooltip.left-nav-tooltip--active {
  opacity: 1;
  visibility: visible;
}
.left-nav-tooltip {
}
.breadcrumbs {
  height: 30px;
  width: 100%;
}
.breadcrumbs-item {
  color: #e1e7ef;
  display: inline-block;
  font-weight: 300;
  line-height: 28px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.breadcrumbs-item:active,
.breadcrumbs-item:focus,
.breadcrumbs-item:hover {
  color: #F57E20;
}
.breadcrumbs-item:first-of-type:not(.breadcrumbs-item--back):before {
  color: #000;
  content: "\e92b";
  display: inline-block;
  font-family: "icomoon";
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 10px 0 5px;
  vertical-align: top;
}
.breadcrumbs-item.breadcrumbs-item--back {
  left: 0;
  position: absolute;
  top: 15px;
}
.breadcrumbs-item.breadcrumbs-item--back .breadcrumbs-item-link-icon {
  font-size: 19px;
  position: relative;
  top: 4px;
}
.breadcrumbs-item.breadcrumbs-item--back.breadcrumbs-item--modify {
  top: 15px;
}
.breadcrumbs-item.breadcrumbs-item--back.breadcrumbs-item--modify .breadcrumbs-item-link {
  padding-left: 30px;
}
.breadcrumbs-item.breadcrumbs-item--back.breadcrumbs-item--modify .breadcrumbs-item-link .breadcrumbs-item-link-icon {
  font-size: 22px;
  left: 0;
  position: absolute;
  top: 24px;
}
.breadcrumbs-item.breadcrumbs-item--back.breadcrumbs-item--modify .breadcrumbs-item-link[data-form="Product List"] {
  position: relative;
  top: 15px;
}
.breadcrumbs-item.breadcrumbs-item--back.breadcrumbs-item--modify .breadcrumbs-item-link[data-form="Product List"] .breadcrumbs-item-link-icon {
  top: 19px;
}
.breadcrumbs-item.breadcrumbs-item--back.breadcrumbs-item--trail-back {
  top: 40px;
}
.breadcrumbs-item:empty {
  display: none;
}
.breadcrumbs-item.breadcrumbs-item--last {
  color: #000;
  font-weight: 700;
}
products-categorytreenode-treeform .breadcrumbs-item {
  line-height: 1;
}
.breadcrumbs-items {
  display: block;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 5px 0;
  z-index: 1;
}
.breadcrumbs--hidden .breadcrumbs-items {
  border-bottom-color: transparent;
  display: none;
}
.breadcrumbs-item-link {
  color: #666;
  font-weight: 300;
  text-decoration: none;
}
.breadcrumbs-item-link:active,
.breadcrumbs-item-link:focus,
.breadcrumbs-item-link:hover {
  color: #f79b55;
}
.breadcrumbs-item-separator {
  display: inline-block;
  line-height: 28px;
  text-align: center;
  vertical-align: top;
  width: 40px;
}
.breadcrumbs-item-separator .app-icon {
  color: #000;
  font-size: 21px;
  height: 100%;
  line-height: 28px;
  opacity: 0.25;
}
.form-gui-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100% !important;
  min-width: 0;
  width: 100%;
}
.quick-list-card {
  background: #ffffff;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 12px;
}
.quick-list-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.quick-list-card__label {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.quick-list-card__add-btn {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: transparent;
  border: 1px solid #CBD5E1;
  border-radius: 6px;
  color: #475569;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 10px;
  transition: background 0.15s, border-color 0.15s;
}
.quick-list-card__add-btn:hover {
  background: #F1F5F9;
  border-color: #94A3B8;
}
.quick-list-card__add-icon {
  font-size: 16px;
  line-height: 1;
}
.quick-list-card__list {
  display: grid;
  row-gap: 2px;
  column-gap: 8px;
}
.quick-list-card__item {
  display: contents;
}
.quick-list-card__item > * {
  padding: 5px 8px;
  cursor: pointer;
  transition: background 0.12s;
}
.quick-list-card__item > *:first-child {
  border-radius: 6px 0 0 6px;
}
.quick-list-card__item > *:last-child {
  border-radius: 0 6px 6px 0;
}
.quick-list-card__item:hover > * {
  background: #F8FAFC;
}
.quick-list-card__col-headers {
  display: grid;
  column-gap: 8px;
  padding: 0 0 4px;
  border-bottom: 1px solid #F1F5F9;
  margin-bottom: 4px;
}
.quick-list-card__col-header {
  font-size: 11px;
  font-weight: 600;
  color: #94A3B8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.quick-list-card__col {
  font-size: 13px;
  color: #1E293B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.quick-list-card__item-text {
  font-size: 13px;
  font-weight: 500;
  color: #1E293B;
}
.quick-list-card__item-sub {
  font-size: 12px;
  color: #94A3B8;
}
.quick-list-card__empty {
  font-size: 13px;
  color: #94A3B8;
  padding: 4px 0;
}
.sub-form .custom-element {
  display: block;
  height: 100%;
}
.sub-form .custom-element .tab-content--grid {
  height: 100%;
}
.sub-form .sub-form--custom-element {
  display: block;
  height: 100%;
  width: 100%;
}
.sub-form .ag-root-wrapper-body.ag-layout-normal {
  min-height: 200px;
}
products-product-browserform {
  display: block;
  height: 100%;
  width: 100%;
}
products-product-browserform > .tab-content-group-item {
  height: 100%;
}
products-product-browserform .form-content {
  height: -webkit-calc(100% - 50px) !important;
  height: -moz-calc(100% - 50px) !important;
  height: calc(100% - 50px) !important;
}
products-product-browserform .form-content > form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
products-product-browserform .form-content > form > * {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
products-product-browserform .form-content > form .form-table {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
  -moz-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  height: -webkit-calc(100% - 80px) !important;
  height: -moz-calc(100% - 80px) !important;
  height: calc(100% - 80px) !important;
  max-height: -webkit-calc(100% - 80px) !important;
  max-height: -moz-calc(100% - 80px) !important;
  max-height: calc(100% - 80px) !important;
  overflow: hidden;
}
products-product-browserform .form-table {
  overflow-y: auto !important;
}
@media (max-width: 767px) {
  products-product-browserform .panel > table tr td {
    width: 100%;
  }
}
products-product-browserform products-categorytreenode-treeform {
  display: block;
  height: 100%;
  width: 100%;
}
products-product-browserform products-categorytreenode-treeform .tab-content--grid--selection {
  height: 100%;
}
products-product-browserform products-categorytreenode-treeform .tab-content--grid--selection .table-wrap .display-mode-thumbnails__list {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1199px) {
  products-product-browserform .form-grid-footer {
    padding: 10px 0;
  }
  products-product-browserform .form-grid-footer button.btn {
    padding: 6px 8px;
  }
}
@media (max-width: 479px) {
  products-product-browserform products-categoryproductlist-searchform {
    height: auto;
    overflow: auto;
    padding-top: 20px;
  }
  products-product-browserform products-categoryproductlist-searchform .form-grid-filters .btn {
    margin: 0 !important;
  }
  products-product-browserform products-categoryproductlist-searchform .form-grid-filters .btn app-icon,
  products-product-browserform products-categoryproductlist-searchform .form-grid-filters .btn .btn__icon {
    margin: 0 0 0 5px !important;
  }
  products-product-browserform products-categoryproductlist-searchform .form-grid-filters .btn .btn__label {
    display: inline-block;
  }
}
appbusiness-useraccount-searchform,
appbusiness-useraccountsecuritygroupmapping-searchform,
appbusiness-securitygrouprolemapping-searchform,
appbusiness-tenantvendorattributemapping-searchform,
products-channel-searchform,
appbusiness-tenantbranch-searchform,
appbusiness-tenantapikey-searchform,
appbusiness-tenantvendor-searchform,
attributes-attributegroup-searchform,
attributes-attributedefinition-searchform,
attributes-attributemeasurementfamily-searchform,
attributes-attributeproductfamily-searchform,
categorization-categorygroup-searchform,
categorization-categorytreenode-searchform,
products-uom-searchform,
products-product-searchform,
products-productdataexportrequest-searchform,
products-productdataexportprofile-searchform,
app-contact-support,
appbusiness-tenantlogo-searchform,
products-productdataimportrequest-searchform {
  display: block;
}
@media (max-height: 767px) and (max-width: 1023px) {
  appbusiness-useraccount-searchform,
  appbusiness-useraccountsecuritygroupmapping-searchform,
  appbusiness-securitygrouprolemapping-searchform,
  appbusiness-tenantvendorattributemapping-searchform,
  products-channel-searchform,
  appbusiness-tenantbranch-searchform,
  appbusiness-tenantapikey-searchform,
  appbusiness-tenantvendor-searchform,
  attributes-attributegroup-searchform,
  attributes-attributedefinition-searchform,
  attributes-attributemeasurementfamily-searchform,
  attributes-attributeproductfamily-searchform,
  categorization-categorygroup-searchform,
  categorization-categorytreenode-searchform,
  products-uom-searchform,
  products-product-searchform,
  products-productdataexportrequest-searchform,
  products-productdataexportprofile-searchform,
  app-contact-support,
  appbusiness-tenantlogo-searchform,
  products-productdataimportrequest-searchform {
    overflow-y: auto;
  }
  appbusiness-useraccount-searchform .ag-root-wrapper.ag-layout-normal,
  appbusiness-useraccountsecuritygroupmapping-searchform .ag-root-wrapper.ag-layout-normal,
  appbusiness-securitygrouprolemapping-searchform .ag-root-wrapper.ag-layout-normal,
  appbusiness-tenantvendorattributemapping-searchform .ag-root-wrapper.ag-layout-normal,
  products-channel-searchform .ag-root-wrapper.ag-layout-normal,
  appbusiness-tenantbranch-searchform .ag-root-wrapper.ag-layout-normal,
  appbusiness-tenantapikey-searchform .ag-root-wrapper.ag-layout-normal,
  appbusiness-tenantvendor-searchform .ag-root-wrapper.ag-layout-normal,
  attributes-attributegroup-searchform .ag-root-wrapper.ag-layout-normal,
  attributes-attributedefinition-searchform .ag-root-wrapper.ag-layout-normal,
  attributes-attributemeasurementfamily-searchform .ag-root-wrapper.ag-layout-normal,
  attributes-attributeproductfamily-searchform .ag-root-wrapper.ag-layout-normal,
  categorization-categorygroup-searchform .ag-root-wrapper.ag-layout-normal,
  categorization-categorytreenode-searchform .ag-root-wrapper.ag-layout-normal,
  products-uom-searchform .ag-root-wrapper.ag-layout-normal,
  products-product-searchform .ag-root-wrapper.ag-layout-normal,
  products-productdataexportrequest-searchform .ag-root-wrapper.ag-layout-normal,
  products-productdataexportprofile-searchform .ag-root-wrapper.ag-layout-normal,
  app-contact-support .ag-root-wrapper.ag-layout-normal,
  appbusiness-tenantlogo-searchform .ag-root-wrapper.ag-layout-normal,
  products-productdataimportrequest-searchform .ag-root-wrapper.ag-layout-normal {
    min-height: 50vh;
  }
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn {
    margin: 5px 0 0 7px !important;
    min-width: 0 !important;
  }
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn app-icon,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__icon {
    margin: 0 !important;
  }
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label {
    display: none;
  }
  .btn__password appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password app-contact-support .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label,
  .btn__password products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn .btn__label {
    display: inline-block;
  }
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:active app-icon,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__icon,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus app-icon,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__icon {
    margin-right: 7px !important;
  }
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  appbusiness-useraccount-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  appbusiness-useraccountsecuritygroupmapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  appbusiness-securitygrouprolemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  appbusiness-tenantvendorattributemapping-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  products-channel-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  appbusiness-tenantbranch-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  appbusiness-tenantapikey-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  appbusiness-tenantvendor-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  attributes-attributegroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  attributes-attributedefinition-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  attributes-attributemeasurementfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  attributes-attributeproductfamily-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  categorization-categorygroup-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  categorization-categorytreenode-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  products-uom-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  products-product-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  products-productdataexportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  products-productdataexportprofile-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  app-contact-support .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  appbusiness-tenantlogo-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:active .btn__label,
  products-productdataimportrequest-searchform .form-grid-toolbar--list .form-grid-actions .btn:focus .btn__label {
    display: inline-block;
  }
}
appbusiness-securitygroup-recordeditform,
appbusiness-securitygrouprolemapping-recordeditform,
appbusiness-tenantbranch-recordeditform,
appbusiness-tenantvendorattributemapping-recordeditform,
appbusiness-tenantapikey-recordeditform,
products-channel-recordeditform,
attributes-attributegroup-recordeditform,
attributes-attributedefinition-recordeditform,
attributes-attributedefinitionvalue-recordeditform,
attributes-attributedefinitionvalue-recordeditform,
attributes-attributemeasurementfamily-recordeditform,
attributes-attributemeasurementfamilyunit-recordeditform,
attributes-attributemeasurementfamilyunitfactoroperation-recordeditform,
attributes-attributeproductfamily-recordeditform,
attributes-attributeproductfamilyattributemapping-recordeditform,
attributes-attributeproductfamilyvariant-recordeditform,
attributes-attributeproductfamilyvariantlevel-recordeditform,
attributes-attributeproductfamilyvariantlevelattributemapping-recordeditform,
categorization-categorygroup-recordeditform,
categorization-categorytreenode-recordeditform,
categorization-categorytreenodeimage-recordeditform,
products-productsku-recordeditform,
products-productcategorymapping-recordeditform,
products-productuom-recordeditform,
products-productimage-recordeditform,
products-productbranch-recordeditform,
products-uom-recordeditform,
products-product-recordeditform,
products-product-browserform,
products-product-data-importeditform,
products-product-data-exporteditform,
auth-account-passwordchange,
appbusiness-useraccount-recordeditform,
appbusiness-tenantlogo-recordeditform,
appbusiness-tenantcontent-recordeditform,
appbusiness-tenantsubscriptionplan-recordeditform,
products-productdataexportrequest-recordeditform {
  display: block;
}
@media (max-width: 479px) {
  appbusiness-securitygroup-recordeditform .grid-area-form-header-right .btn,
  appbusiness-securitygrouprolemapping-recordeditform .grid-area-form-header-right .btn,
  appbusiness-tenantbranch-recordeditform .grid-area-form-header-right .btn,
  appbusiness-tenantvendorattributemapping-recordeditform .grid-area-form-header-right .btn,
  appbusiness-tenantapikey-recordeditform .grid-area-form-header-right .btn,
  products-channel-recordeditform .grid-area-form-header-right .btn,
  attributes-attributegroup-recordeditform .grid-area-form-header-right .btn,
  attributes-attributedefinition-recordeditform .grid-area-form-header-right .btn,
  attributes-attributedefinitionvalue-recordeditform .grid-area-form-header-right .btn,
  attributes-attributedefinitionvalue-recordeditform .grid-area-form-header-right .btn,
  attributes-attributemeasurementfamily-recordeditform .grid-area-form-header-right .btn,
  attributes-attributemeasurementfamilyunit-recordeditform .grid-area-form-header-right .btn,
  attributes-attributemeasurementfamilyunitfactoroperation-recordeditform .grid-area-form-header-right .btn,
  attributes-attributeproductfamily-recordeditform .grid-area-form-header-right .btn,
  attributes-attributeproductfamilyattributemapping-recordeditform .grid-area-form-header-right .btn,
  attributes-attributeproductfamilyvariant-recordeditform .grid-area-form-header-right .btn,
  attributes-attributeproductfamilyvariantlevel-recordeditform .grid-area-form-header-right .btn,
  attributes-attributeproductfamilyvariantlevelattributemapping-recordeditform .grid-area-form-header-right .btn,
  categorization-categorygroup-recordeditform .grid-area-form-header-right .btn,
  categorization-categorytreenode-recordeditform .grid-area-form-header-right .btn,
  categorization-categorytreenodeimage-recordeditform .grid-area-form-header-right .btn,
  products-productsku-recordeditform .grid-area-form-header-right .btn,
  products-productcategorymapping-recordeditform .grid-area-form-header-right .btn,
  products-productuom-recordeditform .grid-area-form-header-right .btn,
  products-productimage-recordeditform .grid-area-form-header-right .btn,
  products-productbranch-recordeditform .grid-area-form-header-right .btn,
  products-uom-recordeditform .grid-area-form-header-right .btn,
  products-product-recordeditform .grid-area-form-header-right .btn,
  products-product-browserform .grid-area-form-header-right .btn,
  products-product-data-importeditform .grid-area-form-header-right .btn,
  products-product-data-exporteditform .grid-area-form-header-right .btn,
  auth-account-passwordchange .grid-area-form-header-right .btn,
  appbusiness-useraccount-recordeditform .grid-area-form-header-right .btn,
  appbusiness-tenantlogo-recordeditform .grid-area-form-header-right .btn,
  appbusiness-tenantcontent-recordeditform .grid-area-form-header-right .btn,
  appbusiness-tenantsubscriptionplan-recordeditform .grid-area-form-header-right .btn,
  products-productdataexportrequest-recordeditform .grid-area-form-header-right .btn {
    margin: 5px 0 0 7px !important;
  }
  appbusiness-securitygroup-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  appbusiness-securitygrouprolemapping-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  appbusiness-tenantbranch-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  appbusiness-tenantvendorattributemapping-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  appbusiness-tenantapikey-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-channel-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributegroup-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributedefinition-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributedefinitionvalue-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributedefinitionvalue-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributemeasurementfamily-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributemeasurementfamilyunit-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributemeasurementfamilyunitfactoroperation-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributeproductfamily-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributeproductfamilyattributemapping-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributeproductfamilyvariant-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributeproductfamilyvariantlevel-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  attributes-attributeproductfamilyvariantlevelattributemapping-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  categorization-categorygroup-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  categorization-categorytreenode-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  categorization-categorytreenodeimage-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-productsku-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-productcategorymapping-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-productuom-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-productimage-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-productbranch-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-uom-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-product-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-product-browserform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-product-data-importeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-product-data-exporteditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  auth-account-passwordchange .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  appbusiness-useraccount-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  appbusiness-tenantlogo-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  appbusiness-tenantcontent-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  appbusiness-tenantsubscriptionplan-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label,
  products-productdataexportrequest-recordeditform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label {
    display: inline-block;
  }
  appbusiness-securitygroup-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  appbusiness-securitygrouprolemapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  appbusiness-tenantbranch-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  appbusiness-tenantvendorattributemapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  appbusiness-tenantapikey-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-channel-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributegroup-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributedefinition-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributedefinitionvalue-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributedefinitionvalue-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributemeasurementfamily-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributemeasurementfamilyunit-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributemeasurementfamilyunitfactoroperation-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributeproductfamily-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributeproductfamilyattributemapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributeproductfamilyvariant-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributeproductfamilyvariantlevel-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  attributes-attributeproductfamilyvariantlevelattributemapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  categorization-categorygroup-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  categorization-categorytreenode-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  categorization-categorytreenodeimage-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-productsku-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-productcategorymapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-productuom-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-productimage-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-productbranch-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-uom-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-product-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-product-browserform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-product-data-importeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-product-data-exporteditform .form-grid-toolbar--list .btn:not(.btn__filter),
  auth-account-passwordchange .form-grid-toolbar--list .btn:not(.btn__filter),
  appbusiness-useraccount-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  appbusiness-tenantlogo-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  appbusiness-tenantcontent-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  appbusiness-tenantsubscriptionplan-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter),
  products-productdataexportrequest-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) {
    margin: 5px 0 0 7px !important;
    min-width: 0 !important;
  }
  appbusiness-securitygroup-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  appbusiness-securitygrouprolemapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  appbusiness-tenantbranch-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  appbusiness-tenantvendorattributemapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  appbusiness-tenantapikey-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-channel-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributegroup-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributedefinition-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributedefinitionvalue-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributedefinitionvalue-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributemeasurementfamily-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributemeasurementfamilyunit-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributemeasurementfamilyunitfactoroperation-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributeproductfamily-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributeproductfamilyattributemapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributeproductfamilyvariant-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributeproductfamilyvariantlevel-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  attributes-attributeproductfamilyvariantlevelattributemapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  categorization-categorygroup-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  categorization-categorytreenode-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  categorization-categorytreenodeimage-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-productsku-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-productcategorymapping-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-productuom-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-productimage-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-productbranch-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-uom-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-product-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-product-browserform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-product-data-importeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-product-data-exporteditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  auth-account-passwordchange .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  appbusiness-useraccount-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  appbusiness-tenantlogo-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  appbusiness-tenantcontent-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  appbusiness-tenantsubscriptionplan-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label,
  products-productdataexportrequest-recordeditform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label {
    display: none;
  }
}
@media (max-height: 767px) {
  appbusiness-securitygroup-recordeditform,
  appbusiness-securitygrouprolemapping-recordeditform,
  appbusiness-tenantbranch-recordeditform,
  appbusiness-tenantvendorattributemapping-recordeditform,
  appbusiness-tenantapikey-recordeditform,
  products-channel-recordeditform,
  attributes-attributegroup-recordeditform,
  attributes-attributedefinition-recordeditform,
  attributes-attributedefinitionvalue-recordeditform,
  attributes-attributedefinitionvalue-recordeditform,
  attributes-attributemeasurementfamily-recordeditform,
  attributes-attributemeasurementfamilyunit-recordeditform,
  attributes-attributemeasurementfamilyunitfactoroperation-recordeditform,
  attributes-attributeproductfamily-recordeditform,
  attributes-attributeproductfamilyattributemapping-recordeditform,
  attributes-attributeproductfamilyvariant-recordeditform,
  attributes-attributeproductfamilyvariantlevel-recordeditform,
  attributes-attributeproductfamilyvariantlevelattributemapping-recordeditform,
  categorization-categorygroup-recordeditform,
  categorization-categorytreenode-recordeditform,
  categorization-categorytreenodeimage-recordeditform,
  products-productsku-recordeditform,
  products-productcategorymapping-recordeditform,
  products-productuom-recordeditform,
  products-productimage-recordeditform,
  products-productbranch-recordeditform,
  products-uom-recordeditform,
  products-product-recordeditform,
  products-product-browserform,
  products-product-data-importeditform,
  products-product-data-exporteditform,
  auth-account-passwordchange,
  appbusiness-useraccount-recordeditform,
  appbusiness-tenantlogo-recordeditform,
  appbusiness-tenantcontent-recordeditform,
  appbusiness-tenantsubscriptionplan-recordeditform,
  products-productdataexportrequest-recordeditform {
    overflow-y: auto;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  products-productdataexportrequest-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details {
    -webkit-flex-flow: row wrap !important;
    -moz-flex-flow: row wrap !important;
    -ms-flex-flow: row wrap !important;
    flex-flow: row wrap !important;
    height: auto;
  }
  products-productdataexportrequest-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details .form-navs {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding: 0 10px;
    width: 120px;
  }
  products-productdataexportrequest-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details .form-title-wrap {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
    -moz-order: 1 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
    padding: 0 10px 0 0;
    width: 100%;
  }
  products-productdataexportrequest-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details .form-controls {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    padding-right: 20px;
    width: 70%;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
  }
}
categorization-categorytreenode-treeform {
  display: block;
  height: 100%;
  overflow: hidden;
}
categorization-categorytreenode-treeform .tab-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
categorization-categorytreenode-treeform .tab-content--grid--selection {
  height: 100%;
  overflow: hidden;
}
categorization-categorytreenode-treeform .treenode-selection-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
categorization-categorytreenode-treeform .grid-wrap {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
categorization-categorytreenode-treeform .tree .tree-cell.column-1 {
  flex: 0 0 25%;
}
categorization-categorytreenode-treeform .tree .tree-cell.column-2 {
  flex: 0 0 35%;
}
categorization-categorytreenode-treeform .tree .tree-cell.column-3 {
  flex: 0 0 40%;
}
categorization-categorytreenode-treeform .tree .tree-node-parent .tree-children {
  padding-left: 24px;
}
categorization-categorytreenode-treeform .treenode-selected-wrap {
  padding: 16px;
  background-color: #fafafa;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
categorization-categorytreenode-treeform .treenode-selected-wrap .treenode-selected__object {
  margin-bottom: 16px;
}
categorization-categorytreenode-treeform .treenode-selected-wrap .treenode-selected__object-label {
  font-weight: 500;
  margin-right: 8px;
}
categorization-categorytreenode-treeform .treenode-selected-wrap .treenode-selected__object-value {
  color: #333;
}
categorization-categorytreenode-treeform .treenode-selected-wrap .treenode-selected__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
categorization-categorytreenode-treeform .treenode-selected-wrap .treenode-selected__actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
categorization-categorytreenode-treeform .treenode-selected-wrap .treenode-selected__actions .btn__icon {
  font-size: 16px;
}
categorization-categorytreenode-treeform .treenode-selected-wrap .treenode-selected__actions .btn__label {
  font-weight: 500;
}
categorization-categorytreenode-treeform .grid-wrap,
products-categorytreenode-treeform .grid-wrap {
  flex: 1;
  overflow: auto;
}
categorization-categorytreenode-treeform .tree,
products-categorytreenode-treeform .tree {
  width: 100%;
}
categorization-categorytreenode-treeform .tree .tree-header,
products-categorytreenode-treeform .tree .tree-header {
  display: flex;
  align-items: center;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 12px 0;
  position: sticky;
  top: 0;
  background-color: #fafafa;
  z-index: 1;
}
categorization-categorytreenode-treeform .tree .tree-cell,
products-categorytreenode-treeform .tree .tree-cell {
  padding: 0 12px;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
categorization-categorytreenode-treeform .tree .tree-row,
products-categorytreenode-treeform .tree .tree-row {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 8px 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
categorization-categorytreenode-treeform .tree .tree-row:hover,
products-categorytreenode-treeform .tree .tree-row:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
categorization-categorytreenode-treeform .tree .tree-row.selected,
products-categorytreenode-treeform .tree .tree-row.selected {
  background-color: rgba(63, 81, 181, 0.12);
  font-weight: 500;
}
categorization-categorytreenode-treeform .tree .tree-row.selected .tree-cell,
products-categorytreenode-treeform .tree .tree-row.selected .tree-cell {
  color: #3f51b5;
}
categorization-categorytreenode-treeform .tree .tree-node-leaf,
categorization-categorytreenode-treeform .tree .tree-node-parent,
products-categorytreenode-treeform .tree .tree-node-leaf,
products-categorytreenode-treeform .tree .tree-node-parent {
  min-height: 40px;
  display: block;
}
categorization-categorytreenode-treeform .tree .tree-node-leaf .mat-tree-node,
categorization-categorytreenode-treeform .tree .tree-node-parent .mat-tree-node,
products-categorytreenode-treeform .tree .tree-node-leaf .mat-tree-node,
products-categorytreenode-treeform .tree .tree-node-parent .mat-tree-node {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
categorization-categorytreenode-treeform .tree .tree-children,
products-categorytreenode-treeform .tree .tree-children {
  list-style: none;
  margin: 0;
}
categorization-categorytreenode-treeform .tree .tree-children.hidden,
products-categorytreenode-treeform .tree .tree-children.hidden {
  display: none;
}
categorization-categorytreenode-treeform .tree ::ng-deep .mat-tree-node,
products-categorytreenode-treeform .tree ::ng-deep .mat-tree-node {
  padding: 0;
  margin: 0;
}
categorization-categorytreenode-treeform .tree ::ng-deep .mat-icon-button,
products-categorytreenode-treeform .tree ::ng-deep .mat-icon-button {
  margin: 0 4px;
}
categorization-categorytreenode-treeform .invisible-btn,
products-categorytreenode-treeform .invisible-btn {
  visibility: hidden;
}
categorization-categorytreenode-recordeditform .mat-tab-content {
  overflow-y: auto;
}
categorization-categorytreenode-recordeditform .mat-tab-content .image-upload-wrap .image-upload-rendered-image-wrap {
  max-height: none !important;
  overflow: visible !important;
}
products-categorytreenode-treeform .tree .tree-cell.column-1 {
  flex: 0 0 50%;
}
products-categorytreenode-treeform .tree .tree-cell.column-2 {
  flex: 0 0 25%;
}
products-categorytreenode-treeform .tree .tree-cell.column-3 {
  flex: 0 0 25%;
}
products-categorytreenode-treeform .tree .tree-children {
  padding-left: 28px;
}
categorization-categorygroup-recordcreateform {
  display: block;
}
@media (max-width: 479px) {
  categorization-categorygroup-recordcreateform .grid-area-form-header-right .btn {
    margin: 5px 0 0 7px !important;
  }
  categorization-categorygroup-recordcreateform .grid-area-form-header-right .btn.btn__password-dropdown .btn__label {
    display: inline-block;
  }
  categorization-categorygroup-recordcreateform .form-grid-toolbar--list .btn:not(.btn__filter) {
    margin: 5px 0 0 7px !important;
    min-width: 0 !important;
  }
  categorization-categorygroup-recordcreateform .form-grid-toolbar--list .btn:not(.btn__filter) .btn__label {
    display: none;
  }
}
@media (max-height: 767px) {
  categorization-categorygroup-recordcreateform {
    overflow-y: auto;
  }
}
.form-gui-layout-dir {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  height: 50px;
}
.form-gui-layout-dir .form-controls {
  padding: 10px 0 5px;
  width: 250px;
}
.form-gui-layout-dir .form__title {
  --ig-h1-letter-spacing: 0;
  font-size: 18px;
  letter-spacing: 0 !important;
  line-height: 55px;
  margin: 0;
  padding: 0;
}
@media (min-width: 667px) {
  .form-gui-layout-dir .form__title {
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .form-gui-layout-dir .form__title {
    font-size: 21px;
  }
  .form-gui-layout-dir .form__title .form-controls {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .form-gui-layout-dir .form__title {
    font-size: 24px;
  }
}
.form-gui-layout-dir.form-gui-layout-dir--filter {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-flow: row wrap !important;
  -moz-flex-flow: row wrap !important;
  -ms-flex-flow: row wrap !important;
  flex-flow: row wrap !important;
  height: auto;
  padding-bottom: 20px;
}
.form-gui-layout-dir.form-gui-layout-dir--filter .form-controls {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
}
.form-gui-layout-dir.form-gui-layout-dir--filter .form-controls .btn {
  margin-left: 5px;
}
.form-gui-layout-dir.form-gui-layout-dir--filter .form-controls .btn .btn__label {
  display: none;
  font-weight: 700;
}
@media (min-width: 480px) {
  .form-gui-layout-dir.form-gui-layout-dir--filter .form-controls .btn .btn__label {
    display: inline-block;
  }
}
.form-gui-layout-dir.form-gui-layout-dir--filter .form-controls .btn .btn__icon {
  margin-right: 0;
}
@media (min-width: 480px) {
  .form-gui-layout-dir.form-gui-layout-dir--filter .form-controls .btn .btn__icon {
    margin-right: 5px;
  }
}
.form-gui-layout-dir.form-gui-layout-dir--filter .form-controls .btn-default {
  border-color: #8c8c8c;
}
.form-gui-layout-dir.form-gui-layout-dir--filter .form-controls .btn-primary {
  text-transform: uppercase;
}
.form-gui-layout-dir.form-gui-layout-dir--filter .form-search-wrap {
  -webkit-box-ordinal-group: 3 !important;
  -webkit-order: 2 !important;
  -moz-order: 2 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  width: 100%;
}
@media (min-width: 768px) {
  .form-gui-layout-dir.form-gui-layout-dir--filter {
    -webkit-flex-flow: row nowrap !important;
    -moz-flex-flow: row nowrap !important;
    -ms-flex-flow: row nowrap !important;
    flex-flow: row nowrap !important;
    height: 65px;
    padding-bottom: 0;
  }
  .form-gui-layout-dir.form-gui-layout-dir--filter .form-controls {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    min-width: 340px;
    width: auto;
  }
  .form-gui-layout-dir.form-gui-layout-dir--filter .form-search-wrap {
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
    -moz-order: 1 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
    max-width: 600px;
    width: auto;
  }
}
.form-gui-layout-dir.form-gui-layout-dir--details {
  -webkit-flex-flow: row wrap !important;
  -moz-flex-flow: row wrap !important;
  -ms-flex-flow: row wrap !important;
  flex-flow: row wrap !important;
  height: auto;
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-controls {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
  padding-right: 0;
  width: 70%;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-controls .btn {
  margin-bottom: 5px;
  margin-left: 10px;
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-controls .btn.btn__password-dropdown .btn__label {
  display: inline;
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-controls .btn__icon {
  margin-right: 0;
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-controls .btn__label {
  display: none;
}
@media (min-width: 480px) {
  .form-gui-layout-dir.form-gui-layout-dir--details .form-controls .btn__icon {
    margin-right: 5px;
  }
  .form-gui-layout-dir.form-gui-layout-dir--details .form-controls .btn__label {
    display: inline-block;
  }
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-navs {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 120px;
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-navs[hidden] ~ .form-controls {
  margin-left: 40%;
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-navs .mat-mdc-icon-button.mat-mdc-button-base {
  --mat-icon-button-state-layer-size: 40px;
  padding: 0;
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-navs .mat-mdc-icon-button.mat-mdc-button-base mat-icon.mat-icon {
  line-height: 40px;
}
.form-gui-layout-dir.form-gui-layout-dir--details .form-title-wrap {
  -webkit-box-ordinal-group: 2 !important;
  -webkit-order: 1 !important;
  -moz-order: 1 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
  padding: 0 10px 0 0;
  width: 100%;
}
@media (min-width: 1280px) {
  .form-gui-layout-dir.form-gui-layout-dir--details {
    height: 50px;
  }
  .form-gui-layout-dir.form-gui-layout-dir--details .form-controls {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: auto;
  }
  .form-gui-layout-dir.form-gui-layout-dir--details .form-navs {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: auto;
  }
  .form-gui-layout-dir.form-gui-layout-dir--details .form-navs[hidden] ~ .form-controls {
    margin-left: 0;
  }
  .form-gui-layout-dir.form-gui-layout-dir--details .form-title-wrap {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
    -moz-order: 2 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    width: auto;
  }
}
products-product-data-importeditform .layout-separator {
  left: 0;
  position: absolute;
  top: 0;
}
@media (max-height: 767px) {
  products-product-data-importeditform .formContainer {
    height: auto;
  }
  products-product-data-importeditform .form-data-import-area {
    display: block !important;
    height: auto !important;
  }
  products-product-data-importeditform .form-data-import-area .form-data-import-area-header {
    height: auto !important;
  }
  products-product-data-importeditform .form-data-import-area .form-data-import-area-content {
    display: block;
  }
  products-product-data-importeditform .form-data-import-area .form-data-import-area-content .form-data-import-area-importContentSetup {
    min-height: 50vh;
  }
  products-product-data-importeditform .form-data-import-area .form-data-import-area-content .form-data-import-area-importContentSourceData {
    margin-top: 20px;
    min-height: 50vh;
  }
}
@media (max-width: 666px) {
  products-product-data-importeditform .formContainer {
  }
}
products-product-data-exporteditform .formContainer {
  display: block;
}
products-product-data-exporteditform .layout-separator {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
}
@media (max-height: 767px) {
  products-product-data-exporteditform .formContainer {
    height: auto;
  }
  products-product-data-exporteditform .form-data-export-area {
    display: block !important;
    height: auto !important;
  }
  products-product-data-exporteditform .form-data-export-area .form-data-export-area-header {
    height: auto !important;
  }
  products-product-data-exporteditform .form-data-export-area .form-data-export-area-content {
    display: block;
  }
  products-product-data-exporteditform .form-data-export-area .form-data-export-area-content .form-data-export-area-exportContentSetup {
    min-height: 50vh;
  }
  products-product-data-exporteditform .form-data-export-area .form-data-export-area-content .form-data-export-area-exportContentSourceData {
    margin-top: 20px;
    min-height: 50vh;
  }
}
@media (max-width: 666px) {
  products-product-data-exporteditform .formContainer {
  }
}
.form-grid-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-width: 0;
  width: 100%;
}
.form-grid-content {
  min-width: 0;
  width: 100%;
}
.form-grid-content.form-grid-content--ag-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.form-grid-content.form-grid-content--ag-grid ag-grid-angular {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
  width: 100%;
  min-width: 0;
}
.form-grid-content.form-grid-content--ag-grid .tile-view-wrap {
  flex: 1 1 auto;
  min-height: 0;
}
.form-grid-content .btn .material-icons {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  vertical-align: top;
}
.form-grid-content .form-grid-misc {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.form-grid-content .form-grid-misc .form-grid-actions {
  padding: 0 15px;
  text-align: right;
  width: 100%;
}
products-product-searchform .form-grid-content .form-grid-misc .form-grid-actions {
  padding: 0;
}
.form-grid-content .form-grid-misc .form-grid-actions .btn {
  margin: 0 0 10px 5px;
  min-width: 95px;
}
@media (min-width: 480px) {
  .form-grid-content .form-grid-misc .form-grid-actions .btn {
    margin-left: 10px;
  }
}
.form-grid-content .form-grid-misc .form-grid-actions fileupload {
  display: inline-block;
  height: 34px;
  margin: 5px 0px 0px 7px;
  vertical-align: top;
  width: auto;
}
.form-grid-content .form-grid-misc .form-grid-actions fileupload button {
  display: block;
  font-size: 14px;
  height: 100%;
  line-height: 1;
  margin: 0 !important;
  min-height: 0;
  min-width: 0;
  padding: 6px 10px;
  text-transform: none;
  width: 40px;
}
.form-grid-content .form-grid-misc .form-grid-actions fileupload button .btn__icon {
  display: inline-block;
  font-size: 21px;
  margin: 0;
  position: relative;
  top: 2px;
  vertical-align: top;
}
.form-grid-content .form-grid-misc .form-grid-actions fileupload button .btn__label {
  display: none;
  vertical-align: top;
}
.form-grid-content .form-grid-misc .form-grid-actions fileupload .image-thumbnails {
  display: none;
}
@media (min-width: 480px) {
  .form-grid-content .form-grid-misc .form-grid-actions fileupload {
    margin: 0 0 10px 10px;
    min-width: 95px;
  }
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button {
    width: 100%;
  }
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button .btn__icon {
    margin-right: 5px;
  }
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button .btn__label {
    display: inline-block;
    text-transform: uppercase;
  }
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button:disabled {
    background-color: #7fb6d7 !important;
    border-color: #7fb6d7 !important;
    cursor: not-allowed !important;
  }
}
@media (max-width: 479px) {
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button:active,
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button:focus {
    display: inline-block;
    width: auto;
  }
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button:active .btn__label,
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button:focus .btn__label {
    display: inline-block;
  }
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button:active .btn__icon,
  .form-grid-content .form-grid-misc .form-grid-actions fileupload button:focus .btn__icon {
    margin-right: 5px;
  }
}
.form-grid-content--ag-grid .form-grid-filter-action .btn__filter .btn__icon.material-icons {
  font-size: 14px;
}
.form-grid-content--ag-grid.filter--active .form-grid-filter-list {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}
.form-grid-content--ag-grid.filter--active .form-grid-filter-action .btn__filter .btn__icon {
  font-size: 12px;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.form-grid-content--ag-grid.filter--active .form-grid-filter-action .btn__filter .btn__icon.material-icons {
  font-size: 14px;
}
.form-grid-content--ag-grid.filter--active .form-grid-filter-action .btn__filter .btn__icon:before {
  content: "\e916";
  font-family: "icomoon";
  font-size: 12px;
}
.form-grid-content--ag-grid.filter--active.form-grid-content--slide-overlap:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.form-grid-content--ag-grid.filter--active.form-grid-content--slide-overlap .form-grid-filter-list {
  z-index: 3;
}
@media (min-width: 667px) {
  .form-grid-content--ag-grid.filter--active {
    padding-left: 300px;
  }
  .form-grid-content--ag-grid.filter--active.form-grid-content--slide-overlap {
    padding-left: 0;
  }
}
@media (min-width: 667px) {
  .form-grid-content--ag-grid {
    -webkit-transition: padding-left 0.3s ease-in-out;
    -moz-transition: padding-left 0.3s ease-in-out;
    -o-transition: padding-left 0.3s ease-in-out;
    transition: padding-left 0.3s ease-in-out;
  }
}
.form-grid-filters {
  margin-bottom: 30px;
  padding: 20px 15px 0 0;
}
.form-grid-filters > div {
  margin-bottom: 5px;
}
@media (min-width: 667px) {
  .form-grid-filters {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .form-grid-filters .form-grid-filter-action {
    width: 150px;
  }
  .form-grid-filters .form-grid-filter-search {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
  }
}
.form-grid-filters.form-grid-filters--has-quick .form-grid-filter-search {
  width: 100%;
}
.form-grid-quick-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px 0 4px;
  width: 100%;
}
.form-grid-quick-filters .quick-filter-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.form-grid-quick-filters .quick-filter-item .quick-filter-item__label {
  display: none;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
}
.form-grid-quick-filters .quick-filter-item .quick-filter-item__select {
  min-width: 130px;
  height: 32px;
  padding: 4px 25px 4px 8px;
  font-size: 13px;
}
.form-grid-quick-filters .btn__clear-filters {
  color: #65758b;
  text-decoration: none;
}
.form-grid-quick-filters .btn__clear-filters:active,
.form-grid-quick-filters .btn__clear-filters:focus,
.form-grid-quick-filters .btn__clear-filters:hover {
  color: #f79b55;
}
.form-grid-filter-action .btn-link {
  padding: 6px 0;
  text-decoration: none;
}
.form-grid-filter-action .btn-link .btn__icon {
  font-size: 18px;
  line-height: 20px;
  margin-left: 5px;
}
.form-grid-filter-action .form-grid-filter-list {
  background-color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  visibility: hidden;
  width: 75%;
  z-index: 2;
}
.form-grid-filter-action .form-grid-filter-list:after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 667px) {
  .form-grid-filter-action .form-grid-filter-list {
    width: 300px;
  }
  .form-grid-filter-action .form-grid-filter-list:after {
    display: none;
  }
}
.form-grid-filter-action .form-grid-filter-content {
  border: 1px solid #e1e2e6;
  border-radius: 4px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.form-grid-filter-action .form-grid-filter-list__close {
  padding: 5px;
  position: sticky;
  text-align: right;
  top: 0;
}
.form-grid-filter-action .form-grid-filter-list__close .btn__close-filter {
  padding: 0;
}
.form-grid-filter-action .form-grid-filter-list__clear {
  background-color: #fff;
  bottom: 0;
  padding: 5px 20px;
  position: sticky;
}
.form-grid-filter-action .form-grid-filter-list__clear .btn-link {
  color: #b70f0a;
  text-decoration: underline;
}
.form-grid-filter-action .form-grid-filter-list__clear .btn-link:active,
.form-grid-filter-action .form-grid-filter-list__clear .btn-link:focus,
.form-grid-filter-action .form-grid-filter-list__clear .btn-link:hover {
  color: #f79b55;
}
@media (min-width: 667px) {
  .form-grid-filter-action .form-grid-filter-action {
    width: 100px;
  }
}
.form-grid-filter-search {
  max-width: 600px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.form-grid-filter-search .btn__clear-filters {
  background: none;
  border: none;
  color: #009dff;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  text-decoration: underline;
  white-space: nowrap;
}
.form-grid-filter-search .btn__clear-filters:active,
.form-grid-filter-search .btn__clear-filters:focus,
.form-grid-filter-search .btn__clear-filters:hover {
  color: #006DAF;
}
.form-grid-filter-search .form-group {
  flex: 1;
  margin-bottom: 0;
  position: relative;
}
.form-grid-filter-search .form-group .btn__search {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  display: inline-block;
  font-size: 14px;
  height: -webkit-calc(100% - 2px);
  height: -moz-calc(100% - 2px);
  height: calc(100% - 2px);
  left: 1px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 30px;
}
.form-grid-filter-search .form-group .btn__search .btn__icon {
  margin: 0;
  line-height: 30px;
}
.form-grid-filter-search .form-group .btn__search:active,
.form-grid-filter-search .form-group .btn__search:focus,
.form-grid-filter-search .form-group .btn__search:hover {
  background-color: transparent;
  color: #009dff;
}
.form-grid-filter-search .form-group .form-control {
  outline: none;
  padding: 0 31px;
}
.form-grid-filter-search .form-group .btn__clear-search {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30px;
}
.form-grid-filter-search .form-group .btn__clear-search .material-icons {
  line-height: 33px;
}
.form-grid-filter-search .form-group .btn__clear-search:active,
.form-grid-filter-search .form-group .btn__clear-search:focus,
.form-grid-filter-search .form-group .btn__clear-search:hover {
  background-color: transparent;
  color: #009dff;
}
@media (min-width: 667px) {
  .form-grid-filter-search .form-grid-filter-search {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
  }
}
.form-grid-filter-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form-grid-filter-item li {
  background-color: #fbfbfb;
  display: block;
  margin: 10px;
  padding: 10px;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}
.form-grid-filter-item li.filter-item--active .btn__toggle .btn__icon {
  -webkit-transform: rotate(-0.5turn);
  -moz-transform: rotate(-0.5turn);
  -o-transform: rotate(-0.5turn);
  transform: rotate(-0.5turn);
}
.form-grid-filter-item li + li {
  margin-top: 10px;
}
.form-grid-filter-item li .btn__toggle {
  background-color: transparent;
  border-color: transparent;
  color: #F57E20;
  padding: 0 30px 0 0;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.form-grid-filter-item li .btn__toggle .btn__icon {
  font-size: inherit;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  width: auto;
}
.form-grid-filter-item-input {
  display: none;
}
.filter-item--active .form-grid-filter-item-input {
  display: block;
}
.form-grid-filter-item-input select {
  margin-bottom: 5px;
}
.form-grid-filter-item-action {
  text-align: right;
}
.form-grid-filter-item-action .btn {
  margin-left: 10px;
  padding: 5px;
}
.form-grid-filter-item-action .btn.btn__filter-apply {
  color: #23631D;
}
.form-grid-filter-item-action .btn.btn__filter-apply:active,
.form-grid-filter-item-action .btn.btn__filter-apply:focus,
.form-grid-filter-item-action .btn.btn__filter-apply:hover {
  color: #3eb234;
}
.form-grid-filter-item-action .btn.btn__filter-remove {
  color: #b70f0a;
}
.form-grid-filter-item-action .btn.btn__filter-remove:active,
.form-grid-filter-item-action .btn.btn__filter-remove:focus,
.form-grid-filter-item-action .btn.btn__filter-remove:hover {
  color: #f2140d;
}
.form-grid-filter-item-action .btn .btn__icon {
  margin: 0;
}
.form-grid-footer {
  background-color: #fff;
  border-top: 1px solid #e1e2e6;
  margin-top: 10px;
  padding: 10px 10px 0 10px;
}
.form-grid-footer .form-grid-footer__selected {
  color: #9e9e9e;
  display: inline-block;
  line-height: 34px;
  margin: 0 20px 0 0;
  padding-left: 20px;
  position: relative;
  width: auto;
}
.form-grid-footer .form-grid-footer__selected input[type=checkbox] {
  height: 1px;
  left: -100%;
  position: absolute;
  top: 0;
  width: 1px;
}
.form-grid-footer .form-grid-footer__selected input[type=checkbox]:checked + .form-grid-footer__selected-row-icon:before {
  content: "\f00c";
}
.form-grid-footer .form-grid-footer__selected-row-icon {
  background-color: #eee;
  border: 1px solid #e1e7ef;
  height: 20px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 7px;
  width: 20px;
}
.form-grid-footer .form-grid-footer__selected-row-icon:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 700;
}
.form-grid-footer .form-grid-footer__selected-row-count {
  margin: 10px;
}
.form-grid-footer .btn__batch-undelete {
  margin-right: 10px;
}
.form-grid-footer .btn__export {
  float: right;
}
.form-grid-footer .btn__download-template {
  float: right;
  margin-right: 7px;
}
.form-grid-footer .btn__import {
  float: right;
  margin-right: 10px;
}
.form-grid-footer button.btn .btn__icon {
  margin: 0;
}
.form-grid-footer button.btn .btn__label {
  display: none;
}
.form-grid-footer button.btn:active .btn__icon,
.form-grid-footer button.btn:focus .btn__icon {
  margin-right: 7px;
}
.form-grid-footer button.btn:active .btn__label,
.form-grid-footer button.btn:focus .btn__label {
  display: inline-block;
}
@media (min-width: 667px) {
  .form-grid-footer button.btn .btn__icon {
    margin-right: 7px;
  }
  .form-grid-footer button.btn .btn__label {
    display: inline-block;
  }
}
.form-content form {
  height: 100%;
  padding: 0;
}
.popup-dialog-wrap .form-content form {
  padding: 0;
}
.form-content .panel {
  height: 100%;
}
.form-controls {
  padding-top: 10px;
  text-align: right;
  vertical-align: middle;
}
.grid-lookup-dialog--modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.form-grid-toolbar--modal {
  min-width: 600px;
}
.form-grid-toolbar--modal + ag-grid-angular {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-height: 50vh;
  min-height: 200px;
}
.tab-content--grid--selection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tab-content--grid--selection .grid-wrap {
  height: 100%;
  overflow: auto;
}
.tab-content--grid--selection .treenode-selected-wrap {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding: 0;
}
.tab-content--grid--selection .treenode-selected-wrap > div {
  background-color: #fafafa;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 0 10px;
  padding: 16px;
}
.tab-content--grid--selection .treenode-selection-wrap {
  -webkit-box-ordinal-group: 3 !important;
  -webkit-order: 2 !important;
  -moz-order: 2 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
}
.tab-content--grid--selection .treenode-selected__label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
@media (min-width: 480px) {
  .tab-content--grid--selection .treenode-selected__label {
    display: inline-block;
  }
}
.tab-content--grid--selection .treenode-selected__value {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 480px) {
  .tab-content--grid--selection .treenode-selected__value {
    display: inline-block;
    margin-left: 10px;
  }
}
.tab-content--grid--selection .treenode-selected__actions .btn {
  margin-top: 5px;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 480px) {
  .tab-content--grid--selection .treenode-selected__actions .btn {
    margin: 5px 5px 0;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (min-width: 768px) {
  .tab-content--grid--selection .treenode-selected__actions .btn {
    margin: 0 0 5px 5px;
    min-width: 160px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .tab-content--grid--selection .treenode-selected__actions {
    margin-top: 10px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .tab-content--grid--selection {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.editor-label {
  font-size: 14px;
  font-weight: 500;
  margin: 25px 0 10px 0;
}
.login-page .side-nav {
  display: none;
}
.login-page .login-error-wrap {
  color: #b70f0a;
  text-align: center;
}
.login-page .main-content {
  background-color: #006DAF;
  width: 100%;
}
.login-page .main-content > div {
  height: 100%;
  z-index: 2;
}
.login-page .main-content auth-login {
  display: block;
  height: 100%;
  position: relative;
  top: 10%;
  z-index: 3;
}
@media (min-width: 768px) {
  .login-page .main-content auth-login {
    top: auto;
  }
}
@media (max-width: 767px) {
  .login-page .main-content {
    background-image: url("./media/login-banner.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.login-wrap {
  background-color: #fff;
  border-radius: 15px;
  margin: 0 auto;
  max-width: 400px;
  padding: 30px;
  width: 90%;
}
.login-wrap .form-control {
  height: 50px;
}
.login-wrap .form-group--forgot-password {
  text-align: right;
}
.login-wrap .login__title {
  font-size: 26px;
  letter-spacing: -2px;
  line-height: 31px;
  margin: 0;
  max-width: 250px;
}
@media (min-width: 1024px) {
  .login-wrap .login__title {
    font-size: 52px;
    line-height: 62px;
    max-width: 500px;
  }
}
.login-wrap p {
  color: #52525B !important;
  font-size: 14px !important;
  line-height: 30px !important;
  margin: 0 0 20px !important;
  max-width: 460px;
}
@media (min-width: 1024px) {
  .login-wrap p {
    font-size: 18px !important;
  }
}
.login-wrap .btn__login {
  border-radius: 8px;
  display: inline-block;
  font-size: 16px;
  height: 55px;
  padding: 16px;
  width: 160px;
}
.login-wrap .btn__register {
  font-size: 14px;
  height: 55px;
  justify-content: center;
  line-height: 38px;
  margin: 15px 0 0 5px;
  padding: 16px;
  text-align: center;
  text-decoration: none;
  width: 160px;
}
.login-wrap .form-label {
  color: #090914;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
@media (min-width: 768px) {
  .login-wrap {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    height: 100%;
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
  }
}
.login-logo-wrap {
  margin-bottom: 20px;
}
.login-logo__img {
  display: block;
  width: 210px;
}
.login-action-wrap {
}
.login-action-wrap:after {
  content: "\f110";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 600;
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}
.login-action-wrap .login-action-register {
  margin-top: 15px;
  text-align: left;
}
.login-action-wrap .login-action-register > span {
  color: #CBD5E1;
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
}
.login-action-wrap .login-action-register a {
  color: #F57E20;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  padding: 0;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  text-decoration: none;
}
.login-action-wrap .login-action-register a:active,
.login-action-wrap .login-action-register a:focus,
.login-action-wrap .login-action-register a:hover {
  color: #ffcc33;
}
.login-info {
  margin: 0 auto;
  max-width: 600px;
}
@media (min-width: 768px) {
  .login-info {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding: 30px;
    width: 50%;
  }
}
@media (min-width: 1600px) {
  .login-info {
    margin: 0 0 0 100px;
  }
}
.login-banner {
  display: none;
}
.login-banner img {
  border: none;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 768px) {
  .login-banner {
    display: inline-block;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
  }
}
.forgot__password {
  color: #F57E20;
  cursor: pointer;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.forgot__password:active,
.forgot__password:focus,
.forgot__password:hover {
  color: #ffcc33;
}
.display-tree-controls {
  height: 50px;
}
.display-tree-controls button {
  color: #162326;
  margin-right: 5px;
  vertical-align: top;
}
.display-tree-controls button .display-tree-controls--btn-active,
.display-tree-controls button.display-tree-controls--btn-active {
  color: #F57E20 !important;
}
.display-tree-controls button .display-tree-controls--btn-active .btn__icon,
.display-tree-controls button.display-tree-controls--btn-active .btn__icon {
  color: #F57E20 !important;
}
.display-tree-controls button .btn__icon {
  color: #162326;
  font-size: 18px;
  height: 100%;
  line-height: 34px;
  width: 100%;
}
.display-tree-controls button .btn__icon.material-symbols-outlined {
  font-size: 23px;
}
.display-tree-controls button .btn__icon.icon-folder-tree,
.display-tree-controls button .btn__icon.fa-images {
  line-height: 24px;
  vertical-align: top;
}
.display-mode-controls {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  height: auto;
  margin-right: 5px;
  padding: 0;
  vertical-align: middle;
}
.display-mode-controls button:not(.display-mode-controls--btn) {
  color: #162326;
  margin-right: 5px;
  vertical-align: top;
}
.display-mode-controls button:not(.display-mode-controls--btn) .display-mode-controls--btn-active,
.display-mode-controls button:not(.display-mode-controls--btn).display-mode-controls--btn-active {
  color: #F57E20 !important;
}
.display-mode-controls button:not(.display-mode-controls--btn) .display-mode-controls--btn-active .btn__icon,
.display-mode-controls button:not(.display-mode-controls--btn).display-mode-controls--btn-active .btn__icon {
  color: #F57E20 !important;
}
.display-mode-controls button:not(.display-mode-controls--btn) .btn__icon {
  color: #162326;
  font-size: 18px;
  height: 100%;
  line-height: 34px;
  width: 100%;
}
.display-mode-controls button:not(.display-mode-controls--btn) .btn__icon.material-symbols-outlined {
  font-size: 23px;
}
.display-mode-controls--btn {
  align-items: center;
  background: transparent;
  border: 1px solid #e1e7ef;
  border-radius: 6px;
  color: #5e5c5d;
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  padding: 0 10px;
  transition:
    background 0.15s,
    color 0.15s,
    border-color 0.15s;
}
.display-mode-controls--btn:hover {
  background: #f6f3f4;
  border-color: #8c8c8c;
}
.display-mode-controls--btn .btn__icon {
  color: inherit;
  font-size: 14px;
  height: auto;
  line-height: 1;
  pointer-events: none;
  width: auto;
}
.display-mode-controls--btn.display-mode-controls--btn-active {
  background: #F57E20;
  border-color: #F57E20;
  color: #fff;
}
.password-input-wrap {
  position: relative;
}
.password-input-wrap .btn--show-password {
  background-color: transparent;
  border-color: transparent;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  width: 40px;
}
.password-input-wrap .btn--show-password:active,
.password-input-wrap .btn--show-password:focus,
.password-input-wrap .btn--show-password:hover {
  color: #009dff;
}
.tenant-page .side-nav {
  display: none;
}
.tenant-page .main-content {
  background-color: #006DAF;
  width: 100%;
}
.tenant-page .main-content > div {
  height: 100%;
  z-index: 2;
}
.tenant-page .main-content auth-login {
  display: block;
  height: 100%;
  position: relative;
  top: 10%;
  z-index: 3;
}
@media (min-width: 768px) {
  .tenant-page .main-content auth-login {
    top: auto;
  }
}
@media (max-width: 767px) {
  .tenant-page .main-content {
    background-image: url("./media/login-banner.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.tenant-page .login-wrap {
  overflow-x: hidden;
  overflow-y: auto;
}
.tenant-page .login-wrap .login__title {
  max-width: none;
}
@media (orientation: landscape) and (max-width: 767px) {
  .tenant-page .login-wrap {
    max-height: 80%;
  }
}
@media (max-width: 767px) {
  .tenant-page .login-wrap {
    max-height: 80%;
  }
}
.tenant-page .login-select-tenant-content {
  margin-top: 30px;
}
@media (orientation: landscape) and (min-width: 667px) and (max-width: 991px) {
  .tenant-page .login-select-tenant-content {
    margin-top: 0;
  }
}
.tenant-page .login-select-tenant__title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 20px;
}
.tenant-page .login-select-tenant__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
}
.tenant-page .login-select-tenant__item {
  display: inline-block;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 10px;
  vertical-align: top;
  width: 150px;
}
.tenant-page .login-select-tenant__item-btn {
  background-color: #CBD5E1;
  border: 1px solid #CBD5E1;
  border-radius: 12px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
  padding: 16px;
  position: relative;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  vertical-align: top;
  width: 100%;
}
.tenant-page .login-select-tenant__item-btn:active,
.tenant-page .login-select-tenant__item-btn:focus,
.tenant-page .login-select-tenant__item-btn:hover {
  border-color: #f79b55;
}
.tenant-page .login-select-tenant__item-btn:active .login-select-tenant__item-logo,
.tenant-page .login-select-tenant__item-btn:focus .login-select-tenant__item-logo,
.tenant-page .login-select-tenant__item-btn:hover .login-select-tenant__item-logo {
  background-color: #f79b55;
}
.tenant-page .login-select-tenant__item-logo {
  background-color: #F57E20;
  border-radius: 50%;
  display: block;
  font-family:
    "RobotoMonoVariable",
    "Roboto",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 48px;
  font-weight: 700;
  height: 75px;
  line-height: 75px;
  margin: 0 auto 10px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  width: 75px;
}
.tenant-page .login-select-tenant__item-name {
  display: block;
  font-family:
    "RobotoMonoVariable",
    "Roboto",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  word-break: break-all;
}
.tenant-page .login-info {
  max-width: 700px;
}
@media (orientation: landscape) and (min-width: 667px) and (max-width: 991px) {
  .tenant-page .login-info {
    height: 100vh;
    max-height: 100%;
    overflow-y: auto;
  }
}
.register-page .side-nav {
  display: none;
}
.register-page .register-error-wrap {
  color: #b70f0a;
  text-align: center;
}
.register-page .main-content {
  background-color: #006DAF;
  width: 100%;
}
.register-page .main-content > div {
  height: 100%;
  z-index: 2;
}
.register-page .main-content auth-account-create {
  display: block;
  height: 100%;
  position: relative;
  top: 10%;
  z-index: 3;
}
@media (min-width: 768px) {
  .register-page .main-content auth-account-create {
    top: auto;
  }
}
@media (max-width: 767px) {
  .register-page .main-content {
    background-image: url("./media/register-banner.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.register-wrap {
  background-color: #fff;
  border-radius: 15px;
  margin: 0 auto;
  max-width: 400px;
  padding: 30px;
  width: 90%;
}
.register-wrap .form-control {
  height: 50px;
}
.register-wrap .form-group--forgot-password {
  text-align: right;
}
.register-wrap .register__title {
  font-size: 26px;
  letter-spacing: -2px;
  line-height: 31px;
  margin: 0;
  max-width: 250px;
}
@media (min-width: 1024px) {
  .register-wrap .register__title {
    font-size: 52px;
    line-height: 62px;
    max-width: 500px;
  }
}
.register-wrap p {
  color: #52525B !important;
  font-size: 14px !important;
  line-height: 30px !important;
  margin: 0 0 20px !important;
  max-width: 460px;
}
@media (min-width: 1024px) {
  .register-wrap p {
    font-size: 18px !important;
  }
}
.register-wrap .btn__register {
  border-radius: 8px;
  font-size: 16px;
  height: 55px;
  justify-content: center;
  padding: 16px;
  width: 160px;
}
.register-wrap .form-label {
  color: #090914;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
@media (min-width: 768px) {
  .register-wrap {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    height: 100%;
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
  }
}
.register-logo-wrap {
  margin-bottom: 20px;
}
.register-logo__img {
  display: block;
  width: 210px;
}
.register-action-wrap {
}
.register-action-wrap:after {
  content: "\f110";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 600;
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}
.register-back-to-login {
  margin-top: 15px;
  text-align: left;
}
.register-back-to-login > span {
  color: #CBD5E1;
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
}
.register-back-to-login a {
  color: #F57E20;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  margin-left: 5px;
  padding: 0;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  text-decoration: none;
}
.register-back-to-login a:active,
.register-back-to-login a:focus,
.register-back-to-login a:hover {
  color: #ffcc33;
}
.register-info {
  margin: 0 auto;
  max-width: 600px;
}
@media (min-width: 768px) {
  .register-info {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px;
    width: 50%;
  }
  .register-info .form-group--firstname {
    display: inline-block;
    padding-right: 10px;
    width: 50%;
  }
  .register-info .form-group--lastname {
    display: inline-block;
    padding-left: 10px;
    width: 50%;
  }
}
@media (min-width: 1600px) {
  .register-info {
    margin: 0 0 0 100px;
  }
}
.register-banner {
  display: none;
}
.register-banner img {
  border: none;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 768px) {
  .register-banner {
    display: inline-block;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
  }
}
.tenant-suggestion-wrap {
  position: relative;
  width: 100%;
}
.tenant-suggestion-wrap .suggestions {
  background-color: #fff;
  box-shadow: 0 5px 12px #000;
  max-height: 240px;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 100%;
}
.tenant-suggestion-wrap .suggestions .btn {
  box-shadow: 0 0px 10px #f5f5f5;
  display: block;
  line-height: 16px;
  padding: 10px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.forgot-password-page .side-nav {
  display: none;
}
.forgot-password-page .forgot-password-error-wrap {
  color: #b70f0a;
  text-align: center;
}
.forgot-password-page .main-content {
  background-color: #006DAF;
  width: 100%;
}
.forgot-password-page .main-content > div {
  height: 100%;
  z-index: 2;
}
.forgot-password-page .main-content auth-account-forgotpassword {
  display: block;
  height: 100%;
  position: relative;
  top: 10%;
  z-index: 3;
}
@media (min-width: 768px) {
  .forgot-password-page .main-content auth-account-forgotpassword {
    top: auto;
  }
}
@media (max-width: 767px) {
  .forgot-password-page .main-content {
    background-image: url("./media/register-banner.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.forgot-password-wrap {
  background-color: #fff;
  border-radius: 15px;
  margin: 0 auto;
  max-width: 400px;
  padding: 30px;
  width: 90%;
}
.forgot-password-wrap .form-control {
  height: 50px;
}
.forgot-password-wrap .forgot-password__title {
  font-size: 26px;
  letter-spacing: -2px;
  line-height: 31px;
  margin: 0;
  max-width: 230px;
}
@media (min-width: 1024px) {
  .forgot-password-wrap .forgot-password__title {
    font-size: 52px;
    line-height: 62px;
    max-width: 460px;
  }
}
.forgot-password-wrap .btn__register {
  border-radius: 8px;
  font-size: 16px;
  height: 55px;
  justify-content: center;
  padding: 16px;
  width: 160px;
}
.forgot-password-wrap .form-label {
  color: #090914;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
@media (min-width: 768px) {
  .forgot-password-wrap {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    height: 100%;
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
  }
}
.forgot-password-logo-wrap {
  margin-bottom: 20px;
}
.forgot-password-logo__img {
  display: block;
  width: 210px;
}
.forgot-password-action-wrap {
}
.forgot-password-action-wrap:after {
  content: "\f110";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 600;
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}
.forgot-password-sign-up {
  margin-top: 15px;
  text-align: left;
}
.forgot-password-sign-up > span {
  color: #CBD5E1;
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
}
.forgot-password-sign-up a {
  color: #F57E20;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  margin-left: 5px;
  padding: 0;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  text-decoration: none;
}
.forgot-password-sign-up a:active,
.forgot-password-sign-up a:focus,
.forgot-password-sign-up a:hover {
  color: #ffcc33;
}
@media (min-width: 1024px) {
  .forgot-password-sign-up {
    display: inline-block;
    vertical-align: top;
    width: 49%;
  }
}
.forgot-password-info {
  margin: 0 auto;
  max-width: 600px;
}
@media (min-width: 768px) {
  .forgot-password-info {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding: 30px;
    width: 50%;
  }
}
@media (min-width: 1600px) {
  .forgot-password-info {
    margin: 0 0 0 100px;
  }
}
.forgot-password-back-to-login {
  margin-top: 15px;
  text-align: left;
}
.forgot-password-back-to-login > span {
  color: #CBD5E1;
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
}
.forgot-password-back-to-login a {
  color: #F57E20;
  cursor: pointer;
  font-weight: 500;
  line-height: 22px;
  margin-left: 5px;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.forgot-password-back-to-login a:active,
.forgot-password-back-to-login a:focus,
.forgot-password-back-to-login a:hover {
  color: #ffcc33;
}
@media (min-width: 1024px) {
  .forgot-password-back-to-login {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 49%;
  }
}
.forgot-password-banner {
  display: none;
}
.forgot-password-banner img {
  border: none;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 768px) {
  .forgot-password-banner {
    display: inline-block;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
  }
}
.forgot-password__copy {
  color: #52525B !important;
  font-size: 14px !important;
  margin: 0 0 20px !important;
  line-height: 30px !important;
  max-width: 460px;
}
@media (min-width: 1024px) {
  .forgot-password__copy {
    font-size: 18px !important;
  }
}
.forgot-password-token .side-nav {
  display: none;
}
.forgot-password-token .forgot-password-error-wrap {
  color: #b70f0a;
  text-align: center;
}
.forgot-password-token .main-content {
  background-color: #006DAF;
  width: 100%;
}
.forgot-password-token .main-content > div {
  height: 100%;
  z-index: 2;
}
.forgot-password-token .main-content auth-account-forgotpassword-token {
  display: block;
  height: 100%;
  position: relative;
  top: 10%;
  z-index: 3;
}
@media (min-width: 768px) {
  .forgot-password-token .main-content auth-account-forgotpassword-token {
    top: auto;
  }
}
@media (max-width: 767px) {
  .forgot-password-token .main-content {
    background-image: url("./media/register-banner.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1024px) {
  .forgot-password-token .forgot-password-back-to-login {
    display: block;
    text-align: left;
    width: 100%;
  }
}
.forgot-password-token-wrap {
  background-color: #fff;
  border-radius: 15px;
  margin: 0 auto;
  max-width: 400px;
  padding: 30px;
  width: 90%;
}
.forgot-password-token-wrap .form-control {
  height: 50px;
}
.forgot-password-token-wrap .forgot-password__title {
  font-size: 26px;
  letter-spacing: -2px;
  line-height: 31px;
  margin: 0;
  max-width: 230px;
}
@media (min-width: 1024px) {
  .forgot-password-token-wrap .forgot-password__title {
    font-size: 52px;
    line-height: 62px;
    max-width: 460px;
  }
}
.forgot-password-token-wrap .btn__register {
  border-radius: 8px;
  font-size: 16px;
  height: 55px;
  justify-content: center;
  padding: 16px;
  width: 160px;
}
.forgot-password-token-wrap .form-label {
  color: #090914;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
@media (min-width: 768px) {
  .forgot-password-token-wrap {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    height: 100%;
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
  }
}
.form-table .form-table-cell {
  display: inline-block;
  height: 100%;
  margin-bottom: 20px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .form-table .form-table-cell {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form-table .form-table-cell {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .form-table {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
  }
}
@media (min-width: 375px) {
  .table-wrap .display-mode-thumbnails {
    padding: 0 10px;
  }
}
.table-wrap .display-mode-title {
  margin-bottom: 5px;
}
.table-wrap .display-mode-title .breadcrumbs-item:first-of-type {
  padding-left: 0;
}
.table-wrap .display-mode-title .breadcrumbs-item:first-of-type:before {
  display: none;
}
.table-wrap .display-mode-title .breadcrumbs-item .btn-link {
  text-decoration: none;
}
.table-wrap .display-mode-title .breadcrumbs-item .btn-link:disabled {
  color: #F57E20;
  cursor: default;
}
.table-wrap .display-mode-title .breadcrumbs-item + .breadcrumbs-item:before {
  content: "/";
  display: inline-block;
  line-height: 38px;
  text-align: center;
  vertical-align: top;
  width: 20px;
}
products-categorytreenode-treeform .table-wrap .display-mode-title .breadcrumbs-item + .breadcrumbs-item:before {
  line-height: 20px;
}
.table-wrap .display-mode__back-to-parent {
  margin-bottom: 10px;
}
.display-mode-thumbnails__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.display-mode-thumbnails__item {
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.display-mode-thumbnails__item:active .display-mode-thumbnails__item-image,
.display-mode-thumbnails__item:focus .display-mode-thumbnails__item-image,
.display-mode-thumbnails__item:hover .display-mode-thumbnails__item-image {
  border-color: #009dff;
}
.display-mode-thumbnails__item:active .display-mode-thumbnails__item-name,
.display-mode-thumbnails__item:focus .display-mode-thumbnails__item-name,
.display-mode-thumbnails__item:hover .display-mode-thumbnails__item-name {
  color: #009dff;
}
@media (min-width: 375px) {
  .display-mode-thumbnails__item {
    margin: 10px;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
@media (min-width: 667px) {
  .display-mode-thumbnails__item {
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
  }
}
@media (min-width: 768px) {
  .display-mode-thumbnails__item {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
@media (min-width: 1200px) {
  html:not(.side-nav--wide) .display-mode-thumbnails__item {
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
  }
}
@media (min-width: 1400px) {
  .display-mode-thumbnails__item {
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
  }
}
.display-mode-thumbnails__item-image {
  border: 1px solid #e1e7ef;
  height: 80px;
  position: relative;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.display-mode-thumbnails__item-image secure-image {
  display: block;
  height: 100%;
  width: 100%;
}
.display-mode-thumbnails__item-image secure-image img {
  border: none;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.display-mode-thumbnails__item-image .display-mode-thumbnails__image-preview {
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  z-index: 2;
}
@media (min-width: 667px) {
  .display-mode-thumbnails__item-image {
    height: 120px;
  }
}
.display-mode-thumbnails__item-name {
  margin-top: 5px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
products-categoryproductlist-searchform {
  display: block;
  height: 100%;
  width: 100%;
}
products-categoryproductlist-searchform .tab-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  height: 100%;
  position: relative;
}
products-categoryproductlist-searchform .tab-content > .form-gui-layout {
  height: 100%;
  overflow: hidden;
}
products-categoryproductlist-searchform .tab-content .largeicon-wrap {
  height: 100%;
  max-height: 100%;
  position: relative;
}
products-categoryproductlist-searchform .tab-content .largeicon-wrap .display-mode-thumbnails__list {
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 768px) {
  products-categoryproductlist-searchform .tab-content {
    padding-top: 10px;
  }
}
products-categoryproductlist-searchform .form-grid-toolbar--list .form-grid-misc {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1600px) {
  products-categoryproductlist-searchform .ag-paging-panel {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    text-align: center;
  }
  products-categoryproductlist-searchform .ag-paging-panel .ag-paging-page-size {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    width: 50%;
  }
  products-categoryproductlist-searchform .ag-paging-panel .ag-paging-row-summary-panel {
    margin: 0;
    padding-top: 5px;
    width: 50%;
  }
  products-categoryproductlist-searchform .ag-paging-panel .ag-paging-page-summary-panel {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    justify-content: space-evenly;
    padding: 5px 0;
    margin: 0;
    width: 100%;
  }
}
products-product-recordeditform {
  display: block;
  height: 100%;
  width: 100%;
}
products-product-recordeditform .formContainerHeader {
  padding-bottom: 20px;
}
products-product-recordeditform .grid-area-form-footer-right .btn {
  margin: 0 0 5px 5px;
}
products-product-recordeditform .form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .mat-tab-content {
  overflow-y: auto;
}
products-product-recordeditform .form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-wrapper attributes > div {
  padding: 20px 0 0;
}
products-product-recordeditform .form-grid-area .form-grid-area-container {
  border-color: transparent;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
products-product-recordeditform .mat-tab-content[data-tab-name="General Info"] {
  padding-right: max(0px, 100% - 700px);
  scrollbar-gutter: stable;
}
products-product-recordeditform .mat-tab-content[data-tab-name="Media & Assets"] {
  padding-right: max(0px, 100% - 700px);
  scrollbar-gutter: stable;
}
products-product-recordeditform .mat-tab-content[data-tab-name="Media & Assets"] .form-field-group--bordered {
  border: none;
  border-radius: 0;
  padding: 0;
}
products-product-recordeditform .mat-tab-content[data-tab-name=Categories] {
  padding-right: max(0px, 100% - 700px);
  scrollbar-gutter: stable;
}
products-product-recordeditform .mat-tab-content[data-tab-name="Commercial Info"] {
  padding-right: max(0px, 100% - 700px);
  scrollbar-gutter: stable;
}
products-product-recordeditform .mat-tab-content[data-tab-name=Subscription] {
  padding-right: max(0px, 100% - 700px);
  scrollbar-gutter: stable;
}
products-product-recordeditform .form-field-group products-productsku-quicklist {
  display: block;
}
products-product-recordeditform .form-field-group products-productsku-quicklist .quick-list-card__list {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  display: block;
  grid-template-columns: none !important;
  margin-top: 0;
  padding: 0;
}
products-product-recordeditform .form-field-group .quick-list-card__item {
  background-color: #f9fafb;
  border: 1px solid #e1e7ef;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 5px;
}
products-product-recordeditform .form-field-group .quick-list-card__item.deleted {
  background-color: #fef2f2;
  border-color: #ffa2a2;
}
products-product-recordeditform .form-field-group .quick-list-card__item.deleted .quick-list-card__col {
  text-decoration: line-through;
}
products-product-recordeditform .form-field-group .quick-list-card__item.deleted .quick-list-card__col:first-child {
  background-color: #ffb3b6;
}
products-product-recordeditform .form-field-group .quick-list-card__col {
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
products-product-recordeditform .form-field-group .quick-list-card__col:first-child {
  background-color: #f1f5f9;
  border-radius: 8px;
}
products-product-recordeditform .form-field-group .quick-list-card__col:nth-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions {
  padding: 0 8px;
}
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn {
  background-color: transparent;
  border-color: transparent;
  display: inline-block;
  font-size: 18px;
  height: 25px;
  line-height: 15px;
  margin-left: 5px;
  outline: none;
  padding: 0;
  text-align: center;
  width: 20px;
}
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn.btn__undelete {
  color: #008236;
}
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn.btn__undelete:active,
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn.btn__undelete:focus,
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn.btn__undelete:hover {
  color: #00c951;
}
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn.btn__permanent-delete {
  color: #ef4343;
  font-size: 20px;
}
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn.btn__permanent-delete:active,
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn.btn__permanent-delete:focus,
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn.btn__permanent-delete:hover {
  color: #ff6467;
}
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn .btn__icon {
  margin: 0;
  line-height: 1;
}
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn:active,
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn:focus,
products-product-recordeditform .form-field-group .quick-list-card__col.quick-list-card__col--actions .btn:hover {
  color: #fb2c36;
}
attributeproductfamily-lookup + input[formcontrolname=attributeProductFamilyGuid] + .form-group {
  margin-top: 15px;
  padding: 0 15px;
}
webgui-textbox {
  display: block;
}
webgui-textbox + webgui-textbox {
  margin-top: 5px;
}
webgui-textbox input[type=text] {
  border: 1px solid #e1e7ef;
  border-radius: 4px;
  font-family:
    "Roboto",
    "RobotoMonoVariable",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 16px;
  height: 34px;
  width: 100% !important;
}
.rowIdentifierDrilldown {
  color: blue;
  text-decoration: underline;
}
.overlay-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.overlay-panel {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  position: relative !important;
  width: 100%;
}
.overlay-panel .overlay-panel__close-button {
  background-color: #fff;
  border-color: transparent;
  border-radius: 50%;
  font-size: 32px;
  height: 40px;
  line-height: 38px;
  padding: 0;
  position: absolute;
  right: -15px;
  text-align: center;
  top: -15px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  width: 40px;
}
.overlay-panel .overlay-panel__close-button:active,
.overlay-panel .overlay-panel__close-button:focus,
.overlay-panel .overlay-panel__close-button:hover {
  color: #009dff;
}
@media (max-width: 467px) {
  .overlay-message-dialog-form--save-changes .overlay-panel {
    width: 90% !important;
  }
}
.attributegroupheader-row {
  font-size: 16px;
  font-family: "ChakraPetch" !important;
  font-weight: 600;
  margin-bottom: 10px;
}
.attributes-row {
  margin-bottom: 15px;
}
@media (min-width: 667px) {
  .attributes-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.attributes-cell {
  width: 100%;
}
@media (min-width: 667px) {
  .attributes-cell.attributes-cell--half {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .attributes-cell.attributes-cell--left {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .attributes-cell.attributes-cell--right {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
.attributes-cell--icon-separator {
  cursor: pointer;
  text-align: center;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.attributes-cell--icon-separator .attribute-linker {
  margin: 20px 10px 0;
}
.attributes-cell--icon-separator .attribute-linker button {
  background-color: transparent;
  border-color: transparent;
  font-size: 14px;
  height: 100%;
  padding: 0;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  width: 100%;
}
.attributes-cell--icon-separator .attribute-linker button app-icon {
  font-size: 18px;
  font-weight: 700;
}
.attributes-cell--icon-separator .attribute-linker button:active,
.attributes-cell--icon-separator .attribute-linker button:focus,
.attributes-cell--icon-separator .attribute-linker button:hover {
  color: #009dff;
}
@media (min-width: 667px) {
  .attributes-cell--icon-separator {
    width: 40px;
  }
  .attributes-cell--icon-separator .attribute-linker {
    margin: 28px 10px 15px;
  }
}
.form-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.form-input-group > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.form-input-group > div:first-child {
  padding-right: 10px;
}
.form-input-group > div:last-child {
  padding-left: 10px;
}
appbusiness-tenantbranch-searchform {
  display: block;
  width: 100%;
}
appbusiness-tenantbranch-searchform .tab-content {
  height: 100%;
}
appbusiness-useraccount-searchform + appbusiness-useraccount-recordeditform > .tab-content {
  height: 100%;
}
appbusiness-useraccount-searchform + appbusiness-useraccount-recordeditform > .tab-content > .form-gui-layout {
  height: 100% !important;
}
appbusiness-useraccount-recordeditform > .tab-content {
  height: 100%;
}
appbusiness-useraccount-recordeditform > .tab-content > .form-gui-layout {
  height: auto !important;
}
appbusiness-securitygroup-recordeditform > .tab-content,
appbusiness-tenantvendor-recordeditform > .tab-content {
  height: 100%;
}
appbusiness-useraccountsecuritygroupmapping-searchform,
appbusiness-securitygrouprolemapping-searchform {
  height: 100%;
}
.formContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  height: 100%;
  min-width: 0;
  width: 100%;
}
@media (min-width: 667px) {
  .formContainer {
    min-height: 60px;
  }
}
.formContainer .form__title {
  --ig-h1-letter-spacing: 0;
  font-size: 18px;
  letter-spacing: 0 !important;
  line-height: 55px;
  margin: 0;
  padding: 0;
}
@media (min-width: 667px) {
  .formContainer .form__title {
    line-height: 55px;
  }
}
@media (min-width: 768px) {
  .formContainer .form__title {
    font-size: 21px;
  }
  .formContainer .form__title .form-controls {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .formContainer .form__title {
    font-size: 24px;
  }
}
.formContainer .form__title-description {
  color: #65758b;
  font-size: 14px;
}
@media (max-width: 479px) {
  .formContainer .form-grid-toolbar--list .form-grid-actions button.btn .btn__icon {
    margin-right: 0;
  }
  .formContainer .form-grid-toolbar--list .form-grid-actions button.btn:active .btn__icon,
  .formContainer .form-grid-toolbar--list .form-grid-actions button.btn:focus .btn__icon {
    margin-right: 7px;
  }
  .formContainer .form-grid-toolbar--list .form-grid-actions button.btn:active .btn__label,
  .formContainer .form-grid-toolbar--list .form-grid-actions button.btn:focus .btn__label {
    display: inline-block;
  }
  .formContainer .form-grid-toolbar--list .form-grid-filter-action .btn__filter .btn__label {
    display: inline-block;
  }
  .formContainer .form-grid-toolbar--list .form-grid-filter-search .btn__search {
    margin: 0 !important;
  }
}
@media (max-width: 479px) {
  .form-grid-toolbar--list .form-grid-actions button.btn {
    min-width: 0 !important;
    width: auto;
  }
  .form-grid-toolbar--list .form-grid-actions button.btn .btn__icon {
    margin-right: 0;
  }
  .form-grid-toolbar--list .form-grid-actions button.btn .btn__label {
    display: none;
  }
  .form-grid-toolbar--list .form-grid-actions button.btn:active .btn__icon,
  .form-grid-toolbar--list .form-grid-actions button.btn:focus .btn__icon {
    margin-right: 7px;
  }
  .form-grid-toolbar--list .form-grid-actions button.btn:active .btn__label,
  .form-grid-toolbar--list .form-grid-actions button.btn:focus .btn__label {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .form-grid-toolbar--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .form-grid-toolbar--list .form-grid-filters {
    width: 100%;
  }
  .form-grid-toolbar--list .form-grid-misc {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media (min-width: 1200px) {
  .form-grid-toolbar--list .page-title-wrap {
    width: 50%;
  }
  .form-grid-toolbar--list .form-grid-misc {
    padding: 10px 0 0 0;
    width: 50%;
  }
}
@media (min-width: 1400px) {
  attributes-attributemeasurementfamilyunitfactoroperation-searchform .form-grid-toolbar--list .page-title-wrap {
    width: 60%;
  }
  attributes-attributemeasurementfamilyunitfactoroperation-searchform .form-grid-toolbar--list .form-grid-misc {
    width: 40%;
  }
}
@media (max-width: 479px) {
  .form-gui-layout-dir--details .form-controls button.btn:active .btn__icon,
  .form-gui-layout-dir--details .form-controls button.btn:focus .btn__icon {
    margin-right: 7px;
  }
  .form-gui-layout-dir--details .form-controls button.btn:active .btn__label,
  .form-gui-layout-dir--details .form-controls button.btn:focus .btn__label {
    display: inline-block;
  }
}
.formContainerHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.flow--vertical .formContainerHeader {
  padding-right: max(0px, 100% - 700px);
  scrollbar-gutter: stable;
}
.form-grid-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
  min-width: 0;
  overflow-y: auto;
  width: 100%;
}
.flow--vertical .form-grid-area {
  padding-right: max(0px, 100% - 700px);
  scrollbar-gutter: stable;
}
.flow--horizontal .form-grid-area {
  padding-right: 0;
}
.lookup--active .form-grid-area .mat-mdc-tab-header-pagination {
  z-index: 0;
}
.form-grid-area .form-grid-area-container {
  font-size: 12px;
  height: auto;
  margin-top: 20px;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.tab-header--left .form-grid-area .form-grid-area-container {
  border-color: transparent;
  border-radius: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .form-grid-area .form-grid-area-container {
    height: -webkit-calc(100% - 30px);
    height: -moz-calc(100% - 30px);
    height: calc(100% - 30px);
  }
}
.form-grid-area .form-grid-area-inputs {
  border: 1px solid #e1e7ef;
  border-radius: 6px;
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-width: 0;
  padding: 15px;
  position: relative;
  width: 100%;
}
.form-grid-area .form-grid-area-inputs:empty {
  border: none;
  padding: 0;
}
.form-grid-area .form-grid-area-inputs.form-grid-area-inputs--block {
  display: block;
  column-gap: unset;
  grid-template-columns: none;
}
.form-grid-area .form-grid-area-inputs mat-form-field + label.form-label {
  margin-top: 20px;
}
.form-grid-area .form-grid-area-inputs mat-form-field + .form-group {
  margin-top: 20px;
}
.form-grid-area .form-grid-area-inputs mat-form-field + .combo-wrapper {
  margin-top: 20px;
}
.form-grid-area .form-grid-area-inputs mat-form-field + [data-lookup-module] {
  display: block;
  margin-top: 20px;
}
.form-grid-area .form-grid-area-inputs mat-form-field + mat-radio-group {
  display: block;
  margin-top: 20px;
}
.form-grid-area .form-grid-area-inputs [data-lookup-module] + input + [data-lookup-module] {
  display: block;
  margin-top: 15px;
}
.form-grid-area .form-grid-area-inputs [data-lookup-module] + input + .form-group {
  margin-top: 15px;
}
.form-grid-area .form-grid-area-inputs [data-lookup-module] + input + label {
  margin-top: 20px;
}
.form-grid-area .form-grid-area-inputs mat-radio-group + .form-group {
  margin-top: 15px;
}
.form-grid-area .form-grid-area-inputs .form-header-control {
  margin-bottom: 10px;
}
.form-grid-area .form-grid-area-inputs .form-header-control webgui-combo .form-group {
  margin-bottom: 0;
}
.form-grid-area .form-grid-area-inputs .rowspan--3 {
  grid-column: span 6;
  width: auto;
  padding: 0;
}
.form-grid-area .form-grid-area-inputs .rowspan--6 {
  grid-column: span 12;
  width: auto;
  padding: 0;
}
.form-grid-area .form-grid-area-inputs .rowspan--12 {
  grid-column: span 12;
  width: auto;
  padding: 0;
}
@media (min-width: 667px) {
  .form-grid-area .form-grid-area-inputs .rowspan--6 {
    grid-column: span 6;
  }
}
@media (min-width: 768px) {
  .form-grid-area .form-grid-area-inputs .rowspan--3 {
    grid-column: span 3;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .side-nav--submenu-display .form-grid-area .form-grid-area-inputs .rowspan--3 {
    grid-column: span 6;
  }
}
.form-grid-area .form-grid-area-tabs {
  height: 100%;
  grid-area: recordTabs;
  min-width: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.form-grid-area .form-grid-area-tabs:empty {
  display: none;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-group {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  width: 100%;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-wrapper {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  min-width: 0;
  padding: 0;
  width: 100%;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-wrapper attributes {
  display: block;
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-wrapper attributes > div {
  padding: 20px;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-wrapper attributes .animate--loading:before {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body.mat-mdc-tab-body-active {
  height: 100%;
  width: 100%;
}
@media (min-height: 768px) {
  .form-grid-area .form-grid-area-tabs .mat-mdc-tab-body.mat-mdc-tab-body-active {
  }
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body,
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content {
  height: 100%;
  min-width: 0;
  width: 100%;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: auto;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .mat-tab-content {
  flex-grow: 1;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .mat-tab-content[data-tab-name=Details],
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .mat-tab-content[data-tab-name=Images],
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .mat-tab-content[data-tab-name=Validation] {
  padding-right: max(0px, 100% - 700px);
  scrollbar-gutter: stable;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content > * {
  display: block;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-field-group > div:not(.form-field-group__header) {
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-field-group > div:not(.form-field-group__header) .rowspan--3 {
  grid-column: span 6;
  width: auto;
  padding: 0;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-field-group > div:not(.form-field-group__header) .rowspan--6 {
  grid-column: span 12;
  width: auto;
  padding: 0;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-field-group > div:not(.form-field-group__header) .rowspan--12 {
  grid-column: span 12;
  width: auto;
  padding: 0;
}
@media (min-width: 667px) {
  .form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-field-group > div:not(.form-field-group__header) .rowspan--6 {
    grid-column: span 6;
  }
}
@media (min-width: 768px) {
  .form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-field-group > div:not(.form-field-group__header) .rowspan--3 {
    grid-column: span 3;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .side-nav--submenu-display .form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-field-group > div:not(.form-field-group__header) .rowspan--3 {
    grid-column: span 6;
  }
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-control-wrap {
  height: auto;
  margin-bottom: 20px;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.tab-header--left .form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content > .form-control-wrap:first-child {
  padding-top: 20px;
}
.form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content .form-control-wrap:only-child {
  height: 100%;
  padding: 0;
}
appbusiness-tenantcontent-recordeditform .form-grid-area .form-grid-area-tabs .mat-mdc-tab-body-content {
  display: block;
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
  overflow-y: auto;
}
.form-grid-area app-workspace,
.form-grid-area app-workspace > .workspace-gui-layout,
.form-grid-area app-workspace .workspace-gui-flex,
.form-grid-area app-workspace .workspace-gui-flex > * {
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.form-grid-area .mat-mdc-tab-labels {
  border-bottom: 1px solid #e1e2e6;
}
.form-grid-area .mat-mdc-tab.mdc-tab {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
  -moz-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.form-grid-area .mat-mdc-tab .mdc-tab__text-label {
  color: #162326;
  font-weight: 600;
  text-transform: uppercase;
}
.form-grid-area .mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: #e1e7ef;
}
.form-grid-area .mat-mdc-tab:hover .mdc-tab__text-label {
  color: #F57E20;
}
.form-grid-area .mat-mdc-tab:hover .mdc-tab-indicator {
  background: #fff;
}
.form-grid-area .mat-mdc-tab:hover .mdc-tab-indicator__content--underline {
  border-color: #162326;
}
.form-grid-area .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.form-grid-area .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label,
.form-grid-area .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
  color: #F57E20;
  cursor: default;
}
.form-grid-area .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator,
.form-grid-area .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator,
.form-grid-area .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator {
  background: transparent;
  border-radius: 12px 12px 0 0;
}
.form-grid-area .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline,
.form-grid-area .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline,
.form-grid-area .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  border-color: #F57E20;
}
.record-header-wrap.show--icon-badge {
  padding-left: 45px;
  position: relative;
}
.record-header-wrap.show--icon-badge .record-header__icon-wrap {
  background-color: #fff7ed;
  border-radius: 8px;
  color: #F57E20;
  height: 36px;
  left: 0;
  position: absolute;
  text-align: center;
  top: -webkit-calc(50% - 20px);
  top: -moz-calc(50% - 20px);
  top: calc(50% - 20px);
  width: 36px;
}
.record-header-wrap.show--icon-badge .record-header__icon-wrap .mat-icon {
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  width: 36px;
}
.record-header-wrap.show--subtitle-badge .form__subtitle--record-header-l2 {
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
  vertical-align: top;
  width: auto;
}
.record-header-wrap.show--subtitle-badge .form__subtitle-badge {
  background-color: #fcdac5;
  border: 1px solid #ffd7a8;
  border-radius: 12px;
  color: #ca3500;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-right: 10px;
  padding: 2px 10px;
  white-space: nowrap;
}
.record-header-wrap.show--status-badge .form__subtitle--record-header-l2 {
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
  vertical-align: top;
  width: auto;
}
.record-header-wrap.show--status-badge .record-status-badge-wrap {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
.grid-area-form-header-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto;
}
.grid-area-form-header-center {
  padding: 0 5px;
  width: 100%;
}
.grid-area-form-header-center:empty {
  display: none;
}
.grid-area-form-header-center {
}
.grid-area-form-header-right {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 15px 5px 5px;
  text-align: right;
  width: auto;
}
.grid-area-form-header-right .record-status-badge-wrap {
  display: inline-block;
  margin: 8px 0;
  vertical-align: top;
}
.grid-area-form-header-right .record-search-nav {
  text-align: right;
}
.grid-area-form-header-right .mdc-icon-button {
  height: 38px;
  line-height: 38px;
  padding: 3px !important;
  vertical-align: top;
  width: 38px;
}
.grid-area-form-header-right .record-header-nav-count {
  display: inline-block;
  line-height: 38px;
  vertical-align: top;
}
.grid-area-form-header-right button.btn {
  margin: 5px 0 0 2px;
}
.grid-area-form-header-right button.btn .btn__icon {
  margin: 0;
}
.grid-area-form-header-right button.btn .btn__label {
  display: none;
}
.grid-area-form-header-right button.btn.btn__password-dropdown .btn__label {
  display: inline-block;
}
.grid-area-form-header-right button.btn:active .btn__icon,
.grid-area-form-header-right button.btn:focus .btn__icon {
  margin-right: 7px;
}
.grid-area-form-header-right button.btn:active .btn__label,
.grid-area-form-header-right button.btn:focus .btn__label {
  display: inline-block;
}
.grid-area-form-header-right .form-group--file-upload {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  margin-bottom: 0;
  min-width: 0;
  padding-bottom: 6px;
}
.grid-area-form-header-right .form-group--file-upload .selected__filename {
  flex: 0 1 auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 5px 8px 0 0;
  min-width: 0;
  order: -1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid-area-form-header-right .form-group--file-upload .btn {
  flex: 0 0 auto;
}
@media (min-width: 480px) {
  .grid-area-form-header-right button.btn {
    margin: 5px 0 0 10px;
  }
  .grid-area-form-header-right button.btn.btn__export .btn__icon {
    margin-right: 7px;
  }
  .grid-area-form-header-right button.btn.btn__export .btn__label {
    display: inline-block;
  }
}
@media (min-width: 667px) {
  .grid-area-form-header-right button.btn .btn__icon {
    margin-right: 7px;
  }
  .grid-area-form-header-right button.btn .btn__label {
    display: inline-block;
  }
}
@media (min-width: 1360px) {
  .grid-area-form-header-right {
    width: 60%;
  }
}
.grid-area-form-footer-left {
  padding: 5px;
}
.grid-area-form-footer-center {
  padding: 5px;
}
.grid-area-form-footer-right {
  padding: 5px;
  text-align: right;
}
products-productbytenant-searchform .tab-content--grid {
  height: 100%;
}
.form-group--input input {
  outline: none;
}
.form-control-wrap {
  display: block;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.form-control-wrap .form-group:last-of-type {
  margin-bottom: 0;
}
.form-control-wrap .form-group--checkbox {
  margin-top: 0;
}
.form-control-wrap .form-notes {
  color: #65758b;
  font-size: 12px;
  margin-top: 10px;
}
.form-control-wrap attributes {
  display: block;
  min-height: 100%;
}
.form-control-wrap mat-form-field + label.form-label {
  margin-top: 20px;
}
.form-control-wrap webgui-checkbox {
  display: block;
  margin-bottom: 10px;
}
.tox-tinymce {
  border: 1px solid #e1e7ef !important;
  box-shadow: 0 2px 10px 0 #e1e7ef !important;
  margin-bottom: 15px;
}
.form-group--richtextbox.form-group--invalid .tox-tinymce {
  border-color: #f2140d !important;
}
.form-group--richtextbox .tox-tinymce {
  margin-bottom: 0 !important;
}
.tox-tinymce--disabled .disabled-editor-overlay {
  background-color: rgba(0, 0, 0, 0.068);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.form-group--richtextbox .tox-statusbar__help-text {
  white-space: nowrap;
}
.form-group--checkbox {
  padding: 0;
}
.form-group-input-wrapper {
  position: relative;
}
.form-group-input-wrapper .btn__crement {
  background-color: transparent;
  border: 1px solid #e1e7ef;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  height: -webkit-calc(100% - 4px);
  height: -moz-calc(100% - 4px);
  height: calc(100% - 4px);
  justify-content: center;
  line-height: 100%;
  outline: none;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 30px;
}
.form-group-input-wrapper .btn__crement.btn--add {
  right: 35px;
}
.form-group-input-wrapper .btn__crement.btn--minus {
  right: 2px;
}
.form-group-input-wrapper .btn__crement .fas {
  margin-right: 0;
}
.form-group-input-wrapper .btn__crement:active,
.form-group-input-wrapper .btn__crement:focus,
.form-group-input-wrapper .btn__crement:hover {
  background-color: #F57E20 !important;
  color: #162326 !important;
}
.form-group-input-wrapper .form-control {
  padding-right: 70px;
}
.form-group-input-wrapper:active .btn__crement,
.form-group-input-wrapper:focus .btn__crement,
.form-group-input-wrapper:hover .btn__crement {
  background-color: #e6f5ff;
  color: #000;
}
.form-group--date-time-picker.form-group--date-time {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.form-group--date-time-picker.form-group--date-time .form-label {
  width: 100%;
}
.form-group--date-time-picker.form-group--date-time .form-date-picker {
  border-radius: 4px 0 0 4px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.form-group--date-time-picker.form-group--date-time .form-time-picker {
  border-radius: 0 4px 4px 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@media (min-width: 480px) {
  .form-group--date-time-picker.form-group--date-time .form-date-picker {
    width: 50%;
  }
  .form-group--date-time-picker.form-group--date-time .form-time-picker {
    margin-left: 10px;
    width: calc(50% - 10px);
  }
}
.form-group--date-picker .mat-mdc-form-field-infix {
  height: 34px !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.form-group--date-picker .mat-mdc-input-element {
  height: 34px !important;
}
.form-group--date-picker .mdc-icon-button {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 !important;
}
.form-group--date-picker .mdc-icon-button svg {
  height: 34px;
}
.form-group--combo-multi.form-group--readonly .ng-select.ng-select-disabled .ng-select-container {
  background-color: #eee;
  border-color: #9e9e9e;
  cursor: not-allowed;
}
.form-group--combo-multi.form-group--readonly .ng-select.ng-select-disabled .ng-select-container * {
  cursor: not-allowed;
}
.form-group--combo-multi.form-group--readonly .ng-select.ng-select-disabled .ng-select-container:hover {
  border-color: #9e9e9e;
}
.form-group--combo-multi .ng-select .ng-select-container {
  border-color: #e1e7ef;
  box-shadow: 0 1px 5px 0 #e1e7ef;
}
.form-group--combo-multi .ng-select .ng-select-container:hover {
  border-color: #006DAF;
}
.flash-message {
  background-color: #e2e3e5;
  border: 1px solid #d6d8db;
  border-radius: 8px;
  box-shadow: 0 0 12px #000;
  color: #383d41;
  font-size: 16px;
  opacity: 0;
  padding: 20px 30px;
  position: fixed;
  text-align: center;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  visibility: hidden;
  z-index: 99999;
}
.flash-message.flash-message--active {
  opacity: 1;
  visibility: visible;
}
.flash-message.flash-message--top-left {
  left: 10px;
  top: 10px;
}
.flash-message.flash-message--top-center {
  left: 50%;
  top: 10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flash-message.flash-message--top-right {
  right: 10px;
  top: 10px;
}
.flash-message.flash-message--middle-left {
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flash-message.flash-message--center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.flash-message.flash-message--middle-right {
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flash-message.flash-message--bottom-left {
  bottom: 10px;
  left: 10px;
}
.flash-message.flash-message--bottom-center {
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flash-message.flash-message--bottom-right {
  bottom: 10px;
  right: 10px;
}
.flash-message.flash-message--info {
  background-color: #2f96b4;
  border-color: #2f96b4;
  color: #fff;
}
.flash-message.flash-message--success {
  background-color: #51a351;
  border-color: #51a351;
  color: #fff;
}
.flash-message.flash-message--error {
  background-color: #bd362f;
  border-color: #bd362f;
  color: #fff;
  text-align: left;
}
.flash-message.flash-message--warning {
  background-color: #f89406;
  border-color: #f89406;
  color: #fff;
}
.flash-message .flash-message__icon {
  margin-right: 5px;
}
.form-multi-select {
  border: 1px solid #e1e7ef;
  border-radius: 4px;
  position: relative;
}
.form-multi-select .chip-container {
  margin-left: 40px;
  min-height: 34px;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
}
.form-multi-select .form-multi-select__dropdown-menu {
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #e1e7ef;
  font-size: 27px;
  height: 100%;
  left: 0;
  line-height: 34px;
  min-width: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 40px;
}
.form-multi-select .form-multi-select__dropdown-menu .fas {
  font-size: 24px;
}
auth-account-details {
  display: block;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.ag-theme-quartz {
  --ag-header-background-color: #fff;
  --ag-header-foreground-color: #000;
  --ag-font-size: 14px;
  --ag-font-family:
    Roboto,
    RobotoMonoVariable,
    Verdana,
    Tahoma,
    sans-serif;
  --ag-borders: none;
  --ag-border-color: #CBD5E1;
  --ag-row-height: 50px;
  --ag-selected-row-background-color: transparent;
  --ag-range-selection-border-color: transparent;
  --ag-row-hover-color: rgba(251, 187, 24, 0.1019607843);
  --ag-odd-row-background-color: #fff;
  --ag-checkbox-unchecked-color: #F57E20;
  --ag-checkbox-checked-color: #F57E20;
  --ag-checkbox-indeterminate-color: #F57E20;
  height: 100%;
  position: relative;
}
.ag-theme-quartz .ag-popup {
  position: absolute;
}
.ag-theme-quartz.grid--lookup {
  padding: 0 10px 10px;
}
.ag-theme-quartz.grid--lookup-tree {
  padding: 0 10px !important;
}
.ag-theme-quartz .reset-column {
  background-color: #F57E20;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  color: #162326;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 40px;
}
.ag-theme-quartz .reset-column:active,
.ag-theme-quartz .reset-column:focus,
.ag-theme-quartz .reset-column:hover {
  background-color: #f79b55;
}
.ag-theme-quartz.grid--loading .reset-column {
  display: none;
}
.ag-theme-quartz .ag-header-cell.text-center .ag-header-cell-label {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.ag-theme-quartz .ag-header-cell-text {
  color: #65758b;
  font-family: "RobotoMonoVariable";
  font-weight: 700;
  text-transform: none;
}
.tab-content--api-logs .ag-theme-quartz .ag-header-cell-text {
  color: #65758b;
  text-transform: none;
}
.ag-theme-quartz .ag-header {
  color: #F57E20;
  font-family: "RobotoMonoVariable";
  font-weight: 700;
  text-transform: uppercase;
}
.ag-theme-quartz .ag-header-row {
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-theme-quartz .ag-row {
  border-bottom: none;
  min-height: 42px;
}
.ag-theme-quartz .ag-row.DeletedRow {
  background-color: #fee8e7;
  color: #ef4343;
}
.ag-theme-quartz .ag-row.DeletedRow .ag-cell-value,
.ag-theme-quartz .ag-row.DeletedRow .ag-cell {
  color: #ef4343;
  text-decoration: line-through !important;
}
.ag-theme-quartz .ag-row.SelectedRow {
  background-color: #e1e2e6;
}
.ag-theme-quartz .ag-row.SelectedRow .btn__row-select {
  display: none;
}
.ag-theme-quartz .ag-row.SelectedRow .btn[data-action=Select] {
  color: #162326 !important;
  cursor: not-allowed;
}
.ag-theme-quartz .ag-row.SelectedRow .ag-input-wrapper.ag-checkbox-input-wrapper {
  background-color: #e1e2e6;
}
.ag-theme-quartz .ag-row.SelectedRow .ag-input-wrapper.ag-checkbox-input-wrapper .ag-input-field-input.ag-checkbox-input {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ag-theme-quartz .ag-row.PreSelectedRow {
  background-color: #e6f5ff;
}
.ag-theme-quartz .ag-row.PreSelectedRow .btn__row-select {
  display: none;
}
.ag-theme-quartz .ag-row.PreSelectedRow .btn[data-action=Select] {
  color: #162326 !important;
  cursor: not-allowed;
}
.ag-theme-quartz .ag-row.PreSelectedRow.ag-row-hover {
  background-color: rgba(251, 187, 24, 0.1019607843);
}
.ag-theme-quartz .ag-row.NormalRow .btn__row-deselect {
  display: none;
}
.ag-theme-quartz .ag-sort-ascending-icon .ag-icon:before {
  color: #162326;
  content: "\f062";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 600;
  vertical-align: top;
}
.ag-theme-quartz .ag-sort-descending-icon .ag-icon:before {
  color: #162326;
  content: "\f063";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 600;
  vertical-align: top;
}
.ag-theme-quartz .ag-overlay-loading-center {
  background-color: #162326;
  color: #fff;
  font-family: "RobotoMedium";
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
}
.ag-theme-quartz .ag-cell {
  font-weight: 500;
  height: inherit;
}
.ag-theme-quartz .ag-cell image-renderer {
  display: block;
  height: 100%;
  text-align: center;
}
.ag-theme-quartz .ag-cell percentage-renderer {
  display: block;
  height: 100%;
}
.tab-content--api-logs .ag-theme-quartz .ag-cell {
  font-weight: 300;
}
.ag-theme-quartz .ag-cell[col-id=productLabel]:active,
.ag-theme-quartz .ag-cell[col-id=productLabel]:focus,
.ag-theme-quartz .ag-cell[col-id=productLabel]:hover {
  cursor: pointer;
  text-decoration: underline;
}
.ag-theme-quartz .ag-cell-focus,
.ag-theme-quartz .ag-cell {
  border-color: #CBD5E1 !important;
  border-width: 0 0 1px 0 !important;
}
.ag-theme-quartz .ag-row-hover {
  background-color: rgba(251, 187, 24, 0.1019607843);
}
.ag-theme-quartz .ag-row-hover.DeletedRow {
  background-color: rgba(251, 187, 24, 0.1019607843);
}
.ag-theme-quartz .ag-checkbox .ag-checkbox-input-wrapper {
  border: 1px solid #162326;
  border-radius: 0;
  position: relative;
}
.ag-theme-quartz .ag-checkbox .ag-checkbox-input-wrapper.ag-checked:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
}
.ag-theme-quartz .ag-checkbox .ag-checkbox-input-wrapper input[type=checkbox] {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.ag-theme-quartz .ag-checkbox .ag-checkbox-input-wrapper:after {
  background-color: transparent;
  content: "";
  color: #162326;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  position: static;
  text-align: center;
}
.ag-theme-quartz .ag-checkbox .ag-checkbox-input-wrapper:before {
  display: none;
}
.ag-theme-quartz badge-renderer {
  display: block;
  height: 100%;
  line-height: 1;
}
rowaction-renderer .row-action-wrap {
  display: block;
  text-align: left;
  width: 100%;
}
rowaction-renderer .btn {
  background-color: transparent;
  border-color: transparent;
  font-size: 16px;
  height: 20px;
  line-height: 18px;
  margin: 0 7px 5px 0;
  padding: 0;
  text-align: center;
  width: 20px;
}
rowaction-renderer .btn.btn__row-edit {
  color: #009dff;
}
rowaction-renderer .btn.btn__row-undelete {
  color: #3eb234;
}
rowaction-renderer .btn.btn__row-delete {
  color: #f2140d;
}
rowaction-renderer .btn:active,
rowaction-renderer .btn:focus,
rowaction-renderer .btn:hover {
  background-color: transparent;
  border-color: transparent;
  color: #F57E20;
}
.header-checkbox-icon {
  display: block;
  font-size: 18px;
  text-align: center;
  width: 100%;
}
.header-checkbox-icon i {
  background-color: transparent;
}
.header-checkbox-icon i.fa-minus-square {
  color: #162326;
}
.grid-checkbox-wrap {
  display: block;
  text-align: center;
}
.grid-checkbox-wrap .fa-check {
  color: #23631D;
  font-size: 18px;
}
.grid-checkbox-wrap .fa-times {
  color: #b70f0a;
  font-size: 18px;
}
.grid__checkbox {
  color: #9e9e9e;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 15px;
}
.grid__checkbox input[type=checkbox] {
  height: 1px;
  left: -100%;
  position: absolute;
  top: 0;
  width: 1px;
}
.grid__checkbox input[type=checkbox]:checked + .grid__checkbox-icon:before {
  content: "\f00c";
}
.grid__checkbox input[type=checkbox]:disabled + .grid__checkbox-icon {
  background-color: #eee;
  cursor: not-allowed;
}
.grid__checkbox:active .grid__checkbox-icon,
.grid__checkbox:focus .grid__checkbox-icon,
.grid__checkbox:hover .grid__checkbox-icon {
  border-color: #F57E20;
}
.grid__checkbox-icon {
  background-color: #fff;
  border: 1px solid #162326;
  height: 15px;
  left: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 15px;
}
.grid__checkbox-icon:before {
  color: #F57E20;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  position: relative;
  top: 0;
  vertical-align: top;
}
.grid-image-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
.grid-image-wrap.grid-image--no-image .grid-image__icon {
  color: #eee;
  font-size: 18px;
}
.grid-image-wrap img {
  height: 100%;
  width: auto;
  max-width: 100%;
}
.grid-image-wrap secure-image {
  display: block;
  height: 100%;
}
.grid-image-wrap image-renderer {
  display: block;
  height: 100%;
  max-width: 100%;
}
.tab-content--has-display-mode .form-grid-misc .form-grid-actions {
  width: 100%;
}
.grid-lookup-dialog {
  padding: 0;
}
.grid-lookup-dialog .grid-lookup-dialog__title {
  background-color: #162326;
  color: #F57E20;
  font-size: 20px;
  line-height: 2;
  margin: 0 0 10px;
  padding: 0 20px;
}
.grid-lookup-dialog .form-grid-filters {
  margin-bottom: 0;
  padding: 0;
}
.grid-lookup-dialog .form-grid-filters .form-grid-filter-search {
  width: 100%;
}
header-checkbox-component {
  display: block;
  width: 100%;
}
.ag-cell:has(image-renderer) {
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
image-renderer {
  display: flex !important;
  align-self: stretch !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
image-renderer img {
  height: 100%;
  width: auto;
  max-width: 100%;
}
.custom__checkbox {
  color: #9e9e9e;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  padding: 0 0 0 20px;
  position: relative;
}
.custom__checkbox.custom__checkbox--label-first {
  padding: 0 25px 0 0;
}
.custom__checkbox.custom__checkbox--label-first .custom__checkbox-icon {
  left: auto;
  right: 0;
}
.custom__checkbox input[type=checkbox] {
  height: 1px;
  left: -100%;
  position: absolute;
  top: 0;
  width: 1px;
}
.custom__checkbox input[type=checkbox]:checked + .custom__checkbox-icon:before {
  content: "\f00c";
}
.custom__checkbox:active .custom__checkbox-icon,
.custom__checkbox:focus .custom__checkbox-icon,
.custom__checkbox:hover .custom__checkbox-icon {
  border-color: rgba(251, 187, 24, 0.1019607843);
}
.custom__checkbox-icon {
  background-color: #fff;
  border: 1px solid #e1e7ef;
  height: 20px;
  left: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}
.custom__checkbox-icon:before {
  color: rgba(251, 187, 24, 0.1019607843);
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
}
.custom__checkbox-text {
  color: #000;
  font-size: 14px;
  font-weight: normal;
}
.form-data-import-area-content .mat-mdc-tab-body-wrapper {
  height: 500px;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .form-data-import-area-content .mat-mdc-tab-body-wrapper {
    height: 100%;
  }
}
.form-data-import-area-content .mdc-tab {
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.form-data-import-area-content .mat-mdc-tab-header .mat-mdc-tab {
  border-radius: 12px 12px 0 0;
}
.form-data-import-area-content .mdc-tab__text-label {
  color: #162326;
  font-weight: 700;
}
.form-data-import-area-content .mat-mdc-tab .mdc-tab__text-label {
  color: #162326;
  font-weight: 700;
  text-transform: uppercase;
}
.form-data-import-area-content .mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: #e1e7ef;
}
.form-data-import-area-content .mat-mdc-tab:hover .mdc-tab__text-label {
  color: #F57E20;
}
.form-data-import-area-content .mat-mdc-tab:hover .mdc-tab-indicator {
  background: #fff;
}
.form-data-import-area-content .mat-mdc-tab:hover .mdc-tab-indicator__content--underline {
  border-color: #162326;
}
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label,
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
  color: #F57E20;
  cursor: default;
}
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator,
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator,
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator {
  background: rgba(251, 187, 24, 0.1019607843);
  border-radius: 12px 12px 0 0;
}
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline,
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline,
.form-data-import-area-content .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  border-color: #F57E20;
}
.form-data-export-area-content .mat-mdc-tab-body-wrapper {
  height: 500px;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .form-data-export-area-content .mat-mdc-tab-body-wrapper {
    height: 100%;
  }
}
.form-data-export-area-content .mdc-tab {
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.form-data-export-area-content .mat-mdc-tab-header .mat-mdc-tab {
  border-radius: 12px 12px 0 0;
}
.form-data-export-area-content .mat-mdc-tab-labels {
  border-bottom: 1px solid #e1e2e6;
  font-weight: 700;
}
.form-data-export-area-content .mat-mdc-tab .mdc-tab__text-label {
  color: #162326;
  font-weight: 700;
  text-transform: uppercase;
}
.form-data-export-area-content .mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: #e1e7ef;
}
.form-data-export-area-content .mat-mdc-tab:hover .mdc-tab__text-label {
  color: #F57E20;
}
.form-data-export-area-content .mat-mdc-tab:hover .mdc-tab-indicator {
  background: #fff;
}
.form-data-export-area-content .mat-mdc-tab:hover .mdc-tab-indicator__content--underline {
  border-color: #162326;
}
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label,
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
  color: #F57E20;
  cursor: default;
}
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator,
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator,
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator {
  background: rgba(251, 187, 24, 0.1019607843);
  border-radius: 12px 12px 0 0;
}
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline,
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline,
.form-data-export-area-content .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  border-color: #F57E20;
}
categorization-categorytreenodeimage-recordeditform .form-grid-area-inputs {
  padding: 0 20px;
}
fileupload {
  display: block;
}
fileupload .btn__trigger-upload .mat-icon {
  display: inline-block;
  font-size: 21px;
  margin: 0 5px 0 0;
  position: relative;
  vertical-align: top;
}
fileupload .image-thumbnails {
  font-size: 0;
  margin-top: 20px;
}
fileupload .image-thumbnails span {
  display: inline-block;
  font-size: 14px;
  height: 100px;
  padding: 10px;
  position: relative;
  vertical-align: top;
  width: 50%;
}
fileupload .image-thumbnails span:before {
  border: 1px solid #e1e7ef;
  content: "";
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  height: calc(100% - 20px);
  left: 10px;
  position: absolute;
  top: 10px;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}
fileupload .image-thumbnails span img {
  border: none;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 480px) {
  fileupload .image-thumbnails span {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  fileupload .image-thumbnails span {
    height: 120px;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  fileupload .image-thumbnails span {
    width: 20%;
  }
}
@media (min-width: 1200px) {
  fileupload .image-thumbnails span {
    height: 150px;
    width: 16.66%;
  }
}
@media (min-width: 1400px) {
  fileupload .image-thumbnails span {
    width: 14.25%;
  }
}
@media (min-width: 1600px) {
  fileupload .image-thumbnails span {
    width: 12.5%;
  }
}
.form-group--file-upload--dialog .image-preview {
  border-bottom: 1px solid #e1e7ef;
  min-height: 100px;
  margin-bottom: 20px;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 10px;
  text-align: center;
}
.form-group--file-upload--dialog .image-preview > div {
  display: inline-block;
  height: 100px;
  margin: 5px;
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
}
@media (max-width: 667px) {
  .form-group--file-upload--dialog .image-preview > div {
    width: -webkit-calc(33.33% - 10px);
    width: -moz-calc(33.33% - 10px);
    width: calc(33.33% - 10px);
  }
}
@media (max-width: 768px) {
  .form-group--file-upload--dialog .image-preview > div {
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: calc(25% - 10px);
  }
}
@media (max-width: 1024px) {
  .form-group--file-upload--dialog .image-preview > div {
    width: -webkit-calc(20% - 10px);
    width: -moz-calc(20% - 10px);
    width: calc(20% - 10px);
  }
}
@media (max-width: 1400px) {
  .form-group--file-upload--dialog .image-preview > div {
    width: 150px;
  }
}
.form-group--file-upload--dialog .image-preview img {
  border: none;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.form-group--file-upload--dialog .image-preview .image-preview__filename {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.form-group--file-upload--dialog .image-preview .sort-order {
  margin: 5px auto 0;
  max-width: 100px;
  text-align: center;
}
.form-group--file-upload--dialog .document-list {
  margin-bottom: 20px;
}
.form-group--file-upload--dialog .document-list > div {
  margin-bottom: 10px;
}
.form-group--file-upload--dialog .document-list .document__filename {
  color: #162326;
  font-family: "Roboto";
  font-weight: 500;
  padding: 0 20px;
  word-break: break-all;
}
.form-group--file-upload--dialog .document-list .document__filename .image-preview__filename-icon {
  color: #F57E20;
  margin-right: 10px;
}
.form-group--file-upload--dialog .document-list .document__filetype {
  padding: 0 20px;
}
.form-group--file-upload--dialog .document-list .sort-order {
  padding: 0 20px;
}
.form-group--file-upload--dialog .document-list .document-title > div:first-child {
  padding: 0 20px;
}
.form-group--file-upload--dialog .document-list .document-title > div strong {
  color: #162326;
  font-weight: 500;
}
@media (min-width: 667px) {
  .form-group--file-upload--dialog .document-list {
    min-width: 500px;
  }
  .form-group--file-upload--dialog .document-list > div {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
  }
  .form-group--file-upload--dialog .document-list > div > div.document__filetype {
    padding: 0 20px 0 0;
  }
  .form-group--file-upload--dialog .document-list > div > div.sort-order {
    padding: 0 20px 0 0;
  }
  .form-group--file-upload--dialog .document-list[data-lookup=true][data-sort-order=true] > div > div {
    width: 25%;
  }
  .form-group--file-upload--dialog .document-list[data-lookup=true][data-sort-order=true] > div > div:first-child {
    width: 45%;
  }
  .form-group--file-upload--dialog .document-list[data-lookup=true][data-sort-order=true] > div > div:nth-child(2) {
    width: 35%;
  }
  .form-group--file-upload--dialog .document-list[data-lookup=true][data-sort-order=true] > div > div:last-child {
    width: 20%;
  }
  .form-group--file-upload--dialog .document-list[data-lookup=true][data-sort-order=false] > div > div {
    width: 50%;
  }
}
@media (max-width: 666px) {
  .form-group--file-upload--dialog .document-list > div {
    border-bottom: 1px solid #e1e7ef;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .form-group--file-upload--dialog .document-list > div > div:before {
    color: #162326;
    content: attr(data-label);
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin: 10px 0 5px;
  }
  .form-group--file-upload--dialog .document-list .document-title {
    display: none;
  }
  .form-group--file-upload--dialog .document-list .sort-order {
    margin-top: 5px;
  }
}
.form-group--file-upload--dialog .text-right {
  padding: 0 20px;
}
.form-group--file-upload--dialog .text-right .btn {
  display: inline-block;
  margin-left: 5px;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -moz-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -o-transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}
.form-group--file-upload--dialog .text-right .btn .btn__icon {
  display: inline-block;
}
.form-group--file-upload--dialog .text-right .btn.btn__cancel-file {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #162326;
}
.form-group--file-upload--dialog .text-right .btn.btn__cancel-file:active,
.form-group--file-upload--dialog .text-right .btn.btn__cancel-file:focus,
.form-group--file-upload--dialog .text-right .btn.btn__cancel-file:hover {
  background-color: #e6f5ff;
  border-color: #006db0;
  color: #162326;
}
.form-group--file-upload--dialog .text-right .btn.btn__submit-file {
  background-color: #F57E20;
  color: #162326;
}
.form-group--file-upload--dialog .text-right .btn.btn__submit-file:active,
.form-group--file-upload--dialog .text-right .btn.btn__submit-file:focus,
.form-group--file-upload--dialog .text-right .btn.btn__submit-file:hover {
  background-color: #f79b55;
  color: #162326;
}
.file-upload-dialog-panel .mdc-dialog__content {
  padding: 20px !important;
}
.file-upload-dialog-panel .mat-mdc-dialog-title {
  font-size: 18px;
  font-weight: 500;
}
.file-upload-dialog-panel .mat-dialog-file-upload {
  min-width: 400px;
}
.file-upload-dialog-panel .image-preview {
  border-bottom-color: transparent;
  margin-bottom: 0;
}
.file-upload-dialog-panel .file-selection-area .file-input-field {
  width: 100%;
}
.file-upload-dialog-panel .file-selection-area mat-form-field {
  width: 100%;
}
.file-upload-dialog-panel .mat-mdc-dialog-actions {
  border-top: 1px solid #e1e7ef;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  overflow: hidden;
  padding: 10px 20px;
}
.file-upload-dialog-panel .mat-mdc-dialog-actions button {
  margin-left: 8px;
}
.file-upload-dialog-panel .mat-mdc-dialog-actions button mat-icon {
  margin-right: 8px;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.material-form-dialog-panel .mat-mdc-dialog-container {
  padding: 0;
}
.material-form-dialog-panel .mdc-dialog__surface {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.material-form-dialog-panel .mat-mdc-dialog-title {
  font-family: "ChakraPetch" !important;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 16px 24px 0;
  margin: 0;
}
.material-form-dialog-panel .mat-mdc-dialog-title::before {
  display: none;
}
.material-form-dialog-panel .mat-mdc-dialog-content {
  padding: 12px 24px;
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
}
.material-form-dialog-panel .mat-mdc-dialog-actions {
  padding: 12px 24px 16px;
  justify-content: flex-end;
  gap: 8px;
}
products-productimage-recordeditform .form-grid-area-inputs {
  padding: 0 20px;
}
products-productimage-recordeditform .form-grid-area-inputs button {
  background-color: #F57E20;
  color: #162326;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
products-productimage-recordeditform .form-grid-area-inputs button:active,
products-productimage-recordeditform .form-grid-area-inputs button:focus,
products-productimage-recordeditform .form-grid-area-inputs button:hover {
  background-color: #f79b55;
  color: #162326;
}
products-productimage-recordeditform .image-thumbnails {
  font-size: 0;
  margin-top: 20px;
}
products-productimage-recordeditform .image-thumbnails span {
  display: inline-block;
  font-size: 14px;
  height: 100px;
  padding: 10px;
  position: relative;
  vertical-align: top;
  width: 50%;
}
products-productimage-recordeditform .image-thumbnails span:before {
  border: 1px solid #e1e7ef;
  content: "";
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  height: calc(100% - 20px);
  left: 10px;
  position: absolute;
  top: 10px;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}
products-productimage-recordeditform .image-thumbnails span img {
  border: none;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 480px) {
  products-productimage-recordeditform .image-thumbnails span {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  products-productimage-recordeditform .image-thumbnails span {
    height: 120px;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  products-productimage-recordeditform .image-thumbnails span {
    width: 20%;
  }
}
@media (min-width: 1200px) {
  products-productimage-recordeditform .image-thumbnails span {
    height: 150px;
    width: 16.66%;
  }
}
@media (min-width: 1400px) {
  products-productimage-recordeditform .image-thumbnails span {
    width: 14.25%;
  }
}
@media (min-width: 1600px) {
  products-productimage-recordeditform .image-thumbnails span {
    width: 12.5%;
  }
}
products-product-searchform ag-grid-angular {
  padding-left: 15px !important;
}
products-product-searchform .form-grid-filters--has-quick {
  padding: 20px 0 0 15px;
}
products-product-searchform .form-grid-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
products-product-searchform .form-grid-actions .form-grid-actions-crud {
  align-items: center;
  align-content: center;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  line-height: 1;
  margin: 0;
  padding: 0 0 0 15px;
}
products-product-searchform .form-grid-actions .form-grid-actions-crud webgui-toolbar-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 0.5rem;
  margin: 0;
  line-height: 1;
}
products-product-searchform .form-grid-actions .form-grid-actions-crud webgui-toolbar-actions button {
  margin: 0 !important;
  line-height: 1;
  padding: 6px 12px;
}
products-product-searchform .form-grid-actions .form-grid-actions-crud .display-mode-controls {
  align-items: center;
  display: flex;
  gap: 6px;
  height: 34px;
  flex: 0 0 auto;
  margin: 0;
  line-height: 1;
}
products-product-searchform .form-grid-actions .form-grid-actions-crud .display-mode-controls button {
  height: 34px;
  width: 34px;
  padding: 6px 12px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 1;
}
products-product-searchform .form-grid-actions .form-grid-actions-crud .btn {
  flex: 0 0 auto;
  margin: 0 !important;
  line-height: 1;
}
products-product-searchform .form-tree-panel__body .mat-mdc-icon-button.mat-mdc-button-base {
  height: 24px;
  padding: 5px;
  position: relative;
  width: 24px;
}
products-product-searchform .form-tree-panel__body .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  color: #65758b;
  font-size: 21px;
  height: 24px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 24px;
}
@media (min-width: 1200px) {
  products-product-searchform .form-grid-toolbar--list .page-title-wrap {
    width: 30%;
  }
  products-product-searchform .form-grid-toolbar--list .form-grid-misc {
    width: 70%;
  }
}
.workspace-gui-layout-dir--dashboard {
  display: none;
}
app-dashboard {
  background-color: transparent;
  display: block;
  height: 100%;
  max-height: 100%;
}
app-dashboard .tab-content {
  background-color: inherit;
  padding-top: 0;
}
app-dashboard .tab-content .tab-content__title {
  font-weight: 300;
  margin: 10px 0 0;
  padding: 0 10px;
}
app-dashboard .tab-content__intro {
  color: #65758b;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0 10px;
}
app-dashboard span {
  font-weight: 300;
}
.tab-content--dashboard {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.dashboard-list {
  background-color: inherit;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
.dashboard-item {
  background-color: #fff;
  border: 1px solid #e1e7ef;
  border-radius: 12px;
  display: inline-block;
  margin: 10px;
  padding: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: top;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}
.dashboard-item[data-dashboard-widget-type=product-total] {
  background-color: #2374ff;
}
.dashboard-item[data-dashboard-widget-type=refresh-history] {
  padding: 0;
}
.dashboard-item[data-dashboard-widget-type=coverage-over-time] {
  border-color: transparent;
  padding: 20px 0;
}
.dashboard-item > * {
  display: block;
  height: 100%;
  position: relative;
}
.dashboard-item > *:after {
  background-color: #f9f9f9;
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px;
  border-radius: 16px;
  content: "";
  height: 1px;
  opacity: 0;
  left: -9999px;
  position: absolute;
  top: -9999px;
  width: 1px;
  z-index: -1;
}
.dashboard-item.loading > *:after {
  height: -webkit-calc(100% - 2px);
  height: -moz-calc(100% - 2px);
  height: calc(100% - 2px);
  opacity: 1;
  left: 1px;
  top: 1px;
  width: -webkit-calc(100% - 2px);
  width: -moz-calc(100% - 2px);
  width: calc(100% - 2px);
  z-index: 9;
}
.dashboard-item:active,
.dashboard-item:focus,
.dashboard-item:hover {
  box-shadow: 0 2px 10px 0 #e1e7ef;
}
.dashboard-item:active[data-dashboard-widget-type=product-total],
.dashboard-item:focus[data-dashboard-widget-type=product-total],
.dashboard-item:hover[data-dashboard-widget-type=product-total] {
  box-shadow: 0 2px 10px 0 rgba(35, 116, 255, 0.5);
}
.dashboard-item:active[data-dashboard-widget-type=coverage-over-time],
.dashboard-item:focus[data-dashboard-widget-type=coverage-over-time],
.dashboard-item:hover[data-dashboard-widget-type=coverage-over-time] {
  box-shadow: none;
}
.dashboard-item:active[data-dashboard-widget-type=coverage-over-time] .dashboardWidget--coverage-over-time,
.dashboard-item:focus[data-dashboard-widget-type=coverage-over-time] .dashboardWidget--coverage-over-time,
.dashboard-item:hover[data-dashboard-widget-type=coverage-over-time] .dashboardWidget--coverage-over-time {
  box-shadow: 0 2px 10px 0 #e1e7ef;
}
@media (min-width: 667px) {
  .dashboard-item.dashboard-item--one-third {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .dashboard-item.dashboard-item--quarter {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .dashboard-item.dashboard-item--half {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
  }
  .dashboard-item.dashboard-item--three-quarters {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
  }
}
@media (min-width: 1200px) {
  .dashboard-item.dashboard-item--one-third {
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
  }
  .dashboard-item.dashboard-item--quarter {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
  }
  .dashboard-item.dashboard-item--half {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .dashboard-item.dashboard-item--three-quarters {
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
  }
}
.dashboard-tile-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.dashboard-tile__title {
  color: #65758b;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  line-height: 40px;
  padding-right: 10px;
}
[data-dashboard-widget-type=product-total] .dashboard-tile__title {
  color: #fff;
}
[data-dashboard-widget-type=quick-actions] .dashboard-tile__title {
  color: #162326;
  font-size: 16px;
}
[data-dashboard-widget-type=get-started] .dashboard-tile__title {
  color: #162326;
  font-size: 16px;
}
.dashboard-tile__title-icon {
  font-size: 20px;
  height: auto;
  vertical-align: middle;
}
.dashboard-tile__title-icon.fa,
.dashboard-tile__title-icon.far,
.dashboard-tile__title-icon.fas {
  font-size: 16px;
  line-height: 38px;
  margin-right: 5px;
  vertical-align: top;
}
[data-dashboard-widget-type=quick-actions] .dashboard-tile__title-icon {
  color: #F57E20;
}
[data-dashboard-widget-type=get-started] .dashboard-tile__title-icon {
  color: #F57E20;
}
.dashboard-tile__subtitle {
  color: #65758b;
  display: block;
  font-size: 12px;
  font-weight: 300;
}
.dashboard-tile-header__btn {
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  color: #65758b;
  font-size: 14px;
  line-height: 40px;
  outline: none;
  padding: 0;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.dashboard-tile-header__btn .dashboard-tile-header__icon {
  color: inherit;
  font-size: 12px;
  margin-right: 5px;
}
.dashboard-tile-header__btn:active,
.dashboard-tile-header__btn:focus,
.dashboard-tile-header__btn:hover {
  color: #f79b55;
}
.dashboard-tile-header__link {
  border: 1px solid transparent;
  border-radius: 8px;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 40px;
}
[data-dashboard-widget-type=product-total] .dashboard-tile-header__link {
  background-color: #4d8eff;
  color: #fff;
}
[data-dashboard-widget-type=categories] .dashboard-tile-header__link {
  background-color: #f0fdf4;
  color: #3eb234;
}
[data-dashboard-widget-type=data-health] .dashboard-tile-header__link {
  background-color: #fff7ed;
  color: #F57E20;
}
[data-dashboard-widget-type=connected-systems] .dashboard-tile-header__link {
  background-color: #faf5ff;
  color: #7f22fe;
}
[data-dashboard-widget-type=email] .dashboard-tile-header__link {
  background-color: #fff7ed;
  color: #F57E20;
}
[data-dashboard-widget-type=product-total] .dashboard-tile-header__link:active,
[data-dashboard-widget-type=product-total] .dashboard-tile-header__link:focus,
[data-dashboard-widget-type=product-total] .dashboard-tile-header__link:hover {
  border-color: #2B547D;
}
[data-dashboard-widget-type=categories] .dashboard-tile-header__link:active,
[data-dashboard-widget-type=categories] .dashboard-tile-header__link:focus,
[data-dashboard-widget-type=categories] .dashboard-tile-header__link:hover {
  border-color: #3eb234;
}
[data-dashboard-widget-type=data-health] .dashboard-tile-header__link:active,
[data-dashboard-widget-type=data-health] .dashboard-tile-header__link:focus,
[data-dashboard-widget-type=data-health] .dashboard-tile-header__link:hover {
  border-color: #F57E20;
}
[data-dashboard-widget-type=connected-systems] .dashboard-tile-header__link:active,
[data-dashboard-widget-type=connected-systems] .dashboard-tile-header__link:focus,
[data-dashboard-widget-type=connected-systems] .dashboard-tile-header__link:hover {
  border-color: #7f22fe;
}
.dashboard-tile-header__icon {
  font-size: 21px;
  line-height: 40px;
}
.dashboard-tile-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  max-height: 200px;
  min-height: 80px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.dashboard-tile-content.dashboard-tile-content--bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.dashboard-tile-content.loading:after {
  background-color: #fff;
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.dashboard-tile__counter {
  font-size: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  z-index: 1;
}
[data-dashboard-widget-type=product-total] .dashboard-tile__counter {
  color: #fff;
}
.dashboard-tile__counter.loading:after {
  background-color: #fff;
  background-image: url("./media/loading.gif");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 40px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
[data-dashboard-widget-type=product-total] .dashboard-tile__counter.loading:after {
  background-color: #2374ff;
}
.dashboard-tile__counter.loading.loading--center:after {
  background-position: center;
}
.dashboard-tile-content__link {
  border-radius: 4px;
  font-size: 12px;
  margin: 5px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
}
.side-nav--submenu-display:not(.side-nav--submenu-display--icons) .dashboard-tile-content__link {
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
}
.dashboard-tile-content__link .dashboard-tile-content__icon {
  display: block;
  margin: 0 auto 5px;
}
.dashboard-tile-content__link .dashboard-tile-content__label {
  display: block;
}
.dashboard-tile-content__link.dashboard-tile-content__link--product {
  background-color: #eff6ff;
  color: #155dfc;
}
.dashboard-tile-content__link.dashboard-tile-content__link--import-data {
  background-color: #faf5ff;
  color: #7f22fe;
}
.dashboard-tile-content__link.dashboard-tile-content__link--data-health {
  background-color: #fff7ed;
  color: #F57E20;
}
.dashboard-tile-content__link.dashboard-tile-content__link--channels {
  background-color: #f0fdf4;
  color: #3eb234;
}
.dashboard-tile__actions {
  width: auto;
}
.dashboard-tile-footer {
  padding-top: 10px;
}
.dashboard-tile-footer__link {
  color: #65758b;
  text-decoration: none;
}
[data-dashboard-widget-type=product-total] .dashboard-tile-footer__link {
  color: #fff;
}
.dashboard-tile-footer__label {
  margin-right: 5px;
}
ag-charts {
  display: block;
  height: 100%;
  width: 100%;
}
.dashboardWidget {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
  min-height: 50px;
  width: 100%;
}
.dashboard-tile__no-records {
  color: #65758b;
  display: block;
  font-size: 12px;
  padding: 20px;
  text-align: center;
  width: 100%;
}
.dashboard-tile-tab-button-wrap {
  margin: 0 -3px 0;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  padding-top: 5px;
  width: 100%;
  white-space: nowrap;
}
.dashboard-tile-tab__btn {
  background-color: #f1f5f9;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #65758b;
  font-size: 12px;
  margin: 3px;
  padding: 5px 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dashboard-tile-tab__btn.tab--active {
  background-color: #F57E20;
  color: #fff;
}
.dashboard-tile-tab__btn:active,
.dashboard-tile-tab__btn:focus,
.dashboard-tile-tab__btn:hover {
  background-color: #e1e7ef;
  color: #162326;
}
.dashboard-tile-tab__btn:active.tab--active,
.dashboard-tile-tab__btn:focus.tab--active,
.dashboard-tile-tab__btn:hover.tab--active {
  background-color: #f79b55;
  color: #fff;
}
.dashboard-tile-tab-content-wrap {
  min-height: 150px;
  width: 100%;
}
.dashboard-tile-tab-content {
  display: none;
}
.dashboard-tile-tab-content.tab--active {
  display: block;
}
.dashboard-tile-tab-content-info {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dashboard-tile-tab-content-info table {
  margin-top: 15px;
}
.dashboard-tile-tab-content-info thead {
  background-color: #fff;
  border-bottom: 1px solid #F57E20;
  position: sticky;
  top: 0;
}
.dashboard-tile-tab-content-info th {
  color: #F57E20;
  font-size: 14px;
  font-weight: 500;
  padding: 5px;
  text-align: left;
}
.dashboard-tile-tab-content-info th.timestamp {
  text-align: center;
}
.dashboard-tile-tab-content-info td {
  font-weight: 300;
  padding: 5px;
}
.dashboard-tile-tab-content-info td.timestamp {
  text-align: center;
}
.dashboard-tile-tab-content--no-record {
  display: block;
  padding: 20px;
  text-align: center;
}
.dashboard-tile-tab-content--no-record-message {
  color: #65758b;
  display: block;
  line-height: 2;
}
.dashboard-tile-tab-content--show-all-btn {
  background-color: transparent;
  border: 1px solid transparent;
  color: #F57E20;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.dashboard-tile-tab-content--show-all-btn:active,
.dashboard-tile-tab-content--show-all-btn:focus,
.dashboard-tile-tab-content--show-all-btn:hover {
  color: #f79b55;
}
.dashboard-tile-tab-content--no-record-icon {
  color: #e1e2e6;
  font-size: 40px;
}
mat-progress-bar {
  --mat-progress-bar-active-indicator-height: 6px;
  --mat-progress-bar-track-height: 6px;
  --mat-progress-bar-track-shape: 6;
  border-radius: 4px;
  height: 5px;
}
mat-progress-bar .mdc-linear-progress__bar-inner {
  border-color: #F57E20 !important;
}
mat-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: #fcdac5 !important;
}
mat-progress-bar {
}
.ag-charts-canvas-container {
  border-radius: 16px;
  border: 1px solid transparent;
  overflow: hidden;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.category-image-coverage-dialog {
  border-radius: 12px;
  height: auto !important;
  overflow-y: auto;
}
.category-image-coverage-dialog .overlay-panel__close-button {
  color: #65758b;
  right: 10px;
  top: 0;
}
.category-image-coverage-dialog .overlay-panel__close-button .fa-times-circle {
  line-height: 30px;
}
.category-image-coverage-dialog .overlay-panel__close-button .fa-times-circle:before {
  content: "\e916";
  font-family: "icomoon";
  font-size: 14px;
}
.category-image-coverage-dialog .overlay-panel__close-button:active,
.category-image-coverage-dialog .overlay-panel__close-button:focus,
.category-image-coverage-dialog .overlay-panel__close-button:hover {
  color: #13cbec;
}
.coverage-history-dialog {
  border-radius: 12px;
  height: auto !important;
  overflow-y: auto;
}
.coverage-history-dialog .overlay-panel__close-button {
  color: #65758b;
  right: 10px;
  top: 0;
}
.coverage-history-dialog .overlay-panel__close-button .fa-times-circle {
  line-height: 30px;
}
.coverage-history-dialog .overlay-panel__close-button .fa-times-circle:before {
  content: "\e916";
  font-family: "icomoon";
  font-size: 14px;
}
.coverage-history-dialog .overlay-panel__close-button:active,
.coverage-history-dialog .overlay-panel__close-button:focus,
.coverage-history-dialog .overlay-panel__close-button:hover {
  color: #13cbec;
}
.backdrop-darker--75 {
  background-color: rgba(0, 0, 0, 0.75);
}
.btn__password-dropdown.btn-default.btn--black {
  --component-size: 0 !important;
  height: 34px;
  text-transform: none;
}
.btn__password-dropdown.btn-default.btn--black app-icon {
  display: inline-block;
  margin: 0 0 0 7px;
  vertical-align: top;
}
.gui__password-dropdown-item app-icon.app-icon {
  display: inline-block;
  line-height: 24px;
  padding-right: 5px;
  vertical-align: top;
  width: auto;
}
.gui__password-dropdown-item .drop-down__label {
  line-height: 24px;
}
image-preview-dialog {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.image--preview image-preview-dialog.active {
  display: block;
}
.image-preview-wrapper {
  font-size: 0;
  position: absolute;
  left: 20px;
  top: 20px;
  height: -webkit-calc(100% - 40px);
  height: -moz-calc(100% - 40px);
  height: calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  background-color: #fff;
  display: grid;
  grid-template-rows: 64px minmax(0, 1fr) 80px;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.image-preview-wrapper > div {
  font-size: 14px;
}
.image-preview-wrapper .active-image {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-overflow: ellipsis;
  padding: 10px 20px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  width: 100%;
}
.image-preview-wrapper .active-image:hover {
  background-color: #fff;
}
.image-preview-wrapper .image-preview__toolbar {
  align-items: center;
  display: flex;
  gap: 12px;
  grid-row: 1;
  justify-content: flex-end;
  padding: 12px 16px;
}
.image-preview-wrapper .image-preview-thumbnails {
  background-color: #fff;
  border-top: 1px solid #f3f3f3;
  box-sizing: border-box;
  height: 80px;
  padding: 8px 30px;
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  grid-row: 3;
  max-height: 80px;
  overflow: hidden;
}
.image-preview-wrapper .image-preview-thumbs-container {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1;
  gap: 10px;
  padding: 0;
}
.image-preview-wrapper .image-preview-thumbs-container::-webkit-scrollbar {
  height: 4px;
}
.image-preview-wrapper .image-preview-thumbs-container::-webkit-scrollbar-track {
  background: transparent;
}
.image-preview-wrapper .image-preview-thumbs-container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.image-preview-wrapper .image-preview-thumbs-container::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
.image-preview-wrapper .image-preview-thumbnail {
  background-color: rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  padding: 0;
  flex-shrink: 0;
  touch-action: none !important;
  transition: all 0.25s ease-in-out;
  will-change: filter, opacity;
  width: 64px;
  position: relative;
}
.image-preview-wrapper .image-preview-thumbnail img {
  border-radius: 6px;
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%;
  padding: 4px;
}
.image-preview-wrapper .image-preview-thumbnail.active {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.image-preview-wrapper .image-preview-thumbnail:active,
.image-preview-wrapper .image-preview-thumbnail:focus,
.image-preview-wrapper .image-preview-thumbnail:hover {
  background-color: rgba(0, 157, 255, 0.25);
  transform: scale(1.05);
}
.image-preview-wrapper .swiper {
  height: 100%;
  width: 100%;
}
.image-preview-wrapper .swiper-slide {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.image-preview-main {
  grid-row: 2;
  width: 100%;
  overflow: hidden;
  min-height: 0;
}
.image-preview__toolbar .image-preview__close,
.image-preview__toolbar .image-preview__download {
  position: static;
}
.image-preview__close {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 32px;
  height: 40px;
  line-height: 38px;
  padding: 0;
  text-align: center;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  width: 40px;
  z-index: 100;
  cursor: pointer;
  flex: 0 0 40px;
}
.image-preview__close:active,
.image-preview__close:focus,
.image-preview__close:hover {
  color: #009dff;
}
.image-preview__download {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  padding: 0;
  text-align: center;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  width: 40px;
  z-index: 100;
  cursor: pointer;
  flex: 0 0 40px;
}
.image-preview__download:before {
  background-color: transparent;
  border: 3px solid #000;
  border-radius: 50%;
  content: "";
  height: 32px;
  left: 3px;
  position: absolute;
  top: 3px;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  width: 32px;
}
.image-preview__download:active,
.image-preview__download:focus,
.image-preview__download:hover {
  color: #009dff;
}
.image-preview__download:active:before,
.image-preview__download:focus:before,
.image-preview__download:hover:before {
  border-color: #009dff;
}
.image-preview__nav-button {
  background-color: #fff;
  border-color: transparent;
  border: none;
  color: #000;
  font-size: 23px;
  height: 78px;
  padding: 0;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  width: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-preview__nav-button.image-preview__nav-button--prev {
  order: -1;
}
.image-preview__nav-button.image-preview__nav-button--next {
  order: 1;
}
.image-preview__nav-button:active,
.image-preview__nav-button:focus,
.image-preview__nav-button:hover {
  color: #009dff;
}
.image--preview .mat-mdc-tab-header {
  z-index: 1;
}
.report-area-tabs {
  height: 100%;
  grid-area: recordTabs;
  overflow: hidden;
  position: relative;
}
.report-area-tabs .form__title {
  font-size: 18px;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .report-area-tabs .form__title {
    font-size: 21px;
  }
}
@media (min-width: 1200px) {
  .report-area-tabs .form__title {
    font-size: 24px;
  }
}
.report-area-tabs .mat-mdc-tab-body-wrapper {
  height: 100%;
  padding: 20px 0;
}
.report-area-tabs .mat-mdc-tab-body-wrapper attributes {
  display: block;
  height: 100%;
}
.report-area-tabs .mat-mdc-tab-body-wrapper attributes > div {
  padding: 20px 0;
}
.report-area-tabs .mat-mdc-tab-label-container {
  padding-right: 0 !important;
}
.report-area-tabs .mat-mdc-tab-group {
  height: 100%;
}
.report-area-tabs .mat-tab-content {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
.report-area-tabs .mat-tab-content.mat-tab-content--preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.report-area-tabs report-preview-tab {
  display: block;
  flex: 1 1 auto;
  height: 100%;
  min-width: 0;
  width: 100%;
}
.report-area-tabs .report-preview-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: flex-end;
}
.report-area-tabs .report-viewer {
  display: block;
  flex: 1 1 auto;
  min-height: 500px;
}
.report-area-tabs .mat-mdc-tab-body.mat-mdc-tab-body-active {
  height: 100%;
  width: 100%;
}
@media (min-width: 667px) {
  .report-area-tabs .form-group.form-group--chip-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .report-area-tabs .form-group.form-group--chip-filter mat-form-field {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
  }
  .report-area-tabs .form-group.form-group--chip-filter multiselect-lookup {
    display: inline-block;
    margin-top: 20px;
    vertical-align: top;
    width: 150px;
  }
}
.report-area-tabs mat-form-field {
  width: 100%;
}
.report-area-tabs .report-filter-hint {
  color: #5e5c5d;
  font-size: 12px;
  margin: -8px 0 16px;
}
.report-area-tabs .form-group.form-group--criteria {
  margin-bottom: 16px;
}
.report-area-tabs .form-group.form-group--max-percent mat-form-field {
  max-width: 260px;
}
.report-area-tabs .form-group.form-group--date-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 16px;
}
.report-area-tabs .form-group.form-group--date-range mat-form-field {
  max-width: 200px;
}
.report-area-tabs .form-group.form-group--options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.report-area-tabs .form-group.form-group--options .report-filter-hint {
  margin-top: 0;
}
.report-area-tabs .report-criteria-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 4px;
}
.report-area-tabs .report-criteria-title {
  font-weight: 600;
  margin-right: 8px;
}
.report-area-tabs .report-criteria-list {
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  margin: 4px 0 8px;
}
.report-area-tabs .report-filter-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: auto;
  padding-bottom: 20px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel {
    gap: 16px;
  }
}
.report-area-tabs .report-filter-panel .report-filter-section {
  background-color: #fff;
  border: 1px solid #e1e7ef;
  border-radius: 6px;
  padding: 14px 14px 4px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-filter-section {
    border-radius: 8px;
    padding: 20px 24px 8px;
  }
}
.report-area-tabs .report-filter-panel .report-filter-section__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-filter-section__header {
    flex-wrap: nowrap;
    gap: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .side-nav--wide.side-nav--submenu-display .report-area-tabs .report-filter-panel .report-filter-section__header {
    display: block;
  }
}
.report-area-tabs .report-filter-panel .report-filter-section__heading {
  flex: 1 1 auto;
  min-width: 0;
}
.report-area-tabs .report-filter-panel .report-filter-section__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #1e2939;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  line-height: 1.2;
  margin: 0;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-filter-section__title {
    font-size: 15px;
    gap: 10px;
  }
}
.report-area-tabs .report-filter-panel .report-filter-section__step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(251, 187, 24, 0.1019607843);
  border-radius: 50%;
  color: #F57E20;
  flex: 0 0 24px;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  justify-content: center;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-filter-section__step {
    flex-basis: 28px;
    font-size: 13px;
    height: 28px;
  }
}
.report-area-tabs .report-filter-panel .report-filter-section__required {
  background-color: #fef2f2;
  border-radius: 10px;
  color: #ef4343;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  margin-left: -4px;
  padding: 2px 8px;
}
.report-area-tabs .report-filter-panel .report-filter-section__optional {
  background-color: rgba(251, 187, 24, 0.1019607843);
  border-radius: 10px;
  color: #F57E20;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  margin-left: -4px;
  padding: 2px 8px;
}
.report-area-tabs .report-filter-panel .report-filter-section__subtitle {
  color: #6a7282;
  font-size: 12px;
  margin: 0;
  padding-left: 32px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-filter-section__subtitle {
    font-size: 13px;
    padding-left: 38px;
  }
}
.report-area-tabs .report-filter-panel .report-filter-section__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 100%;
  gap: 4px;
  margin-top: -6px;
  padding-left: 22px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-filter-section__actions {
    flex: 0 0 auto;
    margin-top: 0;
    padding-left: 0;
  }
}
.report-area-tabs .report-filter-panel .report-filter-section__actions .mat-mdc-button {
  min-width: 0;
  padding: 0 10px;
}
.report-area-tabs .report-filter-panel .report-filter-section__actions .mat-mdc-button:not(:disabled) {
  color: #F57E20;
}
.report-area-tabs .report-filter-panel .report-criteria-tiles {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 12px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-criteria-tiles {
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .report-area-tabs .report-filter-panel .report-criteria-tiles {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .side-nav--wide.side-nav--submenu-display .report-area-tabs .report-filter-panel .report-criteria-tiles {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.report-area-tabs .report-filter-panel .report-criteria-tiles mat-checkbox {
  border: 1px solid #e1e7ef;
  border-radius: 6px;
  transition: background-color 0.15s, border-color 0.15s;
}
@media (hover: hover) {
  .report-area-tabs .report-filter-panel .report-criteria-tiles mat-checkbox:hover {
    border-color: #f79b55;
  }
}
.report-area-tabs .report-filter-panel .report-criteria-tiles mat-checkbox.mat-mdc-checkbox-checked {
  background-color: rgba(251, 187, 24, 0.1019607843);
  border-color: #F57E20;
}
.report-area-tabs .report-filter-panel .report-criteria-tiles mat-checkbox .mdc-form-field {
  width: 100%;
}
.report-area-tabs .report-filter-panel .report-criteria-tiles mat-checkbox label {
  cursor: pointer;
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.3;
  padding: 8px 8px 8px 0;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-criteria-tiles mat-checkbox label {
    font-size: inherit;
    line-height: inherit;
    padding: 10px 12px 10px 0;
  }
}
.report-area-tabs .report-filter-panel .report-criteria-tiles.report-criteria-tiles--wide {
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-criteria-tiles.report-criteria-tiles--wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .report-area-tabs .report-filter-panel .report-criteria-tiles.report-criteria-tiles--wide {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .side-nav--wide.side-nav--submenu-display .report-area-tabs .report-filter-panel .report-criteria-tiles.report-criteria-tiles--wide {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.report-area-tabs .report-filter-panel .report-tile__label {
  color: #1e2939;
  display: block;
  font-weight: 500;
}
.report-area-tabs .report-filter-panel .report-tile__hint {
  color: #6a7282;
  display: block;
  font-size: 12px;
  line-height: 1.4;
}
.report-area-tabs .report-filter-panel .report-filter-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f9fafb;
  border-radius: 6px;
  color: #65758b;
  font-size: 12px;
  gap: 8px;
  line-height: 1.5;
  margin: 0 0 12px;
  padding: 8px 10px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-filter-note {
    padding: 10px 12px;
  }
}
.report-area-tabs .report-filter-panel .report-filter-note i {
  color: #6a7282;
  margin-top: 2px;
}
.report-area-tabs .report-filter-panel .report-filter-field {
  --mat-form-field-filled-active-indicator-color: #e1e7ef;
  --mat-form-field-filled-hover-active-indicator-color: #f79b55;
  --mat-form-field-filled-focus-active-indicator-color: #F57E20;
  --mat-form-field-filled-caret-color: #F57E20;
  --mat-form-field-filled-label-text-color: #6a7282;
  --mat-form-field-filled-hover-label-text-color: #65758b;
  --mat-form-field-filled-focus-label-text-color: #F57E20;
  --mat-form-field-filled-input-text-placeholder-color: #8c8c8c;
  --mat-datepicker-toggle-icon-color: #6a7282;
  --mat-datepicker-toggle-active-state-icon-color: #F57E20;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-filter-field {
    max-width: 220px;
  }
}
.report-area-tabs .report-filter-panel .report-filter-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #f9fafb;
  border: 1px solid #e1e7ef;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  transition: background-color 0.15s;
}
.report-area-tabs .report-filter-panel .report-filter-field.mat-focused .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: rgba(251, 187, 24, 0.1019607843);
}
.report-area-tabs .report-filter-panel .report-filter-field .mat-mdc-form-field-text-suffix {
  color: #F57E20;
  font-weight: 600;
  padding-left: 4px;
}
.report-area-tabs .report-filter-panel .form-group--date-range {
  gap: 0 12px;
}
.report-area-tabs .report-filter-panel .form-group--date-range .report-filter-field {
  flex: 0 1 200px;
  min-width: 0;
}
.report-area-tabs .report-filter-panel .report-picker-pair {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .report-area-tabs .report-filter-panel .report-picker-pair {
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }
  .report-area-tabs .report-filter-panel .report-picker-pair.report-picker-pair--triple {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .side-nav--wide.side-nav--submenu-display .report-area-tabs .report-filter-panel .report-picker-pair {
    grid-template-columns: minmax(0, 1fr);
  }
}
.report-area-tabs .report-filter-panel .report-picker-pair__or {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #65758b;
  font-size: 11px;
  font-weight: 600;
  gap: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.report-area-tabs .report-filter-panel .report-picker-pair__or::before,
.report-area-tabs .report-filter-panel .report-picker-pair__or::after {
  border-top: 1px solid #e1e7ef;
  content: "";
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .report-area-tabs .report-filter-panel .report-picker-pair__or {
    align-self: center;
    background-color: #f1f5f9;
    border-radius: 10px;
    justify-self: center;
    padding: 3px 8px;
  }
  .report-area-tabs .report-filter-panel .report-picker-pair__or::before,
  .report-area-tabs .report-filter-panel .report-picker-pair__or::after {
    content: none;
  }
}
.report-area-tabs .report-filter-panel .report-picker-single {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .report-area-tabs .report-filter-panel .report-picker-single {
    max-width: calc(50% - 26px);
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .side-nav--wide.side-nav--submenu-display .report-area-tabs .report-filter-panel .report-picker-single {
    max-width: 100%;
  }
}
.report-area-tabs .report-filter-panel report-chip-filter {
  display: block;
  min-width: 0;
}
.report-area-tabs .report-filter-panel .report-picker {
  border: 1px solid #e1e7ef;
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
  transition: border-color 0.15s;
}
.report-area-tabs .report-filter-panel .report-picker.report-picker--filled {
  border-color: #f79b55;
}
.report-area-tabs .report-filter-panel .report-picker__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 1px solid #e1e7ef;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 48px;
  padding: 6px 6px 6px 12px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-picker__header {
    min-height: 52px;
    padding: 8px 8px 8px 14px;
  }
}
.report-area-tabs .report-filter-panel .report-picker__header multiselect-lookup {
  margin-left: auto;
}
.report-area-tabs .report-filter-panel .report-picker__header multiselect-lookup .btn__create {
  float: none;
  margin-right: 0;
  white-space: nowrap;
}
.report-area-tabs .report-filter-panel .report-picker__label {
  color: #1e2939;
  font-size: 13px;
  font-weight: 600;
}
.report-area-tabs .report-filter-panel .report-picker__count {
  background-color: #F57E20;
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  min-width: 20px;
  padding: 0 6px;
  text-align: center;
}
.report-area-tabs .report-filter-panel .report-picker__clear {
  background: none;
  border: 0;
  color: #6a7282;
  cursor: pointer;
  font-size: 12px;
  padding: 2px 4px;
  text-decoration: underline;
}
.report-area-tabs .report-filter-panel .report-picker__clear:hover {
  color: #F57E20;
}
.report-area-tabs .report-filter-panel .report-picker__body {
  background-color: #f9fafb;
  max-height: 136px;
  min-height: 64px;
  overflow-y: auto;
  padding: 8px 10px;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-picker__body {
    max-height: 160px;
    padding: 10px 12px;
  }
}
.report-area-tabs .report-filter-panel .report-picker__body .mat-mdc-standard-chip {
  background-color: #fff;
  border: 1px solid #F57E20;
  border-radius: 4px;
  max-width: 100%;
}
.report-area-tabs .report-filter-panel .report-picker__body .mat-mdc-standard-chip .mat-mdc-chip-remove {
  color: #F57E20;
  opacity: 1;
}
.report-area-tabs .report-filter-panel .report-picker__chip-text {
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
@media (min-width: 667px) {
  .report-area-tabs .report-filter-panel .report-picker__chip-text {
    max-width: 220px;
  }
}
.report-area-tabs .report-filter-panel .report-picker__empty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #6a7282;
  font-size: 12px;
  gap: 8px;
  min-height: 44px;
}
.report-area-tabs .report-filter-panel .report-picker__empty i {
  color: #8c8c8c;
}
.report-area-tabs:has(.report-filter-panel) .mat-mdc-tab-body-wrapper {
  padding: 12px 0;
}
@media (min-width: 667px) {
  .report-area-tabs:has(.report-filter-panel) .mat-mdc-tab-body-wrapper {
    padding: 20px;
  }
}
.report-area-tabs .mat-mdc-chip-set {
  min-height: 40px;
}
.report-area-tabs .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #fff;
}
.report-area-tabs .mdc-text-field--filled .mat-mdc-form-field-focus-overlay {
  display: none;
}
.report-area-tabs .mdc-text-field--filled .mat-mdc-standard-chip {
  border-radius: 4px;
  cursor: default !important;
}
.report-area-tabs .mdc-text-field--filled .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  background-color: rgba(251, 187, 24, 0.1019607843);
  border: 1px solid #F57E20;
}
.report-area-tabs .mdc-text-field--filled .mat-mdc-standard-chip .mat-mdc-chip-remove {
  color: #F57E20;
  opacity: 1;
}
.report-area-tabs multiselect-lookup .btn__create {
  float: right;
  margin-right: 10px;
}
categorytree-lookup-multi {
  display: block;
}
attributeproductfamily-lookup-multi {
  display: block;
}
.image-preview-dialog-panel .mat-mdc-dialog-surface {
  overflow: visible;
}
@media (min-width: 1360px) {
  appbusiness-tenantcontent-recordeditform .formContainerHeader .grid-area-form-header-left {
    width: 50%;
  }
  appbusiness-tenantcontent-recordeditform .formContainerHeader .grid-area-form-header-right {
    width: 50%;
  }
}
appbusiness-tenantcontent-recordeditform .tab-content {
  height: 100%;
}
@media (min-width: 480px) {
  appbusiness-tenantcontent-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details .form-title-wrap {
    width: 50%;
  }
}
appbusiness-tenantcontent-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details .form-controls {
  width: 100%;
}
@media (min-width: 480px) {
  appbusiness-tenantcontent-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details .form-controls {
    width: 50%;
  }
}
appbusiness-tenantcontent-recordeditform .form-grid-area .form-grid-area-container {
  border-color: transparent;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
appbusiness-tenantcontent-recordeditform fileupload {
  margin-top: 50px;
}
appbusiness-tenantcontent-recordeditform .file-upload-trigger {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  -webkit-align-items: flex-start !important;
  -moz-align-items: flex-start !important;
  align-items: flex-start !important;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-height: 80px;
  padding-left: 100px;
  position: relative;
}
appbusiness-tenantcontent-recordeditform .file-upload-trigger .btn__trigger-upload {
  background-color: #fff;
  border-color: #e1e7ef;
  color: #162326;
}
appbusiness-tenantcontent-recordeditform .file-upload__thumbnail {
  border: 1px solid #e1e7ef;
  border-radius: 12px;
  height: 80px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 80px;
}
appbusiness-tenantcontent-recordeditform .file-upload__thumbnail .mat-icon {
  color: #65758b;
  font-size: 40px;
  line-height: 80px;
}
appbusiness-tenantcontent-recordeditform .file-upload__thumbnail img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
appbusiness-tenantcontent-recordeditform .file-upload__thumbnail.animate--loading:after {
  background-color: #fff;
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 12px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media (min-width: 480px) {
  appbusiness-tenantcontent-recordeditform .page-title-wrap {
    padding: 10px 0;
  }
  appbusiness-tenantcontent-recordeditform .form-grid-filters {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 479px) {
  appbusiness-tenantcontent-recordeditform .form-content form {
    padding: 0;
  }
  appbusiness-tenantcontent-recordeditform .form-grid-filter-action .btn__filter .btn__label {
    display: inline-block;
  }
  appbusiness-tenantcontent-recordeditform .form-grid-filter-search .btn__search {
    margin: 0 !important;
  }
}
appbusiness-tenantlogo-recordeditform {
  display: block;
}
appbusiness-tenantlogo-recordeditform .form-grid-area-inputs {
  padding: 0 20px;
}
appbusiness-tenantlogo-searchform {
  height: 100%;
}
appbusiness-tenantlogo-searchform .form-grid-content.form-grid-content--ag-grid ag-grid-angular {
  padding: 0;
}
app-help {
  display: block;
  background-color: #f4f4f4;
}
.layout-separator {
  background-color: #f4f4f4;
  height: 40px;
  position: relative;
  width: 100%;
}
.layout-separator .layout-separator-top {
  background-color: #fff;
  border-radius: 0 0 16px 16px;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.layout-separator .layout-separator-bottom {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  bottom: 0;
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}
mat-form-field.textbox-field {
  display: block;
  width: 100%;
}
mat-form-field.textbox-field .mat-mdc-form-field-subscript-wrapper {
  margin-top: 4px;
  min-height: 0;
  padding: 0;
}
mat-form-field.textbox-field .mat-mdc-text-field-wrapper {
  --mdc-outlined-text-field-container-shape: 8px;
  --mdc-outlined-text-field-focus-outline-width: 0px;
  --mdc-outlined-text-field-outline-width: 0px;
  background-color: #fff;
  border: 1px solid #f1f5f9;
  border-radius: 8px;
  box-shadow: none;
  height: 34px;
  min-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
}
mat-form-field.textbox-field .mat-mdc-text-field-wrapper.mdc-text-field--invalid {
  border-color: #f2140d;
}
mat-form-field.textbox-field.readonly .mat-mdc-text-field-wrapper {
  background-color: #eee !important;
  border-color: #e1e7ef !important;
}
mat-form-field.textbox-field.readonly .mat-mdc-text-field-wrapper:hover {
  border-color: #9e9e9e !important;
}
mat-form-field.textbox-field.readonly .mat-mdc-text-field-wrapper .mdc-text-field__input {
  border-color: #9e9e9e !important;
  color: #9e9e9e;
  cursor: not-allowed;
}
mat-form-field.textbox-field.mat-focused .mat-mdc-text-field-wrapper {
  border-color: #006DAF;
}
mat-form-field.textbox-field .mat-mdc-form-field-flex {
  align-items: center;
  height: 34px;
}
mat-form-field.textbox-field .mat-mdc-form-field-infix {
  align-items: center;
  display: flex;
  min-height: 34px;
  padding-bottom: 0;
  padding-top: 0;
}
mat-form-field.textbox-field .mat-mdc-input-element {
  padding: 0;
}
mat-form-field.textbox-field .mat-mdc-form-field-icon-suffix {
  align-items: center;
  display: flex;
}
mat-form-field.textbox-field .mat-mdc-form-field-error {
  font-size: 12px;
}
mat-form-field.textbox-field .mdc-notched-outline,
mat-form-field.textbox-field .mdc-line-ripple {
  display: none;
}
mat-form-field.autocomplete {
  display: block !important;
  width: 100% !important;
}
mat-form-field.autocomplete .mat-mdc-form-field-subscript-wrapper {
  height: auto;
  margin-top: 0;
  min-height: 0;
}
mat-form-field.lookup-field {
  margin-top: -2px;
}
mat-form-field.lookup-field .mat-mdc-text-field-wrapper {
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-outlined-text-field-focus-outline-width: 0px;
  --mdc-outlined-text-field-outline-width: 0px;
  border: 1px solid #e1e7ef;
  border-radius: 4px;
  box-shadow: 0 1px 5px 0 #e1e7ef;
  height: 34px;
  min-height: 34px;
  padding-left: 14px;
  padding-right: 0;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
mat-form-field.lookup-field .mat-mdc-text-field-wrapper:hover {
  border-color: #006DAF;
}
mat-form-field.lookup-field .mat-mdc-text-field-wrapper.mdc-text-field--invalid {
  border-color: #f2140d;
}
mat-form-field.lookup-field.readonly .mat-mdc-text-field-wrapper {
  background-color: #eee !important;
  border-color: #e1e7ef !important;
}
mat-form-field.lookup-field.readonly .mat-mdc-text-field-wrapper:hover {
  border-color: #9e9e9e !important;
}
mat-form-field.lookup-field.readonly .mat-mdc-text-field-wrapper .mdc-text-field__input {
  border-color: #9e9e9e !important;
  color: #9e9e9e;
  cursor: not-allowed;
}
mat-form-field.lookup-field.lookup-field--text-area .mat-mdc-text-field-wrapper {
  height: auto;
}
mat-form-field.lookup-field.lookup-field--text-area .mat-mdc-form-field-flex {
  height: auto;
}
mat-form-field.lookup-field:focus-within .mat-mdc-text-field-wrapper {
  border-color: #F57E20;
}
mat-form-field.lookup-field .mat-mdc-form-field-flex {
  align-items: center;
  height: 34px;
}
mat-form-field.lookup-field .mat-mdc-form-field-infix {
  align-items: center;
  display: flex;
  min-height: 34px;
  padding-bottom: 0;
  padding-top: 0;
}
mat-form-field.lookup-field .mat-mdc-input-element {
  padding: 0;
}
mat-form-field.lookup-field .mat-mdc-floating-label {
  color: inherit;
}
mat-form-field.lookup-field .mdc-notched-outline {
  display: none;
}
mat-form-field.lookup-field .mdc-notched-outline__leading,
mat-form-field.lookup-field .mdc-notched-outline__trailing {
  border-radius: 0 !important;
}
mat-form-field.lookup-field .lookup-field__trigger.mat-mdc-icon-button.mat-mdc-button-base {
  height: 34px;
  margin-right: 0;
  padding: 5px;
  width: 34px;
}
mat-form-field.lookup-field .lookup-field__trigger mat-icon {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.lookup-field-label {
  margin-bottom: 4px;
  margin-top: 5px;
  padding-left: 0;
}
.ag-grid-lookup-wrap {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  padding: 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.ag-grid-lookup-wrap.active {
  display: block;
}
.ag-grid-lookup-wrap .btn__lookup-action {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 32px;
  height: 40px;
  line-height: 38px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 40px;
  z-index: 3;
}
.ag-grid-lookup-wrap .btn__lookup-action.btn__lookup-filter {
  font-size: 24px;
  opacity: 0;
  right: 120px;
  visibility: hidden;
}
.ag-grid-lookup-wrap .btn__lookup-action.btn__lookup-reset-column {
  font-size: 24px;
  right: 75px;
}
.ag-grid-lookup-wrap .btn__lookup-action.btn__lookup-refresh {
  font-size: 24px;
  right: 30px;
}
.ag-grid-lookup-wrap .btn__lookup-action.btn__lookup-close {
  right: -15px;
}
.ag-grid-lookup-wrap .btn__lookup-action .btn__icon:before {
  line-height: 38px;
}
.ag-grid-lookup-wrap .btn__lookup-action:active,
.ag-grid-lookup-wrap .btn__lookup-action:focus,
.ag-grid-lookup-wrap .btn__lookup-action:hover {
  color: #009dff;
}
.ag-grid-lookup-wrap.ag-grid-lookup--tree .ag-grid-lookup-grid-wrap {
  padding: 54px 0;
}
.ag-grid-lookup-wrap.ag-grid-lookup--tree .ag-grid-lookup-action-wrap {
  padding: 10px;
  text-align: right;
}
.ag-grid-lookup-wrap.ag-grid-lookup--tree .ag-grid-lookup-action-wrap .btn__apply-selection {
  margin: 0 5px 0 0 !important;
}
@media (min-width: 480px) {
  .ag-grid-lookup-wrap.ag-grid-lookup--tree .ag-grid-lookup-action-wrap .btn__apply-selection .btn__icon {
    margin-right: 5px;
  }
}
.ag-grid-lookup-wrap .ag-grid-lookup-content {
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.25);
  height: 100%;
  max-width: 1000px;
  padding-top: 60px;
  position: relative;
  text-align: initial;
  width: 100%;
}
@media (min-width: 1200px) {
  .ag-grid-lookup-wrap .ag-grid-lookup-content {
    max-height: 70vh;
  }
}
.ag-grid-lookup-wrap .ag-grid-lookup-title {
  background-color: #F57E20;
  border-radius: 16px 16px 0 0;
  color: #162326;
  font-family: "ChakraPetch" !important;
  font-size: 18px;
  font-weight: 700;
  height: 60px;
  left: 0;
  letter-spacing: 1px;
  overflow: hidden;
  padding: 20px 30px 20px 20px;
  position: absolute;
  text-overflow: ellipsis;
  top: 0;
  width: 100%;
  white-space: nowrap;
}
.ag-grid-lookup-wrap .ag-grid-lookup-title span {
  color: #52525B;
  font-size: 14px;
}
@media (max-width: 991px) {
  .ag-grid-lookup-wrap .ag-grid-lookup-title span {
    bottom: 3px;
    display: block;
    left: 20px;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .ag-grid-lookup-wrap .ag-grid-lookup-title span:not(:empty):before {
    content: " - [ ";
  }
  .ag-grid-lookup-wrap .ag-grid-lookup-title span:not(:empty):after {
    content: " ]";
  }
}
.ag-grid-lookup-wrap .ag-grid-lookup-grid-wrap {
  height: 100%;
  overflow: hidden;
  padding-top: 54px;
  position: relative;
  width: 100%;
}
.ag-grid-lookup-wrap .ag-grid-lookup-grid-wrap ag-grid-angular {
  display: block;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap {
  height: 54px;
  font-size: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .btn__filter {
  font-size: 14px;
  justify-content: center;
  margin: 0 5px 0 0 !important;
  min-width: 0 !important;
  vertical-align: top;
  width: 135px;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search {
  display: inline-block;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  width: -webkit-calc(100% - 140px);
  width: -moz-calc(100% - 140px);
  width: calc(100% - 140px);
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .btn {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
  outline: none;
  padding: 0;
  position: absolute;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  top: 2px;
  width: 40px;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .btn .btn__icon {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .btn:active,
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .btn:focus,
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .btn:hover {
  border-color: transparent;
  color: #F57E20;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .btn__search {
  border-radius: 8px 0 0 8px;
  justify-content: center;
  left: 2px;
  margin: 0 !important;
  min-width: 0;
  text-align: center;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .form-control {
  padding: 0 44px;
  width: 100%;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .btn__clear-search {
  border-radius: 0 8px 8px 0;
  margin: 0;
  min-width: 0;
  right: 2px;
}
.ag-grid-lookup-wrap .lookup-filter-search-wrap .lookup-filter-search .btn__clear-search .btn__icon {
  font-size: 16px;
  line-height: 26px;
}
.ag-grid-lookup-wrap ag-grid-angular {
  border-radius: 0;
}
.ag-grid-lookup-wrap .lookup-filter-wrap {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 9;
}
.ag-grid-lookup-wrap .lookup-filter-content {
  background-color: #fff;
  border-radius: 16px;
  height: 100%;
  margin-left: 25%;
  padding: 40px 0 52px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  width: 75%;
}
.ag-grid-lookup-wrap .lookup-filter-content ul {
  list-style: none;
  font-size: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}
@media (min-width: 667px) {
  .ag-grid-lookup-wrap .lookup-filter-content {
    margin-left: 50%;
    width: 50%;
  }
}
.ag-grid-lookup-wrap .lookup-filter-content__title {
  background-color: #F57E20;
  border-radius: 16px 16px 0 0;
  color: #162326;
  font-family: "ChakraPetch" !important;
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  left: 0;
  letter-spacing: 1px;
  padding: 10px 10px 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ag-grid-lookup-wrap .lookup-filter__item {
  background-color: #f4f4f4;
  display: block;
  font-size: 14px;
  margin: 10px;
  padding: 10px;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}
.ag-grid-lookup-wrap .lookup-filter__item select {
  margin-bottom: 5px;
}
.ag-grid-lookup-wrap .lookup-filter__item.lookup-filter__item--active .btn__toggle .btn__icon {
  -webkit-transform: rotate(-0.5turn);
  -moz-transform: rotate(-0.5turn);
  -o-transform: rotate(-0.5turn);
  transform: rotate(-0.5turn);
}
.ag-grid-lookup-wrap .lookup-filter__item.lookup-filter__item--active .lookup-filter-item-input {
  display: block;
}
.ag-grid-lookup-wrap .lookup-filter__item + .lookup-filter__item {
  margin-top: 10px;
}
.ag-grid-lookup-wrap .lookup-filter-item-input {
  display: none;
}
.ag-grid-lookup-wrap .lookup-filter-item-action {
  text-align: right;
}
.ag-grid-lookup-wrap .lookup-filter-item-action .btn {
  margin: 0 0 0 10px !important;
  min-width: 0 !important;
  padding: 5px;
}
.ag-grid-lookup-wrap .lookup-filter-item-action .btn .btn__icon {
  font-size: 16px;
  margin: 0;
}
.ag-grid-lookup-wrap .lookup-filter-item-action .btn.btn__filter-apply {
  color: #23631D;
}
.ag-grid-lookup-wrap .lookup-filter-item-action .btn.btn__filter-apply:active,
.ag-grid-lookup-wrap .lookup-filter-item-action .btn.btn__filter-apply:focus,
.ag-grid-lookup-wrap .lookup-filter-item-action .btn.btn__filter-apply:hover {
  color: #3eb234;
}
.ag-grid-lookup-wrap .lookup-filter-item-action .btn.btn__filter-remove {
  color: #b70f0a;
}
.ag-grid-lookup-wrap .lookup-filter-item-action .btn.btn__filter-remove:active,
.ag-grid-lookup-wrap .lookup-filter-item-action .btn.btn__filter-remove:focus,
.ag-grid-lookup-wrap .lookup-filter-item-action .btn.btn__filter-remove:hover {
  color: #f2140d;
}
.ag-grid-lookup-wrap .btn__toggle {
  background-color: transparent;
  border-color: transparent;
  color: #F57E20;
  font-weight: 500;
  padding: 0 30px 0 0;
  position: relative;
  text-align: left;
  width: 100%;
}
.ag-grid-lookup-wrap .btn__toggle .btn__icon {
  font-size: inherit;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  width: auto;
}
.ag-grid-lookup-wrap .btn__toggle .btn__icon.mat-icon {
  font-size: 16px;
  height: 100%;
  line-height: 20px;
}
.ag-grid-lookup-wrap .lookup-filter-list__clear {
  bottom: 0;
  height: 52px;
  position: absolute;
  left: 0;
  padding: 10px;
  text-align: right;
  width: 100%;
}
.ag-grid-lookup-wrap.filter--active .btn__lookup-filter {
  opacity: 1;
  right: -15px;
  visibility: visible;
}
.ag-grid-lookup-wrap.filter--active .btn__lookup-filter .btn__icon:before {
  content: "\e930";
}
.ag-grid-lookup-wrap.filter--active .btn__lookup-reset-column {
  opacity: 0;
  right: -15px;
  visibility: hidden;
}
.ag-grid-lookup-wrap.filter--active .btn__lookup-refresh {
  opacity: 0;
  right: -15px;
  visibility: hidden;
}
.ag-grid-lookup-wrap.filter--active .btn__lookup-close {
  opacity: 0;
  right: -15px;
  visibility: hidden;
}
.ag-grid-lookup-wrap.filter--active .lookup-filter-wrap {
  opacity: 1;
  visibility: visible;
}
.ag-grid-lookup-wrap.filter--active .lookup-filter-content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media (max-width: 666px) {
  .ag-paging-panel {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto !important;
    text-align: center;
  }
  .ag-paging-panel .ag-paging-page-size {
    margin: 0;
    width: 100%;
  }
  .ag-paging-panel .ag-paging-page-size .ag-label {
    cursor: default;
    pointer-events: none;
  }
  .ag-paging-panel .ag-paging-page-size .ag-picker-field-wrapper {
    cursor: pointer;
  }
  .ag-paging-panel .ag-paging-row-summary-panel {
    margin: 0;
    padding-top: 5px;
    width: 100%;
  }
  .ag-paging-panel .ag-paging-page-summary-panel {
    padding: 5px 0;
    margin: 0;
  }
}
appbusiness-tenantvendorattributemapping-searchform {
  height: 100%;
}
products-productdataimportrequest-recordeditform {
  display: block;
}
@media (max-height: 767px) {
  products-productdataimportrequest-recordeditform {
    overflow-y: auto;
  }
}
productaiwizard-form {
  display: block;
  margin: -20px;
  position: relative;
  z-index: -1;
}
.product-wizard-popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  height: -webkit-calc(100% + 40px);
  height: -moz-calc(100% + 40px);
  height: calc(100% + 40px);
}
.product-wizard-header {
  background-color: #F57E20;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  height: 60px;
  overflow: hidden;
  padding: 20px 30px 20px 20px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.product-wizard-header h2.product-wizard__title {
  color: #162326;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  margin: 0;
}
.product-wizard-body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px 20px 10px;
}
.product-wizard-body__summary {
  height: 50%;
  padding-bottom: 20px;
}
.product-wizard-body__summary textarea {
  height: 100%;
}
.product-wizard-body__grid {
  height: 50%;
}
.product-wizard-body__grid ag-grid-angular {
  border: 1px solid #CBD5E1;
  border-radius: 8px;
}
.product-wizard-footer {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  height: 60px;
  padding: 10px 20px;
  text-align: right;
}
.tenant-switcher-note {
  color: #52525B;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 20px;
}
.tenant-switcher__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  overflow-x: hidden;
  overflow-y: auto;
}
.tenant-switcher__item {
  display: inline-block;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 10px;
  position: relative;
  vertical-align: top;
  width: 150px;
}
.tenant-switcher__item[data-active=true] .tenant-switcher__item-btn {
  cursor: not-allowed;
}
.tenant-switcher__item[data-active=true]:before {
  color: #23631D;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-size: 24px;
  left: 5px;
  position: absolute;
  top: 5px;
  z-index: 1;
}
.tenant-switcher__item-btn {
  background-color: #CBD5E1;
  border: 1px solid #CBD5E1;
  border-radius: 12px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
  padding: 16px;
  position: relative;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  vertical-align: top;
  width: 100%;
}
.tenant-switcher__item-btn:active,
.tenant-switcher__item-btn:focus,
.tenant-switcher__item-btn:hover {
  border-color: #f79b55;
}
.tenant-switcher__item-btn:active .tenant-switcher__item-logo,
.tenant-switcher__item-btn:focus .tenant-switcher__item-logo,
.tenant-switcher__item-btn:hover .tenant-switcher__item-logo {
  background-color: #f79b55;
}
.tenant-switcher__item-logo {
  background-color: #F57E20;
  border-radius: 50%;
  display: block;
  font-family:
    "RobotoMonoVariable",
    "Roboto",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 48px;
  font-weight: 700;
  height: 75px;
  line-height: 75px;
  margin: 0 auto 10px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  width: 75px;
}
.tenant-switcher__item-name {
  display: block;
  font-family:
    "RobotoMonoVariable",
    "Roboto",
    Verdana,
    Tahoma,
    sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  word-break: break-all;
}
tenant-switcher {
  display: block;
  height: 40vh;
  min-height: 250px;
}
tenant-switcher .ag-theme-quartz .reset-column {
  right: 0;
}
@media (min-width: 768px) and (max-width: 1400px) {
  auth-login tenant-switcher .ag-paging-panel {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    text-align: center;
  }
  auth-login tenant-switcher .ag-paging-panel .ag-paging-page-size {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    width: 50%;
  }
  auth-login tenant-switcher .ag-paging-panel .ag-paging-row-summary-panel {
    margin: 0;
    padding-top: 5px;
    width: 50%;
  }
  auth-login tenant-switcher .ag-paging-panel .ag-paging-page-summary-panel {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    justify-content: space-evenly;
    padding: 5px 0;
    margin: 0;
    width: 100%;
  }
}
@media (orientation: landscape) and (min-width: 667px) and (max-width: 991px) {
  tenant-switcher {
    min-height: 200px;
  }
}
@media (min-width: 1400px) {
  auth-login tenant-switcher {
    height: 60vh;
  }
}
auth-account-select-tenant {
  display: block;
  height: 100%;
}
auth-account-select-tenant tenant-switcher {
  height: -webkit-calc(100% - 100px);
  height: -moz-calc(100% - 100px);
  height: calc(100% - 100px);
}
@media (min-width: 667px) {
  auth-account-select-tenant tenant-switcher {
    height: -webkit-calc(100% - 70px);
    height: -moz-calc(100% - 70px);
    height: calc(100% - 70px);
  }
}
@media (min-width: 768px) {
  auth-account-select-tenant tenant-switcher {
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
  }
}
@media (min-width: 992px) {
  auth-account-select-tenant tenant-switcher {
    height: -webkit-calc(100% - 70px);
    height: -moz-calc(100% - 70px);
    height: calc(100% - 70px);
  }
}
@media (min-width: 1200px) {
  auth-account-select-tenant tenant-switcher {
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
  }
}
auth-account-select-tenant .tab-content--tenant-switcher {
  height: 100%;
}
auth-account-select-tenant .form-grid-area .form-grid-area-container {
  grid-template-rows: 1fr;
}
auth-account-select-tenant .tenant-switcher-wrap {
  height: 100%;
}
appbusiness-tenantsubscriptionplan-recordeditform .tab-content {
  height: 100%;
}
appbusiness-tenantsubscriptionplan-recordeditform .form-grid-area .form-grid-area-container {
  max-height: -webkit-calc(100% - 60px);
  max-height: -moz-calc(100% - 60px);
  max-height: calc(100% - 60px);
  overflow-y: auto;
  overflow-x: hidden;
}
appbusiness-tenantsubscriptionplan-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details .form-controls {
  width: 100%;
}
@media (min-width: 1280px) {
  appbusiness-tenantsubscriptionplan-recordeditform .form-gui-layout-dir.form-gui-layout-dir--details .form-controls {
    width: auto;
  }
}
.tiles-content {
  margin-top: 20px;
}
.tiles__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tiles__item {
  margin: 10px;
  padding: 5px;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}
.tiles__item mat-card {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.tiles__item mat-card.mat-mdc-card-content {
  padding: 0;
}
.tiles__item mat-card:after {
  display: none;
}
.tiles__item mat-card-content {
  padding: 0 !important;
}
@media (min-width: 667px) {
  .tiles__item {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
@media (min-width: 1200px) {
  .tiles__item {
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
  }
}
.tiles__item-row {
  display: block;
  padding: 5px;
}
.tiles__item-btn {
  background-color: #fff;
  border: 1px solid #CBD5E1;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.75);
  color: #162326;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  font-size: 16px;
  outline: none;
  padding: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.tiles__item-btn:disabled {
  color: #162326;
  cursor: not-allowed;
  opacity: 1;
}
.tiles__item-btn.active {
  border: 1px solid #F57E20;
  -webkit-box-shadow: 0 5px 10px 0 rgba(245, 126, 32, 0.75);
  -moz-box-shadow: 0 5px 10px 0 rgba(245, 126, 32, 0.75);
  box-shadow: 0 5px 10px 0 rgba(245, 126, 32, 0.75);
}
.tiles__item-btn:active,
.tiles__item-btn:focus,
.tiles__item-btn:hover {
  -webkit-box-shadow: 0 5px 10px 0 rgba(245, 126, 32, 0.75);
  -moz-box-shadow: 0 5px 10px 0 rgba(245, 126, 32, 0.75);
  box-shadow: 0 5px 10px 0 rgba(245, 126, 32, 0.75);
}
.tiles__item-row--subscriptionplanname {
  font-family: "ChakraPetch";
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.tiles__item-row--subscriptionplanrate {
  font-family: "ChakraPetch";
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}
.tiles__item-row--subscriptionplanrate:before {
  content: "$";
  margin-right: 10px;
  font-size: 30px;
}
.tiles__item-row--subscriptionplanrate:after {
  content: "/ per month";
  font-size: 24px;
  margin-left: 10px;
}
.tiles__item-row--subscriptionplandescription {
  text-align: left;
}
.tiles__item-row--subscriptionplandescription li {
  display: block;
  font-family:
    "Roboto",
    "RobotoMonoVariable",
    Verdana,
    Tahoma,
    sans-serif;
  font-weight: 400;
  padding-left: 30px;
  position: relative;
}
.tiles__item-row--subscriptionplandescription li + li {
  margin-top: 5px;
}
.tiles__item-row--subscriptionplandescription li:before {
  color: #23631D;
  content: "check";
  font-family: "Material Icons";
  font-size: 25px;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 0;
}
app-dock-manager {
  display: block;
  position: relative;
  z-index: 2;
}
app-dock-manager:before {
  background-color: #f9fafb;
  content: "";
  height: 38px;
  left: -20px;
  position: absolute;
  top: -5px;
  width: -webkit-calc(100% + 40px);
  width: -moz-calc(100% + 40px);
  width: calc(100% + 40px);
  z-index: 1;
}
app-dock-manager:after {
  border-bottom: 1px solid #e1e7ef;
  content: "";
  left: -20px;
  position: absolute;
  top: 32px;
  width: -webkit-calc(100% + 40px);
  width: -moz-calc(100% + 40px);
  width: calc(100% + 40px);
  z-index: 3;
}
.lookup--active app-dock-manager:after {
  z-index: 0;
}
app-dock-manager .mat-mdc-tab-header {
  background-color: #f9fafb !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header {
  min-height: 34px;
  width: -webkit-calc(100% - 95px);
  width: -moz-calc(100% - 95px);
  width: calc(100% - 95px);
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab-labels:empty {
  border-bottom-color: transparent;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab {
  border-color: transparent;
  border-radius: 8px 8px 0 0;
  border-style: solid;
  border-width: 0;
  height: 32px;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
  -moz-flex-grow: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
  overflow: hidden;
  padding: 0 10px;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab .mdc-tab__text-label {
  color: #162326;
  font-weight: 600;
  text-transform: none;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab .mdi-tab-label__text {
  color: #64748B;
  font-weight: 300;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab .mdi-tab-label__icon.material-icons {
  font-size: 18px;
  line-height: 24px;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab .mdc-tab-indicator {
  background: transparent;
  border-radius: 12px 12px 0 0;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: #e1e7ef;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab:hover .mdc-tab__text-label {
  color: #162326;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab:hover .mdc-tab-indicator {
  background: rgba(251, 187, 24, 0.1019607843);
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab:hover .mdc-tab-indicator__content--underline {
  border-color: #162326;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab:hover .mdi-tab-label__close {
  color: #162326;
  font-size: 8px;
  opacity: 1;
  visibility: visible;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:hover,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:focus,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:active {
  border-color: #e1e7ef;
  border-width: 1px 1px 0;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:active .mdc-tab__text-label {
  color: #F57E20;
  cursor: default;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active .mdi-tab-label__text,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:hover .mdi-tab-label__text,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:focus .mdi-tab-label__text,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:active .mdi-tab-label__text {
  color: #162326;
  font-weight: 500;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:active .mdc-tab-indicator {
  background: #fff;
  border-radius: 12px 12px 0 0;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:active .mdc-tab-indicator__content--underline {
  border-color: transparent !important;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active .mdi-tab-label__close,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:hover .mdi-tab-label__close,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:focus .mdi-tab-label__close,
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active:active .mdi-tab-label__close {
  opacity: 1;
  visibility: visible;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mdi-tab-label__close {
  font-size: 8px;
  opacity: 0;
  visibility: hidden;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mdi-tab-label__close:before {
  content: none;
}
app-dock-manager > .mdi-tab-shell > mat-tab-group > mat-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list .mdi-tab-label__close span[aria-hidden=true] {
  color: #64748B;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  top: -2px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.mat-mdc-tab-header-pagination {
  z-index: 1 !important;
}
.popup-dialog-wrap .mat-mdc-form-field-error-wrapper {
  font-weight: 300;
  line-height: 24px;
  padding: 0;
}
.tab-header--top > .form-grid-area > .form-grid-area-container {
  border: none;
  padding: 4px 0 0;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs > .mat-mdc-tab-group > .mat-mdc-tab-header {
  background-color: #f1f5f9 !important;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs > .mat-mdc-tab-group .mat-mdc-tab-label-container {
  background-color: #f1f5f9 !important;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mat-mdc-tab-label-container {
  padding-right: 0;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mat-mdc-tab.mdc-tab {
  padding: 0 5px;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
  -moz-flex-grow: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mat-mdc-tab.mdc-tab.mdc-tab--active .mdc-tab__text-label {
  background-color: #fff;
  border-color: #f1f5f9;
  border-radius: 8px;
  padding: 5px;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mat-mdc-tab.mdc-tab:hover .mdc-tab__text-label {
  color: #65758b;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mat-mdc-tab.mdc-tab:hover.mdc-tab--active .mdc-tab__text-label {
  color: #F57E20;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mdc-tab__text-label {
  border: 1px solid transparent;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-width: 150px;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mdc-tab__text-label .mat-icon {
  line-height: 24px;
  margin-right: 5px;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mdc-tab__text-label .mat-icon.material-symbols-outlined {
  font-size: 18px;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mdc-tab__text-label .mat-icon.fa {
  font-size: 14px;
}
.tab-header--top > .form-grid-area > .form-grid-area-container > .form-grid-area-tabs .mdc-tab-indicator {
  display: none;
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  background-color: #F57E20 !important;
  box-shadow: 0 5px 12px #000;
  color: #fff !important;
  font-size: 12px;
  border-radius: 4px;
  padding: 6px 10px;
}
.left-nav-tooltip {
  margin-left: 10px;
}
@media (min-width: 992px) and (max-width: 1399px) {
  html.side-nav--submenu-display:not(.side-nav--submenu-display--icons) .tab-content--data-health-dashboard .tab-content-header-part.part--title {
    width: 100%;
  }
  html.side-nav--submenu-display:not(.side-nav--submenu-display--icons) .tab-content--data-health-dashboard .tab-content-header-part.part--update-info {
    width: 100%;
  }
  html.side-nav--submenu-display:not(.side-nav--submenu-display--icons) .tab-content--data-health-dashboard .tab-content-header-part.part--actions {
    width: 100%;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  html.side-nav--submenu-display:not(.side-nav--submenu-display--icons) .tab-content--data-health-dashboard .tab-content-header-part.part--title {
    width: 50%;
  }
  html.side-nav--submenu-display:not(.side-nav--submenu-display--icons) .tab-content--data-health-dashboard .tab-content-header-part.part--update-info {
    width: 50%;
  }
}
.workspace-gui-layout-dir--data-health {
  display: none;
}
app-datahealth-dashboard {
  background-color: transparent;
  display: block;
  height: 100%;
  max-height: 100%;
}
app-datahealth-dashboard .tab-content {
  background-color: inherit;
  padding-top: 0;
}
app-datahealth-dashboard .tab-content .tab-content__title {
  font-weight: 300;
  margin: 10px 0 0;
  padding: 0 10px;
}
app-datahealth-dashboard .tab-content__intro {
  color: #65758b;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0 10px;
}
app-datahealth-dashboard span {
  font-weight: 300;
}
.tab-content--data-health-dashboard {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.dashboard-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-align: center;
}
.dashboard-column-icon-wrap {
  margin-bottom: 10px;
}
.dashboard-column__icon {
  font-size: 32px;
}
.dashboard-column__counter {
  color: #162326;
  font-size: 36px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.dashboard-column__counter.loading:after {
  background-color: #fff;
  background-image: url("./media/loading.gif");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 40px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.dashboard-column__counter.loading.loading--center:after {
  background-position: center;
}
.dashboard-column__title {
  color: #65758b;
  font-size: 14px;
  margin-bottom: 10px;
}
.dashboard-loading--spinner {
  position: relative;
}
.dashboard-loading--spinner:before {
  background-color: #fff;
  background-image: url("./media/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.tab-content--api-logs .date-input .mat-mdc-icon-button.mat-mdc-button-base,
.trend-range-filter__date-input .date-input .mat-mdc-icon-button.mat-mdc-button-base {
  height: auto;
  padding: 0;
  width: auto;
}
.tab-content--api-logs .date-input .mat-mdc-icon-button svg,
.trend-range-filter__date-input .date-input .mat-mdc-icon-button svg {
  margin-top: 5px;
}
.export-popup-date-inputs .date-input .mat-mdc-icon-button.mat-mdc-button-base {
  height: auto;
  padding: 0;
  width: auto;
}
.export-popup-date-inputs .date-input .mat-mdc-icon-button svg {
  margin-top: 2px;
}
.data-health-mat-menu {
  border: 1px solid #f1f5f9;
  border-radius: 8px;
}
.data-health-mat-menu .mat-mdc-menu-content {
  padding: 0;
}
.data-health-mat-menu h3 {
  font-size: 14px;
  font-weight: 700;
  padding: 15px 15px 5px;
}
.data-health-mat-menu p {
  color: #65758b;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  padding: 10px 15px;
}
.data-health-mat-menu p.padding-top--0 {
  padding-top: 0;
}
.step-guide {
  background-color: #fff7ed;
  border: 1px solid #ffd7a8;
  border-radius: 8px;
  display: block;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding: 20px;
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}
products-product-searchform .step-guide {
  margin: 0 0 0 15px;
  width: -webkit-calc(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: calc(100% - 15px);
}
.step-guide.completed {
  background-color: #f6fef8;
  border-color: #b9f8cf;
}
@media (min-width: 667px) {
  .step-guide {
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .side-nav--submenu-display:not(.side-nav--submenu-display--icons) .step-guide {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.step-guide__counter-wrap {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.step-guide__counter-wrap > span {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.step-guide__counter-wrap > span + span {
  margin-top: 5px;
}
@media (min-width: 667px) {
  .step-guide__counter-wrap {
    width: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .side-nav--submenu-display:not(.side-nav--submenu-display--icons) .step-guide__counter-wrap {
    width: 100%;
  }
}
.step-guide__counter {
  background-color: #F57E20;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.completed .step-guide__counter {
  background-color: #00c951;
  text-indent: -9999px;
  overflow: hidden;
}
.completed .step-guide__counter:before {
  content: "\e92e";
  float: left;
  font-family: "icomoon";
  font-size: 14px;
  font-weight: 300;
  text-indent: 0;
  width: 100%;
}
.step-guide__progress-indication {
  white-space: nowrap;
}
.step-guide__progress-indication > span {
  display: inline-block;
  border-radius: 4px;
  height: 4px;
  vertical-align: top;
  width: 8px;
}
.step-guide__progress-indication > span + span {
  margin-left: 3px;
}
.step-guide__progress-indication > span.current {
  background-color: #F57E20;
  width: 20px;
}
.step-guide__progress-indication > span.incomplete {
  background-color: #e1e7ef;
}
.step-guide__progress-indication > span.complete {
  background-color: #05df72;
}
.step-guide__info {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 20px 0;
  padding: 0 20px;
  width: 100%;
}
.step-guide__info > span {
  display: block;
}
@media (min-width: 667px) {
  .step-guide__info {
    margin: 0;
    width: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .side-nav--submenu-display:not(.side-nav--submenu-display--icons) .step-guide__info {
    margin: 20px 0;
    width: 100%;
  }
}
.step-guide__step {
  color: #65758b;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
}
.step-guide__title {
  color: #162326;
  font-size: 14px;
  font-weight: 600;
  line-height: 2;
}
.step-guide__copy {
  color: #65758b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
.step-guide__action {
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
.step-guide__action .btn-outline {
  color: #65758b;
  font-size: 12px;
  font-weight: 500;
  padding: 6px;
}
.step-guide__action .btn-outline .mat-icon {
  font-size: 18px;
}
.step-guide__action .step-guide__action-next-step {
  text-decoration: none;
}
.step-guide__action .step-guide__action-dismiss {
  background-color: transparent;
  border-color: transparent;
  margin-left: 5px;
}
.step-guide__action .step-guide__action-dismiss:active,
.step-guide__action .step-guide__action-dismiss:focus,
.step-guide__action .step-guide__action-dismiss:hover {
  color: #f79b55;
}
@media (min-width: 667px) {
  .step-guide__action {
    text-align: right;
    width: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .side-nav--submenu-display:not(.side-nav--submenu-display--icons) .step-guide__action {
    text-align: center;
    width: 100%;
  }
}
.grid-empty-state-wrap {
  border: 1px solid #e1e7ef;
  border-radius: 12px;
  height: 100%;
  max-height: 400px;
  padding: 50px 20px;
  width: 100%;
}
products-product-searchform .grid-empty-state-wrap {
  margin: 0 15px;
  width: -webkit-calc(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: calc(100% - 15px);
}
.grid-empty-state-content {
  text-align: center;
}
.grid-empty-state__icon {
  background-color: #f1f5f9;
  border-radius: 50%;
  color: #65758b;
  display: block;
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
}
.grid-empty-state__icon.mat-icon {
  height: 56px;
  line-height: 56px;
  width: 56px;
}
attributes-attributedefinition-searchform .grid-empty-state__icon {
  font-size: 21px;
}
categorization-categorytreenode-searchform .grid-empty-state__icon {
  font-size: 21px;
}
.grid-empty-state__no-record-msg {
  color: #162326;
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 3;
  margin: 0 auto;
}
.grid-empty-state__copy {
  color: #65758b;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
  max-width: 320px;
}
.grid-empty-state__btn-add {
  text-decoration: none;
}
.grid-empty-state__btn-add .mat-icon {
  font-size: 18px;
  margin-right: 5px;
}
.grid-empty-state__btn-add:active,
.grid-empty-state__btn-add:focus,
.grid-empty-state__btn-add:hover {
  color: #fff;
}
.tab-content--has-display-mode {
  display: flex;
  flex-direction: column;
}
.tab-content--has-display-mode > .form-gui-layout {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0;
}
.tile-view-wrap {
  flex: 1 1 auto;
  min-width: 0;
  overflow-y: auto;
  padding: 16px;
}
.tile-view-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.tile-view-pager {
  flex: 0 0 auto;
}
.tile-view-pager .ag-paging-panel {
  border-top: 1px solid var(--ag-border-color, #dde2eb);
  height: 48px;
}
.tile-pager__size-select {
  border: 1px solid var(--ag-border-color, #dde2eb);
  border-radius: 3px;
  font-family: inherit;
  font-size: var(--ag-font-size, 13px);
  height: 24px;
  margin-left: 4px;
  padding: 0 4px;
}
.tile-card {
  background: #fff;
  border: 1px solid #e1e7ef;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: box-shadow 0.15s ease;
}
.tile-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}
.tile-card__image {
  aspect-ratio: 1/1;
  background: #f4f4f4;
  overflow: hidden;
  position: relative;
}
.tile-card__image secure-image,
.tile-card__image img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.tile-card__no-image {
  align-items: center;
  color: #e1e7ef;
  display: flex;
  font-size: 40px;
  height: 100%;
  justify-content: center;
}
.tile-card__badge {
  background: #8c8c8c;
  border-radius: 12px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  position: absolute;
  right: 8px;
  top: 8px;
}
.tile-card__badge[data-status=Active] {
  background: #166534;
  color: #dcfce7;
}
.tile-card__badge[data-status=Archived] {
  background: #5e5c5d;
}
.tile-card__badge[data-status=Deleted] {
  background: #b70f0a;
}
.tile-card__body {
  flex: 1;
  overflow: hidden;
  padding: 10px 12px 6px;
}
.tile-card__body-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tile-card__body-line--title {
  color: #162326;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.tile-card__body-line--mono {
  color: #5e5c5d;
  font-family: "Courier New", monospace;
  font-size: 12px;
  margin-bottom: 2px;
}
.tile-card__body-line--label {
  color: #8c8c8c;
  font-size: 12px;
}
.tile-card__footer {
  align-items: center;
  border-top: 1px solid #e1e7ef;
  display: flex;
  justify-content: space-between;
  padding: 6px 12px 10px;
}
.tile-card__footer-left {
  align-items: center;
  display: flex;
  gap: 10px;
}
.tile-card__count {
  align-items: center;
  color: #8c8c8c;
  display: flex;
  font-size: 12px;
  gap: 4px;
}
.tile-card__count span[class*=fa-] {
  font-size: 11px;
}
.tile-card__score {
  color: #F57E20;
  font-size: 13px;
  font-weight: 700;
}
.form-grid-toolbar--no-title .form-grid-misc {
  padding: 10px 0 0 !important;
  width: 100% !important;
}
.form-grid-toolbar--no-title.form-grid-content--empty-state {
  padding: 10px 0 !important;
}
.mat-mdc-checkbox {
}
.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: #F57E20 !important;
  border-color: #F57E20 !important;
  border-width: 1px !important;
}
.mat-mdc-checkbox .mdc-checkbox__native-control:enabled {
}
.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: transparent !important;
  border-color: #162326 !important;
  border-width: 1px !important;
}
.mat-mdc-checkbox .mdc-checkbox__native-control {
}
.mat-mdc-checkbox .mdc-checkbox__native-control :disabled:checked ~ .mdc-checkbox__background {
  background-color: #65758b !important;
  border-color: #65758b !important;
}
.mat-mdc-checkbox .mdc-checkbox__native-control:focus + .mdc-checkbox__ripple {
  background-color: transparent !important;
}
.mat-mdc-checkbox {
}
.mat-mdc-checkbox .mdc-checkbox__checkmark {
  color: #fff !important;
}
.mat-mdc-checkbox .mdc-checkbox__mixedmark {
  border-color: #fff !important;
}
.mat-mdc-checkbox {
}
.mat-mdc-checkbox:hover .mdc-checkbox__ripple {
  background-color: transparent !important;
}
.mat-mdc-checkbox .mat-mdc-checkbox-ripple .mat-ripple-element {
  background-color: transparent !important;
}
.mat-radio-button .mdc-radio__ripple .mat-ripple-element {
  background-color: transparent !important;
}
.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #F57E20 !important;
}
.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  background-color: #F57E20 !important;
  border-color: #F57E20 !important;
}
.mdc-radio .mdc-radio__native-control:enabled {
}
.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #162326 !important;
}
.mdc-radio .mdc-radio__native-control {
}
.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #65758b !important;
}
.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #65758b !important;
}
.mdc-radio .mdc-radio__native-control .mdc-radio__background:before {
  background-color: #F57E20 !important;
}
.mdc-radio {
}
.mdc-radio:hover .mdc-radio__ripple {
  background-color: transparent !important;
}
.mdc-radio .mat-radio-ripple .mat-ripple-element {
  background-color: transparent !important;
}
.mdc-radio .mat-mdc-radio-ripple .mat-ripple-element {
  background-color: transparent !important;
}
.record-create-dialog .material-modal-dialog {
  display: block !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}
.record-create-dialog .material-modal-dialog .mat-mdc-dialog-title {
  background-color: #fff;
  padding-right: 50px;
  position: sticky;
  top: 0;
}
.record-create-dialog .material-modal-dialog .mat-mdc-dialog-title:before {
  display: none;
}
.record-create-dialog .material-modal-dialog .mat-mdc-dialog-actions {
  background-color: #fff;
  bottom: 0;
  position: sticky;
}
.record-create-dialog .material-modal-dialog .mat-mdc-dialog-actions .btn {
  margin: 0 0 0 10px;
}
.record-create-dialog .material-modal-dialog .mat-mdc-dialog-actions .btn__dialog-save {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  order: 2;
}
.record-create-dialog .material-modal-dialog .mat-mdc-dialog-actions .btn__dialog-cancel {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
}
.record-create-backdrop {
  background-color: rgba(0, 0, 0, 0.75);
}
.form-group--custom-radio-group .radio-group-wrap {
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.form-group--custom-radio-group .radio-group-item {
  margin: 10px;
  width: -webkit-calc(50% - 20px);
  width: -moz-calc(50% - 20px);
  width: calc(50% - 20px);
}
.form-group--custom-radio-group .radio-group-item .form-label {
  height: 100%;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.form-group--custom-radio-group .radio-group-item input[type=radio] {
  left: -9999px;
  position: absolute;
  top: 0;
}
.form-group--custom-radio-group .radio-group-item input[type=radio]:checked + mat-icon {
  display: inline-block;
}
.form-group--custom-radio-group .radio-group-item input[type=radio]:checked ~ .radio-group-item__name {
  cursor: default;
  width: -webkit-calc(100% - 23px);
  width: -moz-calc(100% - 23px);
  width: calc(100% - 23px);
}
.form-group--custom-radio-group .radio-group-item input[type=radio]:checked ~ .radio-group-item__name:before {
  border-color: #6a7282;
  cursor: default;
}
.form-group--custom-radio-group .radio-group-item input[type=radio]:checked ~ .radio-group-item__description {
  cursor: default;
}
.form-group--custom-radio-group .radio-group-item input[type=radio][disabled] ~ .radio-group-item__name {
  cursor: not-allowed;
}
.form-group--custom-radio-group .radio-group-item input[type=radio][disabled] ~ .radio-group-item__name:before {
  background-color: #f6f3f4;
  cursor: not-allowed;
}
.form-group--custom-radio-group .radio-group-item input[type=radio][disabled] ~ .radio-group-item__description {
  cursor: not-allowed;
}
.form-group--custom-radio-group .radio-group-item mat-icon {
  display: none;
  font-size: 18px;
  margin-right: 5px;
  vertical-align: top;
}
.form-group--custom-radio-group .radio-group-item .radio-group-item__name {
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  line-height: 18px;
  vertical-align: top;
  width: 100%;
}
.form-group--custom-radio-group .radio-group-item .radio-group-item__name:before {
  background-color: transparent;
  border: 2px solid #e1e7ef;
  border-radius: 12px;
  cursor: pointer;
  left: 0;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.form-group--custom-radio-group .radio-group-item .radio-group-item__description {
  color: #65758b;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
}
@media (min-width: 1200px) {
  .form-group--custom-radio-group .radio-group-item {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
  }
  .side-nav--submenu-display:not(side-nav--submenu-display--icons) .form-group--custom-radio-group .radio-group-item {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .side-nav--submenu-display.side-nav--submenu-display--icons .form-group--custom-radio-group .radio-group-item {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
  }
}
@media (min-width: 1600px) {
  .side-nav--submenu-display:not(side-nav--submenu-display--icons) .form-group--custom-radio-group .radio-group-item {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
  }
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="0"] + mat-icon {
  color: #a65f00;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="0"] ~ .radio-group-item__name {
  color: #a65f00;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="0"] ~ .radio-group-item__name:before {
  background-color: #fefce8;
  border-color: #ffdf20;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="1"] + mat-icon {
  color: #008236;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="1"] ~ .radio-group-item__name {
  color: #008236;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="1"] ~ .radio-group-item__name:before {
  background-color: #f6fef8;
  border-color: #7bf1a8;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="5"] + mat-icon {
  color: #ef4343;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="5"] ~ .radio-group-item__name {
  color: #ef4343;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="5"] ~ .radio-group-item__name:before {
  background-color: #fef2f2;
  border-color: #ffa2a2;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="9"] + mat-icon {
  color: #65758b;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="9"] ~ .radio-group-item__name {
  color: #65758b;
}
.form-group--custom-radio-group[data-title="Product Status"] .radio-group-item input[type=radio]:checked[data-value="9"] ~ .radio-group-item__name:before {
  background-color: #f9fafb;
  border-color: #6a7282;
}
.form-group--progress-bar .form-label {
  margin-bottom: 10px;
}
.form-group--progress-bar .progress-bar-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}
.form-group--progress-bar .progress-bar-wrap mat-progress-bar {
  --mat-progress-bar-active-indicator-height: 10px;
  --mat-progress-bar-track-height: 10px;
  --mat-progress-bar-track-shape: 10;
  border-radius: 6px;
  height: 10px;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
}
.form-group--progress-bar .progress-bar-wrap .progress-bar__value {
  color: #d08700;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  width: 50px;
}
products-productdata-importexportform .form-gui-layout-dir.form-gui-layout-dir--details {
  height: 100px;
}
products-productdata-importexportform .mat-tab-content[data-tab-name] {
  height: auto;
  max-height: calc(100vh - 260px);
  padding-right: max(0px, 100% - 800px);
  scrollbar-gutter: stable;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
products-productdata-importexportform .mat-tab-content[data-tab-name] .form-control-wrap {
  height: auto;
}
@media (min-width: 1024px) {
  products-productdata-importexportform .mat-tab-content[data-tab-name] {
    max-height: calc(100vh - 210px);
  }
}
products-productdata-importexportform .form-control-wrap:first-child {
  margin-top: 30px;
}
products-productdata-importexportform .form-control-wrap:first-child + .form-control-wrap {
  margin-top: 10px;
}
products-productdata-importexportform .form-control-wrap + .form-control-wrap {
  margin-top: 30px;
}
products-productdata-importexportform .export-header-action-wrap .form-field-group__body {
  justify-content: flex-end;
  gap: 10px;
}
products-productdata-importexportform .export-header-action-wrap .form-field-group__body .form-control-wrap {
  margin: 0;
}
@media (min-width: 480px) {
  products-productdata-importexportform .export-header-action-wrap {
    display: flex;
    gap: 10px;
  }
  products-productdata-importexportform .export-header-action-wrap .form-field-group__header {
    width: 50%;
  }
  products-productdata-importexportform .export-header-action-wrap .form-field-group__body {
    width: 50%;
  }
}
products-productdata-importexportform .import-header-action-wrap .form-field-group__body {
  justify-content: flex-end;
  gap: 10px;
}
products-productdata-importexportform .import-header-action-wrap .form-field-group__body .form-control-wrap {
  margin: 0;
}
@media (min-width: 667px) {
  products-productdata-importexportform .import-header-action-wrap {
    display: flex;
    gap: 10px;
  }
  products-productdata-importexportform .import-header-action-wrap .form-field-group__header {
    width: 35%;
  }
  products-productdata-importexportform .import-header-action-wrap .form-field-group__body {
    width: 65%;
  }
}
products-productdata-importexportform .form-field-group__title {
  display: block;
  font-size: 20px;
  font-family: "ChakraPetch";
  font-weight: 600;
  color: #1a1a2e;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header {
  background-color: #e1e7ef;
  width: auto;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mat-mdc-tab-label-container {
  background-color: #fff;
  padding: 0 !important;
  width: auto !important;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mat-mdc-tab-list {
  padding: 0 !important;
  width: auto !important;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mat-mdc-tab-labels {
  display: inline-block !important;
  padding: 0 !important;
  width: auto !important;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mat-mdc-tab {
  background-color: #f1f5f9;
  border-radius: 12px;
  color: #65758b;
  display: inline-block;
  flex-grow: 0 !important;
  height: 30px;
  line-height: 30px !important;
  margin: 5px;
  min-width: auto;
  padding: 0 10px;
  width: auto;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mdc-tab-indicator,
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mat-mdc-tab-ripple,
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mdc-tab__ripple {
  display: none !important;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mat-mdc-tab-labels {
  background-color: #f1f5f9;
  border-radius: 12px;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mat-mdc-tab.mdc-tab--active {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 1px 0 #e1e7ef !important;
  color: #162326 !important;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #162326 !important;
}
mat-tab-group.custom-tab-layout--Toggle mat-tab-header .mdc-tab__text-label {
  color: #65758b !important;
  font-family: "InterVariable" !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  text-transform: none !important;
}
.form-grid-footer .btn__import {
  display: none;
}

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