:root {
  --primaryColor10: #E0F5F2;
  --primaryColor50: #B2E3DC;
  --primaryColor100: #80CFC6;
  --primaryColor200: #4DBBB0;
  --primaryColor300: #26AB9E;
  --primaryColor400: #009E8F;
  --primaryColor500: #009688;
  --primaryColor600: #00857A;
  --primaryColor700: #00726A;
  --primaryColor800: #005F57;
  --primaryColor900: #004A44;
  --primaryColor1000: #002E2A;
  --primaryColorA100: #E0F5F2;
  --primaryColorA200: #B2E3DC;
  --primaryColorA400: #80CFC6;
  --primaryColorA700: #4DBBB0;
  --accentColor10: #E0FAF6;
  --accentColor50: #B3F0E6;
  --accentColor100: #80E5D4;
  --accentColor200: #4DDAC2;
  --accentColor300: #26D1B4;
  --accentColor400: #00C8A8;
  --accentColor500: #00A896;
  --accentColor600: #008F7F;
  --accentColor700: #007566;
  --accentColor800: #005C4E;
  --accentColor900: #004339;
  --accentColor1000: #002B24;
  --accentColorA100: #E0FAF6;
  --accentColorA200: #B3F0E6;
  --accentColorA400: #80E5D4;
  --accentColorA700: #4DDAC2;
  --warnColor10: #FFFBFA;
  --warnColor50: #FEF3F2;
  --warnColor100: #FEE4E2;
  --warnColor200: #FECDCA;
  --warnColor300: #FDA29B;
  --warnColor400: #F97066;
  --warnColor500: #F04438;
  --warnColor600: #D92D20;
  --warnColor700: #B42318;
  --warnColor800: #912018;
  --warnColor900: #7A271A;
  --warnColor1000: #55160C;
  --warnColorA100: #FFFBFA;
  --warnColorA200: #FEF3F2;
  --warnColorA400: #FEE4E2;
  --warnColorA700: #FECDCA;
  --menuTextColor: white;
}

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

.theme, .theme-teal {
  --menuTextColor: var(--grayColor700);
  --fixedSideNavBg: #D5EAE8;
  --homeCardBg: var(--bgColor10);
  --inputOutlineBg: var(--bgColor10);
  --inputOutlineBgHover: var(--bgColor10);
  --inputAttachBg: var(--bgColor50);
  --inputAttachBorderColor: var(--bgColor200);
  --suggestionBoxBg: var(--bgColor10);
  --gridHeaderBg: #F4FAFA;
  --divBoxShadowColor: 0.17em 0.33em 0.92em 0em rgba(0, 0, 0, 0.1);
  --positiveColor: #75B057;
  --negativeColor: #F34141;
  --neutralColor: #252525;
  --parent: #252525;
  --child: #757575;
  --questionBg: #E5ECF680;
  --chartAiOrg: #EFF8F7;
  --nstBgColor: #FFFFFF;
  --appBgColor: #F4FAFA;
  --nstBorderColor: #D0E8E6;
  --nstCardBgColor: var(--bgColor10);
  --micBackgroundColor: var(--accentColor500);
  --activeBackground: #1B4F4A;
  --contentBackground: #FAFCFC;
  --chatEditorBorder: linear-gradient(45deg, var(--accentColor1000) 0%, var(--accentColor500) 100%);
  --templateBgColor: var(--nstBgColor);
  --sidenavMenuSelectedBgColor: var(--grayColor100);
  --sidenavMenuSelectedTextColor: var(--grayColor1000);
  --sidenavMenuHoverBgColor: var(--grayColor100);
  --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);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #009688;
  --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-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #00A896;
  --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: #00A896;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --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);
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --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;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #009688 87%, transparent);
  --mat-form-field-filled-caret-color: #009688;
  --mat-form-field-filled-focus-active-indicator-color: #009688;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #009688 87%, transparent);
  --mat-form-field-outlined-caret-color: #009688;
  --mat-form-field-outlined-focus-outline-color: #009688;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #009688 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: #F04438;
  --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: #F04438;
  --mat-form-field-filled-error-focus-label-text-color: #F04438;
  --mat-form-field-filled-error-label-text-color: #F04438;
  --mat-form-field-filled-error-caret-color: #F04438;
  --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: #F04438;
  --mat-form-field-filled-error-focus-active-indicator-color: #F04438;
  --mat-form-field-filled-error-hover-active-indicator-color: #F04438;
  --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: #F04438;
  --mat-form-field-outlined-error-focus-label-text-color: #F04438;
  --mat-form-field-outlined-error-label-text-color: #F04438;
  --mat-form-field-outlined-error-hover-label-text-color: #F04438;
  --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: #F04438;
  --mat-form-field-outlined-error-hover-outline-color: #F04438;
  --mat-form-field-outlined-error-outline-color: #F04438;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: 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: #009688;
  --mat-select-invalid-arrow-color: #F04438;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --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;
  --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);
  --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;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #009688;
  --mat-slide-toggle-selected-handle-color: #009688;
  --mat-slide-toggle-selected-hover-state-layer-color: #009688;
  --mat-slide-toggle-selected-pressed-state-layer-color: #009688;
  --mat-slide-toggle-selected-focus-handle-color: #009688;
  --mat-slide-toggle-selected-hover-handle-color: #009688;
  --mat-slide-toggle-selected-pressed-handle-color: #009688;
  --mat-slide-toggle-selected-focus-track-color: #26AB9E;
  --mat-slide-toggle-selected-hover-track-color: #26AB9E;
  --mat-slide-toggle-selected-pressed-track-color: #26AB9E;
  --mat-slide-toggle-selected-track-color: #26AB9E;
  --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-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --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-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --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;
  --mat-slider-active-track-color: #009688;
  --mat-slider-focus-handle-color: #009688;
  --mat-slider-handle-color: #009688;
  --mat-slider-hover-handle-color: #009688;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #009688 4%, transparent);
  --mat-slider-inactive-track-color: #009688;
  --mat-slider-ripple-color: #009688;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #009688;
  --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-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);
  --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);
  --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;
  --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;
  --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;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-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-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;
  --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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #00A896;
  --mat-checkbox-selected-hover-icon-color: #00A896;
  --mat-checkbox-selected-icon-color: #00A896;
  --mat-checkbox-selected-pressed-icon-color: #00A896;
  --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: #00A896;
  --mat-checkbox-selected-hover-state-layer-color: #00A896;
  --mat-checkbox-selected-pressed-state-layer-color: #00A896;
  --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-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --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;
  --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-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;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --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-icon-button-touch-target-display: block;
  --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);
  --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-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #26AB9E;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #009688;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #009688;
  --mat-badge-text-color: #ffffff;
  --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-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-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;
  --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);
  --mat-button-toggle-height: 48px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #009688 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #009688;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #009688 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #009688 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #009688;
  --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-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --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;
  --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);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #009688;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #009688;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #009688;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --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: #F04438;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #F04438;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --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);
  --mat-timepicker-container-background-color: white;
  /* @description use this for text and icon color related to current theme */
  /* VW CARD ICONS */
  /* VW PAGE TITLE */
  /* When a component is selected: solid highlight */
  /* VW CARD SECTION */
  /* Secondary Metric Value (large) */
  /* Secondary Metric Value (Medium) */
  /* Tertiary Metric Value (Small) */
  /* duplicate of vw-card-metric-label-sub */
  /* VW CHIPS */
  /* VW TABS */
  /* @description use this for background color related to current theme */
  /* @description use this for border color related to current theme */
  /* commented in assets menu hover end */
  /* below css applicable for wherever matBadge is used */
  /* tree */
  /** Stepper component start*/
  /** Stepper component end */
  /* datepicker */
  /* owl-datetime-picker */
  /* atv-slider */
  /* layers */
  /*  HandsonTable Library Theme Support Starts Here */
  /*   HandsonTable Library Theme Support Ends Here */
  /* multi select option theme */
  /* radio template */
  /* highlight field */
  /* menu list */
  /* rating star */
  /* kanban */
  /* for generic filter checkbox hover */
  /* red-rose theme changes */
  /* main menu color */
  /* menu color */
  /* sidenav menu */
  /* tab-focus */
  /* check box */
  /* need to check only applied on all */
  /* radio */
  /* used in case of atv-chip */
  /* input & select */
  /* template */
  /* select box */
  /* slider */
  /* search box */
  /* ag-grid core-mixin starts here */
  /* ag-grid-mixin-ends-here */
  /* atv-date-picker, material date-picker */
  /* text editor user mention */
  /* for ck editor core mixin start */
  /* for ck editor core mixin end */
  /* configuration-mgmt */
  /* configuration-mgmt ends here */
  /* app-drag-box start */
  /* charboat scss */
  /* annotation */
  /* annotation end */
  /* shell-loader start */
  /* shell-loader end */
}
.theme .mat-accent, .theme-teal .mat-accent {
  --mat-option-selected-state-label-text-color: #00A896;
  --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);
}
.theme .mat-warn, .theme-teal .mat-warn {
  --mat-option-selected-state-label-text-color: #F04438;
  --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);
}
.theme .mat-primary, .theme-teal .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #009688;
  --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: #009688;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.theme .mat-accent, .theme-teal .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #00A896;
  --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: #00A896;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.theme .mat-warn, .theme-teal .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #F04438;
  --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: #F04438;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.theme .mat-mdc-progress-bar, .theme-teal .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #009688;
  --mat-progress-bar-track-color: rgba(0, 150, 136, 0.25);
}
.theme .mat-mdc-progress-bar.mat-accent, .theme-teal .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #00A896;
  --mat-progress-bar-track-color: rgba(0, 168, 150, 0.25);
}
.theme .mat-mdc-progress-bar.mat-warn, .theme-teal .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #F04438;
  --mat-progress-bar-track-color: rgba(240, 68, 56, 0.25);
}
.theme .mat-mdc-form-field.mat-accent, .theme-teal .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #00A896 87%, transparent);
  --mat-form-field-filled-caret-color: #00A896;
  --mat-form-field-filled-focus-active-indicator-color: #00A896;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #00A896 87%, transparent);
  --mat-form-field-outlined-caret-color: #00A896;
  --mat-form-field-outlined-focus-outline-color: #00A896;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #00A896 87%, transparent);
}
.theme .mat-mdc-form-field.mat-warn, .theme-teal .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #F04438 87%, transparent);
  --mat-form-field-filled-caret-color: #F04438;
  --mat-form-field-filled-focus-active-indicator-color: #F04438;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #F04438 87%, transparent);
  --mat-form-field-outlined-caret-color: #F04438;
  --mat-form-field-outlined-focus-outline-color: #F04438;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #F04438 87%, transparent);
}
.theme .mat-mdc-form-field.mat-accent, .theme-teal .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: #00A896;
  --mat-select-invalid-arrow-color: #F04438;
}
.theme .mat-mdc-form-field.mat-warn, .theme-teal .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: #F04438;
  --mat-select-invalid-arrow-color: #F04438;
}
.theme .mat-mdc-standard-chip, .theme-teal .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;
}
.theme .mat-mdc-standard-chip, .theme-teal .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);
}
.theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-teal .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-teal .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #009688;
  --mat-chip-elevated-disabled-container-color: #009688;
  --mat-chip-elevated-selected-container-color: #009688;
  --mat-chip-flat-disabled-selected-container-color: #009688;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-teal .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-teal .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #00A896;
  --mat-chip-elevated-disabled-container-color: #00A896;
  --mat-chip-elevated-selected-container-color: #00A896;
  --mat-chip-flat-disabled-selected-container-color: #00A896;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-teal .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-teal .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #F04438;
  --mat-chip-elevated-disabled-container-color: #F04438;
  --mat-chip-elevated-selected-container-color: #F04438;
  --mat-chip-flat-disabled-selected-container-color: #F04438;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.theme .mat-mdc-chip.mat-mdc-standard-chip, .theme-teal .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.theme .mat-mdc-slide-toggle.mat-accent, .theme-teal .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #00A896;
  --mat-slide-toggle-selected-handle-color: #00A896;
  --mat-slide-toggle-selected-hover-state-layer-color: #00A896;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00A896;
  --mat-slide-toggle-selected-focus-handle-color: #00A896;
  --mat-slide-toggle-selected-hover-handle-color: #00A896;
  --mat-slide-toggle-selected-pressed-handle-color: #00A896;
  --mat-slide-toggle-selected-focus-track-color: #26D1B4;
  --mat-slide-toggle-selected-hover-track-color: #26D1B4;
  --mat-slide-toggle-selected-pressed-track-color: #26D1B4;
  --mat-slide-toggle-selected-track-color: #26D1B4;
}
.theme .mat-mdc-slide-toggle.mat-warn, .theme-teal .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #F04438;
  --mat-slide-toggle-selected-handle-color: #F04438;
  --mat-slide-toggle-selected-hover-state-layer-color: #F04438;
  --mat-slide-toggle-selected-pressed-state-layer-color: #F04438;
  --mat-slide-toggle-selected-focus-handle-color: #F04438;
  --mat-slide-toggle-selected-hover-handle-color: #F04438;
  --mat-slide-toggle-selected-pressed-handle-color: #F04438;
  --mat-slide-toggle-selected-focus-track-color: #FDA29B;
  --mat-slide-toggle-selected-hover-track-color: #FDA29B;
  --mat-slide-toggle-selected-pressed-track-color: #FDA29B;
  --mat-slide-toggle-selected-track-color: #FDA29B;
}
.theme .mat-mdc-radio-button.mat-primary, .theme-teal .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #009688;
  --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: #009688;
  --mat-radio-selected-hover-icon-color: #009688;
  --mat-radio-selected-icon-color: #009688;
  --mat-radio-selected-pressed-icon-color: #009688;
  --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);
}
.theme .mat-mdc-radio-button.mat-accent, .theme-teal .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #00A896;
  --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: #00A896;
  --mat-radio-selected-hover-icon-color: #00A896;
  --mat-radio-selected-icon-color: #00A896;
  --mat-radio-selected-pressed-icon-color: #00A896;
  --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);
}
.theme .mat-mdc-radio-button.mat-warn, .theme-teal .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #F04438;
  --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: #F04438;
  --mat-radio-selected-hover-icon-color: #F04438;
  --mat-radio-selected-icon-color: #F04438;
  --mat-radio-selected-pressed-icon-color: #F04438;
  --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);
}
.theme .mat-accent, .theme-teal .mat-accent {
  --mat-slider-active-track-color: #00A896;
  --mat-slider-focus-handle-color: #00A896;
  --mat-slider-handle-color: #00A896;
  --mat-slider-hover-handle-color: #00A896;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #00A896 4%, transparent);
  --mat-slider-inactive-track-color: #00A896;
  --mat-slider-ripple-color: #00A896;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #00A896;
}
.theme .mat-warn, .theme-teal .mat-warn {
  --mat-slider-active-track-color: #F04438;
  --mat-slider-focus-handle-color: #F04438;
  --mat-slider-handle-color: #F04438;
  --mat-slider-hover-handle-color: #F04438;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #F04438 4%, transparent);
  --mat-slider-inactive-track-color: #F04438;
  --mat-slider-ripple-color: #F04438;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #F04438;
}
.theme .mdc-list-item__start, .theme-teal .mdc-list-item__start,
.theme .mdc-list-item__end,
.theme-teal .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #009688;
  --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: #009688;
  --mat-radio-selected-hover-icon-color: #009688;
  --mat-radio-selected-icon-color: #009688;
  --mat-radio-selected-pressed-icon-color: #009688;
  --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);
}
.theme .mat-accent .mdc-list-item__start, .theme-teal .mat-accent .mdc-list-item__start,
.theme .mat-accent .mdc-list-item__end,
.theme-teal .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #00A896;
  --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: #00A896;
  --mat-radio-selected-hover-icon-color: #00A896;
  --mat-radio-selected-icon-color: #00A896;
  --mat-radio-selected-pressed-icon-color: #00A896;
  --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);
}
.theme .mat-warn .mdc-list-item__start, .theme-teal .mat-warn .mdc-list-item__start,
.theme .mat-warn .mdc-list-item__end,
.theme-teal .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #F04438;
  --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: #F04438;
  --mat-radio-selected-hover-icon-color: #F04438;
  --mat-radio-selected-icon-color: #F04438;
  --mat-radio-selected-pressed-icon-color: #F04438;
  --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);
}
.theme .mat-mdc-list-option, .theme-teal .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009688;
  --mat-checkbox-selected-hover-icon-color: #009688;
  --mat-checkbox-selected-icon-color: #009688;
  --mat-checkbox-selected-pressed-icon-color: #009688;
  --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: #009688;
  --mat-checkbox-selected-hover-state-layer-color: #009688;
  --mat-checkbox-selected-pressed-state-layer-color: #009688;
  --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);
}
.theme .mat-mdc-list-option.mat-accent, .theme-teal .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #00A896;
  --mat-checkbox-selected-hover-icon-color: #00A896;
  --mat-checkbox-selected-icon-color: #00A896;
  --mat-checkbox-selected-pressed-icon-color: #00A896;
  --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: #00A896;
  --mat-checkbox-selected-hover-state-layer-color: #00A896;
  --mat-checkbox-selected-pressed-state-layer-color: #00A896;
  --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);
}
.theme .mat-mdc-list-option.mat-warn, .theme-teal .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #F04438;
  --mat-checkbox-selected-hover-icon-color: #F04438;
  --mat-checkbox-selected-icon-color: #F04438;
  --mat-checkbox-selected-pressed-icon-color: #F04438;
  --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: #F04438;
  --mat-checkbox-selected-hover-state-layer-color: #F04438;
  --mat-checkbox-selected-pressed-state-layer-color: #F04438;
  --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);
}
.theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-teal .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-teal .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-teal .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-teal .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #009688;
}
.theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-teal .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-teal .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-teal .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme .mdc-list-item__start, .theme-teal .mdc-list-item__start,
.theme .mdc-list-item__end,
.theme-teal .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line, .theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines, .theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.theme .mat-mdc-tab-group, .theme-teal .mat-mdc-tab-group,
.theme .mat-mdc-tab-nav-bar,
.theme-teal .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: #009688;
  --mat-tab-active-ripple-color: #009688;
  --mat-tab-inactive-ripple-color: #009688;
  --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: #009688;
  --mat-tab-active-hover-label-text-color: #009688;
  --mat-tab-active-focus-indicator-color: #009688;
  --mat-tab-active-hover-indicator-color: #009688;
  --mat-tab-active-indicator-color: #009688;
}
.theme .mat-mdc-tab-group.mat-accent, .theme-teal .mat-mdc-tab-group.mat-accent,
.theme .mat-mdc-tab-nav-bar.mat-accent,
.theme-teal .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: #00A896;
  --mat-tab-active-ripple-color: #00A896;
  --mat-tab-inactive-ripple-color: #00A896;
  --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: #00A896;
  --mat-tab-active-hover-label-text-color: #00A896;
  --mat-tab-active-focus-indicator-color: #00A896;
  --mat-tab-active-hover-indicator-color: #00A896;
  --mat-tab-active-indicator-color: #00A896;
}
.theme .mat-mdc-tab-group.mat-warn, .theme-teal .mat-mdc-tab-group.mat-warn,
.theme .mat-mdc-tab-nav-bar.mat-warn,
.theme-teal .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: #F04438;
  --mat-tab-active-ripple-color: #F04438;
  --mat-tab-inactive-ripple-color: #F04438;
  --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: #F04438;
  --mat-tab-active-hover-label-text-color: #F04438;
  --mat-tab-active-focus-indicator-color: #F04438;
  --mat-tab-active-hover-indicator-color: #F04438;
  --mat-tab-active-indicator-color: #F04438;
}
.theme .mat-mdc-tab-group.mat-background-primary, .theme-teal .mat-mdc-tab-group.mat-background-primary,
.theme .mat-mdc-tab-nav-bar.mat-background-primary,
.theme-teal .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #009688;
  --mat-tab-foreground-color: #ffffff;
}
.theme .mat-mdc-tab-group.mat-background-accent, .theme-teal .mat-mdc-tab-group.mat-background-accent,
.theme .mat-mdc-tab-nav-bar.mat-background-accent,
.theme-teal .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #00A896;
  --mat-tab-foreground-color: #ffffff;
}
.theme .mat-mdc-tab-group.mat-background-warn, .theme-teal .mat-mdc-tab-group.mat-background-warn,
.theme .mat-mdc-tab-nav-bar.mat-background-warn,
.theme-teal .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #F04438;
  --mat-tab-foreground-color: #ffffff;
}
.theme .mat-mdc-tab-header, .theme-teal .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.theme .mat-mdc-checkbox.mat-primary, .theme-teal .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009688;
  --mat-checkbox-selected-hover-icon-color: #009688;
  --mat-checkbox-selected-icon-color: #009688;
  --mat-checkbox-selected-pressed-icon-color: #009688;
  --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: #009688;
  --mat-checkbox-selected-hover-state-layer-color: #009688;
  --mat-checkbox-selected-pressed-state-layer-color: #009688;
  --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);
}
.theme .mat-mdc-checkbox.mat-warn, .theme-teal .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #F04438;
  --mat-checkbox-selected-hover-icon-color: #F04438;
  --mat-checkbox-selected-icon-color: #F04438;
  --mat-checkbox-selected-pressed-icon-color: #F04438;
  --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: #F04438;
  --mat-checkbox-selected-hover-state-layer-color: #F04438;
  --mat-checkbox-selected-pressed-state-layer-color: #F04438;
  --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);
}
.theme .mat-mdc-button.mat-primary, .theme-teal .mat-mdc-button.mat-primary,
.theme .mat-mdc-unelevated-button.mat-primary,
.theme-teal .mat-mdc-unelevated-button.mat-primary,
.theme .mat-mdc-raised-button.mat-primary,
.theme-teal .mat-mdc-raised-button.mat-primary,
.theme .mat-mdc-outlined-button.mat-primary,
.theme-teal .mat-mdc-outlined-button.mat-primary,
.theme .mat-tonal-button.mat-primary,
.theme-teal .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #009688;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #009688;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-button-outlined-state-layer-color: #009688;
  --mat-button-protected-container-color: #009688;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #009688;
  --mat-button-text-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-button-text-state-layer-color: #009688;
  --mat-button-tonal-container-color: #009688;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.theme .mat-mdc-button.mat-accent, .theme-teal .mat-mdc-button.mat-accent,
.theme .mat-mdc-unelevated-button.mat-accent,
.theme-teal .mat-mdc-unelevated-button.mat-accent,
.theme .mat-mdc-raised-button.mat-accent,
.theme-teal .mat-mdc-raised-button.mat-accent,
.theme .mat-mdc-outlined-button.mat-accent,
.theme-teal .mat-mdc-outlined-button.mat-accent,
.theme .mat-tonal-button.mat-accent,
.theme-teal .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #00A896;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #00A896;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-button-outlined-state-layer-color: #00A896;
  --mat-button-protected-container-color: #00A896;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #00A896;
  --mat-button-text-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-button-text-state-layer-color: #00A896;
  --mat-button-tonal-container-color: #00A896;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.theme .mat-mdc-button.mat-warn, .theme-teal .mat-mdc-button.mat-warn,
.theme .mat-mdc-unelevated-button.mat-warn,
.theme-teal .mat-mdc-unelevated-button.mat-warn,
.theme .mat-mdc-raised-button.mat-warn,
.theme-teal .mat-mdc-raised-button.mat-warn,
.theme .mat-mdc-outlined-button.mat-warn,
.theme-teal .mat-mdc-outlined-button.mat-warn,
.theme .mat-tonal-button.mat-warn,
.theme-teal .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #F04438;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #F04438;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-button-outlined-state-layer-color: #F04438;
  --mat-button-protected-container-color: #F04438;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #F04438;
  --mat-button-text-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-button-text-state-layer-color: #F04438;
  --mat-button-tonal-container-color: #F04438;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.theme .mat-mdc-icon-button.mat-primary, .theme-teal .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #009688;
  --mat-icon-button-state-layer-color: #009688;
  --mat-icon-button-ripple-color: color-mix(in srgb, #009688 12%, transparent);
}
.theme .mat-mdc-icon-button.mat-accent, .theme-teal .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #00A896;
  --mat-icon-button-state-layer-color: #00A896;
  --mat-icon-button-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
}
.theme .mat-mdc-icon-button.mat-warn, .theme-teal .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #F04438;
  --mat-icon-button-state-layer-color: #F04438;
  --mat-icon-button-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
}
.theme .mat-mdc-icon-button.mat-mdc-button-base, .theme-teal .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;
}
.theme .mat-mdc-fab.mat-primary, .theme-teal .mat-mdc-fab.mat-primary, .theme .mat-mdc-mini-fab.mat-primary, .theme-teal .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #009688;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-fab-small-container-color: #009688;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.theme .mat-mdc-fab.mat-accent, .theme-teal .mat-mdc-fab.mat-accent, .theme .mat-mdc-mini-fab.mat-accent, .theme-teal .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #00A896;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-fab-small-container-color: #00A896;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.theme .mat-mdc-fab.mat-warn, .theme-teal .mat-mdc-fab.mat-warn, .theme .mat-mdc-mini-fab.mat-warn, .theme-teal .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #F04438;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-fab-small-container-color: #F04438;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.theme .mat-accent, .theme-teal .mat-accent {
  --mat-progress-spinner-active-indicator-color: #00A896;
}
.theme .mat-warn, .theme-teal .mat-warn {
  --mat-progress-spinner-active-indicator-color: #F04438;
}
.theme .mat-badge-accent, .theme-teal .mat-badge-accent {
  --mat-badge-background-color: #00A896;
  --mat-badge-text-color: #ffffff;
}
.theme .mat-badge-warn, .theme-teal .mat-badge-warn {
  --mat-badge-background-color: #F04438;
  --mat-badge-text-color: #ffffff;
}
.theme .mat-datepicker-content.mat-accent, .theme-teal .mat-datepicker-content.mat-accent, .theme .mat-datepicker-toggle-active.mat-accent, .theme-teal .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #00A896 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #00A896;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #00A896 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #00A896 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #00A896;
  --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);
}
.theme .mat-datepicker-content.mat-warn, .theme-teal .mat-datepicker-content.mat-warn, .theme .mat-datepicker-toggle-active.mat-warn, .theme-teal .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #F04438 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #F04438;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #F04438 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #F04438 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #F04438;
  --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);
}
.theme .mat-calendar-controls, .theme-teal .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base, .theme-teal .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;
}
.theme .mat-icon.mat-primary, .theme-teal .mat-icon.mat-primary {
  --mat-icon-color: #009688;
}
.theme .mat-icon.mat-accent, .theme-teal .mat-icon.mat-accent {
  --mat-icon-color: #00A896;
}
.theme .mat-icon.mat-warn, .theme-teal .mat-icon.mat-warn {
  --mat-icon-color: #F04438;
}
.theme .mat-step-header.mat-accent, .theme-teal .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #00A896;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #00A896;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #00A896;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.theme .mat-step-header.mat-warn, .theme-teal .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #F04438;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #F04438;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #F04438;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.theme .mat-toolbar.mat-primary, .theme-teal .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #009688;
  --mat-toolbar-container-text-color: #ffffff;
}
.theme .mat-toolbar.mat-accent, .theme-teal .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #00A896;
  --mat-toolbar-container-text-color: #ffffff;
}
.theme .mat-toolbar.mat-warn, .theme-teal .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #F04438;
  --mat-toolbar-container-text-color: #ffffff;
}
.theme .color-primary, .theme-teal .color-primary {
  color: #009688 !important;
}
.theme .color-accent, .theme-teal .color-accent {
  color: #00A896 !important;
}
.theme .color-warn, .theme-teal .color-warn {
  color: #F04438 !important;
}
.theme .color-green, .theme-teal .color-green {
  color: #34872e;
}
.theme .div-box-shadow, .theme-teal .div-box-shadow {
  box-shadow: var(--divBoxShadowColor);
}
.theme .field-label-color, .theme-teal .field-label-color {
  color: var(--fieldLabelColor);
  font-weight: var(--fieldLabelFontWeight);
}
.theme .field-text-color, .theme-teal .field-text-color {
  color: var(--fieldTextColor);
  font-weight: var(--fieldTextFontWeight);
}
.theme .field-disabled-label-color, .theme-teal .field-disabled-label-color {
  color: var(--fieldDisabledLabelColor);
  font-weight: var(--fieldLabelFontWeight);
}
.theme .field-disabled-text-color, .theme-teal .field-disabled-text-color {
  color: var(--fieldDisabledTextColor);
  font-weight: var(--fieldTextFontWeight);
}
.theme .dashboard_heading, .theme-teal .dashboard_heading {
  font-size: 2em; /* 24px */
  font-weight: 500;
}
.theme .dropdown_label, .theme-teal .dropdown_label {
  font-size: 1em; /* 12px */
  font-weight: 400;
}
.theme .db_cardheading, .theme-teal .db_cardheading {
  font-size: 1.539em; /* 20px */
  font-weight: 500;
}
.theme .db_tenure_legend, .theme-teal .db_tenure_legend {
  font-size: 1.07em; /* 14px */
  font-weight: 400;
}
.theme .db_card_LGvalue, .theme-teal .db_card_LGvalue {
  font-size: 2.33em; /* 28px */
  font-weight: 600;
}
.theme .db_childcard-title, .theme-teal .db_childcard-title {
  font-size: 1.34em; /* 16px */
  font-weight: 500;
}
.theme .sub_card_heading, .theme-teal .sub_card_heading {
  font-size: 1.34em; /* 16px */
  font-weight: 500;
}
.theme .db_minicard_heading, .theme-teal .db_minicard_heading {
  font-size: 1.34em; /* 16px */
  font-weight: 500;
}
.theme .db_minicard_title, .theme-teal .db_minicard_title {
  font-size: 1em; /* 12px */
  font-weight: 400;
}
.theme .db_mini_value, .theme-teal .db_mini_value {
  font-size: 1.34em; /* 16px */
  font-weight: 500;
}
.theme .vw-card-icon-sm, .theme-teal .vw-card-icon-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--vw-radius-sm, 8px);
  width: 2rem;
  height: 2rem;
  overflow: visible;
}
.theme .vw-card-icon-md, .theme-teal .vw-card-icon-md {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--vw-radius-sm, 8px);
  width: 2.5rem;
  height: 2.5rem;
  overflow: visible;
}
.theme .vw-card-icon-lg, .theme-teal .vw-card-icon-lg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--vw-radius-sm, 8px);
  width: 3rem;
  height: 3rem;
  overflow: visible;
}
.theme .vw-page-title, .theme-teal .vw-page-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--vw-color-slate-800);
}
.theme .vw-page-description, .theme-teal .vw-page-description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--vw-color-slate-700);
}
.theme .vw-card--clickable, .theme-teal .vw-card--clickable {
  cursor: pointer;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, outline-color 0.2s ease;
}
.theme .vw-card--clickable:hover, .theme-teal .vw-card--clickable:hover {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
  border-color: var(--vw-color-slate-400);
}
.theme .vw-card--clickable:focus-visible, .theme-teal .vw-card--clickable:focus-visible {
  outline: 2px solid var(--vw-color-slate-400);
  outline-offset: 2px;
}
.theme .vw-page-container, .theme-teal .vw-page-container {
  padding: var(--vw-page-gap);
  gap: var(--vw-page-gap);
  background: transparent;
}
.theme .vw-page-gap, .theme-teal .vw-page-gap {
  gap: var(--vw-page-gap);
}
.theme .vw-page-gap-xl, .theme-teal .vw-page-gap-xl {
  gap: var(--vw-space-xl);
}
.theme .vw-page-gap-md, .theme-teal .vw-page-gap-md {
  gap: var(--vw-space-md);
}
.theme .vw-page-gap-sm, .theme-teal .vw-page-gap-sm {
  gap: var(--vw-space-sm);
}
.theme .vw-page-gap-xxs, .theme-teal .vw-page-gap-xxs {
  gap: var(--vw-space-xxs);
}
.theme .context-selectable-mode, .theme-teal .context-selectable-mode {
  cursor: pointer;
  outline: 1px dashed rgba(25, 118, 210, 0.5);
  outline-offset: -1px;
  border-radius: 4px;
}
.theme .context-selectable-selected, .theme-teal .context-selectable-selected {
  outline: 1px solid var(--accentColor500);
  outline-offset: -1px;
  border-radius: 4px;
}
.theme .vw-card-section, .theme-teal .vw-card-section {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 1rem;
}
.theme .vw-card-section-p0, .theme-teal .vw-card-section-p0 {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}
.theme .vw-card-parent, .theme-teal .vw-card-parent {
  background-color: var(--vw-color-white);
  border: 1px solid var(--vw-color-slate-300);
  border-radius: var(--vw-radius-md);
  padding: var(--vw-space-md);
  gap: var(--vw-space-sm);
}
.theme .vw-card-parent-p0, .theme-teal .vw-card-parent-p0 {
  background-color: var(--vw-color-white);
  border: 1px solid var(--vw-color-slate-300);
  border-radius: var(--vw-radius-md);
  gap: var(--vw-space-sm);
}
.theme .vw-card-child, .theme-teal .vw-card-child {
  padding: var(--vw-space-sm);
  border: 1px solid var(--vw-color-slate-200);
  border-radius: var(--vw-radius-sm);
  background-color: var(--vw-color-white);
}
.theme .vw-card-child-p0, .theme-teal .vw-card-child-p0 {
  border: 1px solid var(--vw-color-slate-200);
  border-radius: var(--vw-radius-sm);
  background-color: var(--vw-color-white);
}
.theme .vw-card-child-shaded, .theme-teal .vw-card-child-shaded {
  padding: var(--vw-space-sm);
  border: 1px solid var(--vw-color-slate-200);
  border-radius: var(--vw-radius-sm);
  background-color: var(--vw-color-slate-50);
}
.theme .vw-card-title, .theme-teal .vw-card-title {
  font-size: var(--vw-font-heading-md);
  font-weight: 500;
  line-height: var(--vw-line-heading-md);
  color: var(--vw-color-gray-800);
}
.theme .vw-card-title-lg, .theme-teal .vw-card-title-lg {
  font-size: var(--vw-font-heading-lg);
  font-weight: 500;
  line-height: var(--vw-line-heading-lg);
  color: var(--vw-color-gray-800);
}
.theme .vw-card-title-sm, .theme-teal .vw-card-title-sm {
  font-size: var(--vw-font-heading-sm);
  font-weight: 500;
  line-height: var(--vw-line-heading-sm);
  color: var(--vw-color-gray-800);
}
.theme .vw-card-description, .theme-teal .vw-card-description {
  font-size: var(--vw-font-description);
  line-height: var(--vw-line-description);
  font-weight: 400;
  color: var(--vw-color-gray-500);
}
.theme .vw-card-metric-xl, .theme-teal .vw-card-metric-xl {
  font-size: var(--vw-font-value-xl);
  font-weight: 500;
  line-height: 1.2;
  color: var(--vw-color-gray-800);
}
.theme .vw-card-metric-xxl, .theme-teal .vw-card-metric-xxl {
  font-size: var(--vw-font-value-xxl);
  font-weight: 500;
  line-height: 1.2;
  color: var(--vw-color-gray-800);
}
.theme .vw-card-metric-lg, .theme-teal .vw-card-metric-lg {
  font-size: var(--vw-font-value-lg);
  font-weight: 500;
  line-height: 1.2;
  color: var(--vw-color-gray-800);
}
.theme .vw-card-metric-md, .theme-teal .vw-card-metric-md {
  font-size: var(--vw-font-value-md);
  font-weight: 500;
  line-height: 1.25;
  color: var(--vw-color-gray-800);
}
.theme .vw-card-metric-sm, .theme-teal .vw-card-metric-sm {
  font-size: var(--vw-font-value-sm);
  font-weight: 500;
  line-height: 1.25;
  color: var(--vw-color-gray-800);
}
.theme .vw-card-metric-label, .theme-teal .vw-card-metric-label {
  font-size: var(--vw-font-label-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--vw-color-gray-500);
}
.theme .vw-card-metric-label-sub, .theme-teal .vw-card-metric-label-sub {
  font-size: var(--vw-font-label-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--vw-color-gray-500);
}
.theme .vw-card-metric-label-sm, .theme-teal .vw-card-metric-label-sm {
  font-size: var(--vw-font-label-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--vw-color-gray-500);
}
.theme .vw-card-activity-label, .theme-teal .vw-card-activity-label {
  font-size: 0.875rem; /* 14px */
  font-weight: 500;
  line-height: 1.5;
  color: var(--vw-color-gray-800);
}
.theme .vw-card-activity-value, .theme-teal .vw-card-activity-value {
  font-size: 0.75rem; /* 14px */
  font-weight: 400;
  line-height: 1.4;
  color: var(--vw-color-gray-500);
}
.theme .vw-card--error, .theme-teal .vw-card--error {
  background-color: #fffbfa;
  border-color: #fda29b;
}
.theme .vw-card--success, .theme-teal .vw-card--success {
  background-color: #fcfdfc;
  border-color: #81c784;
}
.theme .vw-card--warning, .theme-teal .vw-card--warning {
  background-color: #fffdf3;
  border-color: #ffce6d;
}
.theme .vw-card--info, .theme-teal .vw-card--info {
  background-color: #fbfeff;
  border-color: #94cfec;
}
.theme .vw-card--fuchsia, .theme-teal .vw-card--fuchsia {
  background-color: var(--vw-color-fuchsia-25);
  border-color: var(--vw-color-fuchsia-300);
}
.theme .vw-card--purple, .theme-teal .vw-card--purple {
  background-color: var(--vw-color-purple-25);
  border-color: var(--vw-color-purple-300);
}
.theme .vw-card--cyan, .theme-teal .vw-card--cyan {
  background-color: var(--vw-color-cyan-25);
  border-color: var(--vw-color-cyan-300);
}
.theme .vw-card--yellow, .theme-teal .vw-card--yellow {
  background-color: var(--vw-color-yellow-25);
  border-color: var(--vw-color-yellow-300);
}
.theme .vw-card--yellow, .theme-teal .vw-card--yellow {
  background-color: var(--vw-color-yellow-25);
  border-color: var(--vw-color-yellow-300);
}
.theme .vw-card-variance, .theme-teal .vw-card-variance {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.theme .vw-card-variance.is-positive, .theme-teal .vw-card-variance.is-positive {
  color: #1a7f10;
}
.theme .vw-card-variance.is-negative, .theme-teal .vw-card-variance.is-negative {
  color: #d91818;
}
.theme .vw-card-variance.is-neutral, .theme-teal .vw-card-variance.is-neutral {
  color: #7c7c7c;
}
.theme .vw-chip, .theme-teal .vw-chip {
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 9999px;
  border: none;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.theme .vw-chip--accent, .theme-teal .vw-chip--accent {
  color: var(--accentColor500);
  background-color: var(--accentColor50);
}
.theme .vw-chip--accent-solid, .theme-teal .vw-chip--accent-solid {
  color: var(--accentColor50);
  background-color: var(--accentColor500);
}
.theme .vw-chip--success, .theme-teal .vw-chip--success {
  background-color: #D1FAE5;
  color: #047857;
}
.theme .vw-chip--success-solid, .theme-teal .vw-chip--success-solid {
  background-color: #047857;
  color: #D1FAE5;
}
.theme .vw-chip--error, .theme-teal .vw-chip--error {
  background-color: #FEE2E2;
  color: #B91C1C;
}
.theme .vw-chip--error-solid, .theme-teal .vw-chip--error-solid {
  background-color: #B91C1C;
  color: #FEE2E2;
}
.theme .vw-chip--warning, .theme-teal .vw-chip--warning {
  background-color: #FEF9C3;
  color: #A16207;
}
.theme .vw-chip--warning-solid, .theme-teal .vw-chip--warning-solid {
  background-color: #A16207;
  color: #FEF9C3;
}
.theme .vw-chip--warning-outlined, .theme-teal .vw-chip--warning-outlined {
  background-color: transparent;
  color: #A16207;
  border: 1px solid #A16207;
}
.theme .vw-chip--info, .theme-teal .vw-chip--info {
  background-color: #DBEAFE;
  color: #1D4ED8;
}
.theme .vw-chip--info-solid, .theme-teal .vw-chip--info-solid {
  background-color: #1D4ED8;
  color: #DBEAFE;
}
.theme .vw-chip--neutral, .theme-teal .vw-chip--neutral {
  background-color: #F5F5F5;
  color: #404040;
}
.theme .vw-chip--neutral-solid, .theme-teal .vw-chip--neutral-solid {
  background-color: #404040;
  color: #F5F5F5;
}
.theme .vw-chip--purple, .theme-teal .vw-chip--purple {
  background-color: #F3E8FF;
  color: #7E22CE;
}
.theme .vw-chip--purple-solid, .theme-teal .vw-chip--purple-solid {
  background-color: #7E22CE;
  color: #F3E8FF;
}
.theme .vw-chip--cyan, .theme-teal .vw-chip--cyan {
  background-color: #CFFAFE;
  color: #0E7490;
}
.theme .vw-chip--cyan-solid, .theme-teal .vw-chip--cyan-solid {
  background-color: #0E7490;
  color: #CFFAFE;
}
.theme .vw-chip--orange, .theme-teal .vw-chip--orange {
  background-color: #FFEDD5;
  color: #C2410C;
}
.theme .vw-chip--orange-solid, .theme-teal .vw-chip--orange-solid {
  background-color: #C2410C;
  color: #FFEDD5;
}
.theme .vw-chip--pink, .theme-teal .vw-chip--pink {
  background-color: #FCE7F3;
  color: #BE185D;
}
.theme .vw-chip--pink-solid, .theme-teal .vw-chip--pink-solid {
  background-color: #BE185D;
  color: #FCE7F3;
}
.theme .vw-chip.is-strong, .theme-teal .vw-chip.is-strong {
  font-weight: 500;
}
.theme .vw-chip.is-clickable, .theme-teal .vw-chip.is-clickable {
  cursor: pointer;
}
.theme .common-red-chip, .theme-teal .common-red-chip {
  color: #b21313;
  background-color: #fcf6f5;
}
.theme .common-orange-chip, .theme-teal .common-orange-chip {
  color: #C2410C;
  background-color: #FFEDD5;
}
.theme .common-brown-chip, .theme-teal .common-brown-chip {
  color: #7A3E1D;
  background-color: #EFE6DD;
}
.theme .common-yellow-chip, .theme-teal .common-yellow-chip {
  color: #A16207;
  background-color: #FEF9C3;
}
.theme .common-coffee-chip, .theme-teal .common-coffee-chip {
  color: #6B3F1D;
  background-color: #F3ECE7;
}
.theme .common-green-chip, .theme-teal .common-green-chip {
  color: #047857;
  background-color: #D1FAE5;
}
.theme .common-magenta-chip, .theme-teal .common-magenta-chip {
  color: #A21CAF;
  background-color: #FAE8FF;
}
.theme .common-lavender-chip, .theme-teal .common-lavender-chip {
  color: #5B21B6;
  background-color: #F5EEFF;
}
.theme .common-blue-chip, .theme-teal .common-blue-chip {
  color: #1D4ED8;
  background-color: #DBEAFE;
}
.theme .common-lightBlue-chip, .theme-teal .common-lightBlue-chip {
  color: #0369A1;
  background-color: #E0F2FE;
}
.theme .common-teal-chip, .theme-teal .common-teal-chip {
  color: #0F766E;
  background-color: #CCFBF1;
}
.theme .common-teal-chip, .theme-teal .common-teal-chip {
  color: #4338CA;
  background-color: #E0E7FF;
}
.theme .common-disable-chip, .theme-teal .common-disable-chip {
  color: #374151;
  background-color: #F3F4F6;
}
.theme .common-violet-chip, .theme-teal .common-violet-chip {
  color: #6D28D9;
  background-color: #EDE9FE;
}
.theme .common-cyan-chip, .theme-teal .common-cyan-chip {
  color: #0E7490;
  background-color: #CFFAFE;
}
.theme .vw-tabs-title, .theme-teal .vw-tabs-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.theme .bg-primary, .theme-teal .bg-primary {
  background-color: #009688 !important;
}
.theme .bg-accent, .theme-teal .bg-accent {
  background-color: #00A896 !important;
}
.theme .bg-warn, .theme-teal .bg-warn {
  background-color: #F04438 !important;
}
.theme .border-primary, .theme-teal .border-primary {
  border-color: #009688 !important;
}
.theme .border-accent, .theme-teal .border-accent {
  border-color: #00A896 !important;
}
.theme .border-warn, .theme-teal .border-warn {
  border-color: #F04438 !important;
}
.theme .mat-mdc-input-element, .theme-teal .mat-mdc-input-element {
  caret-color: #00A896 !important;
}
.theme a.text-link, .theme-teal a.text-link {
  color: #00A896;
}
.theme a.text-link:focus, .theme-teal a.text-link:focus {
  outline-color: #4DDAC2;
  color: #005C4E;
}
.theme a.text-link:active, .theme-teal a.text-link:active {
  color: #005C4E;
}
.theme a.text-link:hover, .theme-teal a.text-link:hover {
  color: #008F7F;
}
.theme atv-template-slider .template-slider-container-right-widget.selected, .theme-teal atv-template-slider .template-slider-container-right-widget.selected {
  border-left: 0.31em solid #00A896;
}
.theme atv-upload-box .upload_box_theme, .theme-teal atv-upload-box .upload_box_theme {
  color: #00A896;
}
.theme atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content, .theme-teal atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content {
  color: #757575;
}
.theme atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content atv-icon .selected_tab, .theme-teal atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content atv-icon .selected_tab {
  color: #005C4E;
}
.theme atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content atv-icon .un_selected_tab, .theme-teal atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content atv-icon .un_selected_tab {
  color: #757575;
}
.theme .mat-mdc-tab-header-pagination:not(.mat-mdc-tab-header-pagination-disabled) .mat-mdc-tab-header-pagination-chevron, .theme-teal .mat-mdc-tab-header-pagination:not(.mat-mdc-tab-header-pagination-disabled) .mat-mdc-tab-header-pagination-chevron {
  border-color: #008F7F !important;
}
.theme .mat-mdc-accent .mat-mdc-input-element, .theme-teal .mat-mdc-accent .mat-mdc-input-element {
  caret-color: #00A896 !important;
}
.theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected .controls-text, .theme-teal .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected .controls-text {
  color: #00A896 !important;
}
.theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected:before, .theme-teal .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected:before {
  border-bottom: 1em solid #00A896;
}
.theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item:hover, .theme-teal .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item:hover, .theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected, .theme-teal .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected {
  color: #00A896 !important;
  border-color: #00A896 !important;
}
.theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.controls-bar .control-bar-status, .theme-teal .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.controls-bar .control-bar-status {
  background-color: #00A896;
}
.theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.controls-dot .control-dot-status, .theme-teal .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.controls-dot .control-dot-status {
  background-color: #00A896;
}
.theme .owl-dt-calendar-table .owl-dt-calendar-cell-disabled span, .theme-teal .owl-dt-calendar-table .owl-dt-calendar-cell-disabled span {
  cursor: default !important;
}
.theme .widget-title-domain, .theme-teal .widget-title-domain {
  background-color: #00A896;
}
.theme .navigation-divider-left, .theme-teal .navigation-divider-left {
  background-color: #00A896;
}
.theme .navigation-divider-right, .theme-teal .navigation-divider-right {
  background-color: #00A896;
}
.theme .navigation-menu, .theme-teal .navigation-menu {
  background-color: #005C4E;
}
.theme .navigation-menu-box-item-content:active, .theme-teal .navigation-menu-box-item-content:active, .theme .navigation-children-box-item-content:active, .theme-teal .navigation-children-box-item-content:active {
  color: #005C4E !important;
}
.theme .navigation-menu-box-item-content:hover, .theme-teal .navigation-menu-box-item-content:hover, .theme .navigation-children-box-item-content:hover, .theme-teal .navigation-children-box-item-content:hover {
  background-color: rgba(160, 163, 184, 0.168627451);
}
.theme .navigation-menu-box .downer, .theme-teal .navigation-menu-box .downer, .theme .navigation-children-box .downer, .theme-teal .navigation-children-box .downer {
  background-color: #26D1B4;
}
.theme .navigation-menu-box .downer:hover, .theme-teal .navigation-menu-box .downer:hover, .theme .navigation-children-box .downer:hover, .theme-teal .navigation-children-box .downer:hover {
  background-color: #00C8A8;
}
.theme .navigation-menu-box .downer:active, .theme-teal .navigation-menu-box .downer:active, .theme .navigation-children-box .downer:active, .theme-teal .navigation-children-box .downer:active {
  background-color: #00C8A8;
}
.theme .navigation-header, .theme-teal .navigation-header {
  background-color: #005C4E !important;
  border-bottom: 0.08em solid #005C4E;
}
.theme .navigation-header-divider, .theme-teal .navigation-header-divider {
  background: #26D1B4;
}
.theme .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab--active .mdc-tab__content, .theme-teal .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab--active .mdc-tab__content,
.theme .mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab--active .mdc-tab__content,
.theme-teal .mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab--active .mdc-tab__content {
  color: #005C4E;
}
.theme .mat-mdc-tab-header .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) .app_tab_title, .theme-teal .mat-mdc-tab-header .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) .app_tab_title {
  color: #008F7F;
}
.theme .mat-mdc-tab-header .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) atv-icon, .theme-teal .mat-mdc-tab-header .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) atv-icon {
  color: #008F7F;
}
.theme .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-ink-bar, .theme-teal .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-ink-bar {
  background-color: #005C4E;
}
.theme .mat-mdc-ink-bar:before, .theme-teal .mat-mdc-ink-bar:before {
  background-color: #005C4E;
}
.theme .atv-mat-button, .theme-teal .atv-mat-button {
  margin: 0 0.39em;
}
.theme .atv-mat-button.noBox button, .theme-teal .atv-mat-button.noBox button {
  width: auto !important;
}
.theme .atv-mat-button.noMargin, .theme-teal .atv-mat-button.noMargin {
  margin: 0em;
}
.theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]), .theme-teal .atv-mat-button button.mat-mdc-outlined-button:not([disabled]) {
  color: #9e9e9e;
  border-color: #00A896;
}
.theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-primary:not([disabled]):hover, .theme-teal .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-primary:not([disabled]):hover, .theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-primary:not([disabled]).active, .theme-teal .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-primary:not([disabled]).active {
  color: #00A896;
  border-color: #00A896;
}
.theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-accent:not([disabled]):hover, .theme-teal .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-accent:not([disabled]):hover, .theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-accent:not([disabled]).active, .theme-teal .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-accent:not([disabled]).active {
  color: #00A896;
  border-color: #00A896;
}
.theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-warn:not([disabled]):hover, .theme-teal .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-warn:not([disabled]):hover, .theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-warn:not([disabled]).active, .theme-teal .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-warn:not([disabled]).active {
  color: #F04438;
  border-color: #F04438;
}
.theme .atv-mat-button button.mat-icon-stroked-circle:not([disabled]):hover, .theme-teal .atv-mat-button button.mat-icon-stroked-circle:not([disabled]):hover {
  border: 0.09em solid #00A896;
}
.theme .atv-mat-button button.mat-icon-stroked-circle:not([disabled]):hover .button-icon, .theme-teal .atv-mat-button button.mat-icon-stroked-circle:not([disabled]):hover .button-icon {
  color: #00A896;
}
.theme .atv-mat-button button[mat-mdc-icon-button] .button-icon:hover:not(:disabled), .theme-teal .atv-mat-button button[mat-mdc-icon-button] .button-icon:hover:not(:disabled) {
  color: #00A896;
}
.theme .icon-picker:hover:not(:disabled) .icon-picker-label, .theme-teal .icon-picker:hover:not(:disabled) .icon-picker-label {
  color: #00A896 !important;
}
.theme .icon-picker:hover:not(:disabled) .icon-picker-wrap.boxborder, .theme-teal .icon-picker:hover:not(:disabled) .icon-picker-wrap.boxborder {
  border-color: #00A896 !important;
}
.theme .icon-picker:hover:not(:disabled) .expand-icon mat-icon, .theme-teal .icon-picker:hover:not(:disabled) .expand-icon mat-icon {
  color: #00A896 !important;
}
.theme .icon-picker-container-box mat-icon:hover:not(:disabled), .theme-teal .icon-picker-container-box mat-icon:hover:not(:disabled) {
  color: #00A896 !important;
}
.theme .productui-form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled), .theme-teal .productui-form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.theme .form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.theme-teal .form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.theme .form-autocomplete-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.theme-teal .form-autocomplete-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled) {
  color: var(--dropdownItemHoverTextColor) !important;
}
.theme .productui-form-select-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled), .theme-teal .productui-form-select-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled),
.theme .form-select-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled),
.theme-teal .form-select-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled),
.theme .form-autocomplete-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled),
.theme-teal .form-autocomplete-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled) {
  color: #00A896;
  background: #B3F0E6 !important;
}
.theme .mat-mdc-menu-item .selected-menu-item .mat-icon, .theme-teal .mat-mdc-menu-item .selected-menu-item .mat-icon {
  color: #00A896 !important;
}
.theme .bookmark-card :hover .bookmark-card-options, .theme-teal .bookmark-card :hover .bookmark-card-options {
  display: block !important;
  background-color: #ffffff;
}
.theme .bookmark-card :hover .bookmark-card-options .mat-mdc-icon-button:not([disabled]) .mat-icon:hover, .theme-teal .bookmark-card :hover .bookmark-card-options .mat-mdc-icon-button:not([disabled]) .mat-icon:hover {
  color: #00A896;
}
.theme .mat-mdc-tab-group.mat-primary .mat-mdc-ink-bar, .theme-teal .mat-mdc-tab-group.mat-primary .mat-mdc-ink-bar,
.theme .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-ink-bar,
.theme-teal .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-ink-bar,
.theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-ink-bar,
.theme-teal .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-ink-bar,
.theme .mat-mdc-tab-nav-bar.mat-mdc-accent .mat-mdc-ink-bar,
.theme-teal .mat-mdc-tab-nav-bar.mat-mdc-accent .mat-mdc-ink-bar {
  background-color: #005C4E !important;
}
.theme .navigation-menu-box-item-content .navigation-menu-box-item-content-selected, .theme-teal .navigation-menu-box-item-content .navigation-menu-box-item-content-selected {
  color: #005C4E !important;
}
.theme atv-mat-button.menuClosed mat-icon, .theme-teal atv-mat-button.menuClosed mat-icon {
  color: #ffffff;
}
.theme atv-mat-button.isMenuOpened mat-icon, .theme-teal atv-mat-button.isMenuOpened mat-icon {
  color: #ffffff;
}
.theme .mat-mdc-select-disabled .mat-mdc-select-arrow, .theme-teal .mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: var(--fieldDisabledTextColor) !important;
}
.theme .gx-error-wrapper .gx-error-title, .theme-teal .gx-error-wrapper .gx-error-title {
  color: #00A896 !important;
}
.theme .module-mgmt-card-body .moduleicon:hover:not([disabled]) .mat-icon, .theme-teal .module-mgmt-card-body .moduleicon:hover:not([disabled]) .mat-icon {
  color: #00A896 !important;
}
.theme .navigation-children .navigation-children-box .downer, .theme-teal .navigation-children .navigation-children-box .downer {
  background: #ffffff;
  color: #005C4E !important;
}
.theme .mat-mdc-progress-spinner circle, .theme-teal .mat-mdc-progress-spinner circle,
.theme .mat-mdc-spinner circle,
.theme-teal .mat-mdc-spinner circle {
  stroke: #005C4E !important;
}
.theme .mat-mdc-progress-bar-fill::after, .theme-teal .mat-mdc-progress-bar-fill::after {
  background-color: #005C4E !important;
}
.theme .progress-bar-multiple .mat-mdc-progress-bar .mat-mdc-progress-bar-buffer, .theme-teal .progress-bar-multiple .mat-mdc-progress-bar .mat-mdc-progress-bar-buffer {
  background-color: #00A896 !important;
}
.theme .progress-bar-multiple .mat-mdc-progress-bar .mat-mdc-progress-bar-fill::after, .theme-teal .progress-bar-multiple .mat-mdc-progress-bar .mat-mdc-progress-bar-fill::after {
  background-color: #00b900 !important;
}
.theme .app-loading-subscription-spinner, .theme-teal .app-loading-subscription-spinner {
  color: var(--accentColor400) !important;
}
.theme .mat-warn .app-loading-subscription-spinner, .theme-teal .mat-warn .app-loading-subscription-spinner {
  color: var(--warnColor400) !important;
}
.theme .mat-primary .app-loading-subscription-spinner, .theme-teal .mat-primary .app-loading-subscription-spinner {
  color: var(--primaryColor400) !important;
}
.theme .mat-badge .mat-badge-content, .theme-teal .mat-badge .mat-badge-content {
  position: relative;
  line-height: 2.03em !important;
  bottom: 0.7em;
  left: -0.3em;
  transform: scale(0.63);
  background: #df0101 !important;
  width: 1.8em !important;
  height: 1.8em !important;
  place-content: center;
  z-index: 99;
  display: flex;
  align-items: center;
}
.theme .drawer-menu-container-section .drawer-menu-container-menu.active, .theme-teal .drawer-menu-container-section .drawer-menu-container-menu.active {
  background-color: #005C4E !important;
}
.theme .drawer-menu-container-section:hover, .theme-teal .drawer-menu-container-section:hover {
  background-color: #00A896 !important;
}
.theme .drawer-menu-container-section:active, .theme-teal .drawer-menu-container-section:active {
  background-color: #00A896 !important;
}
.theme .drawer-menu-container-section.sub-section, .theme-teal .drawer-menu-container-section.sub-section,
.theme .drawer-menu-container-menu.expanded,
.theme-teal .drawer-menu-container-menu.expanded {
  background-color: #00A896 !important;
}
.theme atv-mat-button.Menuopen:not(.second-side-nav-menu) .mat-icon, .theme-teal atv-mat-button.Menuopen:not(.second-side-nav-menu) .mat-icon {
  color: #ffffff;
}
.theme atv-mat-button.MenuClose .mat-icon, .theme-teal atv-mat-button.MenuClose .mat-icon {
  color: #00A896 !important;
}
.theme atv-desktop-icon .mat-icon.icomoon, .theme-teal atv-desktop-icon .mat-icon.icomoon {
  top: 0em;
}
.theme .square-menu.generic-menu.mat-mdc-menu-panel, .theme-teal .square-menu.generic-menu.mat-mdc-menu-panel {
  background: var(--bgColor10);
  max-width: 24.17em;
  max-height: 27.5em;
  overflow: auto;
  display: block;
  direction: var(--direction);
}
.theme atv-desktop-icon:hover .icon-hover, .theme-teal atv-desktop-icon:hover .icon-hover {
  background-color: #00A896 !important;
  color: #ffffff;
}
.theme atv-desktop-icon:hover .icon-hover:hover, .theme-teal atv-desktop-icon:hover .icon-hover:hover {
  box-shadow: 0 0.09em 1.29em #00A896;
}
.theme atv-desktop-icon:hover .icon-hover img, .theme-teal atv-desktop-icon:hover .icon-hover img {
  cursor: pointer;
  filter: brightness(0) invert(1);
}
.theme .tree-node-content:hover, .theme-teal .tree-node-content:hover {
  color: #00A896 !important;
}
.theme .tree-node-content:hover atv-mat-button button atv-icon.button-icon, .theme-teal .tree-node-content:hover atv-mat-button button atv-icon.button-icon {
  color: #00A896 !important;
}
.theme .tree-node-content:hover .atv-mat-button button:focus:not(:disabled):not(.disabled-button).mat-mdc-icon-button atv-icon, .theme-teal .tree-node-content:hover .atv-mat-button button:focus:not(:disabled):not(.disabled-button).mat-mdc-icon-button atv-icon {
  color: #00A896 !important;
}
.theme .node_expanded, .theme-teal .node_expanded {
  color: #00A896 !important;
}
.theme .node_expanded atv-mat-button button atv-icon.button-icon, .theme-teal .node_expanded atv-mat-button button atv-icon.button-icon {
  color: #00A896 !important;
}
.theme .node_expanded .atv-mat-button button:focus:not(:disabled):not(.disabled-button).mat-mdc-icon-button atv-icon, .theme-teal .node_expanded .atv-mat-button button:focus:not(:disabled):not(.disabled-button).mat-mdc-icon-button atv-icon {
  color: #00A896 !important;
}
.theme .mat-step-icon-selected, .theme-teal .mat-step-icon-selected {
  border: 0.26em solid transparent !important;
}
.theme .mat-step-header .mat-step-label, .theme-teal .mat-step-header .mat-step-label {
  color: #eeeeee .theme .mat-step-header .mat-step-label -active, .theme .mat-step-header .mat-step-label -selected;
  color-color: #005C4E !important;
}
.theme .mat-mdc-chip, .theme-teal .mat-mdc-chip {
  font-size: inherit;
}
.theme .mat-mdc-chip.chip-template, .theme-teal .mat-mdc-chip.chip-template {
  padding: 0;
  height: 2.7em;
}
.theme .mat-mdc-chip.chip-template.mat-mdc-standard-chip:hover::after, .theme-teal .mat-mdc-chip.chip-template.mat-mdc-standard-chip:hover::after {
  opacity: 0;
}
.theme .mat-mdc-chip.chip-template.mat-mdc-chip.mat-mdc-standard-chip:not(.mat-mdc-chip-disabled):active, .theme-teal .mat-mdc-chip.chip-template.mat-mdc-chip.mat-mdc-standard-chip:not(.mat-mdc-chip-disabled):active {
  box-shadow: none;
}
.theme .owl-dt-container-buttons .owl-dt-container-control-button:last-child, .theme-teal .owl-dt-container-buttons .owl-dt-container-control-button:last-child {
  background-color: #00A896 !important;
}
.theme .owl-dt-container-buttons .owl-dt-container-control-button:last-child .owl-dt-control-button-content, .theme-teal .owl-dt-container-buttons .owl-dt-container-control-button:last-child .owl-dt-control-button-content {
  color: #ffffff !important;
}
.theme .owl-dt-control.owl-dt-control-button.owl-dt-container-control-button, .theme-teal .owl-dt-control.owl-dt-control-button.owl-dt-container-control-button {
  color: #00A896;
}
.theme .owl-dt-calendar-table .owl-dt-calendar-header, .theme-teal .owl-dt-calendar-table .owl-dt-calendar-header {
  color: #424242 !important;
}
.theme .owl-dt-calendar-table .owl-dt-calendar-cell-selected, .theme-teal .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  background: var(--datePickerSelectedRangeCellBgColor);
  color: var(--datePickerSelectedRangeCellColor);
}
.theme .owl-dt-calendar-table .owl-dt-calendar-cell-in-range, .theme-teal .owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background: var(--datePickerCellInRangeBgColor);
  color: var(--grayColor800);
}
.theme .owl-dt-calendar-table tr > td:first-child.owl-dt-calendar-cell-in-range, .theme-teal .owl-dt-calendar-table tr > td:first-child.owl-dt-calendar-cell-in-range {
  border-start-start-radius: 2em;
  border-end-start-radius: 2em;
}
.theme .owl-dt-calendar-table tr > td:last-child.owl-dt-calendar-cell-in-range, .theme-teal .owl-dt-calendar-table tr > td:last-child.owl-dt-calendar-cell-in-range {
  border-start-end-radius: 2em;
  border-end-end-radius: 2em;
}
.theme .owl-dt-container-info .owl-dt-container-info-active, .theme-teal .owl-dt-container-info .owl-dt-container-info-active {
  color: #00A896 !important;
}
.theme .owl-dt-container-info .owl-dt-control.owl-dt-container-range.owl-dt-container-to, .theme-teal .owl-dt-container-info .owl-dt-control.owl-dt-container-range.owl-dt-container-to {
  color: #00A896 !important;
}
.theme .owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected), .theme-teal .owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  background-color: var(--datePickerCellInRangeHoverBgColor);
  color: var(--grayColor900);
}
.theme .border-color-primary, .theme-teal .border-color-primary {
  border-color: #00A896 !important;
}
.theme .border-color-warn, .theme-teal .border-color-warn {
  border-color: #F04438 !important;
}
.theme .icon-color-accent mat-icon, .theme-teal .icon-color-accent mat-icon {
  color: #00A896;
}
.theme .mention-item, .theme-teal .mention-item {
  color: #00A896 !important;
}
.theme .background-color-primary, .theme-teal .background-color-primary {
  background-color: #00A896 !important;
}
.theme .background-color-accent, .theme-teal .background-color-accent {
  background-color: #00A896 !important;
}
.theme .background-color-warn, .theme-teal .background-color-warn {
  background-color: #F04438 !important;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .modeler .djs-palette .entry:hover, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .modeler .djs-palette .entry:hover {
  color: #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .modeler .bjs-container .djs-container .djs-overlay-container .djs-overlays .djs-context-pad .group .entry:hover, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .modeler .bjs-container .djs-container .djs-overlay-container .djs-overlays .djs-context-pad .group .entry:hover {
  background: none;
  color: #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tab-bar ul.bpp-properties-tabs-links li.bpp-active a, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tab-bar ul.bpp-properties-tabs-links li.bpp-active a {
  color: #00A896;
  border-bottom: 0.08em solid #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group:hover .group-toggle, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group:hover .group-toggle {
  background-color: #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry.bpp-checkbox input:checked:before, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry.bpp-checkbox input:checked:before {
  background: #00A896;
  border: 0.15em solid #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:hover + .design, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:hover + .design {
  border: 0.08em solid #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:hover + .design:before, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:hover + .design:before {
  background: #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:focus + .design, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:focus + .design {
  border: 0.08em solid #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:focus + .design:before, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:focus + .design:before {
  background: #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label .design:before, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label .design:before {
  background: #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label .design::after, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label .design::after {
  background: #00A896;
}
.theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .bpp-entry-link, .theme-teal .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .bpp-entry-link {
  color: #00A896 !important;
}
.theme .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding).cdk-mouse-focused .mat-mdc-slider-thumb::before, .theme-teal .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding).cdk-mouse-focused .mat-mdc-slider-thumb::before {
  border: 0.33em solid #00A896;
  outline: none !important;
}
.theme .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding).cdk-mouse-focused .mat-mdc-slider-thumb, .theme-teal .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding).cdk-mouse-focused .mat-mdc-slider-thumb {
  border: 0.17em solid #00A896;
  outline: none !important;
}
.theme .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding):not(.cdk-mouse-focused) .mat-mdc-slider-thumb:hover, .theme-teal .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding):not(.cdk-mouse-focused) .mat-mdc-slider-thumb:hover {
  border: 0.46em solid #00A896;
  outline: none !important;
}
.theme .mat-mdc-slider:not(.mat-mdc-slider-disabled).mat-mdc-slider-sliding .mat-mdc-slider-thumb::before, .theme-teal .mat-mdc-slider:not(.mat-mdc-slider-disabled).mat-mdc-slider-sliding .mat-mdc-slider-thumb::before {
  background: #00A896;
}
.theme input[type=range]::-webkit-slider-thumb, .theme-teal input[type=range]::-webkit-slider-thumb {
  border: 0.15em solid #00A896;
}
.theme input[type=range]::-moz-range-thumb, .theme-teal input[type=range]::-moz-range-thumb {
  border: 0.15em solid #00A896;
}
.theme input[type=range]::-ms-thumb, .theme-teal input[type=range]::-ms-thumb {
  border: 0.15em solid #00A896;
}
.theme .opacitywrap-action-btn.active, .theme-teal .opacitywrap-action-btn.active {
  background: #005C4E !important;
}
.theme .productui-menu.sitesproperties .mat-mdc-menu-item:hover, .theme-teal .productui-menu.sitesproperties .mat-mdc-menu-item:hover {
  color: #00A896 !important;
}
.theme .productui-menu.sitesproperties .mat-mdc-menu-item:hover em, .theme-teal .productui-menu.sitesproperties .mat-mdc-menu-item:hover em {
  color: #00A896 !important;
}
.theme .layer-modules .layer-module-wrapper .layer-selected-chip-wrapper .layer-selected-menu-wrapper-icon, .theme-teal .layer-modules .layer-module-wrapper .layer-selected-chip-wrapper .layer-selected-menu-wrapper-icon {
  border-color: #00A896 transparent transparent transparent;
}
.theme .leaflet-bar.active a, .theme-teal .leaflet-bar.active a {
  color: #00A896;
}
.theme .leaflet-bar.active a:hover, .theme-teal .leaflet-bar.active a:hover {
  color: #00A896;
}
.theme a.icomoon.zoombox.leaflet-zoom-box-icon-custom.active, .theme-teal a.icomoon.zoombox.leaflet-zoom-box-icon-custom.active {
  color: #00A896;
}
.theme .leaflet-control-zoom > a:hover:not(.leaflet-disabled), .theme-teal .leaflet-control-zoom > a:hover:not(.leaflet-disabled) {
  color: #00A896 !important;
}
.theme .iconwrapper.map-tool-icon:hover, .theme-teal .iconwrapper.map-tool-icon:hover {
  color: #00A896;
}
.theme .leaflet-edge, .theme-teal .leaflet-edge {
  background-color: #00A896;
}
.theme .mapfiltersidenav .navigation-menu-box-item-content:hover div, .theme-teal .mapfiltersidenav .navigation-menu-box-item-content:hover div {
  color: #00A896;
}
.theme .mapfiltersidenav .navigation-menu-box-item-content:hover mat-icon, .theme-teal .mapfiltersidenav .navigation-menu-box-item-content:hover mat-icon {
  color: #00A896;
}
.theme .mapfiltersidenav .navigation-menu-box-item-content.active, .theme-teal .mapfiltersidenav .navigation-menu-box-item-content.active {
  background-color: #B3F0E6;
}
.theme .mapfiltersidenav .navigation-menu-box-item-content.active div, .theme-teal .mapfiltersidenav .navigation-menu-box-item-content.active div {
  color: #00A896;
}
.theme .mapfiltersidenav .navigation-menu-box-item-content.active mat-icon, .theme-teal .mapfiltersidenav .navigation-menu-box-item-content.active mat-icon {
  color: #00A896;
}
.theme .mapfiltersidenav .navigation-menu-box-item-content-selected, .theme-teal .mapfiltersidenav .navigation-menu-box-item-content-selected {
  color: #00A896;
}
.theme .mapfiltersidenav .navigation-menu-box-item-content i.togglesidebar, .theme-teal .mapfiltersidenav .navigation-menu-box-item-content i.togglesidebar {
  color: #00A896;
}
.theme .opacitywrap-action-btn.clickable:hover, .theme-teal .opacitywrap-action-btn.clickable:hover {
  background-color: #00A896;
}
.theme .map-search-expand:hover, .theme-teal .map-search-expand:hover {
  border-color: #00A896 !important;
}
.theme .map-search-expand:focus-within, .theme-teal .map-search-expand:focus-within {
  border-color: #005C4E !important;
}
.theme .feature-density-mapstyle-slider ::ng-deep .mat-mdc-slider.cdk-focused .mat-mdc-slider-wrapper .mat-mdc-slider-thumb-label, .theme-teal .feature-density-mapstyle-slider ::ng-deep .mat-mdc-slider.cdk-focused .mat-mdc-slider-wrapper .mat-mdc-slider-thumb-label {
  background-color: #00A896;
}
.theme .feature-density-mapstyle-slider ::ng-deep .mat-mdc-slider.cdk-focused .mat-mdc-slider-wrapper .mat-mdc-slider-thumb-label::before, .theme-teal .feature-density-mapstyle-slider ::ng-deep .mat-mdc-slider.cdk-focused .mat-mdc-slider-wrapper .mat-mdc-slider-thumb-label::before {
  border-top: 0.62em solid #00A896;
}
.theme .mapwizard-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-icon .mat-icon, .theme-teal .mapwizard-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-icon .mat-icon,
.theme .mapwizard-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-icon .mat-icon,
.theme-teal .mapwizard-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-icon .mat-icon,
.theme .mylayer-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-icon .mat-icon,
.theme-teal .mylayer-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-icon .mat-icon,
.theme .mylayer-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-icon .mat-icon,
.theme-teal .mylayer-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-icon .mat-icon {
  color: #00A896 !important;
}
.theme .mapwizard-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-title, .theme-teal .mapwizard-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-title,
.theme .mapwizard-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-title,
.theme-teal .mapwizard-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-title,
.theme .mylayer-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-title,
.theme-teal .mylayer-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-title,
.theme .mylayer-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-title,
.theme-teal .mylayer-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-title {
  color: #00A896 !important;
}
.theme .map-filter-item:hover .layer-row, .theme-teal .map-filter-item:hover .layer-row,
.theme .add-layer-item:hover .layer-row,
.theme-teal .add-layer-item:hover .layer-row {
  color: #00A896 !important;
}
.theme app-create-excel hot-table .handsontable .manualRowResizer:hover, .theme-teal app-create-excel hot-table .handsontable .manualRowResizer:hover {
  background-color: #00A896 !important;
}
.theme app-create-excel hot-table .handsontable .manualRowResizer.active, .theme-teal app-create-excel hot-table .handsontable .manualRowResizer.active {
  background-color: #00A896 !important;
}
.theme app-create-excel hot-table .handsontable .manualRowResizerGuide, .theme-teal app-create-excel hot-table .handsontable .manualRowResizerGuide {
  background-color: #00A896 !important;
  border-color: #00A896 !important;
}
.theme app-create-excel hot-table .handsontable .manualColumnResizerGuide, .theme-teal app-create-excel hot-table .handsontable .manualColumnResizerGuide {
  background-color: #00A896 !important;
  border-color: #00A896 !important;
}
.theme app-create-excel hot-table .handsontable .manualColumnResizer:hover, .theme-teal app-create-excel hot-table .handsontable .manualColumnResizer:hover {
  background-color: #00A896 !important;
}
.theme app-create-excel hot-table .handsontable .manualColumnResizer.active, .theme-teal app-create-excel hot-table .handsontable .manualColumnResizer.active {
  background-color: #00A896 !important;
}
.theme app-create-excel hot-table .handsontableEditor.listbox table tr td, .theme-teal app-create-excel hot-table .handsontableEditor.listbox table tr td {
  color: #00A896 !important;
}
.theme app-create-excel hot-table .htBorders .wtBorder, .theme-teal app-create-excel hot-table .htBorders .wtBorder {
  background-color: #00A896 !important;
}
.theme app-create-excel hot-table .handsontableInput, .theme-teal app-create-excel hot-table .handsontableInput {
  box-shadow: 0 0 0 0.13em #00A896 inset !important;
}
.theme app-create-excel hot-table .highlight .htAutocompleteArrow, .theme-teal app-create-excel hot-table .highlight .htAutocompleteArrow {
  color: #00A896 !important;
}
.theme .border-tab-sites, .theme-teal .border-tab-sites {
  border-color: #00A896 !important;
}
.theme .base-map-active, .theme-teal .base-map-active {
  border: 0.08em solid #00A896;
}
.theme .contactValue .productui-value-title, .theme-teal .contactValue .productui-value-title {
  color: #00A896 !important;
}
.theme .projectCount atv-label-wrap:last-of-type .productui-value-title, .theme-teal .projectCount atv-label-wrap:last-of-type .productui-value-title {
  color: #00A896 !important;
}
.theme .productui-label-wrap.editable, .theme-teal .productui-label-wrap.editable {
  border: 0.09em dashed #00A896 !important;
}
.theme .network-service-body-left-content_selected, .theme-teal .network-service-body-left-content_selected {
  color: #005C4E !important;
  background-color: #B3F0E6 !important;
}
.theme .network-service-body-left .Favorite-Filled, .theme-teal .network-service-body-left .Favorite-Filled {
  color: #00A896 !important;
}
.theme .new-tt-choose-template-list-items-selected, .theme-teal .new-tt-choose-template-list-items-selected {
  color: #005C4E !important;
  background-color: #B3F0E6 !important;
}
.theme .new-tt-choose-template-samples-panel-box.primary .active, .theme-teal .new-tt-choose-template-samples-panel-box.primary .active {
  border: 0.09em solid #00A896 !important;
  background-color: #B3F0E6 !important;
}
.theme .mat-mdc-option.option-text-color-primary.mat-mdc-selected:not(.mat-mdc-option-disabled), .theme-teal .mat-mdc-option.option-text-color-primary.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: #00A896 !important;
}
.theme .mat-mdc-option.option-text-color-warn.mat-mdc-selected:not(.mat-mdc-option-disabled), .theme-teal .mat-mdc-option.option-text-color-warn.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: #F04438 !important;
}
.theme .multiselect-autoc-optiontext-accent:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label, .theme-teal .multiselect-autoc-optiontext-accent:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label {
  color: #00A896 !important;
}
.theme .multiselect-autoc-optiontext-primary:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label, .theme-teal .multiselect-autoc-optiontext-primary:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label {
  color: #00A896 !important;
}
.theme .multiselect-autoc-optiontext-warn:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label, .theme-teal .multiselect-autoc-optiontext-warn:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label {
  color: #F04438 !important;
}
.theme .radio-box, .theme-teal .radio-box {
  margin-left: 1.23em;
  margin-bottom: 1.23em;
}
.theme .radio-box.accent .active, .theme-teal .radio-box.accent .active {
  border: 0.09em solid #00A896 !important;
}
.theme .radio-box.primary .active, .theme-teal .radio-box.primary .active {
  border: 0.09em solid #00A896 !important;
}
.theme .radio-box.warn .active, .theme-teal .radio-box.warn .active {
  border: 0.09em solid #F04438 !important;
}
.theme .highlight-field.radio-button, .theme-teal .highlight-field.radio-button {
  background-color: #B2E3DC !important;
}
.theme .highlight-field .radio-button, .theme-teal .highlight-field .radio-button {
  background-color: #B2E3DC !important;
}
.theme .highlight-field .mat-mdc-form-field-outline, .theme-teal .highlight-field .mat-mdc-form-field-outline {
  background-color: #B2E3DC !important;
}
.theme .highlight-field .mat-mdc-checkbox-layout, .theme-teal .highlight-field .mat-mdc-checkbox-layout {
  background-color: #B2E3DC !important;
}
.theme .menu-list-body-nav-menubox-item:not(.menu-disabled).active, .theme-teal .menu-list-body-nav-menubox-item:not(.menu-disabled).active {
  color: var(--accentColor500) !important;
  background-color: var(--bgColor50) !important;
}
.theme .menu-list-body-nav-menubox-item:not(.menu-disabled).active .mat-icon, .theme-teal .menu-list-body-nav-menubox-item:not(.menu-disabled).active .mat-icon {
  color: #00A896 !important;
}
.theme .menu-list-body-nav-menubox-item:not(.menu-disabled):hover, .theme-teal .menu-list-body-nav-menubox-item:not(.menu-disabled):hover {
  color: var(--accentColor500) !important;
  background-color: #B3F0E6 !important;
}
.theme .menu-list-body-nav-menubox-item:not(.menu-disabled):hover .mat-icon, .theme-teal .menu-list-body-nav-menubox-item:not(.menu-disabled):hover .mat-icon {
  color: var(--accentColor500) !important;
}
.theme .menu-list-body-nav-menubox-item.active:not(.menu-disabled):hover, .theme-teal .menu-list-body-nav-menubox-item.active:not(.menu-disabled):hover {
  color: #ffffff !important;
  background-color: #B3F0E6 !important;
}
.theme .menu-list-body-nav-menubox-item.active:not(.menu-disabled):hover .mat-icon, .theme-teal .menu-list-body-nav-menubox-item.active:not(.menu-disabled):hover .mat-icon {
  color: #ffffff !important;
}
.theme .networktree-container-right-widget.selected, .theme-teal .networktree-container-right-widget.selected {
  border-left: 0.31em solid #00A896 !important;
}
.theme .rating .stars-selected.rating-star-primary, .theme-teal .rating .stars-selected.rating-star-primary {
  stop-color: #00A896 !important;
}
.theme .rating .stars-selected.rating-star-accent, .theme-teal .rating .stars-selected.rating-star-accent {
  stop-color: #00A896 !important;
}
.theme .rating .stars-selected.rating-star-warn, .theme-teal .rating .stars-selected.rating-star-warn {
  stop-color: #F04438 !important;
}
.theme .star-stop-primary, .theme-teal .star-stop-primary {
  stop-color: #00A896 !important;
}
.theme .star-stop-accent, .theme-teal .star-stop-accent {
  stop-color: #00A896 !important;
}
.theme .star-stop-warn, .theme-teal .star-stop-warn {
  stop-color: #F04438 !important;
}
.theme .star-fill-primary, .theme-teal .star-fill-primary {
  fill: #00A896 !important;
}
.theme .star-fill-accent, .theme-teal .star-fill-accent {
  fill: #00A896 !important;
}
.theme .star-fill-warn, .theme-teal .star-fill-warn {
  fill: #F04438 !important;
}
.theme .kanban-card .each-kanban-tile-item-drag-placeholder, .theme-teal .kanban-card .each-kanban-tile-item-drag-placeholder {
  border: dotted 0.25em #00A896 !important;
}
.theme .kanban-card .each-kanban-tile-item.hover-border:hover, .theme-teal .kanban-card .each-kanban-tile-item.hover-border:hover {
  border: 0.08em solid #00A896 !important;
}
.theme .mat-form-field-appearance-outline .mdc-notched-outline__leading, .theme-teal .mat-form-field-appearance-outline .mdc-notched-outline__leading, .theme .mat-form-field-appearance-outline .mdc-notched-outline__trailing, .theme-teal .mat-form-field-appearance-outline .mdc-notched-outline__trailing {
  border-width: 0em !important;
  border-right-style: none !important;
}
.theme .ag-header-viewport, .theme-teal .ag-header-viewport {
  overflow-x: hidden !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded {
  background-color: #005C4E !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded span.mat-expansion-indicator, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded span.mat-expansion-indicator {
  color: #ffffff !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded .mat-expansion-panel-header-title, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded .mat-expansion-panel-header-title {
  color: #ffffff !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded .mat-expansion-indicator::after, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded .mat-expansion-indicator::after {
  color: #ffffff !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled .mat-expansion-panel-header-title, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled .mat-expansion-panel-header-title {
  color: #424242 !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled .mat-expansion-indicator::after, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled .mat-expansion-indicator::after {
  color: #424242 !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:active, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:active {
  background-color: #005C4E !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover {
  background-color: #00A896 !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover .mat-expansion-panel-header-title, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover .mat-expansion-panel-header-title {
  color: #ffffff !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover span.mat-expansion-indicator, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover span.mat-expansion-indicator {
  color: #ffffff !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-title, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-title {
  color: #00A896 !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator::after, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator::after {
  color: #00A896 !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header-title, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header-title {
  color: #424242;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header:hover, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header:hover {
  background: none !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header:hover .mat-expansion-panel-header-title, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header:hover .mat-expansion-panel-header-title {
  color: #00A896 !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header:hover .mat-expansion-indicator::after, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header:hover .mat-expansion-indicator::after {
  color: #00A896 !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header:active, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header:active {
  color: #005C4E !important;
}
.theme .expansion-mat-mdc-panel .mat-expansion-panel-header:active .mat-expansion-indicator::after, .theme-teal .expansion-mat-mdc-panel .mat-expansion-panel-header:active .mat-expansion-indicator::after {
  color: #00A896 !important;
}
.theme .select-form-field:not(.mat-form-field-disabled):hover ~ .input-label, .theme-teal .select-form-field:not(.mat-form-field-disabled):hover ~ .input-label {
  color: var(--fieldHoverLabelColor) !important;
}
.theme .grid-tile:hover, .theme-teal .grid-tile:hover {
  box-shadow: 0 0 0.33em #00A896 !important;
}
.theme .desktop-noAppFound .atv-mat-button .mat-mdc-button .mdc-button__label span, .theme-teal .desktop-noAppFound .atv-mat-button .mat-mdc-button .mdc-button__label span {
  color: rgb(104, 104, 104) !important;
}
.theme .generic-tab-checkbox:hover, .theme-teal .generic-tab-checkbox:hover {
  border: 0.09em solid #008F7F;
}
.theme .generic-filter-checkbox:hover, .theme-teal .generic-filter-checkbox:hover {
  background-color: #B2E3DC;
}
.theme .generic-filter-checkbox-selected, .theme-teal .generic-filter-checkbox-selected {
  background-color: #B2E3DC;
}
.theme atv-mat-button button.mat-mdc-icon-button:hover:not([disabled]) .mat-icon, .theme-teal atv-mat-button button.mat-mdc-icon-button:hover:not([disabled]) .mat-icon {
  color: #007566;
}
.theme .white-background-toolbar .toolbar, .theme-teal .white-background-toolbar .toolbar {
  background-color: #00726A;
  border-bottom: 0.08em solid #fafafa;
}
.theme .white-background-toolbar .toolbar-nav-menu, .theme-teal .white-background-toolbar .toolbar-nav-menu {
  background-color: #00726A !important;
}
.theme .white-background-toolbar .toolbar-nav-menu atv-mat-button button:hover .mat-icon, .theme-teal .white-background-toolbar .toolbar-nav-menu atv-mat-button button:hover .mat-icon {
  color: #ffffff !important;
}
.theme .white-background-toolbar .toolbar-nav-menu atv-mat-button button .mat-icon, .theme-teal .white-background-toolbar .toolbar-nav-menu atv-mat-button button .mat-icon {
  color: #ffffff !important;
}
.theme .white-background-toolbar .toolbar-nav-breadcrumb-title .module, .theme-teal .white-background-toolbar .toolbar-nav-breadcrumb-title .module {
  color: #ffffff;
}
.theme .white-background-toolbar .toolbar-nav atv-mat-button.sub-menu.Menuopen button:not(:hover) .mat-icon, .theme-teal .white-background-toolbar .toolbar-nav atv-mat-button.sub-menu.Menuopen button:not(:hover) .mat-icon {
  color: #ffffff !important;
}
.theme .white-background-toolbar .toolbar-nav atv-mat-button.sub-menu.MenuClose button .mat-icon, .theme-teal .white-background-toolbar .toolbar-nav atv-mat-button.sub-menu.MenuClose button .mat-icon {
  color: #ffffff !important;
}
.theme .white-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title div, .theme-teal .white-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title div {
  color: #ffffff;
}
.theme .white-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title:last-child div, .theme-teal .white-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title:last-child div {
  color: #ffffff;
}
.theme .white-background-toolbar .toolbar-nav .breadcrumb-item .subtitle div, .theme-teal .white-background-toolbar .toolbar-nav .breadcrumb-item .subtitle div {
  color: #ffffff;
}
.theme .white-background-toolbar .toolbar-search-form, .theme-teal .white-background-toolbar .toolbar-search-form {
  background-color: #00726A;
}
.theme .white-background-toolbar .toolbar-search-form:hover, .theme-teal .white-background-toolbar .toolbar-search-form:hover {
  border-bottom: 0.15em solid #ffffff;
}
.theme .white-background-toolbar .toolbar-search-form:hover .input-box, .theme-teal .white-background-toolbar .toolbar-search-form:hover .input-box {
  border-bottom: 0.06em solid #ffffff;
  background-color: #ffffff;
  background-color: #00726A;
}
.theme .white-background-toolbar .toolbar-search-form:focus-within, .theme-teal .white-background-toolbar .toolbar-search-form:focus-within {
  border-bottom: 0.15em solid #ffffff;
}
.theme .white-background-toolbar .toolbar-search-form:focus-within .input-box, .theme-teal .white-background-toolbar .toolbar-search-form:focus-within .input-box {
  background-color: #00726A;
}
.theme .white-background-toolbar .toolbar-search-form:hover .suffix, .theme-teal .white-background-toolbar .toolbar-search-form:hover .suffix, .theme .white-background-toolbar .toolbar-search-form:focus-within .suffix, .theme-teal .white-background-toolbar .toolbar-search-form:focus-within .suffix {
  background: #00726A !important;
  color: #ffffff !important;
}
.theme .white-background-toolbar .toolbar-search-form:hover .suffix:hover, .theme-teal .white-background-toolbar .toolbar-search-form:hover .suffix:hover, .theme .white-background-toolbar .toolbar-search-form:focus-within .suffix:hover, .theme-teal .white-background-toolbar .toolbar-search-form:focus-within .suffix:hover {
  color: #ffffff !important;
}
.theme .white-background-toolbar .toolbar-search-form .suffix, .theme-teal .white-background-toolbar .toolbar-search-form .suffix {
  background: #00726A !important;
  color: #ffffff !important;
}
.theme .white-background-toolbar .toolbar-search-form .suffix:hover, .theme-teal .white-background-toolbar .toolbar-search-form .suffix:hover {
  color: #ffffff !important;
}
.theme .white-background-toolbar .toolbar-search-form-input-search, .theme-teal .white-background-toolbar .toolbar-search-form-input-search {
  background: #00726A;
}
.theme .color-background-toolbar .toolbar-nav-breadcrumb-title .module, .theme-teal .color-background-toolbar .toolbar-nav-breadcrumb-title .module {
  color: #ffffff;
}
.theme .color-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title:last-child div, .theme-teal .color-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title:last-child div {
  color: #ffffff;
}
.theme .color-background-toolbar .toolbar-nav .breadcrumb-item .subtitle div, .theme-teal .color-background-toolbar .toolbar-nav .breadcrumb-item .subtitle div {
  color: #ffffff;
}
.theme .toolbar-search-form-input-search-area-results:hover, .theme-teal .toolbar-search-form-input-search-area-results:hover {
  background-color: #00857A !important;
  color: #fafafa !important;
}
.theme .toolbar-search-form-input-search-area-loc, .theme-teal .toolbar-search-form-input-search-area-loc {
  color: #009688 !important;
}
.theme .toolbar-search-form-input-search-area-group, .theme-teal .toolbar-search-form-input-search-area-group {
  color: #00857A !important;
}
.theme .desktop-icons-list-item:hover, .theme-teal .desktop-icons-list-item:hover {
  background-color: #B2E3DC !important;
}
.theme .desktop-icons-list-item:hover .icon-hover, .theme-teal .desktop-icons-list-item:hover .icon-hover {
  background-color: #00A896 !important;
  color: #ffffff;
}
.theme .desktop-icons-list-item:hover .icon-hover:hover, .theme-teal .desktop-icons-list-item:hover .icon-hover:hover {
  box-shadow: 0 0.09em 1.29em #00A896;
}
.theme .desktop-icons-list-item:hover .icon-hover img, .theme-teal .desktop-icons-list-item:hover .icon-hover img {
  cursor: pointer;
  filter: brightness(0) invert(1);
}
.theme .desktop-icons-list-item .icon-hover, .theme-teal .desktop-icons-list-item .icon-hover,
.theme .desktop-app-list-row-group .icon-hover,
.theme-teal .desktop-app-list-row-group .icon-hover {
  background-color: rgba(178, 227, 220, 0.2) !important;
}
.theme .desktop-icons-list-item em, .theme-teal .desktop-icons-list-item em,
.theme .desktop-app-list-row-group em,
.theme-teal .desktop-app-list-row-group em {
  color: #00A896;
}
.theme .desktop-icons-list-item-group-more, .theme-teal .desktop-icons-list-item-group-more {
  background-color: rgba(178, 227, 220, 0.2) !important;
}
.theme .page-minimized-dialogs-item, .theme-teal .page-minimized-dialogs-item {
  background-color: #B3F0E6 !important;
}
.theme .page-minimized-dialogs-item-icon, .theme-teal .page-minimized-dialogs-item-icon {
  color: #00A896 !important;
}
.theme .page-minimized-dialogs-item-data-name, .theme-teal .page-minimized-dialogs-item-data-name {
  color: #00A896 !important;
}
.theme input.range-slider-input[type=range]::-webkit-slider-thumb, .theme-teal input.range-slider-input[type=range]::-webkit-slider-thumb {
  background-color: #00A896 !important;
}
.theme .mat-mdc-menu-content .menubar-product .menubar-product-item div, .theme-teal .mat-mdc-menu-content .menubar-product .menubar-product-item div {
  color: #00A896 !important;
}
.theme .menubar-apps-item-div .icon, .theme-teal .menubar-apps-item-div .icon,
.theme .menubar-discover-content .icon,
.theme-teal .menubar-discover-content .icon {
  color: #00A896;
}
.theme .atv-desktop-icon-list-icomoon, .theme-teal .atv-desktop-icon-list-icomoon,
.theme .application-drag-style em,
.theme-teal .application-drag-style em,
.theme .grouping-body-content-item em,
.theme-teal .grouping-body-content-item em {
  color: #00A896;
}
.theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item), .theme-teal .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) {
  color: var(--accentColor500) !important;
  background-color: var(--accentColor50) !important;
}
.theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) img, .theme-teal .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) img {
  cursor: pointer;
}
.theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-icon, .theme-teal .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-icon {
  color: var(--accentColor500) !important;
}
.theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .root-modules.icon, .theme-teal .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .root-modules.icon {
  color: #fafafa !important;
}
.theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-mdc-menu-item-submenu-trigger:after, .theme-teal .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-mdc-menu-item-submenu-trigger:after,
.theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-mdc-menu-item .mat-icon-no-color,
.theme-teal .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-mdc-menu-item .mat-icon-no-color {
  color: #fafafa !important;
}
.theme .mat-mdc-menu-item:hover:not([disabled]), .theme-teal .mat-mdc-menu-item:hover:not([disabled]),
.theme .menubar-product-item,
.theme-teal .menubar-product-item {
  background-color: unset !important;
}
.theme .mat-mdc-menu-item-highlighted:not([disabled]), .theme-teal .mat-mdc-menu-item-highlighted:not([disabled]) {
  color: #004339 !important;
  background-color: #B3F0E6 !important;
}
.theme .mat-mdc-menu-item-highlighted:not([disabled]) .mat-icon, .theme-teal .mat-mdc-menu-item-highlighted:not([disabled]) .mat-icon {
  color: #004339 !important;
}
.theme .mat-mdc-menu-item-highlighted:not([disabled]) .mat-mdc-menu-item-submenu-trigger:after, .theme-teal .mat-mdc-menu-item-highlighted:not([disabled]) .mat-mdc-menu-item-submenu-trigger:after,
.theme .mat-mdc-menu-item-highlighted:not([disabled]) .mat-mdc-menu-item .mat-icon-no-color,
.theme-teal .mat-mdc-menu-item-highlighted:not([disabled]) .mat-mdc-menu-item .mat-icon-no-color {
  color: #004339 !important;
}
.theme .sadeNav-menu-item:hover, .theme-teal .sadeNav-menu-item:hover {
  color: #ffffff;
  background-color: #008F7F;
}
.theme .sadeNav-menu-item:hover .mat-icon, .theme-teal .sadeNav-menu-item:hover .mat-icon {
  color: #ffffff;
}
.theme .ag-theme-material .ag-header-row, .theme-teal .ag-theme-material .ag-header-row {
  border-bottom: 0.08em solid var(--agGridBorderBottomColor) !important;
}
.theme .ag-theme-material .ag-header, .theme-teal .ag-theme-material .ag-header {
  border-bottom: 0.08em solid var(--agGridHeaderBorderBottomColor) !important;
  border-top: 0.08em solid var(--agGridHeaderBorderTopColor) !important;
}
.theme .sadeNav-menu-item-selected, .theme-teal .sadeNav-menu-item-selected {
  color: #005C4E;
  background-color: #B2E3DC;
}
.theme .sadeNav-menu-item-selected .mat-icon, .theme-teal .sadeNav-menu-item-selected .mat-icon {
  color: #005C4E;
}
.theme .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .theme-teal .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled) {
  background-color: transparent !important;
}
.theme .mat-mdc-checkbox:hover:not(.mat-mdc-checkbox-disabled) .mat-mdc-checkbox-frame, .theme-teal .mat-mdc-checkbox:hover:not(.mat-mdc-checkbox-disabled) .mat-mdc-checkbox-frame {
  border-color: #008F7F !important;
}
.theme .mat-mdc-checkbox-checked.mat-primary .mdc-checkbox__background, .theme-teal .mat-mdc-checkbox-checked.mat-primary .mdc-checkbox__background,
.theme .mat-mdc-checkbox-checked.mat-mdc-accent .mdc-checkbox__background,
.theme-teal .mat-mdc-checkbox-checked.mat-mdc-accent .mdc-checkbox__background {
  background-color: #005C4E !important;
}
.theme .mat-mdc-checkbox-indeterminate.mat-primary .mdc-checkbox__background, .theme-teal .mat-mdc-checkbox-indeterminate.mat-primary .mdc-checkbox__background,
.theme .mat-mdc-checkbox-indeterminate.mat-mdc-accent .mdc-checkbox__background,
.theme-teal .mat-mdc-checkbox-indeterminate.mat-mdc-accent .mdc-checkbox__background {
  background-color: #005C4E !important;
}
.theme .mat-mdc-pseudo-checkbox-checked, .theme-teal .mat-mdc-pseudo-checkbox-checked {
  background-color: #005C4E !important;
}
.theme .mat-mdc-pseudo-checkbox-checked.mat-mdc-pseudo-checkbox-disabled, .theme-teal .mat-mdc-pseudo-checkbox-checked.mat-mdc-pseudo-checkbox-disabled {
  background-color: #f5f5f5 !important;
}
.theme .mat-mdc-pseudo-checkbox.mat-mdc-option-pseudo-checkbox:hover:not(.mat-mdc-pseudo-checkbox-disabled), .theme-teal .mat-mdc-pseudo-checkbox.mat-mdc-option-pseudo-checkbox:hover:not(.mat-mdc-pseudo-checkbox-disabled) {
  border-color: #008F7F !important;
}
.theme .mat-mdc-radio-outer-circle, .theme-teal .mat-mdc-radio-outer-circle {
  border-color: #757575;
}
.theme .mat-mdc-radio-button.mat-primary .mat-mdc-radio-inner-circle, .theme-teal .mat-mdc-radio-button.mat-primary .mat-mdc-radio-inner-circle,
.theme .mat-mdc-radio-button.mat-mdc-accent .mat-mdc-radio-inner-circle,
.theme-teal .mat-mdc-radio-button.mat-mdc-accent .mat-mdc-radio-inner-circle {
  background-color: #005C4E !important;
}
.theme .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mat-mdc-radio-outer-circle, .theme-teal .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.theme .mat-mdc-radio-button.mat-mdc-accent.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.theme-teal .mat-mdc-radio-button.mat-mdc-accent.mat-mdc-radio-checked .mat-mdc-radio-outer-circle {
  border-color: #005C4E !important;
}
.theme .mat-mdc-radio-button.mat-mdc-radio-disabled .mat-mdc-radio-outer-circle, .theme-teal .mat-mdc-radio-button.mat-mdc-radio-disabled .mat-mdc-radio-outer-circle {
  border-color: #eeeeee;
}
.theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked, .theme-teal .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked,
.theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-button.mat-mdc-accent.mat-mdc-radio-checked,
.theme-teal .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-button.mat-mdc-accent.mat-mdc-radio-checked,
.theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-outer-circle,
.theme-teal .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-outer-circle {
  border-color: #008F7F !important;
}
.theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-inner-circle, .theme-teal .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-inner-circle,
.theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-checked,
.theme-teal .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-checked {
  background-color: #008F7F !important;
}
.theme .input-form-field:not(.mat-form-field-disabled):hover ~ .input-label, .theme-teal .input-form-field:not(.mat-form-field-disabled):hover ~ .input-label {
  color: var(--fieldHoverLabelColor) !important;
}
.theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label, .theme-teal .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label,
.theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label,
.theme-teal .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label,
.theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .input-label,
.theme-teal .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .input-label {
  color: #008F7F;
}
.theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading, .theme-teal .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme-teal .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme-teal .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing {
  border-color: #008F7F;
}
.theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow, .theme-teal .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme-teal .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme-teal .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow {
  color: #008F7F;
}
.theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label, .theme-teal .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label,
.theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .input-label,
.theme-teal .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .input-label,
.theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .input-label,
.theme-teal .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .input-label,
.theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .input-label,
.theme-teal .select-form-field:active:not(.mat-mdc-form-field-disabled) .input-label,
.theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .input-label,
.theme-teal .input-form-field:active:not(.mat-mdc-form-field-disabled) .input-label,
.theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .input-label,
.theme-teal .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .input-label {
  color: #008F7F;
}
.theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading, .theme-teal .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme-teal .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme-teal .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme-teal .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme-teal .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme-teal .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme-teal .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.theme-teal .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing {
  border-color: #005C4E;
}
.theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow, .theme-teal .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme-teal .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme-teal .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme-teal .select-form-field:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme-teal .input-form-field:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.theme-teal .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow {
  color: #005C4E;
  outline: none !important;
}
.theme .mat-drawer:not(.mat-drawer-side):dir(ltr), .theme-teal .mat-drawer:not(.mat-drawer-side):dir(ltr) {
  box-shadow: 0.17em 0.17em 0.33em var(--grayColor100);
}
.theme .mat-drawer:not(.mat-drawer-side):dir(rtl), .theme-teal .mat-drawer:not(.mat-drawer-side):dir(rtl) {
  box-shadow: -0.17em 0.17em 0.33em var(--grayColor100);
}
.theme .mat-mdc-option.mat-mdc-option-disabled, .theme-teal .mat-mdc-option.mat-mdc-option-disabled {
  color: #bdbdbd;
  background: var(--bgColor100);
}
.theme .mat-mdc-option.mat-mdc-option-disabled .mat-mdc-pseudo-checkbox::after, .theme-teal .mat-mdc-option.mat-mdc-option-disabled .mat-mdc-pseudo-checkbox::after {
  color: #bdbdbd;
}
.theme .mat-mdc-option.option-text-color-accent.mat-mdc-selected:not(.mat-mdc-option-disabled), .theme-teal .mat-mdc-option.option-text-color-accent.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: #005C4E !important;
}
.theme .mat-mdc-option.option-text-color-accent.mat-mdc-selected:not(.mat-mdc-option-multiple), .theme-teal .mat-mdc-option.option-text-color-accent.mat-mdc-selected:not(.mat-mdc-option-multiple) {
  background: #fafafa !important;
}
.theme .form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled), .theme-teal .form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled) {
  color: var(--dropdownItemHoverTextColor) !important;
  background-color: var(--dropdownItemHoverBgColor) !important;
}
.theme .default-range .mat-mdc-slider-track-fill, .theme-teal .default-range .mat-mdc-slider-track-fill {
  background-color: #00A896 !important;
}
.theme .default-range:hover .mat-primary .mat-mdc-slider-thumb, .theme-teal .default-range:hover .mat-primary .mat-mdc-slider-thumb,
.theme .default-range:hover .mat-mdc-accent .mat-mdc-slider-thumb,
.theme-teal .default-range:hover .mat-mdc-accent .mat-mdc-slider-thumb {
  background-color: #008F7F !important;
}
.theme .default-range:hover .mat-mdc-slider-track-fill, .theme-teal .default-range:hover .mat-mdc-slider-track-fill {
  background-color: #008F7F !important;
}
.theme atv-slider.disabled .default-range .mat-mdc-slider-thumb, .theme-teal atv-slider.disabled .default-range .mat-mdc-slider-thumb {
  background-color: #fafafa !important;
}
.theme atv-slider.disabled .default-range .mat-mdc-slider-track-fill, .theme-teal atv-slider.disabled .default-range .mat-mdc-slider-track-fill {
  background-color: #fafafa !important;
}
.theme atv-slider.disabled .default-range:hover .mat-primary .mat-mdc-slider-thumb, .theme-teal atv-slider.disabled .default-range:hover .mat-primary .mat-mdc-slider-thumb,
.theme atv-slider.disabled .default-range:hover .mat-mdc-accent .mat-mdc-slider-thumb,
.theme-teal atv-slider.disabled .default-range:hover .mat-mdc-accent .mat-mdc-slider-thumb {
  background-color: #fafafa !important;
}
.theme atv-slider.disabled .default-range:hover .mat-mdc-slider-track-fill, .theme-teal atv-slider.disabled .default-range:hover .mat-mdc-slider-track-fill {
  background-color: #fafafa !important;
}
.theme .atv-search-box:focus-within, .theme-teal .atv-search-box:focus-within,
.theme .atv-search-box:active,
.theme-teal .atv-search-box:active,
.theme .atv-auto-complete:focus-within,
.theme-teal .atv-auto-complete:focus-within,
.theme .atv-auto-complete:active,
.theme-teal .atv-auto-complete:active {
  outline: none !important;
  border-color: #005C4E !important;
}
.theme .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr), .theme-teal .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.theme .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.theme-teal .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.theme .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.theme-teal .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.theme .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.theme-teal .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) {
  background-color: transparent !important;
  border-radius: var(--fieldRadius) !important;
  border-bottom-left-radius: unset !important;
  border-top-left-radius: unset !important;
}
.theme .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon, .theme-teal .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.theme .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.theme-teal .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.theme .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.theme-teal .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.theme .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.theme-teal .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon {
  color: var(--grayColor300) !important;
}
.theme .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl), .theme-teal .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.theme .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.theme-teal .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.theme .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.theme-teal .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.theme .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.theme-teal .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) {
  background-color: transparent !important;
  border-radius: var(--fieldRadius) !important;
  border-bottom-right-radius: unset !important;
  border-top-right-radius: unset !important;
}
.theme .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon, .theme-teal .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.theme .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.theme-teal .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.theme .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.theme-teal .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.theme .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.theme-teal .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon {
  color: var(--grayColor300) !important;
}
.theme .ag-theme-material .ag-icon-asc:before, .theme-teal .ag-theme-material .ag-icon-asc:before,
.theme .ag-theme-material .ag-icon-desc:before,
.theme-teal .ag-theme-material .ag-icon-desc:before {
  color: #00A896 !important;
}
.theme .ag-theme-material .ag-icon-checkbox-checked:hover, .theme-teal .ag-theme-material .ag-icon-checkbox-checked:hover {
  background-color: #005C4E !important;
}
.theme .ag-theme-material .ag-icon-checkbox-checked, .theme-teal .ag-theme-material .ag-icon-checkbox-checked {
  background-color: #005C4E !important;
}
.theme .ag-theme-material .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper.ag-checked, .theme-teal .ag-theme-material .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper.ag-checked {
  background: var(--checkboxBgColor) !important;
  border: 0.16em solid var(--checkboxBgColor) !important;
}
.theme .ag-theme-material .ag-root-wrapper-body .ag-checkbox-input-wrapper.ag-checked::after, .theme-teal .ag-theme-material .ag-root-wrapper-body .ag-checkbox-input-wrapper.ag-checked::after {
  color: #00A896 !important;
  border-top-color: #ffffff;
}
.theme .ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate::after, .theme-teal .ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate::after {
  color: #00A896 !important;
}
.theme .ag-theme-material .ag-row-highlight-above::after, .theme-teal .ag-theme-material .ag-row-highlight-above::after,
.theme .ag-theme-material .ag-row-highlight-below::after,
.theme-teal .ag-theme-material .ag-row-highlight-below::after {
  background-color: #00A896 !important;
}
.theme .ag-theme-material .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .theme-teal .ag-theme-material .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.theme .ag-theme-material .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button,
.theme-teal .ag-theme-material .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: #00A896 !important;
}
.theme .ag-theme-material .ag-cell.ag-context-menu-open, .theme-teal .ag-theme-material .ag-cell.ag-context-menu-open {
  border: 0.08em solid #00A896 !important;
}
.theme .pinned > .atv-mat-button button.mat-icon-stroked-circle atv-icon, .theme-teal .pinned > .atv-mat-button button.mat-icon-stroked-circle atv-icon,
.theme .pinned > .atv-mat-button button.mat-mdc-icon-button atv-icon,
.theme-teal .pinned > .atv-mat-button button.mat-mdc-icon-button atv-icon {
  color: #008F7F !important;
}
.theme .ag-root-wrapper, .theme-teal .ag-root-wrapper {
  border: none !important;
}
.theme .table-options .ag-row-selected, .theme-teal .table-options .ag-row-selected {
  color: var(--grayColor400);
  background-color: #B2E3DC;
}
.theme .table-options .ag-row-selected .ag-icon-grip:before, .theme-teal .table-options .ag-row-selected .ag-icon-grip:before,
.theme .table-options .ag-row-selected *,
.theme-teal .table-options .ag-row-selected * {
  color: var(--grayColor400);
}
.theme .table-options .ag-row:hover, .theme-teal .table-options .ag-row:hover {
  color: var(--grayColor400);
  background-color: #B2E3DC;
}
.theme .table-options .ag-row:hover .ag-icon-grip:before, .theme-teal .table-options .ag-row:hover .ag-icon-grip:before,
.theme .table-options .ag-row:hover *,
.theme-teal .table-options .ag-row:hover * {
  color: var(--grayColor400);
}
.theme .ag-menu-option-active, .theme-teal .ag-menu-option-active {
  color: #004339 !important;
  background-color: #B2E3DC !important;
}
.theme .ag-menu-option-active .ag-icon, .theme-teal .ag-menu-option-active .ag-icon {
  color: #004339 !important;
}
.theme .ag-grid-hover-wrapper atv-mat-button:hover .mat-icon, .theme-teal .ag-grid-hover-wrapper atv-mat-button:hover .mat-icon {
  color: #00A896 !important;
}
.theme .ag-dot-flashing, .theme-teal .ag-dot-flashing {
  background-color: #00A896 !important;
  color: #00A896 !important;
}
.theme .ag-theme-material .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) .input-label, .theme-teal .ag-theme-material .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) .input-label,
.theme .ag-theme-material .ag-ltr .ag-cell.ag-context-menu-open .input-label,
.theme-teal .ag-theme-material .ag-ltr .ag-cell.ag-context-menu-open .input-label,
.theme .ag-theme-material .ag-ltr .ag-cell-range-single-cell .input-label,
.theme-teal .ag-theme-material .ag-ltr .ag-cell-range-single-cell .input-label,
.theme .ag .input-field-parent .input-label,
.theme-teal .ag .input-field-parent .input-label {
  color: #757575 !important;
}
.theme .input_disabled .input-label, .theme-teal .input_disabled .input-label {
  color: #9e9e9e !important;
}
.theme -theme-material .ag-rtl .ag-cell.ag-context-menu-open, .theme-teal -theme-material .ag-rtl .ag-cell.ag-context-menu-open,
.theme .ag-theme-material .ag-rtl .ag-cell-range-single-cell,
.theme-teal .ag-theme-material .ag-rtl .ag-cell-range-single-cell,
.theme .ag-theme-material .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border-color: #00A896 !important;
}
.theme .selected .mat-mdc-calendar-body-cell-content, .theme-teal .selected .mat-mdc-calendar-body-cell-content {
  color: #ffffff !important;
  background-color: #005C4E !important;
}
.theme .mat-mdc-calendar-body-active .mat-mdc-calendar-body-selected, .theme-teal .mat-mdc-calendar-body-active .mat-mdc-calendar-body-selected {
  color: #ffffff !important;
  background-color: #005C4E !important;
}
.theme .mat-mdc-calendar-body-cell:not(.mat-mdc-calendar-body-disabled):hover > .mat-mdc-calendar-body-cell-content:not(.mat-mdc-calendar-body-selected):not(.mat-mdc-calendar-body-comparison-identical), .theme-teal .mat-mdc-calendar-body-cell:not(.mat-mdc-calendar-body-disabled):hover > .mat-mdc-calendar-body-cell-content:not(.mat-mdc-calendar-body-selected):not(.mat-mdc-calendar-body-comparison-identical),
.theme .cdk-keyboard-focused .mat-mdc-calendar-body-active > .mat-mdc-calendar-body-cell-content:not(.mat-mdc-calendar-body-selected):not(.mat-mdc-calendar-body-comparison-identical),
.theme-teal .cdk-keyboard-focused .mat-mdc-calendar-body-active > .mat-mdc-calendar-body-cell-content:not(.mat-mdc-calendar-body-selected):not(.mat-mdc-calendar-body-comparison-identical) {
  background-color: #008F7F !important;
  color: #ffffff !important;
}
.theme .custom-date-class, .theme-teal .custom-date-class {
  background-color: #B2E3DC !important;
}
.theme .menu-select-btn, .theme-teal .menu-select-btn {
  background-color: #00A896 !important;
  color: #ffffff !important;
}
.theme .menu-select:hover, .theme-teal .menu-select:hover, .theme .menu-select:focus-within, .theme-teal .menu-select:focus-within {
  border-color: #008F7F !important;
}
.theme .desktop-slider-controls-hover:hover, .theme-teal .desktop-slider-controls-hover:hover {
  background-color: #B2E3DC;
}
.theme .desktop-slider-thumbnails-list .circle.selected, .theme-teal .desktop-slider-thumbnails-list .circle.selected {
  color: #26D1B4;
}
.theme .input-field-parent .input-label, .theme-teal .input-field-parent .input-label {
  color: #757575;
}
.theme .input_disabled .input-label, .theme-teal .input_disabled .input-label,
.theme .select_disabled .input-label,
.theme-teal .select_disabled .input-label {
  color: var(--fieldDisabledLabelColor) !important;
}
.theme .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover, .theme-teal .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover,
.theme .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover,
.theme-teal .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover,
.theme .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover,
.theme-teal .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover {
  background-color: transparent !important;
  color: #00A896 !important;
}
.theme .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover atv-icon, .theme-teal .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover atv-icon,
.theme .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover atv-icon,
.theme-teal .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover atv-icon,
.theme .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover atv-icon,
.theme-teal .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover atv-icon {
  color: #00A896 !important;
}
.theme .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover mat-icon, .theme-teal .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover mat-icon,
.theme .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover mat-icon,
.theme-teal .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover mat-icon,
.theme .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover mat-icon,
.theme-teal .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover mat-icon {
  color: #00A896 !important;
}
.theme .color-primary-10, .theme-teal .color-primary-10 {
  color: #E0F5F2 !important;
}
.theme .bg-primary-10, .theme-teal .bg-primary-10 {
  background-color: #E0F5F2 !important;
}
.theme .border-primary-10, .theme-teal .border-primary-10 {
  border-color: #E0F5F2 !important;
}
.theme .border-solid-primary-10, .theme-teal .border-solid-primary-10 {
  border: 0.09em solid #E0F5F2 !important;
}
.theme .color-primary-50, .theme-teal .color-primary-50 {
  color: #B2E3DC !important;
}
.theme .bg-primary-50, .theme-teal .bg-primary-50 {
  background-color: #B2E3DC !important;
}
.theme .border-primary-50, .theme-teal .border-primary-50 {
  border-color: #B2E3DC !important;
}
.theme .border-solid-primary-50, .theme-teal .border-solid-primary-50 {
  border: 0.09em solid #B2E3DC !important;
}
.theme .color-primary-100, .theme-teal .color-primary-100 {
  color: #80CFC6 !important;
}
.theme .bg-primary-100, .theme-teal .bg-primary-100 {
  background-color: #80CFC6 !important;
}
.theme .border-primary-100, .theme-teal .border-primary-100 {
  border-color: #80CFC6 !important;
}
.theme .border-solid-primary-100, .theme-teal .border-solid-primary-100 {
  border: 0.09em solid #80CFC6 !important;
}
.theme .color-primary-200, .theme-teal .color-primary-200 {
  color: #4DBBB0 !important;
}
.theme .bg-primary-200, .theme-teal .bg-primary-200 {
  background-color: #4DBBB0 !important;
}
.theme .border-primary-200, .theme-teal .border-primary-200 {
  border-color: #4DBBB0 !important;
}
.theme .border-solid-primary-200, .theme-teal .border-solid-primary-200 {
  border: 0.09em solid #4DBBB0 !important;
}
.theme .color-primary-300, .theme-teal .color-primary-300 {
  color: #26AB9E !important;
}
.theme .bg-primary-300, .theme-teal .bg-primary-300 {
  background-color: #26AB9E !important;
}
.theme .border-primary-300, .theme-teal .border-primary-300 {
  border-color: #26AB9E !important;
}
.theme .border-solid-primary-300, .theme-teal .border-solid-primary-300 {
  border: 0.09em solid #26AB9E !important;
}
.theme .color-primary-400, .theme-teal .color-primary-400 {
  color: #009E8F !important;
}
.theme .bg-primary-400, .theme-teal .bg-primary-400 {
  background-color: #009E8F !important;
}
.theme .border-primary-400, .theme-teal .border-primary-400 {
  border-color: #009E8F !important;
}
.theme .border-solid-primary-400, .theme-teal .border-solid-primary-400 {
  border: 0.09em solid #009E8F !important;
}
.theme .color-primary-500, .theme-teal .color-primary-500 {
  color: #009688 !important;
}
.theme .bg-primary-500, .theme-teal .bg-primary-500 {
  background-color: #009688 !important;
}
.theme .border-primary-500, .theme-teal .border-primary-500 {
  border-color: #009688 !important;
}
.theme .border-solid-primary-500, .theme-teal .border-solid-primary-500 {
  border: 0.09em solid #009688 !important;
}
.theme .color-primary-600, .theme-teal .color-primary-600 {
  color: #00857A !important;
}
.theme .bg-primary-600, .theme-teal .bg-primary-600 {
  background-color: #00857A !important;
}
.theme .border-primary-600, .theme-teal .border-primary-600 {
  border-color: #00857A !important;
}
.theme .border-solid-primary-600, .theme-teal .border-solid-primary-600 {
  border: 0.09em solid #00857A !important;
}
.theme .color-primary-700, .theme-teal .color-primary-700 {
  color: #00726A !important;
}
.theme .bg-primary-700, .theme-teal .bg-primary-700 {
  background-color: #00726A !important;
}
.theme .border-primary-700, .theme-teal .border-primary-700 {
  border-color: #00726A !important;
}
.theme .border-solid-primary-700, .theme-teal .border-solid-primary-700 {
  border: 0.09em solid #00726A !important;
}
.theme .color-primary-800, .theme-teal .color-primary-800 {
  color: #005F57 !important;
}
.theme .bg-primary-800, .theme-teal .bg-primary-800 {
  background-color: #005F57 !important;
}
.theme .border-primary-800, .theme-teal .border-primary-800 {
  border-color: #005F57 !important;
}
.theme .border-solid-primary-800, .theme-teal .border-solid-primary-800 {
  border: 0.09em solid #005F57 !important;
}
.theme .color-primary-900, .theme-teal .color-primary-900 {
  color: #004A44 !important;
}
.theme .bg-primary-900, .theme-teal .bg-primary-900 {
  background-color: #004A44 !important;
}
.theme .border-primary-900, .theme-teal .border-primary-900 {
  border-color: #004A44 !important;
}
.theme .border-solid-primary-900, .theme-teal .border-solid-primary-900 {
  border: 0.09em solid #004A44 !important;
}
.theme .color-accent-10, .theme-teal .color-accent-10 {
  color: #E0FAF6 !important;
}
.theme .bg-accent-10, .theme-teal .bg-accent-10 {
  background-color: #E0FAF6 !important;
}
.theme .border-accent-10, .theme-teal .border-accent-10 {
  border-color: #E0FAF6 !important;
}
.theme .border-solid-accent-10, .theme-teal .border-solid-accent-10 {
  border: 0.09em solid #E0FAF6 !important;
}
.theme .color-accent-50, .theme-teal .color-accent-50 {
  color: #B3F0E6 !important;
}
.theme .bg-accent-50, .theme-teal .bg-accent-50 {
  background-color: #B3F0E6 !important;
}
.theme .border-accent-50, .theme-teal .border-accent-50 {
  border-color: #B3F0E6 !important;
}
.theme .border-solid-accent-50, .theme-teal .border-solid-accent-50 {
  border: 0.09em solid #B3F0E6 !important;
}
.theme .color-accent-100, .theme-teal .color-accent-100 {
  color: #80E5D4 !important;
}
.theme .bg-accent-100, .theme-teal .bg-accent-100 {
  background-color: #80E5D4 !important;
}
.theme .border-accent-100, .theme-teal .border-accent-100 {
  border-color: #80E5D4 !important;
}
.theme .border-solid-accent-100, .theme-teal .border-solid-accent-100 {
  border: 0.09em solid #80E5D4 !important;
}
.theme .color-accent-200, .theme-teal .color-accent-200 {
  color: #4DDAC2 !important;
}
.theme .bg-accent-200, .theme-teal .bg-accent-200 {
  background-color: #4DDAC2 !important;
}
.theme .border-accent-200, .theme-teal .border-accent-200 {
  border-color: #4DDAC2 !important;
}
.theme .border-solid-accent-200, .theme-teal .border-solid-accent-200 {
  border: 0.09em solid #4DDAC2 !important;
}
.theme .color-accent-300, .theme-teal .color-accent-300 {
  color: #26D1B4 !important;
}
.theme .bg-accent-300, .theme-teal .bg-accent-300 {
  background-color: #26D1B4 !important;
}
.theme .border-accent-300, .theme-teal .border-accent-300 {
  border-color: #26D1B4 !important;
}
.theme .border-solid-accent-300, .theme-teal .border-solid-accent-300 {
  border: 0.09em solid #26D1B4 !important;
}
.theme .color-accent-400, .theme-teal .color-accent-400 {
  color: #00C8A8 !important;
}
.theme .bg-accent-400, .theme-teal .bg-accent-400 {
  background-color: #00C8A8 !important;
}
.theme .border-accent-400, .theme-teal .border-accent-400 {
  border-color: #00C8A8 !important;
}
.theme .border-solid-accent-400, .theme-teal .border-solid-accent-400 {
  border: 0.09em solid #00C8A8 !important;
}
.theme .color-accent-500, .theme-teal .color-accent-500 {
  color: #00A896 !important;
}
.theme .bg-accent-500, .theme-teal .bg-accent-500 {
  background-color: #00A896 !important;
}
.theme .border-accent-500, .theme-teal .border-accent-500 {
  border-color: #00A896 !important;
}
.theme .border-solid-accent-500, .theme-teal .border-solid-accent-500 {
  border: 0.09em solid #00A896 !important;
}
.theme .color-accent-600, .theme-teal .color-accent-600 {
  color: #008F7F !important;
}
.theme .bg-accent-600, .theme-teal .bg-accent-600 {
  background-color: #008F7F !important;
}
.theme .border-accent-600, .theme-teal .border-accent-600 {
  border-color: #008F7F !important;
}
.theme .border-solid-accent-600, .theme-teal .border-solid-accent-600 {
  border: 0.09em solid #008F7F !important;
}
.theme .color-accent-700, .theme-teal .color-accent-700 {
  color: #007566 !important;
}
.theme .bg-accent-700, .theme-teal .bg-accent-700 {
  background-color: #007566 !important;
}
.theme .border-accent-700, .theme-teal .border-accent-700 {
  border-color: #007566 !important;
}
.theme .border-solid-accent-700, .theme-teal .border-solid-accent-700 {
  border: 0.09em solid #007566 !important;
}
.theme .color-accent-800, .theme-teal .color-accent-800 {
  color: #005C4E !important;
}
.theme .bg-accent-800, .theme-teal .bg-accent-800 {
  background-color: #005C4E !important;
}
.theme .border-accent-800, .theme-teal .border-accent-800 {
  border-color: #005C4E !important;
}
.theme .border-solid-accent-800, .theme-teal .border-solid-accent-800 {
  border: 0.09em solid #005C4E !important;
}
.theme .color-accent-900, .theme-teal .color-accent-900 {
  color: #004339 !important;
}
.theme .bg-accent-900, .theme-teal .bg-accent-900 {
  background-color: #004339 !important;
}
.theme .border-accent-900, .theme-teal .border-accent-900 {
  border-color: #004339 !important;
}
.theme .border-solid-accent-900, .theme-teal .border-solid-accent-900 {
  border: 0.09em solid #004339 !important;
}
.theme .color-warn-10, .theme-teal .color-warn-10 {
  color: #FFFBFA !important;
}
.theme .bg-warn-10, .theme-teal .bg-warn-10 {
  background-color: #FFFBFA !important;
}
.theme .border-warn-10, .theme-teal .border-warn-10 {
  border-color: #FFFBFA !important;
}
.theme .border-solid-warn-10, .theme-teal .border-solid-warn-10 {
  border: 0.09em solid #FFFBFA !important;
}
.theme .color-warn-50, .theme-teal .color-warn-50 {
  color: #FEF3F2 !important;
}
.theme .bg-warn-50, .theme-teal .bg-warn-50 {
  background-color: #FEF3F2 !important;
}
.theme .border-warn-50, .theme-teal .border-warn-50 {
  border-color: #FEF3F2 !important;
}
.theme .border-solid-warn-50, .theme-teal .border-solid-warn-50 {
  border: 0.09em solid #FEF3F2 !important;
}
.theme .color-warn-100, .theme-teal .color-warn-100 {
  color: #FEE4E2 !important;
}
.theme .bg-warn-100, .theme-teal .bg-warn-100 {
  background-color: #FEE4E2 !important;
}
.theme .border-warn-100, .theme-teal .border-warn-100 {
  border-color: #FEE4E2 !important;
}
.theme .border-solid-warn-100, .theme-teal .border-solid-warn-100 {
  border: 0.09em solid #FEE4E2 !important;
}
.theme .color-warn-200, .theme-teal .color-warn-200 {
  color: #FECDCA !important;
}
.theme .bg-warn-200, .theme-teal .bg-warn-200 {
  background-color: #FECDCA !important;
}
.theme .border-warn-200, .theme-teal .border-warn-200 {
  border-color: #FECDCA !important;
}
.theme .border-solid-warn-200, .theme-teal .border-solid-warn-200 {
  border: 0.09em solid #FECDCA !important;
}
.theme .color-warn-300, .theme-teal .color-warn-300 {
  color: #FDA29B !important;
}
.theme .bg-warn-300, .theme-teal .bg-warn-300 {
  background-color: #FDA29B !important;
}
.theme .border-warn-300, .theme-teal .border-warn-300 {
  border-color: #FDA29B !important;
}
.theme .border-solid-warn-300, .theme-teal .border-solid-warn-300 {
  border: 0.09em solid #FDA29B !important;
}
.theme .color-warn-400, .theme-teal .color-warn-400 {
  color: #F97066 !important;
}
.theme .bg-warn-400, .theme-teal .bg-warn-400 {
  background-color: #F97066 !important;
}
.theme .border-warn-400, .theme-teal .border-warn-400 {
  border-color: #F97066 !important;
}
.theme .border-solid-warn-400, .theme-teal .border-solid-warn-400 {
  border: 0.09em solid #F97066 !important;
}
.theme .color-warn-500, .theme-teal .color-warn-500 {
  color: #F04438 !important;
}
.theme .bg-warn-500, .theme-teal .bg-warn-500 {
  background-color: #F04438 !important;
}
.theme .border-warn-500, .theme-teal .border-warn-500 {
  border-color: #F04438 !important;
}
.theme .border-solid-warn-500, .theme-teal .border-solid-warn-500 {
  border: 0.09em solid #F04438 !important;
}
.theme .color-warn-600, .theme-teal .color-warn-600 {
  color: #D92D20 !important;
}
.theme .bg-warn-600, .theme-teal .bg-warn-600 {
  background-color: #D92D20 !important;
}
.theme .border-warn-600, .theme-teal .border-warn-600 {
  border-color: #D92D20 !important;
}
.theme .border-solid-warn-600, .theme-teal .border-solid-warn-600 {
  border: 0.09em solid #D92D20 !important;
}
.theme .color-warn-700, .theme-teal .color-warn-700 {
  color: #B42318 !important;
}
.theme .bg-warn-700, .theme-teal .bg-warn-700 {
  background-color: #B42318 !important;
}
.theme .border-warn-700, .theme-teal .border-warn-700 {
  border-color: #B42318 !important;
}
.theme .border-solid-warn-700, .theme-teal .border-solid-warn-700 {
  border: 0.09em solid #B42318 !important;
}
.theme .color-warn-800, .theme-teal .color-warn-800 {
  color: #912018 !important;
}
.theme .bg-warn-800, .theme-teal .bg-warn-800 {
  background-color: #912018 !important;
}
.theme .border-warn-800, .theme-teal .border-warn-800 {
  border-color: #912018 !important;
}
.theme .border-solid-warn-800, .theme-teal .border-solid-warn-800 {
  border: 0.09em solid #912018 !important;
}
.theme .color-warn-900, .theme-teal .color-warn-900 {
  color: #7A271A !important;
}
.theme .bg-warn-900, .theme-teal .bg-warn-900 {
  background-color: #7A271A !important;
}
.theme .border-warn-900, .theme-teal .border-warn-900 {
  border-color: #7A271A !important;
}
.theme .border-solid-warn-900, .theme-teal .border-solid-warn-900 {
  border: 0.09em solid #7A271A !important;
}
.theme .box-shadow, .theme-teal .box-shadow {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.theme .color-gray-10, .theme-teal .color-gray-10 {
  color: #ffffff !important;
}
.theme .bg-gray-10, .theme-teal .bg-gray-10 {
  background-color: #ffffff !important;
}
.theme .border-gray-10, .theme-teal .border-gray-10 {
  border-color: #ffffff !important;
}
.theme .border-solid-gray-10, .theme-teal .border-solid-gray-10 {
  border: 0.09em solid #ffffff !important;
}
.theme .color-gray-50, .theme-teal .color-gray-50 {
  color: #fafafa !important;
}
.theme .bg-gray-50, .theme-teal .bg-gray-50 {
  background-color: #fafafa !important;
}
.theme .border-gray-50, .theme-teal .border-gray-50 {
  border-color: #fafafa !important;
}
.theme .border-solid-gray-50, .theme-teal .border-solid-gray-50 {
  border: 0.09em solid #fafafa !important;
}
.theme .color-gray-100, .theme-teal .color-gray-100 {
  color: #f5f5f5 !important;
}
.theme .bg-gray-100, .theme-teal .bg-gray-100 {
  background-color: #f5f5f5 !important;
}
.theme .border-gray-100, .theme-teal .border-gray-100 {
  border-color: #f5f5f5 !important;
}
.theme .border-solid-gray-100, .theme-teal .border-solid-gray-100 {
  border: 0.09em solid #f5f5f5 !important;
}
.theme .color-gray-200, .theme-teal .color-gray-200 {
  color: #eeeeee !important;
}
.theme .bg-gray-200, .theme-teal .bg-gray-200 {
  background-color: #eeeeee !important;
}
.theme .border-gray-200, .theme-teal .border-gray-200 {
  border-color: #eeeeee !important;
}
.theme .border-solid-gray-200, .theme-teal .border-solid-gray-200 {
  border: 0.09em solid #eeeeee !important;
}
.theme .color-gray-300, .theme-teal .color-gray-300 {
  color: #e0e0e0 !important;
}
.theme .bg-gray-300, .theme-teal .bg-gray-300 {
  background-color: #e0e0e0 !important;
}
.theme .border-gray-300, .theme-teal .border-gray-300 {
  border-color: #e0e0e0 !important;
}
.theme .border-solid-gray-300, .theme-teal .border-solid-gray-300 {
  border: 0.09em solid #e0e0e0 !important;
}
.theme .color-gray-400, .theme-teal .color-gray-400 {
  color: #bdbdbd !important;
}
.theme .bg-gray-400, .theme-teal .bg-gray-400 {
  background-color: #bdbdbd !important;
}
.theme .border-gray-400, .theme-teal .border-gray-400 {
  border-color: #bdbdbd !important;
}
.theme .border-solid-gray-400, .theme-teal .border-solid-gray-400 {
  border: 0.09em solid #bdbdbd !important;
}
.theme .color-gray-500, .theme-teal .color-gray-500 {
  color: #9e9e9e !important;
}
.theme .bg-gray-500, .theme-teal .bg-gray-500 {
  background-color: #9e9e9e !important;
}
.theme .border-gray-500, .theme-teal .border-gray-500 {
  border-color: #9e9e9e !important;
}
.theme .border-solid-gray-500, .theme-teal .border-solid-gray-500 {
  border: 0.09em solid #9e9e9e !important;
}
.theme .color-gray-600, .theme-teal .color-gray-600 {
  color: #757575 !important;
}
.theme .bg-gray-600, .theme-teal .bg-gray-600 {
  background-color: #757575 !important;
}
.theme .border-gray-600, .theme-teal .border-gray-600 {
  border-color: #757575 !important;
}
.theme .border-solid-gray-600, .theme-teal .border-solid-gray-600 {
  border: 0.09em solid #757575 !important;
}
.theme .color-gray-700, .theme-teal .color-gray-700 {
  color: #616161 !important;
}
.theme .bg-gray-700, .theme-teal .bg-gray-700 {
  background-color: #616161 !important;
}
.theme .border-gray-700, .theme-teal .border-gray-700 {
  border-color: #616161 !important;
}
.theme .border-solid-gray-700, .theme-teal .border-solid-gray-700 {
  border: 0.09em solid #616161 !important;
}
.theme .color-gray-800, .theme-teal .color-gray-800 {
  color: #424242 !important;
}
.theme .bg-gray-800, .theme-teal .bg-gray-800 {
  background-color: #424242 !important;
}
.theme .border-gray-800, .theme-teal .border-gray-800 {
  border-color: #424242 !important;
}
.theme .border-solid-gray-800, .theme-teal .border-solid-gray-800 {
  border: 0.09em solid #424242 !important;
}
.theme .color-gray-900, .theme-teal .color-gray-900 {
  color: #212121 !important;
}
.theme .bg-gray-900, .theme-teal .bg-gray-900 {
  background-color: #212121 !important;
}
.theme .border-gray-900, .theme-teal .border-gray-900 {
  border-color: #212121 !important;
}
.theme .border-solid-gray-900, .theme-teal .border-solid-gray-900 {
  border: 0.09em solid #212121 !important;
}
.theme .bg-color-10, .theme-teal .bg-color-10 {
  background-color: #ffffff !important;
}
.theme .bg-color-50, .theme-teal .bg-color-50 {
  background-color: #fafafa !important;
}
.theme .bg-color-100, .theme-teal .bg-color-100 {
  background-color: #f5f5f5 !important;
}
.theme .bg-color-200, .theme-teal .bg-color-200 {
  background-color: #eeeeee !important;
}
.theme .bg-color-300, .theme-teal .bg-color-300 {
  background-color: #e0e0e0 !important;
}
.theme .bg-color-400, .theme-teal .bg-color-400 {
  background-color: #bdbdbd !important;
}
.theme .bg-color-500, .theme-teal .bg-color-500 {
  background-color: #9e9e9e !important;
}
.theme .bg-color-600, .theme-teal .bg-color-600 {
  background-color: #757575 !important;
}
.theme .bg-color-700, .theme-teal .bg-color-700 {
  background-color: #616161 !important;
}
.theme .bg-color-800, .theme-teal .bg-color-800 {
  background-color: #424242 !important;
}
.theme .bg-color-900, .theme-teal .bg-color-900 {
  background-color: #212121 !important;
}
.theme .ck.ck-list__item .ck-button.ck-on, .theme-teal .ck.ck-list__item .ck-button.ck-on {
  color: #ffffff;
  background-color: #00A896;
  display: flex;
}
.theme .ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled), .theme-teal .ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled) {
  color: #ffffff;
  background-color: #00A896;
  display: flex;
}
.theme .ck.ck-list__item .ck-button, .theme-teal .ck.ck-list__item .ck-button {
  display: flex;
}
.theme .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on, .theme-teal .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on {
  background-color: #00A896;
  color: #ffffff !important;
}
.theme .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on .ck-icon, .theme-teal .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on .ck-icon {
  color: #ffffff !important;
}
.theme .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on.ck-dropdown__button svg.ck .ck-icon .ck-button__icon path, .theme-teal .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on.ck-dropdown__button svg.ck .ck-icon .ck-button__icon path {
  fill: #00A896 !important;
}
.theme .editor-section .ck-toolbar .ck-button.ck-on, .theme-teal .editor-section .ck-toolbar .ck-button.ck-on {
  color: #00A896 !important;
}
.theme .editor-section button.ck.ck-button.ck-on.ck-button_with-text.ck-dropdown__button, .theme-teal .editor-section button.ck.ck-button.ck-on.ck-button_with-text.ck-dropdown__button {
  color: #ffffff !important;
}
.theme .editor-section .ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button, .theme-teal .editor-section .ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
  background: #00A896 !important;
}
.theme .editor-section .ck-widget.table td.ck-editor__nested-editable:focus, .theme-teal .editor-section .ck-widget.table td.ck-editor__nested-editable:focus {
  background: #00A896 !important;
  outline: #00A896 !important;
}
.theme .editor-section .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle, .theme-teal .editor-section .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  background-color: #00A896 !important;
}
.theme .editor-section .ck-content .table table, .theme-teal .editor-section .ck-content .table table {
  border-color: #00A896;
}
.theme .editor-section .ck .ck-widget:hover, .theme-teal .editor-section .ck .ck-widget:hover {
  outline-color: #00A896 !important;
}
.theme .editor-section .ck .ck-insert-table-dropdown-grid-box.ck-on, .theme-teal .editor-section .ck .ck-insert-table-dropdown-grid-box.ck-on {
  border-color: #00A896 !important;
  background: #00A896 !important;
}
.theme .notification-b-box, .theme-teal .notification-b-box {
  background-color: #fafafa;
  border: 0.08em solid #f5f5f5;
  box-sizing: border-box;
  border-radius: 0.45em;
  min-height: 6.1em;
  margin-bottom: 1em;
}
.theme .notification-b-box a, .theme-teal .notification-b-box a {
  color: #00A896;
}
.theme .week .mat-mdc-calendar-body-range-start .mat-mdc-calendar-body-selected, .theme-teal .week .mat-mdc-calendar-body-range-start .mat-mdc-calendar-body-selected {
  background-color: #009688 !important;
}
.theme .week .mat-mdc-calendar-body-range-end .mat-mdc-calendar-body-selected, .theme-teal .week .mat-mdc-calendar-body-range-end .mat-mdc-calendar-body-selected {
  background-color: #009688 !important;
}
.theme .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-number, .theme-teal .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-number {
  background-color: #009688 !important;
}
.theme .fc-timeGridWeek-view .fc-day-today .fc-col-header-cell-cushion, .theme-teal .fc-timeGridWeek-view .fc-day-today .fc-col-header-cell-cushion {
  background-color: #009688 !important;
}
.theme .tree-item-row:hover > *, .theme-teal .tree-item-row:hover > * {
  color: #00A896;
  cursor: pointer;
}
.theme .form-drag-box:active .form-drag-box-icon .mat-icon, .theme-teal .form-drag-box:active .form-drag-box-icon .mat-icon {
  color: #00A896 !important;
}
.theme .form-drag-box:hover, .theme-teal .form-drag-box:hover {
  border-color: #00A896 !important;
}
.theme .dndDragging, .theme-teal .dndDragging {
  border-color: transparent !important;
}
.theme .dndDragging .form-drag-box, .theme-teal .dndDragging .form-drag-box {
  background-color: #005C4E !important;
  color: #ffffff !important;
}
.theme .dndDragging .form-drag-box .mat-icon > svg > path, .theme-teal .dndDragging .form-drag-box .mat-icon > svg > path {
  stroke: #ffffff !important;
}
.theme .dndDragging .form-drag-box .form-drag-box-icon .mat-icon, .theme-teal .dndDragging .form-drag-box .form-drag-box-icon .mat-icon {
  color: #ffffff !important;
}
.theme .dndDraggingSource .form-drag-box, .theme-teal .dndDraggingSource .form-drag-box {
  background-color: #B3F0E6 !important;
  color: #00A896 !important;
}
.theme .dndDraggingSource .form-drag-box .mat-icon > svg > path, .theme-teal .dndDraggingSource .form-drag-box .mat-icon > svg > path {
  stroke: #00A896 !important;
}
.theme .dndDraggingSource .form-drag-box .form-drag-box-icon .mat-icon, .theme-teal .dndDraggingSource .form-drag-box .form-drag-box-icon .mat-icon {
  color: #00A896 !important;
}
.theme .ent-chat-content .sendBtn .atv-mat-button button, .theme-teal .ent-chat-content .sendBtn .atv-mat-button button {
  background-color: #00A896 !important;
}
.theme .sv-annotation-tools-icon:hover, .theme-teal .sv-annotation-tools-icon:hover {
  background-color: #B3F0E6;
}
.theme .sv-annotation-page-select:hover, .theme-teal .sv-annotation-page-select:hover {
  outline-color: #009688 !important;
}
.theme .annotate-control-menu.active, .theme-teal .annotate-control-menu.active, .theme .annotate-control-menu:hover, .theme-teal .annotate-control-menu:hover {
  background-color: #00A896 !important;
  color: #ffffff;
}
.theme .iconTooltip:hover, .theme-teal .iconTooltip:hover {
  color: #00A896 !important;
}
.theme .histories-timeline-item-process-circle, .theme-teal .histories-timeline-item-process-circle, .theme .histories-timeline-item-process-circle-progress-active, .theme-teal .histories-timeline-item-process-circle-progress-active, .theme .histories-timeline-item-dynamic-process-circle, .theme-teal .histories-timeline-item-dynamic-process-circle, .theme .histories-timeline-item-dynamic-process-circle-progress-active, .theme-teal .histories-timeline-item-dynamic-process-circle-progress-active {
  background-color: #00A896 !important;
}
.theme .histories-timeline-item-process-line, .theme-teal .histories-timeline-item-process-line, .theme .histories-timeline-item-dynamic-process-line, .theme-teal .histories-timeline-item-dynamic-process-line {
  background-color: #00A896 !important;
}
.theme .histories-timeline-item-comment a, .theme-teal .histories-timeline-item-comment a {
  color: #00A896;
  text-decoration: none;
}
.theme .custom-select .mat-mdc-form-field-wrapper .mat-mdc-form-field-outline, .theme-teal .custom-select .mat-mdc-form-field-wrapper .mat-mdc-form-field-outline {
  background-color: #00A896;
}
.theme .mat-mdc-form-field-error:dir(ltr), .theme-teal .mat-mdc-form-field-error:dir(ltr) {
  float: var(--fieldErrorLtrMsgAlignment) !important;
  max-width: 100%;
}
.theme .mat-mdc-form-field-error:dir(rtl), .theme-teal .mat-mdc-form-field-error:dir(rtl) {
  float: var(--fieldErrorRtlMsgAlignment) !important;
  max-width: 100%;
}
.theme .mat-mdc-form-field-error > span, .theme-teal .mat-mdc-form-field-error > span {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  color: var(--fieldHintErrorColor);
  font-weight: var(--fieldTextFontWeight);
}
.theme .dot3-loader, .theme-teal .dot3-loader {
  width: 5em;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#00A896 75%,transparent);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  color: #00A896;
  background-size: 33.3333333333% 50%;
  animation: d3 1s infinite linear;
}
@keyframes d3 {
  20% {
    background-position: 0% 0%, 50% 50%, 100% 50%;
  }
  40% {
    background-position: 0% 100%, 50% 0%, 100% 50%;
  }
  60% {
    background-position: 0% 50%, 50% 100%, 100% 0%;
  }
  80% {
    background-position: 0% 50%, 50% 50%, 100% 100%;
  }
}
.theme .spinner-loader, .theme-teal .spinner-loader {
  width: 8vmax;
  height: 8vmax;
  border-right: 0.33em solid #00A896;
  border-radius: 100%;
  animation: spinRight 800ms linear infinite;
}
.theme .spinner-loader:before, .theme-teal .spinner-loader:before, .theme .spinner-loader:after, .theme-teal .spinner-loader:after {
  content: "";
  width: 6vmax;
  height: 6vmax;
  display: block;
  position: absolute;
  top: calc(50% - 3vmax);
  left: calc(50% - 3vmax);
  border-left: 0.25em solid #00A896;
  border-radius: 100%;
  animation: spinLeft 800ms linear infinite;
}
.theme .spinner-loader:after, .theme-teal .spinner-loader:after {
  width: 4vmax;
  height: 4vmax;
  top: calc(50% - 2vmax);
  left: calc(50% - 2vmax);
  border: 0;
  border-right: 0.17em solid #00A896;
  animation: none;
}
@keyframes spinLeft {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg);
  }
}
@keyframes spinRight {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.theme .custom-chips, .theme-teal .custom-chips {
  border-radius: 1.39em !important;
  color: #00A896 !important;
  background: transparent !important;
  word-break: unset !important;
}
.theme .custom-chips:active, .theme-teal .custom-chips:active {
  background-color: transparent !important;
}
.theme .chip-ellip, .theme-teal .chip-ellip {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  max-width: 15em !important;
}
.theme .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .theme-teal .mat-stepper-label-position-bottom .mat-horizontal-stepper-header {
  padding: 1.23em 1em 1em !important;
}
.theme .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after, .theme-teal .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after, .theme .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, .theme-teal .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before {
  width: calc(49% - 1em) !important;
}
.theme .mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label, .theme-teal .mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label {
  padding: 0.8em 0 0 0 !important;
  text-align: center;
  width: 100%;
}
.theme .default-chip, .theme-teal .default-chip {
  color: #00A896;
  margin-top: -0.15em;
  font-weight: 500;
}
.theme .default-chip__remove-icon, .theme-teal .default-chip__remove-icon {
  color: var(--grayColor900) !important;
  opacity: 1 !important;
  margin-left: 0.17em !important;
  font-size: 1.39em !important;
}
.theme .mdc-radio--disabled + label .disabled, .theme-teal .mdc-radio--disabled + label .disabled {
  color: var(--grayColor400);
}
.theme .mat-mdc-standard-chip, .theme-teal .mat-mdc-standard-chip {
  border-radius: var(--chipRadius);
  background: var(--accentColor50);
  background-color: var(--accentColor50);
  border: 0.09em solid #00A896;
}
.theme .mat-mdc-select-disabled .mat-mdc-select-value, .theme-teal .mat-mdc-select-disabled .mat-mdc-select-value {
  color: var(--fieldDisabledTextColor);
}
.theme .mat-mdc-select-value, .theme-teal .mat-mdc-select-value {
  color: var(--fieldTextColor);
}
.theme .mat-mdc-dialog-content, .theme-teal .mat-mdc-dialog-content {
  color: #212121;
  border: 0.08em solid var(--grayColor100);
  background: #ffffff;
}
.theme .mat-mdc-dialog-container, .theme-teal .mat-mdc-dialog-container, .theme .mat-mdc-dialog-container .mdc-dialog__container, .theme-teal .mat-mdc-dialog-container .mdc-dialog__container, .theme .mat-mdc-dialog-container .mdc-dialog__surface, .theme-teal .mat-mdc-dialog-container .mdc-dialog__surface {
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  direction: var(--direction);
}
.theme .mat-mdc-dialog-container, .theme-teal .mat-mdc-dialog-container {
  height: inherit !important;
  color: #212121;
  border: none;
  background: transparent;
  direction: var(--direction);
}
.theme .mat-mdc-dialog-container .mdc-dialog__surface, .theme-teal .mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--bgColor10);
  border: 0.08em solid var(--grayColor100);
  border-radius: var(--dialogRadius);
  direction: var(--direction);
}
.theme .ck.ck-editor__main > .ck-editor__editable, .theme-teal .ck.ck-editor__main > .ck-editor__editable {
  background-color: #ffffff;
}
.theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel, .theme-teal .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-radius: var(--fieldRadius) !important;
  direction: var(--direction);
  box-shadow: 0 4px 6px 0px var(--grayColor200) !important;
  border: 0.1em solid var(--dropdownBorderColor);
  margin-top: 0.4em;
  padding: 0em !important;
}
.theme .mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel, .theme-teal .mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel {
  border-radius: var(--fieldRadius) !important;
  direction: var(--direction);
  box-shadow: 0 -4px 6px 0px var(--grayColor200) !important;
  border: 0.1em solid var(--dropdownBorderColor);
  margin-bottom: 0.1em;
  padding: 0em !important;
}
.theme .mat-mdc-select-panel-above div.mat-mdc-select-panel, .theme-teal .mat-mdc-select-panel-above div.mat-mdc-select-panel {
  border-radius: var(--fieldRadius) !important;
  direction: var(--direction);
  box-shadow: 0 -4px 6px 0px var(--grayColor200) !important;
  border: 0.1em solid var(--dropdownBorderColor);
  margin-bottom: 0.1em;
  padding: 0em !important;
}
.theme .mat-mdc-select-panel, .theme-teal .mat-mdc-select-panel {
  background-color: #ffffff;
}
.theme .mat-mdc-pseudo-checkbox, .theme-teal .mat-mdc-pseudo-checkbox {
  color: #757575;
}
.theme .mat-drawer-container, .theme-teal .mat-drawer-container {
  background-color: #ffffff;
  color: #212121;
}
.theme .mat-drawer, .theme-teal .mat-drawer {
  color: #ffffff;
  background-color: #ffffff;
}
.theme .checkbox__lable--normal, .theme-teal .checkbox__lable--normal {
  color: var(--grayColor600);
}
.theme .mat-mdc-radio-checked .mat-mdc-label, .theme-teal .mat-mdc-radio-checked .mat-mdc-label {
  color: var(--fieldTextColor);
}
.theme .mat-button-toggle, .theme-teal .mat-button-toggle {
  color: var(--grayColor600);
}
.theme .mat-mdc-tab-list, .theme-teal .mat-mdc-tab-list {
  background: var(--tabBgColor);
}
.theme .dynamic-view.edit-display-element .mat-mdc-tab-body-content, .theme-teal .dynamic-view.edit-display-element .mat-mdc-tab-body-content {
  background: var(--bgColor10);
}
.theme .ag-pinned-left-header, .theme-teal .ag-pinned-left-header {
  border-right: var(--agGridPinnedBorder) solid var(--grayColor200);
}
.theme .dragdrop-wrapper-list-img-wrap-option, .theme-teal .dragdrop-wrapper-list-img-wrap-option {
  opacity: 0.7;
  background-color: var(--bgColor500);
}
.theme .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .theme-teal .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--agGridPinnedBorder) solid var(--grayColor200) !important;
}
.theme .mat-divider-vertical, .theme-teal .mat-divider-vertical {
  border-right-color: var(--grayColor500);
}
.theme .mat-elevation-z4, .theme-teal .mat-elevation-z4 {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.theme .mat-elevation-z8, .theme-teal .mat-elevation-z8 {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.theme .mat-mdc-elevation-specific, .theme-teal .mat-mdc-elevation-specific {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500) !important;
}
.theme .mat-elevation-z5, .theme-teal .mat-elevation-z5 {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.theme .mat-elevation-z6, .theme-teal .mat-elevation-z6 {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.theme .mat-mdc-menu-submenu-icon, .theme-teal .mat-mdc-menu-submenu-icon {
  color: var(--grayColor600);
  padding-right: 0em !important;
}
.theme .mat-mdc-tree, .theme-teal .mat-mdc-tree {
  background-color: var(--bgColor10);
}
.theme .tippy-content, .theme-teal .tippy-content {
  color: var(--tooltipTextColor);
}
.theme .mat-pseudo-checkbox-full, .theme-teal .mat-pseudo-checkbox-full {
  color: var(--grayColor600);
  border: var(--checkboxBorderWidth) solid var(--checkboxBorderColor);
}
.theme .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background, .theme-teal .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  color: var(--grayColor600);
  border: var(--checkboxBorderWidth) solid var(--checkboxBorderColor);
}
.theme .icon-select-box, .theme-teal .icon-select-box {
  border-radius: var(--iconSelectBoxRadius);
}
.theme .input-form-field.mutliple-rows.mat-mdc-form-field-infix textarea.mat-mdc-input-element, .theme-teal .input-form-field.mutliple-rows.mat-mdc-form-field-infix textarea.mat-mdc-input-element {
  color: var(--grayColor1000) !important;
}
.theme .mat-mdc-menu-item[disabled], .theme-teal .mat-mdc-menu-item[disabled], .theme .mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon, .theme-teal .mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon, .theme .mat-mdc-menu-item[disabled] .mat-icon-no-color, .theme-teal .mat-mdc-menu-item[disabled] .mat-icon-no-color {
  color: var(--grayColor400) !important;
}
.theme .mat-mdc-input-element:disabled, .theme-teal .mat-mdc-input-element:disabled, .theme .mat-mdc-form-field-type-mat-native-select.mat-mdc-form-field-disabled .mat-mdc-form-field-infix::after, .theme-teal .mat-mdc-form-field-type-mat-native-select.mat-mdc-form-field-disabled .mat-mdc-form-field-infix::after {
  color: var(--grayColor400);
}
.theme .ag-theme-alpine .ag-row-hover:not(.ag-row-selected), .theme-teal .ag-theme-alpine .ag-row-hover:not(.ag-row-selected) {
  background-color: var(--bgColor100) !important;
}
.theme .ng13-org-chart-entity-border, .theme-teal .ng13-org-chart-entity-border {
  border-left: 0.08em solid var(--grayColor900);
  border-top: 0.08em solid var(--grayColor900);
}
.theme .mdc-list-item__primary-text, .theme-teal .mdc-list-item__primary-text {
  width: 100%;
}
.theme .mat-drawer-side.mat-drawer-end, .theme-teal .mat-drawer-side.mat-drawer-end {
  border-left: 0.08em solid var(--grayColor100) !important;
  border-right: none;
}
.theme .mat-expansion-panel-header-description, .theme-teal .mat-expansion-panel-header-description, .theme .mat-expansion-indicator::after, .theme-teal .mat-expansion-indicator::after {
  color: var(--grayColor400) !important;
}
.theme .mat-mdc-card, .theme-teal .mat-mdc-card {
  background-color: var(--bgColor10) !important;
}
.theme .ag-row-drag, .theme-teal .ag-row-drag, .theme .ag-selection-checkbox, .theme-teal .ag-selection-checkbox, .theme .ag-group-expanded, .theme-teal .ag-group-expanded, .theme .ag-group-contracted, .theme-teal .ag-group-contracted {
  color: var(--grayColor500) !important;
}
.theme .mat-mdc-hint, .theme-teal .mat-mdc-hint {
  color: var(--grayColor600);
}
.theme .mat-drawer-backdrop.mat-drawer-shown, .theme-teal .mat-drawer-backdrop.mat-drawer-shown {
  opacity: 0.6;
  background-color: black;
}
.theme .mat-step-icon-content, .theme-teal .mat-step-icon-content {
  color: var(--grayColor600);
}
.theme .ag-body, .theme-teal .ag-body {
  background: var(--bgColor10);
}
.theme .mat-mdc-menu-panel, .theme-teal .mat-mdc-menu-panel {
  background-color: var(--bgColor10);
}
.theme .mat-mdc-tab-nav-bar, .theme-teal .mat-mdc-tab-nav-bar, .theme .mat-mdc-tab-header, .theme-teal .mat-mdc-tab-header {
  border-bottom: var(--tabBottomBorderWidth) solid var(--grayColor100);
}
.theme .mat-mdc-option, .theme-teal .mat-mdc-option {
  color: var(--grayColor600);
}
.theme .mat-mdc-option.mat-mdc-active, .theme-teal .mat-mdc-option.mat-mdc-active {
  background: #fafafa;
}
.theme .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel, .theme-teal .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  border-radius: var(--fieldRadius) !important;
  direction: var(--direction);
  box-shadow: 0 4px 6px 0px var(--grayColor200) !important;
  border: 0.1em solid var(--dropdownBorderColor);
  margin-top: 0.4em;
  padding: 0em !important;
  color: var(--grayColor600);
}
.theme .mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side, .theme-teal .mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
  z-index: 8 !important;
}
.theme, .theme-teal {
  --grayColor10: #ffffff;
  --grayColor25: ;
  --grayColor50: #fafafa;
  --grayColor100: #f5f5f5;
  --grayColor200: #eeeeee;
  --grayColor300: #e0e0e0;
  --grayColor400: #bdbdbd;
  --grayColor500: #9e9e9e;
  --grayColor600: #757575;
  --grayColor700: #616161;
  --grayColor800: #424242;
  --grayColor900: #212121;
  --grayColor950: ;
  --grayColor1000: #000000;
}
.theme, .theme-teal {
  --bgColor10: #ffffff;
  --bgColor25: ;
  --bgColor50: #fafafa;
  --bgColor100: #f5f5f5;
  --bgColor200: #eeeeee;
  --bgColor300: #e0e0e0;
  --bgColor400: #bdbdbd;
  --bgColor500: #9e9e9e;
  --bgColor600: #757575;
  --bgColor700: #616161;
  --bgColor800: #424242;
  --bgColor900: #212121;
  --bgColor950: ;
  --bgColor1000: #000000;
}

.theme-neo {
  --menuTextColor: var(--grayColor700);
  --fixedSideNavBg: #D5EAE8;
  --homeCardBg: var(--bgColor10);
  --inputOutlineBg: var(--bgColor10);
  --inputOutlineBgHover: var(--bgColor10);
  --inputAttachBg: var(--bgColor10);
  --inputAttachBorderColor: var(--bgColor200);
  --suggestionBoxBg: var(--bgColor10);
  --divBoxShadowColor: 0.17em 0.33em 0.92em 0em rgba(0, 0, 0, 0.1);
  --positiveColor: #75B057;
  --negativeColor: #F34141;
  --neutralColor: #252525;
  --questionBg: #E5ECF680;
  --parent: #252525;
  --child: #757575;
  --chartAiOrg: #EFF8F7;
  --nstBgColor: #F4FAFA;
  --appBgColor: #F4FAFA;
  --nstBorderColor: #D0E8E6;
  --nstCardBgColor: var(--bgColor10);
  --micBackgroundColor: var(--accentColor500);
  --activeBackground: #1B4F4A;
  --contentBackground: #FAFCFC;
  --chatEditorBorder: linear-gradient(45deg, var(--accentColor1000) 0%, var(--accentColor500) 100%);
  --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);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #009688;
  --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-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #00A896;
  --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: #00A896;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --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);
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --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;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #009688 87%, transparent);
  --mat-form-field-filled-caret-color: #009688;
  --mat-form-field-filled-focus-active-indicator-color: #009688;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #009688 87%, transparent);
  --mat-form-field-outlined-caret-color: #009688;
  --mat-form-field-outlined-focus-outline-color: #009688;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #009688 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: #F04438;
  --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: #F04438;
  --mat-form-field-filled-error-focus-label-text-color: #F04438;
  --mat-form-field-filled-error-label-text-color: #F04438;
  --mat-form-field-filled-error-caret-color: #F04438;
  --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: #F04438;
  --mat-form-field-filled-error-focus-active-indicator-color: #F04438;
  --mat-form-field-filled-error-hover-active-indicator-color: #F04438;
  --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: #F04438;
  --mat-form-field-outlined-error-focus-label-text-color: #F04438;
  --mat-form-field-outlined-error-label-text-color: #F04438;
  --mat-form-field-outlined-error-hover-label-text-color: #F04438;
  --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: #F04438;
  --mat-form-field-outlined-error-hover-outline-color: #F04438;
  --mat-form-field-outlined-error-outline-color: #F04438;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: 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: #009688;
  --mat-select-invalid-arrow-color: #F04438;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --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;
  --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);
  --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;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #009688;
  --mat-slide-toggle-selected-handle-color: #009688;
  --mat-slide-toggle-selected-hover-state-layer-color: #009688;
  --mat-slide-toggle-selected-pressed-state-layer-color: #009688;
  --mat-slide-toggle-selected-focus-handle-color: #009688;
  --mat-slide-toggle-selected-hover-handle-color: #009688;
  --mat-slide-toggle-selected-pressed-handle-color: #009688;
  --mat-slide-toggle-selected-focus-track-color: #26AB9E;
  --mat-slide-toggle-selected-hover-track-color: #26AB9E;
  --mat-slide-toggle-selected-pressed-track-color: #26AB9E;
  --mat-slide-toggle-selected-track-color: #26AB9E;
  --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-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --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-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --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;
  --mat-slider-active-track-color: #009688;
  --mat-slider-focus-handle-color: #009688;
  --mat-slider-handle-color: #009688;
  --mat-slider-hover-handle-color: #009688;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #009688 4%, transparent);
  --mat-slider-inactive-track-color: #009688;
  --mat-slider-ripple-color: #009688;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #009688;
  --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-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);
  --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);
  --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;
  --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;
  --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;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-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-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;
  --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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #00A896;
  --mat-checkbox-selected-hover-icon-color: #00A896;
  --mat-checkbox-selected-icon-color: #00A896;
  --mat-checkbox-selected-pressed-icon-color: #00A896;
  --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: #00A896;
  --mat-checkbox-selected-hover-state-layer-color: #00A896;
  --mat-checkbox-selected-pressed-state-layer-color: #00A896;
  --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-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --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;
  --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-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;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --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-icon-button-touch-target-display: block;
  --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);
  --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-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #26AB9E;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #009688;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #009688;
  --mat-badge-text-color: #ffffff;
  --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-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-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;
  --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);
  --mat-button-toggle-height: 48px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #009688 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #009688;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #009688 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #009688 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #009688;
  --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-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --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;
  --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);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #009688;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #009688;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #009688;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --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: #F04438;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #F04438;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --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);
  --mat-timepicker-container-background-color: white;
  /* @inputbox,selectbox,textarea,datepicker,autocomplete neo-css */
  /* @colorpicker neo-css      */
  /* @radiobutton neo-css  */
  /* @checkbox neo-css  */
  /* @buttontoggle neo-css  */
  /* @menulist neo-css  */
  /* @dialogbox neo-css */
  /* @searchbox neo-css */
  /* @stepper neo-css */
  /* @dragdropbox neo-css */
  /* @progressbar neo-css */
  /* @history neo-css */
  /* @expansionpanel neo-css */
  /* @matbuttons neo-css */
  /* stroked */
  /* flat */
  /* raised */
  /* @uploadbox neo-css */
  /* neo-slider */
  /* neo-tabs */
  /* neo-card */
  /* neo-chips */
  /* neo-divider */
}
.theme-neo .mat-accent {
  --mat-option-selected-state-label-text-color: #00A896;
  --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);
}
.theme-neo .mat-warn {
  --mat-option-selected-state-label-text-color: #F04438;
  --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);
}
.theme-neo .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #009688;
  --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: #009688;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.theme-neo .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #00A896;
  --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: #00A896;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.theme-neo .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #F04438;
  --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: #F04438;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.theme-neo .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #009688;
  --mat-progress-bar-track-color: rgba(0, 150, 136, 0.25);
}
.theme-neo .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #00A896;
  --mat-progress-bar-track-color: rgba(0, 168, 150, 0.25);
}
.theme-neo .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #F04438;
  --mat-progress-bar-track-color: rgba(240, 68, 56, 0.25);
}
.theme-neo .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #00A896 87%, transparent);
  --mat-form-field-filled-caret-color: #00A896;
  --mat-form-field-filled-focus-active-indicator-color: #00A896;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #00A896 87%, transparent);
  --mat-form-field-outlined-caret-color: #00A896;
  --mat-form-field-outlined-focus-outline-color: #00A896;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #00A896 87%, transparent);
}
.theme-neo .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #F04438 87%, transparent);
  --mat-form-field-filled-caret-color: #F04438;
  --mat-form-field-filled-focus-active-indicator-color: #F04438;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #F04438 87%, transparent);
  --mat-form-field-outlined-caret-color: #F04438;
  --mat-form-field-outlined-focus-outline-color: #F04438;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #F04438 87%, transparent);
}
.theme-neo .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: #00A896;
  --mat-select-invalid-arrow-color: #F04438;
}
.theme-neo .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: #F04438;
  --mat-select-invalid-arrow-color: #F04438;
}
.theme-neo .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;
}
.theme-neo .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);
}
.theme-neo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-neo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #009688;
  --mat-chip-elevated-disabled-container-color: #009688;
  --mat-chip-elevated-selected-container-color: #009688;
  --mat-chip-flat-disabled-selected-container-color: #009688;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.theme-neo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-neo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #00A896;
  --mat-chip-elevated-disabled-container-color: #00A896;
  --mat-chip-elevated-selected-container-color: #00A896;
  --mat-chip-flat-disabled-selected-container-color: #00A896;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.theme-neo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-neo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #F04438;
  --mat-chip-elevated-disabled-container-color: #F04438;
  --mat-chip-elevated-selected-container-color: #F04438;
  --mat-chip-flat-disabled-selected-container-color: #F04438;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.theme-neo .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.theme-neo .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #00A896;
  --mat-slide-toggle-selected-handle-color: #00A896;
  --mat-slide-toggle-selected-hover-state-layer-color: #00A896;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00A896;
  --mat-slide-toggle-selected-focus-handle-color: #00A896;
  --mat-slide-toggle-selected-hover-handle-color: #00A896;
  --mat-slide-toggle-selected-pressed-handle-color: #00A896;
  --mat-slide-toggle-selected-focus-track-color: #26D1B4;
  --mat-slide-toggle-selected-hover-track-color: #26D1B4;
  --mat-slide-toggle-selected-pressed-track-color: #26D1B4;
  --mat-slide-toggle-selected-track-color: #26D1B4;
}
.theme-neo .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #F04438;
  --mat-slide-toggle-selected-handle-color: #F04438;
  --mat-slide-toggle-selected-hover-state-layer-color: #F04438;
  --mat-slide-toggle-selected-pressed-state-layer-color: #F04438;
  --mat-slide-toggle-selected-focus-handle-color: #F04438;
  --mat-slide-toggle-selected-hover-handle-color: #F04438;
  --mat-slide-toggle-selected-pressed-handle-color: #F04438;
  --mat-slide-toggle-selected-focus-track-color: #FDA29B;
  --mat-slide-toggle-selected-hover-track-color: #FDA29B;
  --mat-slide-toggle-selected-pressed-track-color: #FDA29B;
  --mat-slide-toggle-selected-track-color: #FDA29B;
}
.theme-neo .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #009688;
  --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: #009688;
  --mat-radio-selected-hover-icon-color: #009688;
  --mat-radio-selected-icon-color: #009688;
  --mat-radio-selected-pressed-icon-color: #009688;
  --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);
}
.theme-neo .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #00A896;
  --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: #00A896;
  --mat-radio-selected-hover-icon-color: #00A896;
  --mat-radio-selected-icon-color: #00A896;
  --mat-radio-selected-pressed-icon-color: #00A896;
  --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);
}
.theme-neo .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #F04438;
  --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: #F04438;
  --mat-radio-selected-hover-icon-color: #F04438;
  --mat-radio-selected-icon-color: #F04438;
  --mat-radio-selected-pressed-icon-color: #F04438;
  --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);
}
.theme-neo .mat-accent {
  --mat-slider-active-track-color: #00A896;
  --mat-slider-focus-handle-color: #00A896;
  --mat-slider-handle-color: #00A896;
  --mat-slider-hover-handle-color: #00A896;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #00A896 4%, transparent);
  --mat-slider-inactive-track-color: #00A896;
  --mat-slider-ripple-color: #00A896;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #00A896;
}
.theme-neo .mat-warn {
  --mat-slider-active-track-color: #F04438;
  --mat-slider-focus-handle-color: #F04438;
  --mat-slider-handle-color: #F04438;
  --mat-slider-hover-handle-color: #F04438;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #F04438 4%, transparent);
  --mat-slider-inactive-track-color: #F04438;
  --mat-slider-ripple-color: #F04438;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #F04438;
}
.theme-neo .mdc-list-item__start,
.theme-neo .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #009688;
  --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: #009688;
  --mat-radio-selected-hover-icon-color: #009688;
  --mat-radio-selected-icon-color: #009688;
  --mat-radio-selected-pressed-icon-color: #009688;
  --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);
}
.theme-neo .mat-accent .mdc-list-item__start,
.theme-neo .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #00A896;
  --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: #00A896;
  --mat-radio-selected-hover-icon-color: #00A896;
  --mat-radio-selected-icon-color: #00A896;
  --mat-radio-selected-pressed-icon-color: #00A896;
  --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);
}
.theme-neo .mat-warn .mdc-list-item__start,
.theme-neo .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #F04438;
  --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: #F04438;
  --mat-radio-selected-hover-icon-color: #F04438;
  --mat-radio-selected-icon-color: #F04438;
  --mat-radio-selected-pressed-icon-color: #F04438;
  --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);
}
.theme-neo .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009688;
  --mat-checkbox-selected-hover-icon-color: #009688;
  --mat-checkbox-selected-icon-color: #009688;
  --mat-checkbox-selected-pressed-icon-color: #009688;
  --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: #009688;
  --mat-checkbox-selected-hover-state-layer-color: #009688;
  --mat-checkbox-selected-pressed-state-layer-color: #009688;
  --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);
}
.theme-neo .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #00A896;
  --mat-checkbox-selected-hover-icon-color: #00A896;
  --mat-checkbox-selected-icon-color: #00A896;
  --mat-checkbox-selected-pressed-icon-color: #00A896;
  --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: #00A896;
  --mat-checkbox-selected-hover-state-layer-color: #00A896;
  --mat-checkbox-selected-pressed-state-layer-color: #00A896;
  --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);
}
.theme-neo .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #F04438;
  --mat-checkbox-selected-hover-icon-color: #F04438;
  --mat-checkbox-selected-icon-color: #F04438;
  --mat-checkbox-selected-pressed-icon-color: #F04438;
  --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: #F04438;
  --mat-checkbox-selected-hover-state-layer-color: #F04438;
  --mat-checkbox-selected-pressed-state-layer-color: #F04438;
  --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);
}
.theme-neo .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-neo .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-neo .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-neo .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #009688;
}
.theme-neo .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-neo .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-neo .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-neo .mdc-list-item__start,
.theme-neo .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.theme-neo .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .theme-neo .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .theme-neo .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.theme-neo .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .theme-neo .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .theme-neo .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.theme-neo .mat-mdc-tab-group,
.theme-neo .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: #009688;
  --mat-tab-active-ripple-color: #009688;
  --mat-tab-inactive-ripple-color: #009688;
  --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: #009688;
  --mat-tab-active-hover-label-text-color: #009688;
  --mat-tab-active-focus-indicator-color: #009688;
  --mat-tab-active-hover-indicator-color: #009688;
  --mat-tab-active-indicator-color: #009688;
}
.theme-neo .mat-mdc-tab-group.mat-accent,
.theme-neo .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: #00A896;
  --mat-tab-active-ripple-color: #00A896;
  --mat-tab-inactive-ripple-color: #00A896;
  --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: #00A896;
  --mat-tab-active-hover-label-text-color: #00A896;
  --mat-tab-active-focus-indicator-color: #00A896;
  --mat-tab-active-hover-indicator-color: #00A896;
  --mat-tab-active-indicator-color: #00A896;
}
.theme-neo .mat-mdc-tab-group.mat-warn,
.theme-neo .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: #F04438;
  --mat-tab-active-ripple-color: #F04438;
  --mat-tab-inactive-ripple-color: #F04438;
  --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: #F04438;
  --mat-tab-active-hover-label-text-color: #F04438;
  --mat-tab-active-focus-indicator-color: #F04438;
  --mat-tab-active-hover-indicator-color: #F04438;
  --mat-tab-active-indicator-color: #F04438;
}
.theme-neo .mat-mdc-tab-group.mat-background-primary,
.theme-neo .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #009688;
  --mat-tab-foreground-color: #ffffff;
}
.theme-neo .mat-mdc-tab-group.mat-background-accent,
.theme-neo .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #00A896;
  --mat-tab-foreground-color: #ffffff;
}
.theme-neo .mat-mdc-tab-group.mat-background-warn,
.theme-neo .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #F04438;
  --mat-tab-foreground-color: #ffffff;
}
.theme-neo .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.theme-neo .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009688;
  --mat-checkbox-selected-hover-icon-color: #009688;
  --mat-checkbox-selected-icon-color: #009688;
  --mat-checkbox-selected-pressed-icon-color: #009688;
  --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: #009688;
  --mat-checkbox-selected-hover-state-layer-color: #009688;
  --mat-checkbox-selected-pressed-state-layer-color: #009688;
  --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);
}
.theme-neo .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #F04438;
  --mat-checkbox-selected-hover-icon-color: #F04438;
  --mat-checkbox-selected-icon-color: #F04438;
  --mat-checkbox-selected-pressed-icon-color: #F04438;
  --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: #F04438;
  --mat-checkbox-selected-hover-state-layer-color: #F04438;
  --mat-checkbox-selected-pressed-state-layer-color: #F04438;
  --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);
}
.theme-neo .mat-mdc-button.mat-primary,
.theme-neo .mat-mdc-unelevated-button.mat-primary,
.theme-neo .mat-mdc-raised-button.mat-primary,
.theme-neo .mat-mdc-outlined-button.mat-primary,
.theme-neo .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #009688;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #009688;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-button-outlined-state-layer-color: #009688;
  --mat-button-protected-container-color: #009688;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #009688;
  --mat-button-text-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-button-text-state-layer-color: #009688;
  --mat-button-tonal-container-color: #009688;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.theme-neo .mat-mdc-button.mat-accent,
.theme-neo .mat-mdc-unelevated-button.mat-accent,
.theme-neo .mat-mdc-raised-button.mat-accent,
.theme-neo .mat-mdc-outlined-button.mat-accent,
.theme-neo .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #00A896;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #00A896;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-button-outlined-state-layer-color: #00A896;
  --mat-button-protected-container-color: #00A896;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #00A896;
  --mat-button-text-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-button-text-state-layer-color: #00A896;
  --mat-button-tonal-container-color: #00A896;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.theme-neo .mat-mdc-button.mat-warn,
.theme-neo .mat-mdc-unelevated-button.mat-warn,
.theme-neo .mat-mdc-raised-button.mat-warn,
.theme-neo .mat-mdc-outlined-button.mat-warn,
.theme-neo .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #F04438;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #F04438;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-button-outlined-state-layer-color: #F04438;
  --mat-button-protected-container-color: #F04438;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #F04438;
  --mat-button-text-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-button-text-state-layer-color: #F04438;
  --mat-button-tonal-container-color: #F04438;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.theme-neo .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #009688;
  --mat-icon-button-state-layer-color: #009688;
  --mat-icon-button-ripple-color: color-mix(in srgb, #009688 12%, transparent);
}
.theme-neo .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #00A896;
  --mat-icon-button-state-layer-color: #00A896;
  --mat-icon-button-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
}
.theme-neo .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #F04438;
  --mat-icon-button-state-layer-color: #F04438;
  --mat-icon-button-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
}
.theme-neo .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;
}
.theme-neo .mat-mdc-fab.mat-primary, .theme-neo .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #009688;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-fab-small-container-color: #009688;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.theme-neo .mat-mdc-fab.mat-accent, .theme-neo .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #00A896;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-fab-small-container-color: #00A896;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.theme-neo .mat-mdc-fab.mat-warn, .theme-neo .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #F04438;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-fab-small-container-color: #F04438;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.theme-neo .mat-accent {
  --mat-progress-spinner-active-indicator-color: #00A896;
}
.theme-neo .mat-warn {
  --mat-progress-spinner-active-indicator-color: #F04438;
}
.theme-neo .mat-badge-accent {
  --mat-badge-background-color: #00A896;
  --mat-badge-text-color: #ffffff;
}
.theme-neo .mat-badge-warn {
  --mat-badge-background-color: #F04438;
  --mat-badge-text-color: #ffffff;
}
.theme-neo .mat-datepicker-content.mat-accent, .theme-neo .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #00A896 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #00A896;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #00A896 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #00A896 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #00A896;
  --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);
}
.theme-neo .mat-datepicker-content.mat-warn, .theme-neo .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #F04438 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #F04438;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #F04438 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #F04438 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #F04438;
  --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);
}
.theme-neo .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.theme-neo .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;
}
.theme-neo .mat-icon.mat-primary {
  --mat-icon-color: #009688;
}
.theme-neo .mat-icon.mat-accent {
  --mat-icon-color: #00A896;
}
.theme-neo .mat-icon.mat-warn {
  --mat-icon-color: #F04438;
}
.theme-neo .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #00A896;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #00A896;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #00A896;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.theme-neo .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #F04438;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #F04438;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #F04438;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.theme-neo .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #009688;
  --mat-toolbar-container-text-color: #ffffff;
}
.theme-neo .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #00A896;
  --mat-toolbar-container-text-color: #ffffff;
}
.theme-neo .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #F04438;
  --mat-toolbar-container-text-color: #ffffff;
}
.theme-neo .mat-form-field-appearance-outline .mat-mdc-form-field-outline {
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
  border: none !important;
  border-radius: 0.5em !important;
}
.theme-neo .mat-form-field-appearance-outline .mdc-notched-outline__leading {
  border: none !important;
}
.theme-neo .mat-form-field-appearance-outline .mdc-notched-outline__trailing {
  border: none !important;
}
.theme-neo .mat-form-field-appearance-outline:hover .mat-mdc-form-field-outline {
  box-shadow: inset 0.17em 0.17em 0.33em var(--grayColor400), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
}
.theme-neo .input-field-parent .mdc-notched-outline__leading {
  border: none !important;
}
.theme-neo .input-field-parent .mdc-notched-outline__trailing {
  border: none !important;
}
.theme-neo .mat-form-field-appearance-outline.mat-mdc-form-field-disabled .mat-mdc-form-field-outline {
  box-shadow: 0.17em 0.17em 0.33em var(--grayColor100) !important;
}
.theme-neo .mat-form-field-appearance-outline.mat-mdc-form-field-disabled:hover .mat-mdc-form-field-outline {
  box-shadow: none !important;
}
.theme-neo .text-area {
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
  border: none !important;
  border-radius: 0.5em !important;
}
.theme-neo .color-picker-wrap.boxborder {
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
  border: none !important;
}
.theme-neo .color-picker-wrap.boxborder:hover {
  box-shadow: inset 0.17em 0.17em 0.33em var(--grayColor400), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
}
.theme-neo .color-picker-wrap-box {
  border: none;
  border-radius: 0.2em !important;
  box-shadow: 0.17em 0.17em 0.25em var(--grayColor300) !important;
}
.theme-neo .color-picker-wrap-box:hover {
  box-shadow: 0.25em 0.25em 0.25em var(--grayColor400) !important;
}
.theme-neo .mat-mdc-radio-outer-circle {
  border: none !important;
  border-color: none !important;
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
}
.theme-neo .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-outer-circle {
  box-shadow: inset 0.08em 0.09em 0.33em var(--grayColor400), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
}
.theme-neo .mat-mdc-radio-button.mat-mdc-accent .mat-mdc-radio-inner-circle {
  background-color: var(--accentColor500) !important;
}
.theme-neo .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-inner-circle {
  background-color: var(--accentColor700) !important;
}
.theme-neo .mat-mdc-checkbox-frame {
  border: none !important;
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
  height: 1.8em !important;
  width: 1.8em !important;
}
.theme-neo .mat-mdc-checkbox-checked.mat-primary .mdc-checkbox__background,
.theme-neo .mat-mdc-checkbox-checked.mat-mdc-accent .mdc-checkbox__background {
  background-color: var(--bgColor10) !important;
  height: 1em !important;
  width: 1em !important;
  position: initial;
}
.theme-neo .mat-mdc-checkbox-checked .mat-mdc-checkbox-checkmark-path {
  stroke-dashoffset: 2;
  filter: drop-shadow(0.08em 0.08em 0.17em rgba(0, 0, 0, 0.5)) !important;
  stroke: var(--accentColor500) !important;
}
.theme-neo .mat-mdc-checkbox-checked:hover .mat-mdc-checkbox-checkmark-path {
  stroke: var(--accentColor700) !important;
}
.theme-neo .mdc-checkbox .mdc-checkbox__background svg {
  height: 1.4em;
}
.theme-neo .mat-mdc-checkbox:hover:not(.mat-mdc-checkbox-disabled) .mat-mdc-checkbox-frame {
  box-shadow: inset 0.17em 0.17em 0.33em var(--grayColor400), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
}
.theme-neo .mat-button-toggle-checked {
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
  border: none !important;
}
.theme-neo .menu-select-icon-title-show {
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
  border: none !important;
}
.theme-neo mat-dialog-container {
  border: none !important;
  border-radius: 0.67em !important;
  box-shadow: 0.25em 0.25em 1em var(--grayColor400) !important;
}
.theme-neo .dialog-wrapper {
  box-shadow: inset -0.25em -0.25em 0.58em var(--grayColor300) !important;
}
.theme-neo .dialog-wrapper .dialog-footer-border {
  border-top: none !important;
}
.theme-neo .dialog-wrapper .dialog.header-border {
  border-bottom: none !important;
}
.theme-neo .resizable:hover {
  border: none !important;
}
.theme-neo .atv-search-box {
  border: none !important;
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
}
.theme-neo .mat-step-header .mat-step-icon-selected {
  box-shadow: 0.33em 0.33em 0.58em var(--grayColor300), inset 0.17em 0.17em 0.42em var(--accentColor900), inset -0.17em -0.17em 0.42em var(--accentColor400);
}
.theme-neo .mat-step-header .mat-step-icon-state-done {
  background-color: var(--accentColor500);
  box-shadow: 0.33em 0.33em 0.58em var(--grayColor300), inset 0.17em 0.17em 0.42em var(--accentColor900), inset -0.17em -0.17em 0.42em var(--accentColor400);
}
.theme-neo .mat-step-header .mat-step-icon-state-edit {
  background-color: var(--accentColor500);
  box-shadow: 0.33em 0.33em 0.58em var(--grayColor300), inset 0.17em 0.17em 0.42em var(--accentColor900), inset -0.17em -0.17em 0.42em var(--accentColor400);
}
.theme-neo .mat-step-header .mat-step-icon-state-number {
  border: none;
  box-shadow: 0.33em 0.33em 0.58em var(--grayColor300);
  background-color: var(--bgColor600);
}
.theme-neo .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, .theme-neo .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after {
  border-top-color: var(--grayColor200);
}
.theme-neo .form-drag-box {
  border: none !important;
  box-shadow: inset 0.17em 0.17em 0.5em var(--grayColor200), inset -0.17em -0.17em 0.17em var(--grayColor10) !important;
}
.theme-neo .form-drag-box:hover {
  box-shadow: inset 0.25em 0.25em 0.25em var(--grayColor100), inset -0.25em -0.25em 0.25em var(--grayColor50) !important;
}
.theme-neo .drag-box-padding .form-drag-box {
  border-radius: 0.5em !important;
}
.theme-neo .dndDraggingSource .form-drag-box .form-drag-box-icon .mat-icon {
  color: var(--accentColor500) !important;
  box-shadow: inset 0.25em 0.25em 0.25em var(--accentColor900), inset -0.25em -0.25em 0.25em var(--accentColor600) !important;
}
.theme-neo .line-progress-bar .mat-mdc-progress-bar-buffer {
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor50) !important;
}
.theme-neo .histories-timeline-item-dynamic-process-circle {
  box-shadow: 0.25em 0.25em 0.25em var(--grayColor200), inset 0.08em 0.08em 0.08em var(--accentColor200), inset -0.08em -0.08em 0.08em var(--accentColor700) !important;
}
.theme-neo .histories-timeline-item-dynamic-process-line-active {
  box-shadow: 0.25em 0.25em 0.25em var(--grayColor200), inset 0.08em 0.08em 0.08em var(--accentColor100), inset -0.08em -0.08em 0.08em var(--accentColor700) !important;
}
.theme-neo .histories-timeline-item-dynamic-process-circle-progress-active {
  box-shadow: 0.25em 0.25em 0.25em var(--grayColor200), inset 0.08em 0.08em 0.08em var(--accentColor100), inset -0.08em -0.08em 0.08em var(--accentColor700) !important;
}
.theme-neo .expansion-mat-panel .mat-expansion-panel-header {
  box-shadow: inset 0em 0.5em 0.5em var(--grayColor100) !important;
}
.theme-neo .mat-expansion-panel.expansion-mat-panel {
  border-bottom: none !important;
}
.theme-neo .atv-mat-button button.mat-mdc-outlined-button:not(:disabled):not(.mat-icon-stroked-circle) {
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10);
  border: none !important;
}
.theme-neo .atv-mat-button button:hover:not(:disabled).mat-mdc-outlined-button {
  box-shadow: inset 0.17em 0.17em 0.33em var(--accentColor800), inset -0.17em -0.17em 0.08em var(--accentColor400);
}
.theme-neo .atv-mat-button button.mat-icon-stroked-circle {
  box-shadow: inset 0.08em 0.09em 0.17em var(--grayColor300), inset -0.17em -0.17em 0.08em var(--grayColor10);
  border: none !important;
}
.theme-neo .atv-mat-button button:hover:not(:disabled).mat-icon-stroked-circle {
  box-shadow: inset 0.17em 0.17em 0.33em var(--grayColor400), inset -0.17em -0.17em 0.08em var(--grayColor10) !important;
  border: none !important;
}
.theme-neo .atv-mat-button button:active:not(:disabled).mat-icon-stroked-circle {
  border: none !important;
}
.theme-neo .atv-mat-button button:focus:not(:disabled):not(.disabled-button).mat-mdc-outlined-button {
  box-shadow: none !important;
}
.theme-neo .atv-mat-button button.mat-mdc-unelevated-button {
  box-shadow: 0.25em 0.25em 0.42em var(--grayColor300);
}
.theme-neo .atv-mat-button button:hover:not(:disabled).mat-mdc-unelevated-button {
  box-shadow: inset 0.17em 0.17em 0.33em var(--accentColor800), inset -0.17em -0.17em 0.08em var(--accentColor400);
}
.theme-neo .atv-mat-button button.disabled-button.mat-mdc-unelevated-button {
  box-shadow: none !important;
}
.theme-neo .mat-mdc-raised-button.mat-mdc-accent {
  box-shadow: 0.25em 0.25em 0.42em var(--grayColor300), inset 0.17em 0.17em 0.33em var(--accentColor700), inset -0.17em -0.17em 0.17em var(--accentColor300);
}
.theme-neo .atv-mat-button button:hover:not(:disabled).mat-mdc-raised-button {
  box-shadow: inset 0.17em 0.17em 0.33em var(--accentColor800), inset -0.17em -0.17em 0.08em var(--accentColor400);
}
.theme-neo .dragdrop-wrapper {
  border: none !important;
  box-shadow: inset 0.17em 0.17em 0.33em var(--grayColor200), inset -0.08em -0.08em 0.08em var(--grayColor100) !important;
}
.theme-neo .custom-upload .dragdrop-wrapper {
  box-shadow: none !important;
}
.theme-neo .mat-mdc-slider.mat-mdc-slider-min-value:not(.mat-mdc-slider-thumb-label-showing) .mat-mdc-slider-thumb {
  border: none !important;
  background: var(--bgColor50);
  box-shadow: 0.17em 0.17em 0.42em var(--grayColor800);
}
.theme-neo .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding):not(.cdk-mouse-focused) .mat-mdc-slider-thumb:hover {
  border: none;
  outline: none !important;
  background: var(--bgColor50);
  box-shadow: 0.17em 0.17em 0.42em var(--grayColor800);
}
.theme-neo .mat-mdc-slider-track-background {
  background-color: var(--bgColor10);
  box-shadow: inset 0em 0.42em 0.42em -0.33em var(--grayColor300);
}
.theme-neo .mat-mdc-slider:hover .mat-mdc-slider-track-background, .theme-neo .theme .mat-mdc-slider.cdk-focused .mat-mdc-slider-track-background, .theme-neo .theme-teal .mat-mdc-slider.cdk-focused .mat-mdc-slider-track-background {
  background-color: var(--bgColor10) !important;
  box-shadow: inset 0em 0.42em 0.42em -0.33em var(--grayColor300) !important;
}
.theme-neo .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding).cdk-mouse-focused .mat-mdc-slider-thumb {
  background-color: var(--bgColor10) !important;
  box-shadow: inset 0em 0.42em 0.42em -0.33em var(--grayColor300) !important;
}
.theme-neo .opacitywrap .mat-mdc-slider-wrapper .mat-mdc-slider-track-wrapper .mat-mdc-slider-track-background {
  height: 0.39em;
  background-color: var(--bgColor10) !important;
  box-shadow: inset 0em 0.42em 0.42em -0.33em var(--grayColor300) !important;
}
.theme-neo .horizontal-tab .mat-mdc-tab-labels {
  flex-direction: row;
  height: 4.2em;
  background: var(--grayColor10);
}
.theme-neo .productui-tab-panel .mat-mdc-tab-header .mat-mdc-tab {
  height: calc(100% - 0.5em) !important;
  background-color: var(--bgColor10);
}
.theme-neo .productui-tab-panel .mat-mdc-tab-header .mat-mdc-tab--active {
  cursor: default !important;
  border-radius: 0.67em;
  box-shadow: inset 0.42em 0.42em 0.42em -0.25em var(--grayColor300), inset -0.42em -0.42em 0.42em -0.25em var(--grayColor10);
  background: var(--bgColor10);
  border: 0.04em solid var(--grayColor50);
  height: calc(100% - 0.5em) !important;
}
.theme-neo .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-ink-bar, .theme-neo .theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-ink-bar, .theme-neo .theme-teal .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-ink-bar, .theme-neo .theme .mat-mdc-tab-nav-bar.mat-mdc-accent .mat-mdc-ink-bar, .theme-neo .theme-teal .mat-mdc-tab-nav-bar.mat-mdc-accent .mat-mdc-ink-bar {
  background-color: transparent !important;
}
.theme-neo .mat-mdc-tab-header .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) {
  border-bottom: transparent !important;
}
.theme-neo .productui-tab-panel .mat-mdc-tab-header .mat-mdc-tab--active span {
  color: var(--accentColor500);
}
.theme-neo .wrapper-box-shadow {
  box-shadow: -0.17em -0.17em 0.42em var(--grayColor10), 0.17em 0.17em 0.42em var(--grayColor200) !important;
  mix-blend-mode: color-burn;
}
.theme-neo .mat-mdc-standard-chip {
  box-shadow: inset 0.25em 0.25em 0.33em -0.25em var(--grayColor300), inset -0.25em -0.25em 0.33em -0.25em var(--grayColor10);
}
.theme-neo .mat-divider {
  border-top: none !important;
  height: 0.2em;
  background-color: var(--bgColor400);
  box-shadow: inset 0em 0.08em 0.08em -0.08em var(--grayColor700), inset 0em -0.17em 0.17em 0.08em var(--bgColor10);
}
.theme-neo .dailog-wrapper {
  box-shadow: inset -0.25em -0.25em 0.58em var(--grayColor300) !important;
}
.theme-neo {
  --grayColor10: #ffffff;
  --grayColor25: ;
  --grayColor50: #fafafa;
  --grayColor100: #f5f5f5;
  --grayColor200: #eeeeee;
  --grayColor300: #e0e0e0;
  --grayColor400: #bdbdbd;
  --grayColor500: #9e9e9e;
  --grayColor600: #757575;
  --grayColor700: #616161;
  --grayColor800: #424242;
  --grayColor900: #212121;
  --grayColor950: ;
  --grayColor1000: #000000;
}
.theme-neo {
  --grayColor10: #000000;
  --grayColor25: ;
  --grayColor50: #212121;
  --grayColor100: #424242;
  --grayColor200: #616161;
  --grayColor300: #757575;
  --grayColor400: #9e9e9e;
  --grayColor500: #bdbdbd;
  --grayColor600: #e0e0e0;
  --grayColor700: #eeeeee;
  --grayColor800: #f5f5f5;
  --grayColor900: #fafafa;
  --grayColor950: ;
  --grayColor1000: #ffffff;
}
.theme-neo {
  --bgColor10: #ffffff;
  --bgColor25: ;
  --bgColor50: #fafafa;
  --bgColor100: #f5f5f5;
  --bgColor200: #eeeeee;
  --bgColor300: #e0e0e0;
  --bgColor400: #bdbdbd;
  --bgColor500: #9e9e9e;
  --bgColor600: #757575;
  --bgColor700: #616161;
  --bgColor800: #424242;
  --bgColor900: #212121;
  --bgColor950: ;
  --bgColor1000: #000000;
}
.theme-neo {
  --bgColor10: #000000;
  --bgColor25: ;
  --bgColor50: #212121;
  --bgColor100: #424242;
  --bgColor200: #616161;
  --bgColor300: #757575;
  --bgColor400: #9e9e9e;
  --bgColor500: #bdbdbd;
  --bgColor600: #e0e0e0;
  --bgColor700: #eeeeee;
  --bgColor800: #f5f5f5;
  --bgColor900: #fafafa;
  --bgColor950: ;
  --bgColor1000: #ffffff;
}

.dark-theme {
  --menuTextColor: var(--grayColor700);
  --fixedSideNavBg: #1A2E2D;
  --homeCardBg: var(--bgColor10);
  --inputOutlineBg: var(--bgColor10);
  --inputOutlineBgHover: var(--bgColor10);
  --inputAttachBg: var(var(--bgColor50));
  --inputAttachBorderColor: var(--bgColor200);
  --suggestionBoxBg: var(--bgColor10);
  --gridHeaderBg: var(--bgColor50);
  --divBoxShadowColor: 0 0 0.92em var(--grayColor200);
  --positiveColor: #75B057;
  --negativeColor: #F34141;
  --questionBg: #3A5C5A80;
  --neutralColor: var(--grayColor900);
  --parent: var(--grayColor900);
  --child: var(--grayColor600);
  --chartAiOrg: #2A3F3E;
  --nstBgColor: var(--grayColor50);
  --appBgColor: var(--grayColor50);
  --nstBorderColor: var(--grayColor100);
  --nstCardBgColor: var(--bgColor100);
  --micBackgroundColor: var(--accentColor500);
  --activeBackground: #1E3533;
  --contentBackground: #0A1312;
  --chatEditorBorder: linear-gradient(45deg, var(--accentColor1000) 0%, var(--accentColor500) 100%);
  --templateBgColor: var(--nstBgColor);
  --sidenavMenuSelectedBgColor: var(--grayColor100);
  --sidenavMenuSelectedTextColor: var(--grayColor1000);
  --sidenavMenuHoverBgColor: var(--grayColor100);
  --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);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #009688;
  --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-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #00A896;
  --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: #00A896;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --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);
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --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;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #009688 87%, transparent);
  --mat-form-field-filled-caret-color: #009688;
  --mat-form-field-filled-focus-active-indicator-color: #009688;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #009688 87%, transparent);
  --mat-form-field-outlined-caret-color: #009688;
  --mat-form-field-outlined-focus-outline-color: #009688;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #009688 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: #F04438;
  --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: #F04438;
  --mat-form-field-filled-error-focus-label-text-color: #F04438;
  --mat-form-field-filled-error-label-text-color: #F04438;
  --mat-form-field-filled-error-caret-color: #F04438;
  --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: #F04438;
  --mat-form-field-filled-error-focus-active-indicator-color: #F04438;
  --mat-form-field-filled-error-hover-active-indicator-color: #F04438;
  --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: #F04438;
  --mat-form-field-outlined-error-focus-label-text-color: #F04438;
  --mat-form-field-outlined-error-label-text-color: #F04438;
  --mat-form-field-outlined-error-hover-label-text-color: #F04438;
  --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: #F04438;
  --mat-form-field-outlined-error-hover-outline-color: #F04438;
  --mat-form-field-outlined-error-outline-color: #F04438;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: 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: #009688;
  --mat-select-invalid-arrow-color: #F04438;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --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;
  --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);
  --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;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #009688;
  --mat-slide-toggle-selected-handle-color: #009688;
  --mat-slide-toggle-selected-hover-state-layer-color: #009688;
  --mat-slide-toggle-selected-pressed-state-layer-color: #009688;
  --mat-slide-toggle-selected-focus-handle-color: #009688;
  --mat-slide-toggle-selected-hover-handle-color: #009688;
  --mat-slide-toggle-selected-pressed-handle-color: #009688;
  --mat-slide-toggle-selected-focus-track-color: #26AB9E;
  --mat-slide-toggle-selected-hover-track-color: #26AB9E;
  --mat-slide-toggle-selected-pressed-track-color: #26AB9E;
  --mat-slide-toggle-selected-track-color: #26AB9E;
  --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-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --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-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --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;
  --mat-slider-active-track-color: #009688;
  --mat-slider-focus-handle-color: #009688;
  --mat-slider-handle-color: #009688;
  --mat-slider-hover-handle-color: #009688;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #009688 4%, transparent);
  --mat-slider-inactive-track-color: #009688;
  --mat-slider-ripple-color: #009688;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #009688;
  --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-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);
  --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);
  --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;
  --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;
  --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;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-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-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;
  --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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #00A896;
  --mat-checkbox-selected-hover-icon-color: #00A896;
  --mat-checkbox-selected-icon-color: #00A896;
  --mat-checkbox-selected-pressed-icon-color: #00A896;
  --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: #00A896;
  --mat-checkbox-selected-hover-state-layer-color: #00A896;
  --mat-checkbox-selected-pressed-state-layer-color: #00A896;
  --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-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --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;
  --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-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;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --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-icon-button-touch-target-display: block;
  --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);
  --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-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #26AB9E;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #009688;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #009688;
  --mat-badge-text-color: #ffffff;
  --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-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-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;
  --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);
  --mat-button-toggle-height: 48px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #009688 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #009688;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #009688 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #009688 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #009688;
  --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-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --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;
  --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);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #009688;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #009688;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #009688;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --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: #F04438;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #F04438;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --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);
  --mat-timepicker-container-background-color: white;
  /* @description use this for text and icon color related to current theme */
  /* VW CARD ICONS */
  /* VW PAGE TITLE */
  /* When a component is selected: solid highlight */
  /* VW CARD SECTION */
  /* Secondary Metric Value (large) */
  /* Secondary Metric Value (Medium) */
  /* Tertiary Metric Value (Small) */
  /* duplicate of vw-card-metric-label-sub */
  /* VW CHIPS */
  /* VW TABS */
  /* @description use this for background color related to current theme */
  /* @description use this for border color related to current theme */
  /* commented in assets menu hover end */
  /* below css applicable for wherever matBadge is used */
  /* tree */
  /** Stepper component start*/
  /** Stepper component end */
  /* datepicker */
  /* owl-datetime-picker */
  /* atv-slider */
  /* layers */
  /*  HandsonTable Library Theme Support Starts Here */
  /*   HandsonTable Library Theme Support Ends Here */
  /* multi select option theme */
  /* radio template */
  /* highlight field */
  /* menu list */
  /* rating star */
  /* kanban */
  /* for generic filter checkbox hover */
  /* red-rose theme changes */
  /* main menu color */
  /* menu color */
  /* sidenav menu */
  /* tab-focus */
  /* check box */
  /* need to check only applied on all */
  /* radio */
  /* used in case of atv-chip */
  /* input & select */
  /* template */
  /* select box */
  /* slider */
  /* search box */
  /* ag-grid core-mixin starts here */
  /* ag-grid-mixin-ends-here */
  /* atv-date-picker, material date-picker */
  /* text editor user mention */
  /* for ck editor core mixin start */
  /* for ck editor core mixin end */
  /* configuration-mgmt */
  /* configuration-mgmt ends here */
  /* app-drag-box start */
  /* charboat scss */
  /* annotation */
  /* annotation end */
  /* shell-loader start */
  /* shell-loader end */
}
.dark-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #00A896;
  --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);
}
.dark-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #F04438;
  --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);
}
.dark-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #009688;
  --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: #009688;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dark-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #00A896;
  --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: #00A896;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dark-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #F04438;
  --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: #F04438;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dark-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #009688;
  --mat-progress-bar-track-color: rgba(0, 150, 136, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #00A896;
  --mat-progress-bar-track-color: rgba(0, 168, 150, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #F04438;
  --mat-progress-bar-track-color: rgba(240, 68, 56, 0.25);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #00A896 87%, transparent);
  --mat-form-field-filled-caret-color: #00A896;
  --mat-form-field-filled-focus-active-indicator-color: #00A896;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #00A896 87%, transparent);
  --mat-form-field-outlined-caret-color: #00A896;
  --mat-form-field-outlined-focus-outline-color: #00A896;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #00A896 87%, transparent);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #F04438 87%, transparent);
  --mat-form-field-filled-caret-color: #F04438;
  --mat-form-field-filled-focus-active-indicator-color: #F04438;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #F04438 87%, transparent);
  --mat-form-field-outlined-caret-color: #F04438;
  --mat-form-field-outlined-focus-outline-color: #F04438;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #F04438 87%, transparent);
}
.dark-theme .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: #00A896;
  --mat-select-invalid-arrow-color: #F04438;
}
.dark-theme .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: #F04438;
  --mat-select-invalid-arrow-color: #F04438;
}
.dark-theme .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;
}
.dark-theme .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);
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #009688;
  --mat-chip-elevated-disabled-container-color: #009688;
  --mat-chip-elevated-selected-container-color: #009688;
  --mat-chip-flat-disabled-selected-container-color: #009688;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #00A896;
  --mat-chip-elevated-disabled-container-color: #00A896;
  --mat-chip-elevated-selected-container-color: #00A896;
  --mat-chip-flat-disabled-selected-container-color: #00A896;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #F04438;
  --mat-chip-elevated-disabled-container-color: #F04438;
  --mat-chip-elevated-selected-container-color: #F04438;
  --mat-chip-flat-disabled-selected-container-color: #F04438;
  --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: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --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: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.dark-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.dark-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #00A896;
  --mat-slide-toggle-selected-handle-color: #00A896;
  --mat-slide-toggle-selected-hover-state-layer-color: #00A896;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00A896;
  --mat-slide-toggle-selected-focus-handle-color: #00A896;
  --mat-slide-toggle-selected-hover-handle-color: #00A896;
  --mat-slide-toggle-selected-pressed-handle-color: #00A896;
  --mat-slide-toggle-selected-focus-track-color: #26D1B4;
  --mat-slide-toggle-selected-hover-track-color: #26D1B4;
  --mat-slide-toggle-selected-pressed-track-color: #26D1B4;
  --mat-slide-toggle-selected-track-color: #26D1B4;
}
.dark-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #F04438;
  --mat-slide-toggle-selected-handle-color: #F04438;
  --mat-slide-toggle-selected-hover-state-layer-color: #F04438;
  --mat-slide-toggle-selected-pressed-state-layer-color: #F04438;
  --mat-slide-toggle-selected-focus-handle-color: #F04438;
  --mat-slide-toggle-selected-hover-handle-color: #F04438;
  --mat-slide-toggle-selected-pressed-handle-color: #F04438;
  --mat-slide-toggle-selected-focus-track-color: #FDA29B;
  --mat-slide-toggle-selected-hover-track-color: #FDA29B;
  --mat-slide-toggle-selected-pressed-track-color: #FDA29B;
  --mat-slide-toggle-selected-track-color: #FDA29B;
}
.dark-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #009688;
  --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: #009688;
  --mat-radio-selected-hover-icon-color: #009688;
  --mat-radio-selected-icon-color: #009688;
  --mat-radio-selected-pressed-icon-color: #009688;
  --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);
}
.dark-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #00A896;
  --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: #00A896;
  --mat-radio-selected-hover-icon-color: #00A896;
  --mat-radio-selected-icon-color: #00A896;
  --mat-radio-selected-pressed-icon-color: #00A896;
  --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);
}
.dark-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #F04438;
  --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: #F04438;
  --mat-radio-selected-hover-icon-color: #F04438;
  --mat-radio-selected-icon-color: #F04438;
  --mat-radio-selected-pressed-icon-color: #F04438;
  --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);
}
.dark-theme .mat-accent {
  --mat-slider-active-track-color: #00A896;
  --mat-slider-focus-handle-color: #00A896;
  --mat-slider-handle-color: #00A896;
  --mat-slider-hover-handle-color: #00A896;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #00A896 4%, transparent);
  --mat-slider-inactive-track-color: #00A896;
  --mat-slider-ripple-color: #00A896;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #00A896;
}
.dark-theme .mat-warn {
  --mat-slider-active-track-color: #F04438;
  --mat-slider-focus-handle-color: #F04438;
  --mat-slider-handle-color: #F04438;
  --mat-slider-hover-handle-color: #F04438;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #F04438 4%, transparent);
  --mat-slider-inactive-track-color: #F04438;
  --mat-slider-ripple-color: #F04438;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #F04438;
}
.dark-theme .mdc-list-item__start,
.dark-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #009688;
  --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: #009688;
  --mat-radio-selected-hover-icon-color: #009688;
  --mat-radio-selected-icon-color: #009688;
  --mat-radio-selected-pressed-icon-color: #009688;
  --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);
}
.dark-theme .mat-accent .mdc-list-item__start,
.dark-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #00A896;
  --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: #00A896;
  --mat-radio-selected-hover-icon-color: #00A896;
  --mat-radio-selected-icon-color: #00A896;
  --mat-radio-selected-pressed-icon-color: #00A896;
  --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);
}
.dark-theme .mat-warn .mdc-list-item__start,
.dark-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #F04438;
  --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: #F04438;
  --mat-radio-selected-hover-icon-color: #F04438;
  --mat-radio-selected-icon-color: #F04438;
  --mat-radio-selected-pressed-icon-color: #F04438;
  --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);
}
.dark-theme .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009688;
  --mat-checkbox-selected-hover-icon-color: #009688;
  --mat-checkbox-selected-icon-color: #009688;
  --mat-checkbox-selected-pressed-icon-color: #009688;
  --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: #009688;
  --mat-checkbox-selected-hover-state-layer-color: #009688;
  --mat-checkbox-selected-pressed-state-layer-color: #009688;
  --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);
}
.dark-theme .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #00A896;
  --mat-checkbox-selected-hover-icon-color: #00A896;
  --mat-checkbox-selected-icon-color: #00A896;
  --mat-checkbox-selected-pressed-icon-color: #00A896;
  --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: #00A896;
  --mat-checkbox-selected-hover-state-layer-color: #00A896;
  --mat-checkbox-selected-pressed-state-layer-color: #00A896;
  --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);
}
.dark-theme .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #F04438;
  --mat-checkbox-selected-hover-icon-color: #F04438;
  --mat-checkbox-selected-icon-color: #F04438;
  --mat-checkbox-selected-pressed-icon-color: #F04438;
  --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: #F04438;
  --mat-checkbox-selected-hover-state-layer-color: #F04438;
  --mat-checkbox-selected-pressed-state-layer-color: #F04438;
  --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);
}
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #009688;
}
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dark-theme .mdc-list-item__start,
.dark-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.dark-theme .mat-mdc-tab-group,
.dark-theme .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: #009688;
  --mat-tab-active-ripple-color: #009688;
  --mat-tab-inactive-ripple-color: #009688;
  --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: #009688;
  --mat-tab-active-hover-label-text-color: #009688;
  --mat-tab-active-focus-indicator-color: #009688;
  --mat-tab-active-hover-indicator-color: #009688;
  --mat-tab-active-indicator-color: #009688;
}
.dark-theme .mat-mdc-tab-group.mat-accent,
.dark-theme .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: #00A896;
  --mat-tab-active-ripple-color: #00A896;
  --mat-tab-inactive-ripple-color: #00A896;
  --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: #00A896;
  --mat-tab-active-hover-label-text-color: #00A896;
  --mat-tab-active-focus-indicator-color: #00A896;
  --mat-tab-active-hover-indicator-color: #00A896;
  --mat-tab-active-indicator-color: #00A896;
}
.dark-theme .mat-mdc-tab-group.mat-warn,
.dark-theme .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: #F04438;
  --mat-tab-active-ripple-color: #F04438;
  --mat-tab-inactive-ripple-color: #F04438;
  --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: #F04438;
  --mat-tab-active-hover-label-text-color: #F04438;
  --mat-tab-active-focus-indicator-color: #F04438;
  --mat-tab-active-hover-indicator-color: #F04438;
  --mat-tab-active-indicator-color: #F04438;
}
.dark-theme .mat-mdc-tab-group.mat-background-primary,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #009688;
  --mat-tab-foreground-color: #ffffff;
}
.dark-theme .mat-mdc-tab-group.mat-background-accent,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #00A896;
  --mat-tab-foreground-color: #ffffff;
}
.dark-theme .mat-mdc-tab-group.mat-background-warn,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #F04438;
  --mat-tab-foreground-color: #ffffff;
}
.dark-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.dark-theme .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009688;
  --mat-checkbox-selected-hover-icon-color: #009688;
  --mat-checkbox-selected-icon-color: #009688;
  --mat-checkbox-selected-pressed-icon-color: #009688;
  --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: #009688;
  --mat-checkbox-selected-hover-state-layer-color: #009688;
  --mat-checkbox-selected-pressed-state-layer-color: #009688;
  --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);
}
.dark-theme .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: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #F04438;
  --mat-checkbox-selected-hover-icon-color: #F04438;
  --mat-checkbox-selected-icon-color: #F04438;
  --mat-checkbox-selected-pressed-icon-color: #F04438;
  --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: #F04438;
  --mat-checkbox-selected-hover-state-layer-color: #F04438;
  --mat-checkbox-selected-pressed-state-layer-color: #F04438;
  --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);
}
.dark-theme .mat-mdc-button.mat-primary,
.dark-theme .mat-mdc-unelevated-button.mat-primary,
.dark-theme .mat-mdc-raised-button.mat-primary,
.dark-theme .mat-mdc-outlined-button.mat-primary,
.dark-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #009688;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #009688;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-button-outlined-state-layer-color: #009688;
  --mat-button-protected-container-color: #009688;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #009688;
  --mat-button-text-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-button-text-state-layer-color: #009688;
  --mat-button-tonal-container-color: #009688;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.dark-theme .mat-mdc-button.mat-accent,
.dark-theme .mat-mdc-unelevated-button.mat-accent,
.dark-theme .mat-mdc-raised-button.mat-accent,
.dark-theme .mat-mdc-outlined-button.mat-accent,
.dark-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #00A896;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #00A896;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-button-outlined-state-layer-color: #00A896;
  --mat-button-protected-container-color: #00A896;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #00A896;
  --mat-button-text-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-button-text-state-layer-color: #00A896;
  --mat-button-tonal-container-color: #00A896;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.dark-theme .mat-mdc-button.mat-warn,
.dark-theme .mat-mdc-unelevated-button.mat-warn,
.dark-theme .mat-mdc-raised-button.mat-warn,
.dark-theme .mat-mdc-outlined-button.mat-warn,
.dark-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #F04438;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #F04438;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-button-outlined-state-layer-color: #F04438;
  --mat-button-protected-container-color: #F04438;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #F04438;
  --mat-button-text-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-button-text-state-layer-color: #F04438;
  --mat-button-tonal-container-color: #F04438;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.dark-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #009688;
  --mat-icon-button-state-layer-color: #009688;
  --mat-icon-button-ripple-color: color-mix(in srgb, #009688 12%, transparent);
}
.dark-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #00A896;
  --mat-icon-button-state-layer-color: #00A896;
  --mat-icon-button-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
}
.dark-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #F04438;
  --mat-icon-button-state-layer-color: #F04438;
  --mat-icon-button-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
}
.dark-theme .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;
}
.dark-theme .mat-mdc-fab.mat-primary, .dark-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #009688;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #009688 12%, transparent);
  --mat-fab-small-container-color: #009688;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.dark-theme .mat-mdc-fab.mat-accent, .dark-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #00A896;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-fab-small-container-color: #00A896;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.dark-theme .mat-mdc-fab.mat-warn, .dark-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #F04438;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-fab-small-container-color: #F04438;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.dark-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #00A896;
}
.dark-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #F04438;
}
.dark-theme .mat-badge-accent {
  --mat-badge-background-color: #00A896;
  --mat-badge-text-color: #ffffff;
}
.dark-theme .mat-badge-warn {
  --mat-badge-background-color: #F04438;
  --mat-badge-text-color: #ffffff;
}
.dark-theme .mat-datepicker-content.mat-accent, .dark-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #00A896 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #00A896;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #00A896 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #00A896 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #00A896 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #00A896;
  --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);
}
.dark-theme .mat-datepicker-content.mat-warn, .dark-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #F04438 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #00A896 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: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #F04438;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #F04438 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #F04438 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #F04438 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #F04438;
  --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);
}
.dark-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.dark-theme .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;
}
.dark-theme .mat-icon.mat-primary {
  --mat-icon-color: #009688;
}
.dark-theme .mat-icon.mat-accent {
  --mat-icon-color: #00A896;
}
.dark-theme .mat-icon.mat-warn {
  --mat-icon-color: #F04438;
}
.dark-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #00A896;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #00A896;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #00A896;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.dark-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #F04438;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #F04438;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #F04438;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.dark-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #009688;
  --mat-toolbar-container-text-color: #ffffff;
}
.dark-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #00A896;
  --mat-toolbar-container-text-color: #ffffff;
}
.dark-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #F04438;
  --mat-toolbar-container-text-color: #ffffff;
}
.dark-theme .color-primary {
  color: #009688 !important;
}
.dark-theme .color-accent {
  color: #00A896 !important;
}
.dark-theme .color-warn {
  color: #F04438 !important;
}
.dark-theme .color-green {
  color: #34872e;
}
.dark-theme .div-box-shadow {
  box-shadow: var(--divBoxShadowColor);
}
.dark-theme .field-label-color {
  color: var(--fieldLabelColor);
  font-weight: var(--fieldLabelFontWeight);
}
.dark-theme .field-text-color {
  color: var(--fieldTextColor);
  font-weight: var(--fieldTextFontWeight);
}
.dark-theme .field-disabled-label-color {
  color: var(--fieldDisabledLabelColor);
  font-weight: var(--fieldLabelFontWeight);
}
.dark-theme .field-disabled-text-color {
  color: var(--fieldDisabledTextColor);
  font-weight: var(--fieldTextFontWeight);
}
.dark-theme .dashboard_heading {
  font-size: 2em; /* 24px */
  font-weight: 500;
}
.dark-theme .dropdown_label {
  font-size: 1em; /* 12px */
  font-weight: 400;
}
.dark-theme .db_cardheading {
  font-size: 1.539em; /* 20px */
  font-weight: 500;
}
.dark-theme .db_tenure_legend {
  font-size: 1.07em; /* 14px */
  font-weight: 400;
}
.dark-theme .db_card_LGvalue {
  font-size: 2.33em; /* 28px */
  font-weight: 600;
}
.dark-theme .db_childcard-title {
  font-size: 1.34em; /* 16px */
  font-weight: 500;
}
.dark-theme .sub_card_heading {
  font-size: 1.34em; /* 16px */
  font-weight: 500;
}
.dark-theme .db_minicard_heading {
  font-size: 1.34em; /* 16px */
  font-weight: 500;
}
.dark-theme .db_minicard_title {
  font-size: 1em; /* 12px */
  font-weight: 400;
}
.dark-theme .db_mini_value {
  font-size: 1.34em; /* 16px */
  font-weight: 500;
}
.dark-theme .vw-card-icon-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--vw-radius-sm, 8px);
  width: 2rem;
  height: 2rem;
  overflow: visible;
}
.dark-theme .vw-card-icon-md {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--vw-radius-sm, 8px);
  width: 2.5rem;
  height: 2.5rem;
  overflow: visible;
}
.dark-theme .vw-card-icon-lg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--vw-radius-sm, 8px);
  width: 3rem;
  height: 3rem;
  overflow: visible;
}
.dark-theme .vw-page-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--vw-color-slate-800);
}
.dark-theme .vw-page-description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--vw-color-slate-700);
}
.dark-theme .vw-card--clickable {
  cursor: pointer;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, outline-color 0.2s ease;
}
.dark-theme .vw-card--clickable:hover {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
  border-color: var(--vw-color-slate-400);
}
.dark-theme .vw-card--clickable:focus-visible {
  outline: 2px solid var(--vw-color-slate-400);
  outline-offset: 2px;
}
.dark-theme .vw-page-container {
  padding: var(--vw-page-gap);
  gap: var(--vw-page-gap);
  background: transparent;
}
.dark-theme .vw-page-gap {
  gap: var(--vw-page-gap);
}
.dark-theme .vw-page-gap-xl {
  gap: var(--vw-space-xl);
}
.dark-theme .vw-page-gap-md {
  gap: var(--vw-space-md);
}
.dark-theme .vw-page-gap-sm {
  gap: var(--vw-space-sm);
}
.dark-theme .vw-page-gap-xxs {
  gap: var(--vw-space-xxs);
}
.dark-theme .context-selectable-mode {
  cursor: pointer;
  outline: 1px dashed rgba(25, 118, 210, 0.5);
  outline-offset: -1px;
  border-radius: 4px;
}
.dark-theme .context-selectable-selected {
  outline: 1px solid var(--accentColor500);
  outline-offset: -1px;
  border-radius: 4px;
}
.dark-theme .vw-card-section {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 1rem;
}
.dark-theme .vw-card-section-p0 {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}
.dark-theme .vw-card-parent {
  background-color: var(--vw-color-white);
  border: 1px solid var(--vw-color-slate-300);
  border-radius: var(--vw-radius-md);
  padding: var(--vw-space-md);
  gap: var(--vw-space-sm);
}
.dark-theme .vw-card-parent-p0 {
  background-color: var(--vw-color-white);
  border: 1px solid var(--vw-color-slate-300);
  border-radius: var(--vw-radius-md);
  gap: var(--vw-space-sm);
}
.dark-theme .vw-card-child {
  padding: var(--vw-space-sm);
  border: 1px solid var(--vw-color-slate-200);
  border-radius: var(--vw-radius-sm);
  background-color: var(--vw-color-white);
}
.dark-theme .vw-card-child-p0 {
  border: 1px solid var(--vw-color-slate-200);
  border-radius: var(--vw-radius-sm);
  background-color: var(--vw-color-white);
}
.dark-theme .vw-card-child-shaded {
  padding: var(--vw-space-sm);
  border: 1px solid var(--vw-color-slate-200);
  border-radius: var(--vw-radius-sm);
  background-color: var(--vw-color-slate-50);
}
.dark-theme .vw-card-title {
  font-size: var(--vw-font-heading-md);
  font-weight: 500;
  line-height: var(--vw-line-heading-md);
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-title-lg {
  font-size: var(--vw-font-heading-lg);
  font-weight: 500;
  line-height: var(--vw-line-heading-lg);
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-title-sm {
  font-size: var(--vw-font-heading-sm);
  font-weight: 500;
  line-height: var(--vw-line-heading-sm);
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-description {
  font-size: var(--vw-font-description);
  line-height: var(--vw-line-description);
  font-weight: 400;
  color: var(--vw-color-gray-500);
}
.dark-theme .vw-card-metric-xl {
  font-size: var(--vw-font-value-xl);
  font-weight: 500;
  line-height: 1.2;
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-metric-xxl {
  font-size: var(--vw-font-value-xxl);
  font-weight: 500;
  line-height: 1.2;
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-metric-lg {
  font-size: var(--vw-font-value-lg);
  font-weight: 500;
  line-height: 1.2;
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-metric-md {
  font-size: var(--vw-font-value-md);
  font-weight: 500;
  line-height: 1.25;
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-metric-sm {
  font-size: var(--vw-font-value-sm);
  font-weight: 500;
  line-height: 1.25;
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-metric-label {
  font-size: var(--vw-font-label-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--vw-color-gray-500);
}
.dark-theme .vw-card-metric-label-sub {
  font-size: var(--vw-font-label-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--vw-color-gray-500);
}
.dark-theme .vw-card-metric-label-sm {
  font-size: var(--vw-font-label-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--vw-color-gray-500);
}
.dark-theme .vw-card-activity-label {
  font-size: 0.875rem; /* 14px */
  font-weight: 500;
  line-height: 1.5;
  color: var(--vw-color-gray-800);
}
.dark-theme .vw-card-activity-value {
  font-size: 0.75rem; /* 14px */
  font-weight: 400;
  line-height: 1.4;
  color: var(--vw-color-gray-500);
}
.dark-theme .vw-card--error {
  background-color: #fffbfa;
  border-color: #fda29b;
}
.dark-theme .vw-card--success {
  background-color: #fcfdfc;
  border-color: #81c784;
}
.dark-theme .vw-card--warning {
  background-color: #fffdf3;
  border-color: #ffce6d;
}
.dark-theme .vw-card--info {
  background-color: #fbfeff;
  border-color: #94cfec;
}
.dark-theme .vw-card--fuchsia {
  background-color: var(--vw-color-fuchsia-25);
  border-color: var(--vw-color-fuchsia-300);
}
.dark-theme .vw-card--purple {
  background-color: var(--vw-color-purple-25);
  border-color: var(--vw-color-purple-300);
}
.dark-theme .vw-card--cyan {
  background-color: var(--vw-color-cyan-25);
  border-color: var(--vw-color-cyan-300);
}
.dark-theme .vw-card--yellow {
  background-color: var(--vw-color-yellow-25);
  border-color: var(--vw-color-yellow-300);
}
.dark-theme .vw-card--yellow {
  background-color: var(--vw-color-yellow-25);
  border-color: var(--vw-color-yellow-300);
}
.dark-theme .vw-card-variance {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.dark-theme .vw-card-variance.is-positive {
  color: #1a7f10;
}
.dark-theme .vw-card-variance.is-negative {
  color: #d91818;
}
.dark-theme .vw-card-variance.is-neutral {
  color: #7c7c7c;
}
.dark-theme .vw-chip {
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 9999px;
  border: none;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.dark-theme .vw-chip--accent {
  color: var(--accentColor500);
  background-color: var(--accentColor50);
}
.dark-theme .vw-chip--accent-solid {
  color: var(--accentColor50);
  background-color: var(--accentColor500);
}
.dark-theme .vw-chip--success {
  background-color: #D1FAE5;
  color: #047857;
}
.dark-theme .vw-chip--success-solid {
  background-color: #047857;
  color: #D1FAE5;
}
.dark-theme .vw-chip--error {
  background-color: #FEE2E2;
  color: #B91C1C;
}
.dark-theme .vw-chip--error-solid {
  background-color: #B91C1C;
  color: #FEE2E2;
}
.dark-theme .vw-chip--warning {
  background-color: #FEF9C3;
  color: #A16207;
}
.dark-theme .vw-chip--warning-solid {
  background-color: #A16207;
  color: #FEF9C3;
}
.dark-theme .vw-chip--warning-outlined {
  background-color: transparent;
  color: #A16207;
  border: 1px solid #A16207;
}
.dark-theme .vw-chip--info {
  background-color: #DBEAFE;
  color: #1D4ED8;
}
.dark-theme .vw-chip--info-solid {
  background-color: #1D4ED8;
  color: #DBEAFE;
}
.dark-theme .vw-chip--neutral {
  background-color: #F5F5F5;
  color: #404040;
}
.dark-theme .vw-chip--neutral-solid {
  background-color: #404040;
  color: #F5F5F5;
}
.dark-theme .vw-chip--purple {
  background-color: #F3E8FF;
  color: #7E22CE;
}
.dark-theme .vw-chip--purple-solid {
  background-color: #7E22CE;
  color: #F3E8FF;
}
.dark-theme .vw-chip--cyan {
  background-color: #CFFAFE;
  color: #0E7490;
}
.dark-theme .vw-chip--cyan-solid {
  background-color: #0E7490;
  color: #CFFAFE;
}
.dark-theme .vw-chip--orange {
  background-color: #FFEDD5;
  color: #C2410C;
}
.dark-theme .vw-chip--orange-solid {
  background-color: #C2410C;
  color: #FFEDD5;
}
.dark-theme .vw-chip--pink {
  background-color: #FCE7F3;
  color: #BE185D;
}
.dark-theme .vw-chip--pink-solid {
  background-color: #BE185D;
  color: #FCE7F3;
}
.dark-theme .vw-chip.is-strong {
  font-weight: 500;
}
.dark-theme .vw-chip.is-clickable {
  cursor: pointer;
}
.dark-theme .common-red-chip {
  color: #b21313;
  background-color: #fcf6f5;
}
.dark-theme .common-orange-chip {
  color: #C2410C;
  background-color: #FFEDD5;
}
.dark-theme .common-brown-chip {
  color: #7A3E1D;
  background-color: #EFE6DD;
}
.dark-theme .common-yellow-chip {
  color: #A16207;
  background-color: #FEF9C3;
}
.dark-theme .common-coffee-chip {
  color: #6B3F1D;
  background-color: #F3ECE7;
}
.dark-theme .common-green-chip {
  color: #047857;
  background-color: #D1FAE5;
}
.dark-theme .common-magenta-chip {
  color: #A21CAF;
  background-color: #FAE8FF;
}
.dark-theme .common-lavender-chip {
  color: #5B21B6;
  background-color: #F5EEFF;
}
.dark-theme .common-blue-chip {
  color: #1D4ED8;
  background-color: #DBEAFE;
}
.dark-theme .common-lightBlue-chip {
  color: #0369A1;
  background-color: #E0F2FE;
}
.dark-theme .common-teal-chip {
  color: #0F766E;
  background-color: #CCFBF1;
}
.dark-theme .common-teal-chip {
  color: #4338CA;
  background-color: #E0E7FF;
}
.dark-theme .common-disable-chip {
  color: #374151;
  background-color: #F3F4F6;
}
.dark-theme .common-violet-chip {
  color: #6D28D9;
  background-color: #EDE9FE;
}
.dark-theme .common-cyan-chip {
  color: #0E7490;
  background-color: #CFFAFE;
}
.dark-theme .vw-tabs-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.dark-theme .bg-primary {
  background-color: #009688 !important;
}
.dark-theme .bg-accent {
  background-color: #00A896 !important;
}
.dark-theme .bg-warn {
  background-color: #F04438 !important;
}
.dark-theme .border-primary {
  border-color: #009688 !important;
}
.dark-theme .border-accent {
  border-color: #00A896 !important;
}
.dark-theme .border-warn {
  border-color: #F04438 !important;
}
.dark-theme .mat-mdc-input-element {
  caret-color: #00A896 !important;
}
.dark-theme a.text-link {
  color: #00A896;
}
.dark-theme a.text-link:focus {
  outline-color: #4DDAC2;
  color: #005C4E;
}
.dark-theme a.text-link:active {
  color: #005C4E;
}
.dark-theme a.text-link:hover {
  color: #008F7F;
}
.dark-theme atv-template-slider .template-slider-container-right-widget.selected {
  border-left: 0.31em solid #00A896;
}
.dark-theme atv-upload-box .upload_box_theme {
  color: #00A896;
}
.dark-theme atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content {
  color: #e0e0e0;
}
.dark-theme atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content atv-icon .selected_tab {
  color: #005C4E;
}
.dark-theme atv-tabs mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mdc-tab__content atv-icon .un_selected_tab {
  color: #e0e0e0;
}
.dark-theme .mat-mdc-tab-header-pagination:not(.mat-mdc-tab-header-pagination-disabled) .mat-mdc-tab-header-pagination-chevron {
  border-color: #008F7F !important;
}
.dark-theme .mat-mdc-accent .mat-mdc-input-element {
  caret-color: #00A896 !important;
}
.dark-theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected .controls-text {
  color: #00A896 !important;
}
.dark-theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected:before {
  border-bottom: 1em solid #00A896;
}
.dark-theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item:hover, .dark-theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.selected {
  color: #00A896 !important;
  border-color: #00A896 !important;
}
.dark-theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.controls-bar .control-bar-status {
  background-color: #00A896;
}
.dark-theme .page-filter-box-controls .page-filter-box-controls-list .page-filter-box-controls-list-item.controls-dot .control-dot-status {
  background-color: #00A896;
}
.dark-theme .owl-dt-calendar-table .owl-dt-calendar-cell-disabled span {
  cursor: default !important;
}
.dark-theme .widget-title-domain {
  background-color: #00A896;
}
.dark-theme .navigation-divider-left {
  background-color: #00A896;
}
.dark-theme .navigation-divider-right {
  background-color: #00A896;
}
.dark-theme .navigation-menu {
  background-color: #005C4E;
}
.dark-theme .navigation-menu-box-item-content:active, .dark-theme .navigation-children-box-item-content:active {
  color: #005C4E !important;
}
.dark-theme .navigation-menu-box-item-content:hover, .dark-theme .navigation-children-box-item-content:hover {
  background-color: rgba(160, 163, 184, 0.168627451);
}
.dark-theme .navigation-menu-box .downer, .dark-theme .navigation-children-box .downer {
  background-color: #26D1B4;
}
.dark-theme .navigation-menu-box .downer:hover, .dark-theme .navigation-children-box .downer:hover {
  background-color: #00C8A8;
}
.dark-theme .navigation-menu-box .downer:active, .dark-theme .navigation-children-box .downer:active {
  background-color: #00C8A8;
}
.dark-theme .navigation-header {
  background-color: #005C4E !important;
  border-bottom: 0.08em solid #005C4E;
}
.dark-theme .navigation-header-divider {
  background: #26D1B4;
}
.dark-theme .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab--active .mdc-tab__content,
.dark-theme .mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab--active .mdc-tab__content {
  color: #005C4E;
}
.dark-theme .mat-mdc-tab-header .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) .app_tab_title {
  color: #008F7F;
}
.dark-theme .mat-mdc-tab-header .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) atv-icon {
  color: #008F7F;
}
.dark-theme .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-ink-bar {
  background-color: #005C4E;
}
.dark-theme .mat-mdc-ink-bar:before {
  background-color: #005C4E;
}
.dark-theme .atv-mat-button {
  margin: 0 0.39em;
}
.dark-theme .atv-mat-button.noBox button {
  width: auto !important;
}
.dark-theme .atv-mat-button.noMargin {
  margin: 0em;
}
.dark-theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]) {
  color: #bdbdbd;
  border-color: #00A896;
}
.dark-theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-primary:not([disabled]):hover, .dark-theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-primary:not([disabled]).active {
  color: #00A896;
  border-color: #00A896;
}
.dark-theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-accent:not([disabled]):hover, .dark-theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-accent:not([disabled]).active {
  color: #00A896;
  border-color: #00A896;
}
.dark-theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-warn:not([disabled]):hover, .dark-theme .atv-mat-button button.mat-mdc-outlined-button:not([disabled]).mat-mdc-warn:not([disabled]).active {
  color: #F04438;
  border-color: #F04438;
}
.dark-theme .atv-mat-button button.mat-icon-stroked-circle:not([disabled]):hover {
  border: 0.09em solid #00A896;
}
.dark-theme .atv-mat-button button.mat-icon-stroked-circle:not([disabled]):hover .button-icon {
  color: #00A896;
}
.dark-theme .atv-mat-button button[mat-mdc-icon-button] .button-icon:hover:not(:disabled) {
  color: #00A896;
}
.dark-theme .icon-picker:hover:not(:disabled) .icon-picker-label {
  color: #00A896 !important;
}
.dark-theme .icon-picker:hover:not(:disabled) .icon-picker-wrap.boxborder {
  border-color: #00A896 !important;
}
.dark-theme .icon-picker:hover:not(:disabled) .expand-icon mat-icon {
  color: #00A896 !important;
}
.dark-theme .icon-picker-container-box mat-icon:hover:not(:disabled) {
  color: #00A896 !important;
}
.dark-theme .productui-form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.dark-theme .form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.dark-theme .form-autocomplete-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled) {
  color: var(--dropdownItemHoverTextColor) !important;
}
.dark-theme .productui-form-select-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled),
.dark-theme .form-select-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled),
.dark-theme .form-autocomplete-panel .mat-mdc-option.mat-mdc-selected.mat-mdc-active:hover:not(.mat-mdc-option-disabled) {
  color: #00A896;
  background: #B3F0E6 !important;
}
.dark-theme .mat-mdc-menu-item .selected-menu-item .mat-icon {
  color: #00A896 !important;
}
.dark-theme .bookmark-card :hover .bookmark-card-options {
  display: block !important;
  background-color: #000000;
}
.dark-theme .bookmark-card :hover .bookmark-card-options .mat-mdc-icon-button:not([disabled]) .mat-icon:hover {
  color: #00A896;
}
.dark-theme .mat-mdc-tab-group.mat-primary .mat-mdc-ink-bar,
.dark-theme .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-ink-bar,
.dark-theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-ink-bar,
.dark-theme .mat-mdc-tab-nav-bar.mat-mdc-accent .mat-mdc-ink-bar {
  background-color: #005C4E !important;
}
.dark-theme .navigation-menu-box-item-content .navigation-menu-box-item-content-selected {
  color: #005C4E !important;
}
.dark-theme atv-mat-button.menuClosed mat-icon {
  color: #000000;
}
.dark-theme atv-mat-button.isMenuOpened mat-icon {
  color: #000000;
}
.dark-theme .mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: var(--fieldDisabledTextColor) !important;
}
.dark-theme .gx-error-wrapper .gx-error-title {
  color: #00A896 !important;
}
.dark-theme .module-mgmt-card-body .moduleicon:hover:not([disabled]) .mat-icon {
  color: #00A896 !important;
}
.dark-theme .navigation-children .navigation-children-box .downer {
  background: #000000;
  color: #005C4E !important;
}
.dark-theme .mat-mdc-progress-spinner circle,
.dark-theme .mat-mdc-spinner circle {
  stroke: #005C4E !important;
}
.dark-theme .mat-mdc-progress-bar-fill::after {
  background-color: #005C4E !important;
}
.dark-theme .progress-bar-multiple .mat-mdc-progress-bar .mat-mdc-progress-bar-buffer {
  background-color: #00A896 !important;
}
.dark-theme .progress-bar-multiple .mat-mdc-progress-bar .mat-mdc-progress-bar-fill::after {
  background-color: #00b900 !important;
}
.dark-theme .app-loading-subscription-spinner {
  color: var(--accentColor400) !important;
}
.dark-theme .mat-warn .app-loading-subscription-spinner {
  color: var(--warnColor400) !important;
}
.dark-theme .mat-primary .app-loading-subscription-spinner {
  color: var(--primaryColor400) !important;
}
.dark-theme .mat-badge .mat-badge-content {
  position: relative;
  line-height: 2.03em !important;
  bottom: 0.7em;
  left: -0.3em;
  transform: scale(0.63);
  background: #df0101 !important;
  width: 1.8em !important;
  height: 1.8em !important;
  place-content: center;
  z-index: 99;
  display: flex;
  align-items: center;
}
.dark-theme .drawer-menu-container-section .drawer-menu-container-menu.active {
  background-color: #005C4E !important;
}
.dark-theme .drawer-menu-container-section:hover {
  background-color: #00A896 !important;
}
.dark-theme .drawer-menu-container-section:active {
  background-color: #00A896 !important;
}
.dark-theme .drawer-menu-container-section.sub-section,
.dark-theme .drawer-menu-container-menu.expanded {
  background-color: #00A896 !important;
}
.dark-theme atv-mat-button.Menuopen:not(.second-side-nav-menu) .mat-icon {
  color: #000000;
}
.dark-theme atv-mat-button.MenuClose .mat-icon {
  color: #00A896 !important;
}
.dark-theme atv-desktop-icon .mat-icon.icomoon {
  top: 0em;
}
.dark-theme .square-menu.generic-menu.mat-mdc-menu-panel {
  background: var(--bgColor10);
  max-width: 24.17em;
  max-height: 27.5em;
  overflow: auto;
  display: block;
  direction: var(--direction);
}
.dark-theme atv-desktop-icon:hover .icon-hover {
  background-color: #00A896 !important;
  color: #000000;
}
.dark-theme atv-desktop-icon:hover .icon-hover:hover {
  box-shadow: 0 0.09em 1.29em #00A896;
}
.dark-theme atv-desktop-icon:hover .icon-hover img {
  cursor: pointer;
  filter: brightness(0) invert(1);
}
.dark-theme .tree-node-content:hover {
  color: #00A896 !important;
}
.dark-theme .tree-node-content:hover atv-mat-button button atv-icon.button-icon {
  color: #00A896 !important;
}
.dark-theme .tree-node-content:hover .atv-mat-button button:focus:not(:disabled):not(.disabled-button).mat-mdc-icon-button atv-icon {
  color: #00A896 !important;
}
.dark-theme .node_expanded {
  color: #00A896 !important;
}
.dark-theme .node_expanded atv-mat-button button atv-icon.button-icon {
  color: #00A896 !important;
}
.dark-theme .node_expanded .atv-mat-button button:focus:not(:disabled):not(.disabled-button).mat-mdc-icon-button atv-icon {
  color: #00A896 !important;
}
.dark-theme .mat-step-icon-selected {
  border: 0.26em solid transparent !important;
}
.dark-theme .mat-step-header .mat-step-label {
  color: #616161 .dark-theme .mat-step-header .mat-step-label -active, .dark-theme .mat-step-header .mat-step-label -selected;
  color-color: #005C4E !important;
}
.dark-theme .mat-mdc-chip {
  font-size: inherit;
}
.dark-theme .mat-mdc-chip.chip-template {
  padding: 0;
  height: 2.7em;
}
.dark-theme .mat-mdc-chip.chip-template.mat-mdc-standard-chip:hover::after {
  opacity: 0;
}
.dark-theme .mat-mdc-chip.chip-template.mat-mdc-chip.mat-mdc-standard-chip:not(.mat-mdc-chip-disabled):active {
  box-shadow: none;
}
.dark-theme .owl-dt-container-buttons .owl-dt-container-control-button:last-child {
  background-color: #00A896 !important;
}
.dark-theme .owl-dt-container-buttons .owl-dt-container-control-button:last-child .owl-dt-control-button-content {
  color: #000000 !important;
}
.dark-theme .owl-dt-control.owl-dt-control-button.owl-dt-container-control-button {
  color: #00A896;
}
.dark-theme .owl-dt-calendar-table .owl-dt-calendar-header {
  color: #f5f5f5 !important;
}
.dark-theme .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  background: var(--datePickerSelectedRangeCellBgColor);
  color: var(--datePickerSelectedRangeCellColor);
}
.dark-theme .owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background: var(--datePickerCellInRangeBgColor);
  color: var(--grayColor800);
}
.dark-theme .owl-dt-calendar-table tr > td:first-child.owl-dt-calendar-cell-in-range {
  border-start-start-radius: 2em;
  border-end-start-radius: 2em;
}
.dark-theme .owl-dt-calendar-table tr > td:last-child.owl-dt-calendar-cell-in-range {
  border-start-end-radius: 2em;
  border-end-end-radius: 2em;
}
.dark-theme .owl-dt-container-info .owl-dt-container-info-active {
  color: #00A896 !important;
}
.dark-theme .owl-dt-container-info .owl-dt-control.owl-dt-container-range.owl-dt-container-to {
  color: #00A896 !important;
}
.dark-theme .owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  background-color: var(--datePickerCellInRangeHoverBgColor);
  color: var(--grayColor900);
}
.dark-theme .border-color-primary {
  border-color: #00A896 !important;
}
.dark-theme .border-color-warn {
  border-color: #F04438 !important;
}
.dark-theme .icon-color-accent mat-icon {
  color: #00A896;
}
.dark-theme .mention-item {
  color: #00A896 !important;
}
.dark-theme .background-color-primary {
  background-color: #00A896 !important;
}
.dark-theme .background-color-accent {
  background-color: #00A896 !important;
}
.dark-theme .background-color-warn {
  background-color: #F04438 !important;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .modeler .djs-palette .entry:hover {
  color: #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .modeler .bjs-container .djs-container .djs-overlay-container .djs-overlays .djs-context-pad .group .entry:hover {
  background: none;
  color: #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tab-bar ul.bpp-properties-tabs-links li.bpp-active a {
  color: #00A896;
  border-bottom: 0.08em solid #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group:hover .group-toggle {
  background-color: #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry.bpp-checkbox input:checked:before {
  background: #00A896;
  border: 0.15em solid #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:hover + .design {
  border: 0.08em solid #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:hover + .design:before {
  background: #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:focus + .design {
  border: 0.08em solid #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label input:focus + .design:before {
  background: #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label .design:before {
  background: #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .customList .list .radio-label .design::after {
  background: #00A896;
}
.dark-theme .create-workflow-container .create-workflow-info .child-container-cards-holders .child-container-card-wrapper .properties-panel .bpp-properties-panel .bpp-properties .bpp-properties-tabs-container .bpp-properties-tab .bpp-properties-group .bpp-properties-entry .bpp-entry-link {
  color: #00A896 !important;
}
.dark-theme .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding).cdk-mouse-focused .mat-mdc-slider-thumb::before {
  border: 0.33em solid #00A896;
  outline: none !important;
}
.dark-theme .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding).cdk-mouse-focused .mat-mdc-slider-thumb {
  border: 0.17em solid #00A896;
  outline: none !important;
}
.dark-theme .mat-mdc-slider:not(.mat-mdc-slider-disabled):not(.mat-mdc-slider-sliding):not(.cdk-mouse-focused) .mat-mdc-slider-thumb:hover {
  border: 0.46em solid #00A896;
  outline: none !important;
}
.dark-theme .mat-mdc-slider:not(.mat-mdc-slider-disabled).mat-mdc-slider-sliding .mat-mdc-slider-thumb::before {
  background: #00A896;
}
.dark-theme input[type=range]::-webkit-slider-thumb {
  border: 0.15em solid #00A896;
}
.dark-theme input[type=range]::-moz-range-thumb {
  border: 0.15em solid #00A896;
}
.dark-theme input[type=range]::-ms-thumb {
  border: 0.15em solid #00A896;
}
.dark-theme .opacitywrap-action-btn.active {
  background: #005C4E !important;
}
.dark-theme .productui-menu.sitesproperties .mat-mdc-menu-item:hover {
  color: #00A896 !important;
}
.dark-theme .productui-menu.sitesproperties .mat-mdc-menu-item:hover em {
  color: #00A896 !important;
}
.dark-theme .layer-modules .layer-module-wrapper .layer-selected-chip-wrapper .layer-selected-menu-wrapper-icon {
  border-color: #00A896 transparent transparent transparent;
}
.dark-theme .leaflet-bar.active a {
  color: #00A896;
}
.dark-theme .leaflet-bar.active a:hover {
  color: #00A896;
}
.dark-theme a.icomoon.zoombox.leaflet-zoom-box-icon-custom.active {
  color: #00A896;
}
.dark-theme .leaflet-control-zoom > a:hover:not(.leaflet-disabled) {
  color: #00A896 !important;
}
.dark-theme .iconwrapper.map-tool-icon:hover {
  color: #00A896;
}
.dark-theme .leaflet-edge {
  background-color: #00A896;
}
.dark-theme .mapfiltersidenav .navigation-menu-box-item-content:hover div {
  color: #00A896;
}
.dark-theme .mapfiltersidenav .navigation-menu-box-item-content:hover mat-icon {
  color: #00A896;
}
.dark-theme .mapfiltersidenav .navigation-menu-box-item-content.active {
  background-color: #B3F0E6;
}
.dark-theme .mapfiltersidenav .navigation-menu-box-item-content.active div {
  color: #00A896;
}
.dark-theme .mapfiltersidenav .navigation-menu-box-item-content.active mat-icon {
  color: #00A896;
}
.dark-theme .mapfiltersidenav .navigation-menu-box-item-content-selected {
  color: #00A896;
}
.dark-theme .mapfiltersidenav .navigation-menu-box-item-content i.togglesidebar {
  color: #00A896;
}
.dark-theme .opacitywrap-action-btn.clickable:hover {
  background-color: #00A896;
}
.dark-theme .map-search-expand:hover {
  border-color: #00A896 !important;
}
.dark-theme .map-search-expand:focus-within {
  border-color: #005C4E !important;
}
.dark-theme .feature-density-mapstyle-slider ::ng-deep .mat-mdc-slider.cdk-focused .mat-mdc-slider-wrapper .mat-mdc-slider-thumb-label {
  background-color: #00A896;
}
.dark-theme .feature-density-mapstyle-slider ::ng-deep .mat-mdc-slider.cdk-focused .mat-mdc-slider-wrapper .mat-mdc-slider-thumb-label::before {
  border-top: 0.62em solid #00A896;
}
.dark-theme .mapwizard-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-icon .mat-icon,
.dark-theme .mapwizard-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-icon .mat-icon,
.dark-theme .mylayer-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-icon .mat-icon,
.dark-theme .mylayer-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-icon .mat-icon {
  color: #00A896 !important;
}
.dark-theme .mapwizard-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-title,
.dark-theme .mapwizard-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-title,
.dark-theme .mylayer-cdk-wrapper-body-item:hover .mapwizard-cdk-wrapper-body-item-title,
.dark-theme .mylayer-cdk-wrapper-body-item:hover .mylayer-cdk-wrapper-body-item-title {
  color: #00A896 !important;
}
.dark-theme .map-filter-item:hover .layer-row,
.dark-theme .add-layer-item:hover .layer-row {
  color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .handsontable .manualRowResizer:hover {
  background-color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .handsontable .manualRowResizer.active {
  background-color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .handsontable .manualRowResizerGuide {
  background-color: #00A896 !important;
  border-color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .handsontable .manualColumnResizerGuide {
  background-color: #00A896 !important;
  border-color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .handsontable .manualColumnResizer:hover {
  background-color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .handsontable .manualColumnResizer.active {
  background-color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .handsontableEditor.listbox table tr td {
  color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .htBorders .wtBorder {
  background-color: #00A896 !important;
}
.dark-theme app-create-excel hot-table .handsontableInput {
  box-shadow: 0 0 0 0.13em #00A896 inset !important;
}
.dark-theme app-create-excel hot-table .highlight .htAutocompleteArrow {
  color: #00A896 !important;
}
.dark-theme .border-tab-sites {
  border-color: #00A896 !important;
}
.dark-theme .base-map-active {
  border: 0.08em solid #00A896;
}
.dark-theme .contactValue .productui-value-title {
  color: #00A896 !important;
}
.dark-theme .projectCount atv-label-wrap:last-of-type .productui-value-title {
  color: #00A896 !important;
}
.dark-theme .productui-label-wrap.editable {
  border: 0.09em dashed #00A896 !important;
}
.dark-theme .network-service-body-left-content_selected {
  color: #005C4E !important;
  background-color: #B3F0E6 !important;
}
.dark-theme .network-service-body-left .Favorite-Filled {
  color: #00A896 !important;
}
.dark-theme .new-tt-choose-template-list-items-selected {
  color: #005C4E !important;
  background-color: #B3F0E6 !important;
}
.dark-theme .new-tt-choose-template-samples-panel-box.primary .active {
  border: 0.09em solid #00A896 !important;
  background-color: #B3F0E6 !important;
}
.dark-theme .mat-mdc-option.option-text-color-primary.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: #00A896 !important;
}
.dark-theme .mat-mdc-option.option-text-color-warn.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: #F04438 !important;
}
.dark-theme .multiselect-autoc-optiontext-accent:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label {
  color: #00A896 !important;
}
.dark-theme .multiselect-autoc-optiontext-primary:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label {
  color: #00A896 !important;
}
.dark-theme .multiselect-autoc-optiontext-warn:not(.mat-mdc-option-disabled) .mat-mdc-checkbox-checked .mat-mdc-checkbox-label {
  color: #F04438 !important;
}
.dark-theme .radio-box {
  margin-left: 1.23em;
  margin-bottom: 1.23em;
}
.dark-theme .radio-box.accent .active {
  border: 0.09em solid #00A896 !important;
}
.dark-theme .radio-box.primary .active {
  border: 0.09em solid #00A896 !important;
}
.dark-theme .radio-box.warn .active {
  border: 0.09em solid #F04438 !important;
}
.dark-theme .highlight-field.radio-button {
  background-color: #B2E3DC !important;
}
.dark-theme .highlight-field .radio-button {
  background-color: #B2E3DC !important;
}
.dark-theme .highlight-field .mat-mdc-form-field-outline {
  background-color: #B2E3DC !important;
}
.dark-theme .highlight-field .mat-mdc-checkbox-layout {
  background-color: #B2E3DC !important;
}
.dark-theme .menu-list-body-nav-menubox-item:not(.menu-disabled).active {
  color: var(--accentColor500) !important;
  background-color: var(--bgColor50) !important;
}
.dark-theme .menu-list-body-nav-menubox-item:not(.menu-disabled).active .mat-icon {
  color: #00A896 !important;
}
.dark-theme .menu-list-body-nav-menubox-item:not(.menu-disabled):hover {
  color: var(--accentColor500) !important;
  background-color: #B3F0E6 !important;
}
.dark-theme .menu-list-body-nav-menubox-item:not(.menu-disabled):hover .mat-icon {
  color: var(--accentColor500) !important;
}
.dark-theme .menu-list-body-nav-menubox-item.active:not(.menu-disabled):hover {
  color: #000000 !important;
  background-color: #B3F0E6 !important;
}
.dark-theme .menu-list-body-nav-menubox-item.active:not(.menu-disabled):hover .mat-icon {
  color: #000000 !important;
}
.dark-theme .networktree-container-right-widget.selected {
  border-left: 0.31em solid #00A896 !important;
}
.dark-theme .rating .stars-selected.rating-star-primary {
  stop-color: #00A896 !important;
}
.dark-theme .rating .stars-selected.rating-star-accent {
  stop-color: #00A896 !important;
}
.dark-theme .rating .stars-selected.rating-star-warn {
  stop-color: #F04438 !important;
}
.dark-theme .star-stop-primary {
  stop-color: #00A896 !important;
}
.dark-theme .star-stop-accent {
  stop-color: #00A896 !important;
}
.dark-theme .star-stop-warn {
  stop-color: #F04438 !important;
}
.dark-theme .star-fill-primary {
  fill: #00A896 !important;
}
.dark-theme .star-fill-accent {
  fill: #00A896 !important;
}
.dark-theme .star-fill-warn {
  fill: #F04438 !important;
}
.dark-theme .kanban-card .each-kanban-tile-item-drag-placeholder {
  border: dotted 0.25em #00A896 !important;
}
.dark-theme .kanban-card .each-kanban-tile-item.hover-border:hover {
  border: 0.08em solid #00A896 !important;
}
.dark-theme .mat-form-field-appearance-outline .mdc-notched-outline__leading, .dark-theme .mat-form-field-appearance-outline .mdc-notched-outline__trailing {
  border-width: 0em !important;
  border-right-style: none !important;
}
.dark-theme .ag-header-viewport {
  overflow-x: hidden !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded {
  background-color: #005C4E !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded span.mat-expansion-indicator {
  color: #000000 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded .mat-expansion-panel-header-title {
  color: #000000 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled.mat-expanded .mat-expansion-indicator::after {
  color: #000000 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled .mat-expansion-panel-header-title {
  color: #f5f5f5 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled .mat-expansion-indicator::after {
  color: #f5f5f5 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:active {
  background-color: #005C4E !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover {
  background-color: #00A896 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover .mat-expansion-panel-header-title {
  color: #000000 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.filled:hover span.mat-expansion-indicator {
  color: #000000 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-title {
  color: #00A896 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator::after {
  color: #00A896 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header-title {
  color: #f5f5f5;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header:hover {
  background: none !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header:hover .mat-expansion-panel-header-title {
  color: #00A896 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header:hover .mat-expansion-indicator::after {
  color: #00A896 !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header:active {
  color: #005C4E !important;
}
.dark-theme .expansion-mat-mdc-panel .mat-expansion-panel-header:active .mat-expansion-indicator::after {
  color: #00A896 !important;
}
.dark-theme .select-form-field:not(.mat-form-field-disabled):hover ~ .input-label {
  color: var(--fieldHoverLabelColor) !important;
}
.dark-theme .grid-tile:hover {
  box-shadow: 0 0 0.33em #00A896 !important;
}
.dark-theme .desktop-noAppFound .atv-mat-button .mat-mdc-button .mdc-button__label span {
  color: rgb(104, 104, 104) !important;
}
.dark-theme .generic-tab-checkbox:hover {
  border: 0.09em solid #008F7F;
}
.dark-theme .generic-filter-checkbox:hover {
  background-color: #B2E3DC;
}
.dark-theme .generic-filter-checkbox-selected {
  background-color: #B2E3DC;
}
.dark-theme atv-mat-button button.mat-mdc-icon-button:hover:not([disabled]) .mat-icon {
  color: #007566;
}
.dark-theme .white-background-toolbar .toolbar {
  background-color: #00726A;
  border-bottom: 0.08em solid #212121;
}
.dark-theme .white-background-toolbar .toolbar-nav-menu {
  background-color: #00726A !important;
}
.dark-theme .white-background-toolbar .toolbar-nav-menu atv-mat-button button:hover .mat-icon {
  color: #000000 !important;
}
.dark-theme .white-background-toolbar .toolbar-nav-menu atv-mat-button button .mat-icon {
  color: #000000 !important;
}
.dark-theme .white-background-toolbar .toolbar-nav-breadcrumb-title .module {
  color: #000000;
}
.dark-theme .white-background-toolbar .toolbar-nav atv-mat-button.sub-menu.Menuopen button:not(:hover) .mat-icon {
  color: #000000 !important;
}
.dark-theme .white-background-toolbar .toolbar-nav atv-mat-button.sub-menu.MenuClose button .mat-icon {
  color: #000000 !important;
}
.dark-theme .white-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title div {
  color: #000000;
}
.dark-theme .white-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title:last-child div {
  color: #000000;
}
.dark-theme .white-background-toolbar .toolbar-nav .breadcrumb-item .subtitle div {
  color: #000000;
}
.dark-theme .white-background-toolbar .toolbar-search-form {
  background-color: #00726A;
}
.dark-theme .white-background-toolbar .toolbar-search-form:hover {
  border-bottom: 0.15em solid #000000;
}
.dark-theme .white-background-toolbar .toolbar-search-form:hover .input-box {
  border-bottom: 0.06em solid #000000;
  background-color: #000000;
  background-color: #00726A;
}
.dark-theme .white-background-toolbar .toolbar-search-form:focus-within {
  border-bottom: 0.15em solid #000000;
}
.dark-theme .white-background-toolbar .toolbar-search-form:focus-within .input-box {
  background-color: #00726A;
}
.dark-theme .white-background-toolbar .toolbar-search-form:hover .suffix, .dark-theme .white-background-toolbar .toolbar-search-form:focus-within .suffix {
  background: #00726A !important;
  color: #000000 !important;
}
.dark-theme .white-background-toolbar .toolbar-search-form:hover .suffix:hover, .dark-theme .white-background-toolbar .toolbar-search-form:focus-within .suffix:hover {
  color: #000000 !important;
}
.dark-theme .white-background-toolbar .toolbar-search-form .suffix {
  background: #00726A !important;
  color: #000000 !important;
}
.dark-theme .white-background-toolbar .toolbar-search-form .suffix:hover {
  color: #000000 !important;
}
.dark-theme .white-background-toolbar .toolbar-search-form-input-search {
  background: #00726A;
}
.dark-theme .color-background-toolbar .toolbar-nav-breadcrumb-title .module {
  color: #000000;
}
.dark-theme .color-background-toolbar .toolbar-nav .breadcrumb-item .title-box .title:last-child div {
  color: #000000;
}
.dark-theme .color-background-toolbar .toolbar-nav .breadcrumb-item .subtitle div {
  color: #000000;
}
.dark-theme .toolbar-search-form-input-search-area-results:hover {
  background-color: #00857A !important;
  color: #212121 !important;
}
.dark-theme .toolbar-search-form-input-search-area-loc {
  color: #009688 !important;
}
.dark-theme .toolbar-search-form-input-search-area-group {
  color: #00857A !important;
}
.dark-theme .desktop-icons-list-item:hover {
  background-color: #B2E3DC !important;
}
.dark-theme .desktop-icons-list-item:hover .icon-hover {
  background-color: #00A896 !important;
  color: #000000;
}
.dark-theme .desktop-icons-list-item:hover .icon-hover:hover {
  box-shadow: 0 0.09em 1.29em #00A896;
}
.dark-theme .desktop-icons-list-item:hover .icon-hover img {
  cursor: pointer;
  filter: brightness(0) invert(1);
}
.dark-theme .desktop-icons-list-item .icon-hover,
.dark-theme .desktop-app-list-row-group .icon-hover {
  background-color: rgba(178, 227, 220, 0.2) !important;
}
.dark-theme .desktop-icons-list-item em,
.dark-theme .desktop-app-list-row-group em {
  color: #00A896;
}
.dark-theme .desktop-icons-list-item-group-more {
  background-color: rgba(178, 227, 220, 0.2) !important;
}
.dark-theme .page-minimized-dialogs-item {
  background-color: #B3F0E6 !important;
}
.dark-theme .page-minimized-dialogs-item-icon {
  color: #00A896 !important;
}
.dark-theme .page-minimized-dialogs-item-data-name {
  color: #00A896 !important;
}
.dark-theme input.range-slider-input[type=range]::-webkit-slider-thumb {
  background-color: #00A896 !important;
}
.dark-theme .mat-mdc-menu-content .menubar-product .menubar-product-item div {
  color: #00A896 !important;
}
.dark-theme .menubar-apps-item-div .icon,
.dark-theme .menubar-discover-content .icon {
  color: #00A896;
}
.dark-theme .atv-desktop-icon-list-icomoon,
.dark-theme .application-drag-style em,
.dark-theme .grouping-body-content-item em {
  color: #00A896;
}
.dark-theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) {
  color: var(--accentColor500) !important;
  background-color: var(--accentColor50) !important;
}
.dark-theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) img {
  cursor: pointer;
}
.dark-theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-icon {
  color: var(--accentColor500) !important;
}
.dark-theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .root-modules.icon {
  color: #212121 !important;
}
.dark-theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-mdc-menu-item-submenu-trigger:after,
.dark-theme .mat-mdc-menu-item:hover:not([disabled]):not(.menubar-product-item) .mat-mdc-menu-item .mat-icon-no-color {
  color: #212121 !important;
}
.dark-theme .mat-mdc-menu-item:hover:not([disabled]),
.dark-theme .menubar-product-item {
  background-color: unset !important;
}
.dark-theme .mat-mdc-menu-item-highlighted:not([disabled]) {
  color: #004339 !important;
  background-color: #B3F0E6 !important;
}
.dark-theme .mat-mdc-menu-item-highlighted:not([disabled]) .mat-icon {
  color: #004339 !important;
}
.dark-theme .mat-mdc-menu-item-highlighted:not([disabled]) .mat-mdc-menu-item-submenu-trigger:after,
.dark-theme .mat-mdc-menu-item-highlighted:not([disabled]) .mat-mdc-menu-item .mat-icon-no-color {
  color: #004339 !important;
}
.dark-theme .sadeNav-menu-item:hover {
  color: #000000;
  background-color: #008F7F;
}
.dark-theme .sadeNav-menu-item:hover .mat-icon {
  color: #000000;
}
.dark-theme .ag-theme-material .ag-header-row {
  border-bottom: 0.08em solid var(--agGridBorderBottomColor) !important;
}
.dark-theme .ag-theme-material .ag-header {
  border-bottom: 0.08em solid var(--agGridHeaderBorderBottomColor) !important;
  border-top: 0.08em solid var(--agGridHeaderBorderTopColor) !important;
}
.dark-theme .sadeNav-menu-item-selected {
  color: #005C4E;
  background-color: #B2E3DC;
}
.dark-theme .sadeNav-menu-item-selected .mat-icon {
  color: #005C4E;
}
.dark-theme .mat-mdc-tab-group.mat-mdc-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled) {
  background-color: transparent !important;
}
.dark-theme .mat-mdc-checkbox:hover:not(.mat-mdc-checkbox-disabled) .mat-mdc-checkbox-frame {
  border-color: #008F7F !important;
}
.dark-theme .mat-mdc-checkbox-checked.mat-primary .mdc-checkbox__background,
.dark-theme .mat-mdc-checkbox-checked.mat-mdc-accent .mdc-checkbox__background {
  background-color: #005C4E !important;
}
.dark-theme .mat-mdc-checkbox-indeterminate.mat-primary .mdc-checkbox__background,
.dark-theme .mat-mdc-checkbox-indeterminate.mat-mdc-accent .mdc-checkbox__background {
  background-color: #005C4E !important;
}
.dark-theme .mat-mdc-pseudo-checkbox-checked {
  background-color: #005C4E !important;
}
.dark-theme .mat-mdc-pseudo-checkbox-checked.mat-mdc-pseudo-checkbox-disabled {
  background-color: #424242 !important;
}
.dark-theme .mat-mdc-pseudo-checkbox.mat-mdc-option-pseudo-checkbox:hover:not(.mat-mdc-pseudo-checkbox-disabled) {
  border-color: #008F7F !important;
}
.dark-theme .mat-mdc-radio-outer-circle {
  border-color: #e0e0e0;
}
.dark-theme .mat-mdc-radio-button.mat-primary .mat-mdc-radio-inner-circle,
.dark-theme .mat-mdc-radio-button.mat-mdc-accent .mat-mdc-radio-inner-circle {
  background-color: #005C4E !important;
}
.dark-theme .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.dark-theme .mat-mdc-radio-button.mat-mdc-accent.mat-mdc-radio-checked .mat-mdc-radio-outer-circle {
  border-color: #005C4E !important;
}
.dark-theme .mat-mdc-radio-button.mat-mdc-radio-disabled .mat-mdc-radio-outer-circle {
  border-color: #616161;
}
.dark-theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked,
.dark-theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-button.mat-mdc-accent.mat-mdc-radio-checked,
.dark-theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-outer-circle {
  border-color: #008F7F !important;
}
.dark-theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-inner-circle,
.dark-theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mat-mdc-radio-container:hover .mat-mdc-radio-checked {
  background-color: #008F7F !important;
}
.dark-theme .input-form-field:not(.mat-form-field-disabled):hover ~ .input-label {
  color: var(--fieldHoverLabelColor) !important;
}
.dark-theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label,
.dark-theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label,
.dark-theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .input-label {
  color: #008F7F;
}
.dark-theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.dark-theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.dark-theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing {
  border-color: #008F7F;
}
.dark-theme .select-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.dark-theme .input-field-parent:hover .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.dark-theme .chip-autocomplete:hover:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow {
  color: #008F7F;
}
.dark-theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .input-label,
.dark-theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .input-label,
.dark-theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .input-label,
.dark-theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .input-label,
.dark-theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .input-label,
.dark-theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .input-label {
  color: #008F7F;
}
.dark-theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.dark-theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.dark-theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.dark-theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.dark-theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing,
.dark-theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,
.dark-theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,
.dark-theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing {
  border-color: #005C4E;
}
.dark-theme .select-field-parent:focus-within .mat-mdc-form-field:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.dark-theme .input-field-parent:focus-within:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.dark-theme .chip-autocomplete:focus-within:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.dark-theme .select-form-field:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.dark-theme .input-form-field:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow,
.dark-theme .chip-autocomplete:active:not(.mat-mdc-form-field-disabled) .mat-mdc-select .mat-mdc-select-arrow {
  color: #005C4E;
  outline: none !important;
}
.dark-theme .mat-drawer:not(.mat-drawer-side):dir(ltr) {
  box-shadow: 0.17em 0.17em 0.33em var(--grayColor100);
}
.dark-theme .mat-drawer:not(.mat-drawer-side):dir(rtl) {
  box-shadow: -0.17em 0.17em 0.33em var(--grayColor100);
}
.dark-theme .mat-mdc-option.mat-mdc-option-disabled {
  color: #9e9e9e;
  background: var(--bgColor100);
}
.dark-theme .mat-mdc-option.mat-mdc-option-disabled .mat-mdc-pseudo-checkbox::after {
  color: #9e9e9e;
}
.dark-theme .mat-mdc-option.option-text-color-accent.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: #005C4E !important;
}
.dark-theme .mat-mdc-option.option-text-color-accent.mat-mdc-selected:not(.mat-mdc-option-multiple) {
  background: #212121 !important;
}
.dark-theme .form-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled) {
  color: var(--dropdownItemHoverTextColor) !important;
  background-color: var(--dropdownItemHoverBgColor) !important;
}
.dark-theme .default-range .mat-mdc-slider-track-fill {
  background-color: #00A896 !important;
}
.dark-theme .default-range:hover .mat-primary .mat-mdc-slider-thumb,
.dark-theme .default-range:hover .mat-mdc-accent .mat-mdc-slider-thumb {
  background-color: #008F7F !important;
}
.dark-theme .default-range:hover .mat-mdc-slider-track-fill {
  background-color: #008F7F !important;
}
.dark-theme atv-slider.disabled .default-range .mat-mdc-slider-thumb {
  background-color: #212121 !important;
}
.dark-theme atv-slider.disabled .default-range .mat-mdc-slider-track-fill {
  background-color: #212121 !important;
}
.dark-theme atv-slider.disabled .default-range:hover .mat-primary .mat-mdc-slider-thumb,
.dark-theme atv-slider.disabled .default-range:hover .mat-mdc-accent .mat-mdc-slider-thumb {
  background-color: #212121 !important;
}
.dark-theme atv-slider.disabled .default-range:hover .mat-mdc-slider-track-fill {
  background-color: #212121 !important;
}
.dark-theme .atv-search-box:focus-within,
.dark-theme .atv-search-box:active,
.dark-theme .atv-auto-complete:focus-within,
.dark-theme .atv-auto-complete:active {
  outline: none !important;
  border-color: #005C4E !important;
}
.dark-theme .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.dark-theme .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.dark-theme .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr),
.dark-theme .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) {
  background-color: transparent !important;
  border-radius: var(--fieldRadius) !important;
  border-bottom-left-radius: unset !important;
  border-top-left-radius: unset !important;
}
.dark-theme .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.dark-theme .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.dark-theme .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon,
.dark-theme .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(ltr) .mat-icon {
  color: var(--grayColor300) !important;
}
.dark-theme .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.dark-theme .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.dark-theme .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl),
.dark-theme .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) {
  background-color: transparent !important;
  border-radius: var(--fieldRadius) !important;
  border-bottom-right-radius: unset !important;
  border-top-right-radius: unset !important;
}
.dark-theme .atv-search-box:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.dark-theme .atv-search-box:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.dark-theme .atv-auto-complete:focus-within .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon,
.dark-theme .atv-auto-complete:active .search-close .atv-mat-button button.mat-mdc-icon-button:dir(rtl) .mat-icon {
  color: var(--grayColor300) !important;
}
.dark-theme .ag-theme-material .ag-icon-asc:before,
.dark-theme .ag-theme-material .ag-icon-desc:before {
  color: #00A896 !important;
}
.dark-theme .ag-theme-material .ag-icon-checkbox-checked:hover {
  background-color: #005C4E !important;
}
.dark-theme .ag-theme-material .ag-icon-checkbox-checked {
  background-color: #005C4E !important;
}
.dark-theme .ag-theme-material .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper.ag-checked {
  background: var(--checkboxBgColor) !important;
  border: 0.16em solid var(--checkboxBgColor) !important;
}
.dark-theme .ag-theme-material .ag-root-wrapper-body .ag-checkbox-input-wrapper.ag-checked::after {
  color: #00A896 !important;
  border-top-color: #000000;
}
.dark-theme .ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate::after {
  color: #00A896 !important;
}
.dark-theme .ag-theme-material .ag-row-highlight-above::after,
.dark-theme .ag-theme-material .ag-row-highlight-below::after {
  background-color: #00A896 !important;
}
.dark-theme .ag-theme-material .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.dark-theme .ag-theme-material .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: #00A896 !important;
}
.dark-theme .ag-theme-material .ag-cell.ag-context-menu-open {
  border: 0.08em solid #00A896 !important;
}
.dark-theme .pinned > .atv-mat-button button.mat-icon-stroked-circle atv-icon,
.dark-theme .pinned > .atv-mat-button button.mat-mdc-icon-button atv-icon {
  color: #008F7F !important;
}
.dark-theme .ag-root-wrapper {
  border: none !important;
}
.dark-theme .table-options .ag-row-selected {
  color: var(--grayColor400);
  background-color: #B2E3DC;
}
.dark-theme .table-options .ag-row-selected .ag-icon-grip:before,
.dark-theme .table-options .ag-row-selected * {
  color: var(--grayColor400);
}
.dark-theme .table-options .ag-row:hover {
  color: var(--grayColor400);
  background-color: #B2E3DC;
}
.dark-theme .table-options .ag-row:hover .ag-icon-grip:before,
.dark-theme .table-options .ag-row:hover * {
  color: var(--grayColor400);
}
.dark-theme .ag-menu-option-active {
  color: #004339 !important;
  background-color: #B2E3DC !important;
}
.dark-theme .ag-menu-option-active .ag-icon {
  color: #004339 !important;
}
.dark-theme .ag-grid-hover-wrapper atv-mat-button:hover .mat-icon {
  color: #00A896 !important;
}
.dark-theme .ag-dot-flashing {
  background-color: #00A896 !important;
  color: #00A896 !important;
}
.dark-theme .ag-theme-material .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) .input-label,
.dark-theme .ag-theme-material .ag-ltr .ag-cell.ag-context-menu-open .input-label,
.dark-theme .ag-theme-material .ag-ltr .ag-cell-range-single-cell .input-label,
.dark-theme .ag .input-field-parent .input-label {
  color: #e0e0e0 !important;
}
.dark-theme .input_disabled .input-label {
  color: #bdbdbd !important;
}
.dark-theme -theme-material .ag-rtl .ag-cell.ag-context-menu-open,
.dark-theme .ag-theme-material .ag-rtl .ag-cell-range-single-cell,
.dark-theme .ag-theme-material .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border-color: #00A896 !important;
}
.dark-theme .selected .mat-mdc-calendar-body-cell-content {
  color: #000000 !important;
  background-color: #005C4E !important;
}
.dark-theme .mat-mdc-calendar-body-active .mat-mdc-calendar-body-selected {
  color: #000000 !important;
  background-color: #005C4E !important;
}
.dark-theme .mat-mdc-calendar-body-cell:not(.mat-mdc-calendar-body-disabled):hover > .mat-mdc-calendar-body-cell-content:not(.mat-mdc-calendar-body-selected):not(.mat-mdc-calendar-body-comparison-identical),
.dark-theme .cdk-keyboard-focused .mat-mdc-calendar-body-active > .mat-mdc-calendar-body-cell-content:not(.mat-mdc-calendar-body-selected):not(.mat-mdc-calendar-body-comparison-identical) {
  background-color: #008F7F !important;
  color: #000000 !important;
}
.dark-theme .custom-date-class {
  background-color: #B2E3DC !important;
}
.dark-theme .menu-select-btn {
  background-color: #00A896 !important;
  color: #000000 !important;
}
.dark-theme .menu-select:hover, .dark-theme .menu-select:focus-within {
  border-color: #008F7F !important;
}
.dark-theme .desktop-slider-controls-hover:hover {
  background-color: #B2E3DC;
}
.dark-theme .desktop-slider-thumbnails-list .circle.selected {
  color: #26D1B4;
}
.dark-theme .input-field-parent .input-label {
  color: #e0e0e0;
}
.dark-theme .input_disabled .input-label,
.dark-theme .select_disabled .input-label {
  color: var(--fieldDisabledLabelColor) !important;
}
.dark-theme .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover,
.dark-theme .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover,
.dark-theme .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover {
  background-color: transparent !important;
  color: #00A896 !important;
}
.dark-theme .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover atv-icon,
.dark-theme .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover atv-icon,
.dark-theme .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover atv-icon {
  color: #00A896 !important;
}
.dark-theme .tt-view-detail atv-expansion-panel mat-expansion-panel-header:hover mat-icon,
.dark-theme .added-recipes-accordion atv-expansion-panel mat-expansion-panel-header:hover mat-icon,
.dark-theme .root-cause-container-body atv-expansion-panel mat-expansion-panel-header:hover mat-icon {
  color: #00A896 !important;
}
.dark-theme .color-primary-10 {
  color: #E0F5F2 !important;
}
.dark-theme .bg-primary-10 {
  background-color: #E0F5F2 !important;
}
.dark-theme .border-primary-10 {
  border-color: #E0F5F2 !important;
}
.dark-theme .border-solid-primary-10 {
  border: 0.09em solid #E0F5F2 !important;
}
.dark-theme .color-primary-50 {
  color: #B2E3DC !important;
}
.dark-theme .bg-primary-50 {
  background-color: #B2E3DC !important;
}
.dark-theme .border-primary-50 {
  border-color: #B2E3DC !important;
}
.dark-theme .border-solid-primary-50 {
  border: 0.09em solid #B2E3DC !important;
}
.dark-theme .color-primary-100 {
  color: #80CFC6 !important;
}
.dark-theme .bg-primary-100 {
  background-color: #80CFC6 !important;
}
.dark-theme .border-primary-100 {
  border-color: #80CFC6 !important;
}
.dark-theme .border-solid-primary-100 {
  border: 0.09em solid #80CFC6 !important;
}
.dark-theme .color-primary-200 {
  color: #4DBBB0 !important;
}
.dark-theme .bg-primary-200 {
  background-color: #4DBBB0 !important;
}
.dark-theme .border-primary-200 {
  border-color: #4DBBB0 !important;
}
.dark-theme .border-solid-primary-200 {
  border: 0.09em solid #4DBBB0 !important;
}
.dark-theme .color-primary-300 {
  color: #26AB9E !important;
}
.dark-theme .bg-primary-300 {
  background-color: #26AB9E !important;
}
.dark-theme .border-primary-300 {
  border-color: #26AB9E !important;
}
.dark-theme .border-solid-primary-300 {
  border: 0.09em solid #26AB9E !important;
}
.dark-theme .color-primary-400 {
  color: #009E8F !important;
}
.dark-theme .bg-primary-400 {
  background-color: #009E8F !important;
}
.dark-theme .border-primary-400 {
  border-color: #009E8F !important;
}
.dark-theme .border-solid-primary-400 {
  border: 0.09em solid #009E8F !important;
}
.dark-theme .color-primary-500 {
  color: #009688 !important;
}
.dark-theme .bg-primary-500 {
  background-color: #009688 !important;
}
.dark-theme .border-primary-500 {
  border-color: #009688 !important;
}
.dark-theme .border-solid-primary-500 {
  border: 0.09em solid #009688 !important;
}
.dark-theme .color-primary-600 {
  color: #00857A !important;
}
.dark-theme .bg-primary-600 {
  background-color: #00857A !important;
}
.dark-theme .border-primary-600 {
  border-color: #00857A !important;
}
.dark-theme .border-solid-primary-600 {
  border: 0.09em solid #00857A !important;
}
.dark-theme .color-primary-700 {
  color: #00726A !important;
}
.dark-theme .bg-primary-700 {
  background-color: #00726A !important;
}
.dark-theme .border-primary-700 {
  border-color: #00726A !important;
}
.dark-theme .border-solid-primary-700 {
  border: 0.09em solid #00726A !important;
}
.dark-theme .color-primary-800 {
  color: #005F57 !important;
}
.dark-theme .bg-primary-800 {
  background-color: #005F57 !important;
}
.dark-theme .border-primary-800 {
  border-color: #005F57 !important;
}
.dark-theme .border-solid-primary-800 {
  border: 0.09em solid #005F57 !important;
}
.dark-theme .color-primary-900 {
  color: #004A44 !important;
}
.dark-theme .bg-primary-900 {
  background-color: #004A44 !important;
}
.dark-theme .border-primary-900 {
  border-color: #004A44 !important;
}
.dark-theme .border-solid-primary-900 {
  border: 0.09em solid #004A44 !important;
}
.dark-theme .color-accent-10 {
  color: #E0FAF6 !important;
}
.dark-theme .bg-accent-10 {
  background-color: #E0FAF6 !important;
}
.dark-theme .border-accent-10 {
  border-color: #E0FAF6 !important;
}
.dark-theme .border-solid-accent-10 {
  border: 0.09em solid #E0FAF6 !important;
}
.dark-theme .color-accent-50 {
  color: #B3F0E6 !important;
}
.dark-theme .bg-accent-50 {
  background-color: #B3F0E6 !important;
}
.dark-theme .border-accent-50 {
  border-color: #B3F0E6 !important;
}
.dark-theme .border-solid-accent-50 {
  border: 0.09em solid #B3F0E6 !important;
}
.dark-theme .color-accent-100 {
  color: #80E5D4 !important;
}
.dark-theme .bg-accent-100 {
  background-color: #80E5D4 !important;
}
.dark-theme .border-accent-100 {
  border-color: #80E5D4 !important;
}
.dark-theme .border-solid-accent-100 {
  border: 0.09em solid #80E5D4 !important;
}
.dark-theme .color-accent-200 {
  color: #4DDAC2 !important;
}
.dark-theme .bg-accent-200 {
  background-color: #4DDAC2 !important;
}
.dark-theme .border-accent-200 {
  border-color: #4DDAC2 !important;
}
.dark-theme .border-solid-accent-200 {
  border: 0.09em solid #4DDAC2 !important;
}
.dark-theme .color-accent-300 {
  color: #26D1B4 !important;
}
.dark-theme .bg-accent-300 {
  background-color: #26D1B4 !important;
}
.dark-theme .border-accent-300 {
  border-color: #26D1B4 !important;
}
.dark-theme .border-solid-accent-300 {
  border: 0.09em solid #26D1B4 !important;
}
.dark-theme .color-accent-400 {
  color: #00C8A8 !important;
}
.dark-theme .bg-accent-400 {
  background-color: #00C8A8 !important;
}
.dark-theme .border-accent-400 {
  border-color: #00C8A8 !important;
}
.dark-theme .border-solid-accent-400 {
  border: 0.09em solid #00C8A8 !important;
}
.dark-theme .color-accent-500 {
  color: #00A896 !important;
}
.dark-theme .bg-accent-500 {
  background-color: #00A896 !important;
}
.dark-theme .border-accent-500 {
  border-color: #00A896 !important;
}
.dark-theme .border-solid-accent-500 {
  border: 0.09em solid #00A896 !important;
}
.dark-theme .color-accent-600 {
  color: #008F7F !important;
}
.dark-theme .bg-accent-600 {
  background-color: #008F7F !important;
}
.dark-theme .border-accent-600 {
  border-color: #008F7F !important;
}
.dark-theme .border-solid-accent-600 {
  border: 0.09em solid #008F7F !important;
}
.dark-theme .color-accent-700 {
  color: #007566 !important;
}
.dark-theme .bg-accent-700 {
  background-color: #007566 !important;
}
.dark-theme .border-accent-700 {
  border-color: #007566 !important;
}
.dark-theme .border-solid-accent-700 {
  border: 0.09em solid #007566 !important;
}
.dark-theme .color-accent-800 {
  color: #005C4E !important;
}
.dark-theme .bg-accent-800 {
  background-color: #005C4E !important;
}
.dark-theme .border-accent-800 {
  border-color: #005C4E !important;
}
.dark-theme .border-solid-accent-800 {
  border: 0.09em solid #005C4E !important;
}
.dark-theme .color-accent-900 {
  color: #004339 !important;
}
.dark-theme .bg-accent-900 {
  background-color: #004339 !important;
}
.dark-theme .border-accent-900 {
  border-color: #004339 !important;
}
.dark-theme .border-solid-accent-900 {
  border: 0.09em solid #004339 !important;
}
.dark-theme .color-warn-10 {
  color: #FFFBFA !important;
}
.dark-theme .bg-warn-10 {
  background-color: #FFFBFA !important;
}
.dark-theme .border-warn-10 {
  border-color: #FFFBFA !important;
}
.dark-theme .border-solid-warn-10 {
  border: 0.09em solid #FFFBFA !important;
}
.dark-theme .color-warn-50 {
  color: #FEF3F2 !important;
}
.dark-theme .bg-warn-50 {
  background-color: #FEF3F2 !important;
}
.dark-theme .border-warn-50 {
  border-color: #FEF3F2 !important;
}
.dark-theme .border-solid-warn-50 {
  border: 0.09em solid #FEF3F2 !important;
}
.dark-theme .color-warn-100 {
  color: #FEE4E2 !important;
}
.dark-theme .bg-warn-100 {
  background-color: #FEE4E2 !important;
}
.dark-theme .border-warn-100 {
  border-color: #FEE4E2 !important;
}
.dark-theme .border-solid-warn-100 {
  border: 0.09em solid #FEE4E2 !important;
}
.dark-theme .color-warn-200 {
  color: #FECDCA !important;
}
.dark-theme .bg-warn-200 {
  background-color: #FECDCA !important;
}
.dark-theme .border-warn-200 {
  border-color: #FECDCA !important;
}
.dark-theme .border-solid-warn-200 {
  border: 0.09em solid #FECDCA !important;
}
.dark-theme .color-warn-300 {
  color: #FDA29B !important;
}
.dark-theme .bg-warn-300 {
  background-color: #FDA29B !important;
}
.dark-theme .border-warn-300 {
  border-color: #FDA29B !important;
}
.dark-theme .border-solid-warn-300 {
  border: 0.09em solid #FDA29B !important;
}
.dark-theme .color-warn-400 {
  color: #F97066 !important;
}
.dark-theme .bg-warn-400 {
  background-color: #F97066 !important;
}
.dark-theme .border-warn-400 {
  border-color: #F97066 !important;
}
.dark-theme .border-solid-warn-400 {
  border: 0.09em solid #F97066 !important;
}
.dark-theme .color-warn-500 {
  color: #F04438 !important;
}
.dark-theme .bg-warn-500 {
  background-color: #F04438 !important;
}
.dark-theme .border-warn-500 {
  border-color: #F04438 !important;
}
.dark-theme .border-solid-warn-500 {
  border: 0.09em solid #F04438 !important;
}
.dark-theme .color-warn-600 {
  color: #D92D20 !important;
}
.dark-theme .bg-warn-600 {
  background-color: #D92D20 !important;
}
.dark-theme .border-warn-600 {
  border-color: #D92D20 !important;
}
.dark-theme .border-solid-warn-600 {
  border: 0.09em solid #D92D20 !important;
}
.dark-theme .color-warn-700 {
  color: #B42318 !important;
}
.dark-theme .bg-warn-700 {
  background-color: #B42318 !important;
}
.dark-theme .border-warn-700 {
  border-color: #B42318 !important;
}
.dark-theme .border-solid-warn-700 {
  border: 0.09em solid #B42318 !important;
}
.dark-theme .color-warn-800 {
  color: #912018 !important;
}
.dark-theme .bg-warn-800 {
  background-color: #912018 !important;
}
.dark-theme .border-warn-800 {
  border-color: #912018 !important;
}
.dark-theme .border-solid-warn-800 {
  border: 0.09em solid #912018 !important;
}
.dark-theme .color-warn-900 {
  color: #7A271A !important;
}
.dark-theme .bg-warn-900 {
  background-color: #7A271A !important;
}
.dark-theme .border-warn-900 {
  border-color: #7A271A !important;
}
.dark-theme .border-solid-warn-900 {
  border: 0.09em solid #7A271A !important;
}
.dark-theme .box-shadow {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.dark-theme .color-gray-10 {
  color: #000000 !important;
}
.dark-theme .bg-gray-10 {
  background-color: #000000 !important;
}
.dark-theme .border-gray-10 {
  border-color: #000000 !important;
}
.dark-theme .border-solid-gray-10 {
  border: 0.09em solid #000000 !important;
}
.dark-theme .color-gray-50 {
  color: #212121 !important;
}
.dark-theme .bg-gray-50 {
  background-color: #212121 !important;
}
.dark-theme .border-gray-50 {
  border-color: #212121 !important;
}
.dark-theme .border-solid-gray-50 {
  border: 0.09em solid #212121 !important;
}
.dark-theme .color-gray-100 {
  color: #424242 !important;
}
.dark-theme .bg-gray-100 {
  background-color: #424242 !important;
}
.dark-theme .border-gray-100 {
  border-color: #424242 !important;
}
.dark-theme .border-solid-gray-100 {
  border: 0.09em solid #424242 !important;
}
.dark-theme .color-gray-200 {
  color: #616161 !important;
}
.dark-theme .bg-gray-200 {
  background-color: #616161 !important;
}
.dark-theme .border-gray-200 {
  border-color: #616161 !important;
}
.dark-theme .border-solid-gray-200 {
  border: 0.09em solid #616161 !important;
}
.dark-theme .color-gray-300 {
  color: #757575 !important;
}
.dark-theme .bg-gray-300 {
  background-color: #757575 !important;
}
.dark-theme .border-gray-300 {
  border-color: #757575 !important;
}
.dark-theme .border-solid-gray-300 {
  border: 0.09em solid #757575 !important;
}
.dark-theme .color-gray-400 {
  color: #9e9e9e !important;
}
.dark-theme .bg-gray-400 {
  background-color: #9e9e9e !important;
}
.dark-theme .border-gray-400 {
  border-color: #9e9e9e !important;
}
.dark-theme .border-solid-gray-400 {
  border: 0.09em solid #9e9e9e !important;
}
.dark-theme .color-gray-500 {
  color: #bdbdbd !important;
}
.dark-theme .bg-gray-500 {
  background-color: #bdbdbd !important;
}
.dark-theme .border-gray-500 {
  border-color: #bdbdbd !important;
}
.dark-theme .border-solid-gray-500 {
  border: 0.09em solid #bdbdbd !important;
}
.dark-theme .color-gray-600 {
  color: #e0e0e0 !important;
}
.dark-theme .bg-gray-600 {
  background-color: #e0e0e0 !important;
}
.dark-theme .border-gray-600 {
  border-color: #e0e0e0 !important;
}
.dark-theme .border-solid-gray-600 {
  border: 0.09em solid #e0e0e0 !important;
}
.dark-theme .color-gray-700 {
  color: #eeeeee !important;
}
.dark-theme .bg-gray-700 {
  background-color: #eeeeee !important;
}
.dark-theme .border-gray-700 {
  border-color: #eeeeee !important;
}
.dark-theme .border-solid-gray-700 {
  border: 0.09em solid #eeeeee !important;
}
.dark-theme .color-gray-800 {
  color: #f5f5f5 !important;
}
.dark-theme .bg-gray-800 {
  background-color: #f5f5f5 !important;
}
.dark-theme .border-gray-800 {
  border-color: #f5f5f5 !important;
}
.dark-theme .border-solid-gray-800 {
  border: 0.09em solid #f5f5f5 !important;
}
.dark-theme .color-gray-900 {
  color: #fafafa !important;
}
.dark-theme .bg-gray-900 {
  background-color: #fafafa !important;
}
.dark-theme .border-gray-900 {
  border-color: #fafafa !important;
}
.dark-theme .border-solid-gray-900 {
  border: 0.09em solid #fafafa !important;
}
.dark-theme .bg-color-10 {
  background-color: #000000 !important;
}
.dark-theme .bg-color-50 {
  background-color: #212121 !important;
}
.dark-theme .bg-color-100 {
  background-color: #424242 !important;
}
.dark-theme .bg-color-200 {
  background-color: #616161 !important;
}
.dark-theme .bg-color-300 {
  background-color: #757575 !important;
}
.dark-theme .bg-color-400 {
  background-color: #9e9e9e !important;
}
.dark-theme .bg-color-500 {
  background-color: #bdbdbd !important;
}
.dark-theme .bg-color-600 {
  background-color: #e0e0e0 !important;
}
.dark-theme .bg-color-700 {
  background-color: #eeeeee !important;
}
.dark-theme .bg-color-800 {
  background-color: #f5f5f5 !important;
}
.dark-theme .bg-color-900 {
  background-color: #fafafa !important;
}
.dark-theme .ck.ck-list__item .ck-button.ck-on {
  color: #000000;
  background-color: #00A896;
  display: flex;
}
.dark-theme .ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled) {
  color: #000000;
  background-color: #00A896;
  display: flex;
}
.dark-theme .ck.ck-list__item .ck-button {
  display: flex;
}
.dark-theme .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on {
  background-color: #00A896;
  color: #000000 !important;
}
.dark-theme .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on .ck-icon {
  color: #000000 !important;
}
.dark-theme .editor-section .ck-toolbar .ck-dropdown__panel .ck-button.ck-on.ck-dropdown__button svg.ck .ck-icon .ck-button__icon path {
  fill: #00A896 !important;
}
.dark-theme .editor-section .ck-toolbar .ck-button.ck-on {
  color: #00A896 !important;
}
.dark-theme .editor-section button.ck.ck-button.ck-on.ck-button_with-text.ck-dropdown__button {
  color: #000000 !important;
}
.dark-theme .editor-section .ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
  background: #00A896 !important;
}
.dark-theme .editor-section .ck-widget.table td.ck-editor__nested-editable:focus {
  background: #00A896 !important;
  outline: #00A896 !important;
}
.dark-theme .editor-section .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  background-color: #00A896 !important;
}
.dark-theme .editor-section .ck-content .table table {
  border-color: #00A896;
}
.dark-theme .editor-section .ck .ck-widget:hover {
  outline-color: #00A896 !important;
}
.dark-theme .editor-section .ck .ck-insert-table-dropdown-grid-box.ck-on {
  border-color: #00A896 !important;
  background: #00A896 !important;
}
.dark-theme .notification-b-box {
  background-color: #212121;
  border: 0.08em solid #424242;
  box-sizing: border-box;
  border-radius: 0.45em;
  min-height: 6.1em;
  margin-bottom: 1em;
}
.dark-theme .notification-b-box a {
  color: #00A896;
}
.dark-theme .week .mat-mdc-calendar-body-range-start .mat-mdc-calendar-body-selected {
  background-color: #009688 !important;
}
.dark-theme .week .mat-mdc-calendar-body-range-end .mat-mdc-calendar-body-selected {
  background-color: #009688 !important;
}
.dark-theme .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-number {
  background-color: #009688 !important;
}
.dark-theme .fc-timeGridWeek-view .fc-day-today .fc-col-header-cell-cushion {
  background-color: #009688 !important;
}
.dark-theme .tree-item-row:hover > * {
  color: #00A896;
  cursor: pointer;
}
.dark-theme .form-drag-box:active .form-drag-box-icon .mat-icon {
  color: #00A896 !important;
}
.dark-theme .form-drag-box:hover {
  border-color: #00A896 !important;
}
.dark-theme .dndDragging {
  border-color: transparent !important;
}
.dark-theme .dndDragging .form-drag-box {
  background-color: #005C4E !important;
  color: #000000 !important;
}
.dark-theme .dndDragging .form-drag-box .mat-icon > svg > path {
  stroke: #000000 !important;
}
.dark-theme .dndDragging .form-drag-box .form-drag-box-icon .mat-icon {
  color: #000000 !important;
}
.dark-theme .dndDraggingSource .form-drag-box {
  background-color: #B3F0E6 !important;
  color: #00A896 !important;
}
.dark-theme .dndDraggingSource .form-drag-box .mat-icon > svg > path {
  stroke: #00A896 !important;
}
.dark-theme .dndDraggingSource .form-drag-box .form-drag-box-icon .mat-icon {
  color: #00A896 !important;
}
.dark-theme .ent-chat-content .sendBtn .atv-mat-button button {
  background-color: #00A896 !important;
}
.dark-theme .sv-annotation-tools-icon:hover {
  background-color: #B3F0E6;
}
.dark-theme .sv-annotation-page-select:hover {
  outline-color: #009688 !important;
}
.dark-theme .annotate-control-menu.active, .dark-theme .annotate-control-menu:hover {
  background-color: #00A896 !important;
  color: #000000;
}
.dark-theme .iconTooltip:hover {
  color: #00A896 !important;
}
.dark-theme .histories-timeline-item-process-circle, .dark-theme .histories-timeline-item-process-circle-progress-active, .dark-theme .histories-timeline-item-dynamic-process-circle, .dark-theme .histories-timeline-item-dynamic-process-circle-progress-active {
  background-color: #00A896 !important;
}
.dark-theme .histories-timeline-item-process-line, .dark-theme .histories-timeline-item-dynamic-process-line {
  background-color: #00A896 !important;
}
.dark-theme .histories-timeline-item-comment a {
  color: #00A896;
  text-decoration: none;
}
.dark-theme .custom-select .mat-mdc-form-field-wrapper .mat-mdc-form-field-outline {
  background-color: #00A896;
}
.dark-theme .mat-mdc-form-field-error:dir(ltr) {
  float: var(--fieldErrorLtrMsgAlignment) !important;
  max-width: 100%;
}
.dark-theme .mat-mdc-form-field-error:dir(rtl) {
  float: var(--fieldErrorRtlMsgAlignment) !important;
  max-width: 100%;
}
.dark-theme .mat-mdc-form-field-error > span {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  color: var(--fieldHintErrorColor);
  font-weight: var(--fieldTextFontWeight);
}
.dark-theme .dot3-loader {
  width: 5em;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#00A896 75%,transparent);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  color: #00A896;
  background-size: 33.3333333333% 50%;
  animation: d3 1s infinite linear;
}
@keyframes d3 {
  20% {
    background-position: 0% 0%, 50% 50%, 100% 50%;
  }
  40% {
    background-position: 0% 100%, 50% 0%, 100% 50%;
  }
  60% {
    background-position: 0% 50%, 50% 100%, 100% 0%;
  }
  80% {
    background-position: 0% 50%, 50% 50%, 100% 100%;
  }
}
.dark-theme .spinner-loader {
  width: 8vmax;
  height: 8vmax;
  border-right: 0.33em solid #00A896;
  border-radius: 100%;
  animation: spinRight 800ms linear infinite;
}
.dark-theme .spinner-loader:before, .dark-theme .spinner-loader:after {
  content: "";
  width: 6vmax;
  height: 6vmax;
  display: block;
  position: absolute;
  top: calc(50% - 3vmax);
  left: calc(50% - 3vmax);
  border-left: 0.25em solid #00A896;
  border-radius: 100%;
  animation: spinLeft 800ms linear infinite;
}
.dark-theme .spinner-loader:after {
  width: 4vmax;
  height: 4vmax;
  top: calc(50% - 2vmax);
  left: calc(50% - 2vmax);
  border: 0;
  border-right: 0.17em solid #00A896;
  animation: none;
}
@keyframes spinLeft {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg);
  }
}
@keyframes spinRight {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.dark-theme .custom-chips {
  border-radius: 1.39em !important;
  color: #00A896 !important;
  background: transparent !important;
  word-break: unset !important;
}
.dark-theme .custom-chips:active {
  background-color: transparent !important;
}
.dark-theme .chip-ellip {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  max-width: 15em !important;
}
.dark-theme .mat-stepper-label-position-bottom .mat-horizontal-stepper-header {
  padding: 1.23em 1em 1em !important;
}
.dark-theme .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after, .dark-theme .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before {
  width: calc(49% - 1em) !important;
}
.dark-theme .mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label {
  padding: 0.8em 0 0 0 !important;
  text-align: center;
  width: 100%;
}
.dark-theme .default-chip {
  color: #00A896;
  margin-top: -0.15em;
  font-weight: 500;
}
.dark-theme .default-chip__remove-icon {
  color: var(--grayColor900) !important;
  opacity: 1 !important;
  margin-left: 0.17em !important;
  font-size: 1.39em !important;
}
.dark-theme .mdc-radio--disabled + label .disabled {
  color: var(--grayColor400);
}
.dark-theme .mat-mdc-standard-chip {
  border-radius: var(--chipRadius);
  background: var(--accentColor50);
  background-color: var(--accentColor50);
  border: 0.09em solid #00A896;
}
.dark-theme .mat-mdc-select-disabled .mat-mdc-select-value {
  color: var(--fieldDisabledTextColor);
}
.dark-theme .mat-mdc-select-value {
  color: var(--fieldTextColor);
}
.dark-theme .mat-mdc-dialog-content {
  color: #fafafa;
  border: 0.08em solid var(--grayColor100);
  background: #000000;
}
.dark-theme .mat-mdc-dialog-container, .dark-theme .mat-mdc-dialog-container .mdc-dialog__container, .dark-theme .mat-mdc-dialog-container .mdc-dialog__surface {
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  direction: var(--direction);
}
.dark-theme .mat-mdc-dialog-container {
  height: inherit !important;
  color: #fafafa;
  border: none;
  background: transparent;
  direction: var(--direction);
}
.dark-theme .mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--bgColor10);
  border: 0.08em solid var(--grayColor100);
  border-radius: var(--dialogRadius);
  direction: var(--direction);
}
.dark-theme .ck.ck-editor__main > .ck-editor__editable {
  background-color: #000000;
}
.dark-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-radius: var(--fieldRadius) !important;
  direction: var(--direction);
  box-shadow: 0 4px 6px 0px var(--grayColor200) !important;
  border: 0.1em solid var(--dropdownBorderColor);
  margin-top: 0.4em;
  padding: 0em !important;
}
.dark-theme .mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel {
  border-radius: var(--fieldRadius) !important;
  direction: var(--direction);
  box-shadow: 0 -4px 6px 0px var(--grayColor200) !important;
  border: 0.1em solid var(--dropdownBorderColor);
  margin-bottom: 0.1em;
  padding: 0em !important;
}
.dark-theme .mat-mdc-select-panel-above div.mat-mdc-select-panel {
  border-radius: var(--fieldRadius) !important;
  direction: var(--direction);
  box-shadow: 0 -4px 6px 0px var(--grayColor200) !important;
  border: 0.1em solid var(--dropdownBorderColor);
  margin-bottom: 0.1em;
  padding: 0em !important;
}
.dark-theme .mat-mdc-select-panel {
  background-color: #000000;
}
.dark-theme .mat-mdc-pseudo-checkbox {
  color: #e0e0e0;
}
.dark-theme .mat-drawer-container {
  background-color: #000000;
  color: #fafafa;
}
.dark-theme .mat-drawer {
  color: #000000;
  background-color: #000000;
}
.dark-theme .checkbox__lable--normal {
  color: var(--grayColor600);
}
.dark-theme .mat-mdc-radio-checked .mat-mdc-label {
  color: var(--fieldTextColor);
}
.dark-theme .mat-button-toggle {
  color: var(--grayColor600);
}
.dark-theme .mat-mdc-tab-list {
  background: var(--tabBgColor);
}
.dark-theme .dynamic-view.edit-display-element .mat-mdc-tab-body-content {
  background: var(--bgColor10);
}
.dark-theme .ag-pinned-left-header {
  border-right: var(--agGridPinnedBorder) solid var(--grayColor200);
}
.dark-theme .dragdrop-wrapper-list-img-wrap-option {
  opacity: 0.7;
  background-color: var(--bgColor500);
}
.dark-theme .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--agGridPinnedBorder) solid var(--grayColor200) !important;
}
.dark-theme .mat-divider-vertical {
  border-right-color: var(--grayColor500);
}
.dark-theme .mat-elevation-z4 {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.dark-theme .mat-elevation-z8 {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.dark-theme .mat-mdc-elevation-specific {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500) !important;
}
.dark-theme .mat-elevation-z5 {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.dark-theme .mat-elevation-z6 {
  box-shadow: 0.08em 0em 1.17em -0.33em var(--grayColor500);
}
.dark-theme .mat-mdc-menu-submenu-icon {
  color: var(--grayColor600);
  padding-right: 0em !important;
}
.dark-theme .mat-mdc-tree {
  background-color: var(--bgColor10);
}
.dark-theme .tippy-content {
  color: var(--tooltipTextColor);
}
.dark-theme .mat-pseudo-checkbox-full {
  color: var(--grayColor600);
  border: var(--checkboxBorderWidth) solid var(--checkboxBorderColor);
}
.dark-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  color: var(--grayColor600);
  border: var(--checkboxBorderWidth) solid var(--checkboxBorderColor);
}
.dark-theme .icon-select-box {
  border-radius: var(--iconSelectBoxRadius);
}
.dark-theme .input-form-field.mutliple-rows.mat-mdc-form-field-infix textarea.mat-mdc-input-element {
  color: var(--grayColor1000) !important;
}
.dark-theme .mat-mdc-menu-item[disabled], .dark-theme .mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon, .dark-theme .mat-mdc-menu-item[disabled] .mat-icon-no-color {
  color: var(--grayColor400) !important;
}
.dark-theme .mat-mdc-input-element:disabled, .dark-theme .mat-mdc-form-field-type-mat-native-select.mat-mdc-form-field-disabled .mat-mdc-form-field-infix::after {
  color: var(--grayColor400);
}
.dark-theme .ag-theme-alpine .ag-row-hover:not(.ag-row-selected) {
  background-color: var(--bgColor100) !important;
}
.dark-theme .ng13-org-chart-entity-border {
  border-left: 0.08em solid var(--grayColor900);
  border-top: 0.08em solid var(--grayColor900);
}
.dark-theme .mdc-list-item__primary-text {
  width: 100%;
}
.dark-theme .mat-drawer-side.mat-drawer-end {
  border-left: 0.08em solid var(--grayColor100) !important;
  border-right: none;
}
.dark-theme .mat-expansion-panel-header-description, .dark-theme .mat-expansion-indicator::after {
  color: var(--grayColor400) !important;
}
.dark-theme .mat-mdc-card {
  background-color: var(--bgColor10) !important;
}
.dark-theme .ag-row-drag, .dark-theme .ag-selection-checkbox, .dark-theme .ag-group-expanded, .dark-theme .ag-group-contracted {
  color: var(--grayColor500) !important;
}
.dark-theme .mat-mdc-hint {
  color: var(--grayColor600);
}
.dark-theme .mat-drawer-backdrop.mat-drawer-shown {
  opacity: 0.6;
  background-color: black;
}
.dark-theme .mat-step-icon-content {
  color: var(--grayColor600);
}
.dark-theme .ag-body {
  background: var(--bgColor10);
}
.dark-theme .mat-mdc-menu-panel {
  background-color: var(--bgColor10);
}
.dark-theme .mat-mdc-tab-nav-bar, .dark-theme .mat-mdc-tab-header {
  border-bottom: var(--tabBottomBorderWidth) solid var(--grayColor100);
}
.dark-theme .mat-mdc-option {
  color: var(--grayColor600);
}
.dark-theme .mat-mdc-option.mat-mdc-active {
  background: #212121;
}
.dark-theme .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  border-radius: var(--fieldRadius) !important;
  direction: var(--direction);
  box-shadow: 0 4px 6px 0px var(--grayColor200) !important;
  border: 0.1em solid var(--dropdownBorderColor);
  margin-top: 0.4em;
  padding: 0em !important;
  color: var(--grayColor600);
}
.dark-theme .mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
  z-index: 8 !important;
}
.dark-theme {
  --grayColor10: #000000;
  --grayColor25: ;
  --grayColor50: #212121;
  --grayColor100: #424242;
  --grayColor200: #616161;
  --grayColor300: #757575;
  --grayColor400: #9e9e9e;
  --grayColor500: #bdbdbd;
  --grayColor600: #e0e0e0;
  --grayColor700: #eeeeee;
  --grayColor800: #f5f5f5;
  --grayColor900: #fafafa;
  --grayColor950: ;
  --grayColor1000: #ffffff;
}
.dark-theme {
  --bgColor10: #000000;
  --bgColor25: ;
  --bgColor50: #212121;
  --bgColor100: #424242;
  --bgColor200: #616161;
  --bgColor300: #757575;
  --bgColor400: #9e9e9e;
  --bgColor500: #bdbdbd;
  --bgColor600: #e0e0e0;
  --bgColor700: #eeeeee;
  --bgColor800: #f5f5f5;
  --bgColor900: #fafafa;
  --bgColor950: ;
  --bgColor1000: #ffffff;
}