/* src/custom-theme.scss */
html {
  color-scheme: light;
  --mdc-checkbox-state-layer-size: 32px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 32px;
  --mdc-protected-button-container-height: 32px;
  --mdc-filled-button-container-height: 32px;
  --mdc-outlined-button-container-height: 32px;
  --mdc-icon-button-state-layer-size: 32px;
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
  --mdc-radio-state-layer-size: 32px;
  --mdc-secondary-navigation-tab-container-height: 40px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 8px;
  --mat-list-list-item-leading-icon-end-space: 8px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 40px;
  --mat-stepper-header-height: 64px;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
}
html {
  --mat-sys-background: light-dark(#f5faf8, #0f1413);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#edf2ef, #2c3230);
  --mat-sys-inverse-primary: light-dark(#67d9c9, #006a60);
  --mat-sys-inverse-surface: light-dark(#2c3230, #dee4e1);
  --mat-sys-on-background: light-dark(#171d1b, #dee4e1);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #003731);
  --mat-sys-on-primary-container: light-dark(#005048, #85f6e5);
  --mat-sys-on-primary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-primary-fixed-variant: light-dark(#005048, #005048);
  --mat-sys-on-secondary: light-dark(#ffffff, #0c3731);
  --mat-sys-on-secondary-container: light-dark(#264d48, #c1ebe3);
  --mat-sys-on-secondary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-secondary-fixed-variant: light-dark(#264d48, #264d48);
  --mat-sys-on-surface: light-dark(#171d1b, #dee4e1);
  --mat-sys-on-surface-variant: light-dark(#3d4947, #d8e5e2);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003731);
  --mat-sys-on-tertiary-container: light-dark(#005048, #85f6e5);
  --mat-sys-on-tertiary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#005048, #005048);
  --mat-sys-outline: light-dark(#6d7a77, #869390);
  --mat-sys-outline-variant: light-dark(#bcc9c6, #3d4947);
  --mat-sys-primary: light-dark(#006a60, #67d9c9);
  --mat-sys-primary-container: light-dark(#85f6e5, #005048);
  --mat-sys-primary-fixed: light-dark(#85f6e5, #85f6e5);
  --mat-sys-primary-fixed-dim: light-dark(#67d9c9, #67d9c9);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#3e655f, #a5cfc7);
  --mat-sys-secondary-container: light-dark(#c1ebe3, #264d48);
  --mat-sys-secondary-fixed: light-dark(#c1ebe3, #c1ebe3);
  --mat-sys-secondary-fixed-dim: light-dark(#a5cfc7, #a5cfc7);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f5faf8, #0f1413);
  --mat-sys-surface-bright: light-dark(#f5faf8, #353a39);
  --mat-sys-surface-container: light-dark(#eaefed, #1b211f);
  --mat-sys-surface-container-high: light-dark(#e4e9e7, #252b2a);
  --mat-sys-surface-container-highest: light-dark(#dee4e1, #303635);
  --mat-sys-surface-container-low: light-dark(#eff5f2, #171d1b);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0a0f0e);
  --mat-sys-surface-dim: light-dark(#d6dbd9, #0f1413);
  --mat-sys-surface-tint: light-dark(#006a60, #67d9c9);
  --mat-sys-surface-variant: light-dark(#d8e5e2, #3d4947);
  --mat-sys-tertiary: light-dark(#006a60, #67d9c9);
  --mat-sys-tertiary-container: light-dark(#85f6e5, #005048);
  --mat-sys-tertiary-fixed: light-dark(#85f6e5, #85f6e5);
  --mat-sys-tertiary-fixed-dim: light-dark(#67d9c9, #67d9c9);
  --mat-sys-neutral-variant20: #273330;
  --mat-sys-neutral10: #171d1b;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Nunito Sans;
  --mat-sys-body-large-font: Nunito Sans;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-body-medium-font: Nunito Sans;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Nunito Sans;
  --mat-sys-body-small-font: Nunito Sans;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Nunito Sans;
  --mat-sys-display-large-font: Nunito Sans;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Nunito Sans;
  --mat-sys-display-medium-font: Nunito Sans;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Nunito Sans;
  --mat-sys-display-small-font: Nunito Sans;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Nunito Sans;
  --mat-sys-headline-large-font: Nunito Sans;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Nunito Sans;
  --mat-sys-headline-medium-font: Nunito Sans;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Nunito Sans;
  --mat-sys-headline-small-font: Nunito Sans;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-label-large-font: Nunito Sans;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Nunito Sans;
  --mat-sys-label-medium-font: Nunito Sans;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Nunito Sans;
  --mat-sys-label-small-font: Nunito Sans;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Nunito Sans;
  --mat-sys-title-large-font: Nunito Sans;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Nunito Sans;
  --mat-sys-title-medium-font: Nunito Sans;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-title-small-font: Nunito Sans;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html {
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mat-tab-header-label-text-size: 1.1rem;
}
.schedule-form-2 {
  --mat-form-field-container-height: 20px;
}
.schedule-form-2 {
  --mat-form-field-container-vertical-padding: 5px;
}
.schedule-form-2 {
  --mdc-outlined-text-field-container-shape: 0px;
}
html[color-scheme=dark] {
  color-scheme: dark;
  --mdc-checkbox-state-layer-size: 32px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 32px;
  --mdc-protected-button-container-height: 32px;
  --mdc-filled-button-container-height: 32px;
  --mdc-outlined-button-container-height: 32px;
  --mdc-icon-button-state-layer-size: 32px;
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
  --mdc-radio-state-layer-size: 32px;
  --mdc-secondary-navigation-tab-container-height: 40px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 8px;
  --mat-list-list-item-leading-icon-end-space: 8px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 40px;
  --mat-stepper-header-height: 64px;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
}
html[color-scheme=dark] {
  --mat-sys-background: light-dark(#f5faf8, #0f1413);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#edf2ef, #2c3230);
  --mat-sys-inverse-primary: light-dark(#67d9c9, #006a60);
  --mat-sys-inverse-surface: light-dark(#2c3230, #dee4e1);
  --mat-sys-on-background: light-dark(#171d1b, #dee4e1);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #003731);
  --mat-sys-on-primary-container: light-dark(#005048, #85f6e5);
  --mat-sys-on-primary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-primary-fixed-variant: light-dark(#005048, #005048);
  --mat-sys-on-secondary: light-dark(#ffffff, #0c3731);
  --mat-sys-on-secondary-container: light-dark(#264d48, #c1ebe3);
  --mat-sys-on-secondary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-secondary-fixed-variant: light-dark(#264d48, #264d48);
  --mat-sys-on-surface: light-dark(#171d1b, #dee4e1);
  --mat-sys-on-surface-variant: light-dark(#3d4947, #d8e5e2);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003731);
  --mat-sys-on-tertiary-container: light-dark(#005048, #85f6e5);
  --mat-sys-on-tertiary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#005048, #005048);
  --mat-sys-outline: light-dark(#6d7a77, #869390);
  --mat-sys-outline-variant: light-dark(#bcc9c6, #3d4947);
  --mat-sys-primary: light-dark(#006a60, #67d9c9);
  --mat-sys-primary-container: light-dark(#85f6e5, #005048);
  --mat-sys-primary-fixed: light-dark(#85f6e5, #85f6e5);
  --mat-sys-primary-fixed-dim: light-dark(#67d9c9, #67d9c9);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#3e655f, #a5cfc7);
  --mat-sys-secondary-container: light-dark(#c1ebe3, #264d48);
  --mat-sys-secondary-fixed: light-dark(#c1ebe3, #c1ebe3);
  --mat-sys-secondary-fixed-dim: light-dark(#a5cfc7, #a5cfc7);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f5faf8, #0f1413);
  --mat-sys-surface-bright: light-dark(#f5faf8, #353a39);
  --mat-sys-surface-container: light-dark(#eaefed, #1b211f);
  --mat-sys-surface-container-high: light-dark(#e4e9e7, #252b2a);
  --mat-sys-surface-container-highest: light-dark(#dee4e1, #303635);
  --mat-sys-surface-container-low: light-dark(#eff5f2, #171d1b);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0a0f0e);
  --mat-sys-surface-dim: light-dark(#d6dbd9, #0f1413);
  --mat-sys-surface-tint: light-dark(#006a60, #67d9c9);
  --mat-sys-surface-variant: light-dark(#d8e5e2, #3d4947);
  --mat-sys-tertiary: light-dark(#006a60, #67d9c9);
  --mat-sys-tertiary-container: light-dark(#85f6e5, #005048);
  --mat-sys-tertiary-fixed: light-dark(#85f6e5, #85f6e5);
  --mat-sys-tertiary-fixed-dim: light-dark(#67d9c9, #67d9c9);
  --mat-sys-neutral-variant20: #273330;
  --mat-sys-neutral10: #171d1b;
}
html[color-scheme=dark] {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html[color-scheme=dark] {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html[color-scheme=dark] {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html[color-scheme=dark] {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html[color-scheme=dark] {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html[color-scheme=dark] {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html[color-scheme=dark] {
  --mat-sys-body-large: 400 1rem / 1.5rem Nunito Sans;
  --mat-sys-body-large-font: Nunito Sans;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-body-medium-font: Nunito Sans;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Nunito Sans;
  --mat-sys-body-small-font: Nunito Sans;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Nunito Sans;
  --mat-sys-display-large-font: Nunito Sans;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Nunito Sans;
  --mat-sys-display-medium-font: Nunito Sans;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Nunito Sans;
  --mat-sys-display-small-font: Nunito Sans;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Nunito Sans;
  --mat-sys-headline-large-font: Nunito Sans;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Nunito Sans;
  --mat-sys-headline-medium-font: Nunito Sans;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Nunito Sans;
  --mat-sys-headline-small-font: Nunito Sans;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-label-large-font: Nunito Sans;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Nunito Sans;
  --mat-sys-label-medium-font: Nunito Sans;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Nunito Sans;
  --mat-sys-label-small-font: Nunito Sans;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Nunito Sans;
  --mat-sys-title-large-font: Nunito Sans;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Nunito Sans;
  --mat-sys-title-medium-font: Nunito Sans;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-title-small-font: Nunito Sans;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html[color-scheme=dark] {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html[color-scheme=dark] {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html[color-scheme=dark] {
  --mat-tab-header-label-text-weight: 500;
}
html[color-scheme=dark] {
  --mat-tab-header-label-text-size: 1.1rem;
}
html[color-scheme=dark] .mat-dialog-container,
html[color-scheme=dark] .mat-mdc-dialog-surface,
html[color-scheme=dark] .mat-mdc-dialog-container .mdc-dialog__surface {
  border: 1px solid rgba(255, 255, 255, 0.22);
}
html[color-scheme=dark] .transparent-loader .mat-mdc-dialog-surface,
html[color-scheme=dark] .transparent-loader .mdc-dialog__surface {
  border: none;
}
html[color-scheme=light] {
  color-scheme: light;
  --mdc-checkbox-state-layer-size: 32px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 32px;
  --mdc-protected-button-container-height: 32px;
  --mdc-filled-button-container-height: 32px;
  --mdc-outlined-button-container-height: 32px;
  --mdc-icon-button-state-layer-size: 32px;
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
  --mdc-radio-state-layer-size: 32px;
  --mdc-secondary-navigation-tab-container-height: 40px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 8px;
  --mat-list-list-item-leading-icon-end-space: 8px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 40px;
  --mat-stepper-header-height: 64px;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
}
html[color-scheme=light] {
  --mat-sys-background: light-dark(#f5faf8, #0f1413);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#edf2ef, #2c3230);
  --mat-sys-inverse-primary: light-dark(#67d9c9, #006a60);
  --mat-sys-inverse-surface: light-dark(#2c3230, #dee4e1);
  --mat-sys-on-background: light-dark(#171d1b, #dee4e1);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #003731);
  --mat-sys-on-primary-container: light-dark(#005048, #85f6e5);
  --mat-sys-on-primary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-primary-fixed-variant: light-dark(#005048, #005048);
  --mat-sys-on-secondary: light-dark(#ffffff, #0c3731);
  --mat-sys-on-secondary-container: light-dark(#264d48, #c1ebe3);
  --mat-sys-on-secondary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-secondary-fixed-variant: light-dark(#264d48, #264d48);
  --mat-sys-on-surface: light-dark(#171d1b, #dee4e1);
  --mat-sys-on-surface-variant: light-dark(#3d4947, #d8e5e2);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003731);
  --mat-sys-on-tertiary-container: light-dark(#005048, #85f6e5);
  --mat-sys-on-tertiary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#005048, #005048);
  --mat-sys-outline: light-dark(#6d7a77, #869390);
  --mat-sys-outline-variant: light-dark(#bcc9c6, #3d4947);
  --mat-sys-primary: light-dark(#006a60, #67d9c9);
  --mat-sys-primary-container: light-dark(#85f6e5, #005048);
  --mat-sys-primary-fixed: light-dark(#85f6e5, #85f6e5);
  --mat-sys-primary-fixed-dim: light-dark(#67d9c9, #67d9c9);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#3e655f, #a5cfc7);
  --mat-sys-secondary-container: light-dark(#c1ebe3, #264d48);
  --mat-sys-secondary-fixed: light-dark(#c1ebe3, #c1ebe3);
  --mat-sys-secondary-fixed-dim: light-dark(#a5cfc7, #a5cfc7);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f5faf8, #0f1413);
  --mat-sys-surface-bright: light-dark(#f5faf8, #353a39);
  --mat-sys-surface-container: light-dark(#eaefed, #1b211f);
  --mat-sys-surface-container-high: light-dark(#e4e9e7, #252b2a);
  --mat-sys-surface-container-highest: light-dark(#dee4e1, #303635);
  --mat-sys-surface-container-low: light-dark(#eff5f2, #171d1b);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0a0f0e);
  --mat-sys-surface-dim: light-dark(#d6dbd9, #0f1413);
  --mat-sys-surface-tint: light-dark(#006a60, #67d9c9);
  --mat-sys-surface-variant: light-dark(#d8e5e2, #3d4947);
  --mat-sys-tertiary: light-dark(#006a60, #67d9c9);
  --mat-sys-tertiary-container: light-dark(#85f6e5, #005048);
  --mat-sys-tertiary-fixed: light-dark(#85f6e5, #85f6e5);
  --mat-sys-tertiary-fixed-dim: light-dark(#67d9c9, #67d9c9);
  --mat-sys-neutral-variant20: #273330;
  --mat-sys-neutral10: #171d1b;
}
html[color-scheme=light] {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html[color-scheme=light] {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html[color-scheme=light] {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html[color-scheme=light] {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html[color-scheme=light] {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html[color-scheme=light] {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html[color-scheme=light] {
  --mat-sys-body-large: 400 1rem / 1.5rem Nunito Sans;
  --mat-sys-body-large-font: Nunito Sans;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-body-medium-font: Nunito Sans;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Nunito Sans;
  --mat-sys-body-small-font: Nunito Sans;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Nunito Sans;
  --mat-sys-display-large-font: Nunito Sans;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Nunito Sans;
  --mat-sys-display-medium-font: Nunito Sans;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Nunito Sans;
  --mat-sys-display-small-font: Nunito Sans;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Nunito Sans;
  --mat-sys-headline-large-font: Nunito Sans;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Nunito Sans;
  --mat-sys-headline-medium-font: Nunito Sans;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Nunito Sans;
  --mat-sys-headline-small-font: Nunito Sans;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-label-large-font: Nunito Sans;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Nunito Sans;
  --mat-sys-label-medium-font: Nunito Sans;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Nunito Sans;
  --mat-sys-label-small-font: Nunito Sans;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Nunito Sans;
  --mat-sys-title-large-font: Nunito Sans;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Nunito Sans;
  --mat-sys-title-medium-font: Nunito Sans;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Nunito Sans;
  --mat-sys-title-small-font: Nunito Sans;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html[color-scheme=light] {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html[color-scheme=light] {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html[color-scheme=light] {
  --mat-tab-header-label-text-weight: 500;
}
html[color-scheme=light] {
  --mat-tab-header-label-text-size: 1.1rem;
}
.mat-mdc-card-title {
  color: light-dark(#000, #fff);
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    "Nunito Sans",
    "Helvetica Neue",
    sans-serif;
}
.time-appointments .mdc-tab--active {
  background-color: var(--mat-sys-primary) !important;
  color: var(--mat-sys-on-primary) !important;
  border-radius: 20px;
}
.time-appointments .mdc-tab--active .mdc-tab__text-label {
  color: var(--mat-sys-on-primary) !important;
}
.time-appointments {
  --mdc-tab-indicator-active-indicator-color: var(--mat-sys-primary);
}
.time-appointments {
  --mat-tab-header-active-label-text-color: var(--mat-sys-on-primary);
}
.time-appointments {
  --mat-tab-header-active-focus-indicator-color: var(--mat-sys-on-primary);
}
.check-sheet-wrapper .mat-expansion-panel {
  box-shadow: none !important;
  margin-bottom: 12px;
  border-radius: 0px;
}
.date-slot {
  --mdc-chip-container-shape-radius: 3px;
}
:root {
  --mat-table-header-headline-size: 1rem;
}
:root {
  --mat-table-row-item-label-text-size: 15px;
}
table:not(.mat-calendar-table) {
}
table:not(.mat-calendar-table) th {
  min-width: 120px;
  max-width: 120px;
}
.physical-exam-cat,
.laboratory-observation {
  --mdc-chip-container-height: max-content;
}
.secondary-button {
  --mdc-filled-button-label-text-color: var(--mat-sys-on-surface);
}
.secondary-button {
  --mdc-filled-button-container-color: var(--mat-sys-surface-container-lowest);
}
.secondary-button {
  --mat-filled-button-horizontal-padding: 1rem;
}
.secondary-button {
  --mdc-extended-fab-container-height: max-content;
}
.secondary-button {
  --mdc-fab-container-color: var(--mat-sys-surface-container-lowest);
}
.filter-top-right {
  --mat-form-field-container-height: 20px;
}
.filter-top-right {
  --mat-form-field-container-vertical-padding: 7px;
}
body {
  --mdc-chip-container-shape-radius: 20px;
}
.action-menu a {
  cursor: pointer;
  border-bottom: 1px solid var(--mat-sys-outline);
  display: flex;
  gap: 15px;
  padding: 10px 15px !important;
}
.action-menu a:last-child {
  border-bottom: none;
}
.transparent-loader .mat-mdc-dialog-surface {
  background-color: transparent;
}
.transparent-loader-backdrop {
  opacity: 0.1;
  background-color: rgba(0, 0, 0, 0.2);
}
.g-just-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-just-flex.flex-between {
  justify-content: space-between;
}
g.just-flex.align-items-center {
  align-items: center;
}
.g-just-flex.flex-wrap {
  flex-wrap: wrap;
}
.w-100 {
  width: 100%;
}
.g-just-flex.flex-column {
  display: flex;
  flex-direction: column;
}
.p-1 {
  padding: 1px;
}
.m-1 {
  margin: 1px;
}
.mx-1 {
  margin-right: 1px;
  margin-left: 1px;
}
.pb-1 {
  padding-bottom: 1px;
}
.gap-1 {
  gap: 1px;
}
.mb-1 {
  margin-bottom: 1px;
}
.pt-1 {
  padding-top: 1px;
}
.px-1 {
  padding-right: 1px;
  padding-left: 1px;
}
.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
.mt-1 {
  margin-top: 1px;
}
.ms-1 {
  margin-left: 1px;
}
.me-1 {
  margin-right: 1px;
}
.p-2 {
  padding: 2px;
}
.m-2 {
  margin: 2px;
}
.mx-2 {
  margin-right: 2px;
  margin-left: 2px;
}
.pb-2 {
  padding-bottom: 2px;
}
.gap-2 {
  gap: 2px;
}
.mb-2 {
  margin-bottom: 2px;
}
.pt-2 {
  padding-top: 2px;
}
.px-2 {
  padding-right: 2px;
  padding-left: 2px;
}
.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.my-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.mt-2 {
  margin-top: 2px;
}
.ms-2 {
  margin-left: 2px;
}
.me-2 {
  margin-right: 2px;
}
.p-3 {
  padding: 3px;
}
.m-3 {
  margin: 3px;
}
.mx-3 {
  margin-right: 3px;
  margin-left: 3px;
}
.pb-3 {
  padding-bottom: 3px;
}
.gap-3 {
  gap: 3px;
}
.mb-3 {
  margin-bottom: 3px;
}
.pt-3 {
  padding-top: 3px;
}
.px-3 {
  padding-right: 3px;
  padding-left: 3px;
}
.py-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.my-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.mt-3 {
  margin-top: 3px;
}
.ms-3 {
  margin-left: 3px;
}
.me-3 {
  margin-right: 3px;
}
.p-4 {
  padding: 4px;
}
.m-4 {
  margin: 4px;
}
.mx-4 {
  margin-right: 4px;
  margin-left: 4px;
}
.pb-4 {
  padding-bottom: 4px;
}
.gap-4 {
  gap: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.pt-4 {
  padding-top: 4px;
}
.px-4 {
  padding-right: 4px;
  padding-left: 4px;
}
.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.mt-4 {
  margin-top: 4px;
}
.ms-4 {
  margin-left: 4px;
}
.me-4 {
  margin-right: 4px;
}
.p-5 {
  padding: 5px;
}
.m-5 {
  margin: 5px;
}
.mx-5 {
  margin-right: 5px;
  margin-left: 5px;
}
.pb-5 {
  padding-bottom: 5px;
}
.gap-5 {
  gap: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.pt-5 {
  padding-top: 5px;
}
.px-5 {
  padding-right: 5px;
  padding-left: 5px;
}
.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mt-5 {
  margin-top: 5px;
}
.ms-5 {
  margin-left: 5px;
}
.me-5 {
  margin-right: 5px;
}
.p-6 {
  padding: 6px;
}
.m-6 {
  margin: 6px;
}
.mx-6 {
  margin-right: 6px;
  margin-left: 6px;
}
.pb-6 {
  padding-bottom: 6px;
}
.gap-6 {
  gap: 6px;
}
.mb-6 {
  margin-bottom: 6px;
}
.pt-6 {
  padding-top: 6px;
}
.px-6 {
  padding-right: 6px;
  padding-left: 6px;
}
.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.my-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.mt-6 {
  margin-top: 6px;
}
.ms-6 {
  margin-left: 6px;
}
.me-6 {
  margin-right: 6px;
}
.p-7 {
  padding: 7px;
}
.m-7 {
  margin: 7px;
}
.mx-7 {
  margin-right: 7px;
  margin-left: 7px;
}
.pb-7 {
  padding-bottom: 7px;
}
.gap-7 {
  gap: 7px;
}
.mb-7 {
  margin-bottom: 7px;
}
.pt-7 {
  padding-top: 7px;
}
.px-7 {
  padding-right: 7px;
  padding-left: 7px;
}
.py-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.my-7 {
  margin-top: 7px;
  margin-bottom: 7px;
}
.mt-7 {
  margin-top: 7px;
}
.ms-7 {
  margin-left: 7px;
}
.me-7 {
  margin-right: 7px;
}
.p-8 {
  padding: 8px;
}
.m-8 {
  margin: 8px;
}
.mx-8 {
  margin-right: 8px;
  margin-left: 8px;
}
.pb-8 {
  padding-bottom: 8px;
}
.gap-8 {
  gap: 8px;
}
.mb-8 {
  margin-bottom: 8px;
}
.pt-8 {
  padding-top: 8px;
}
.px-8 {
  padding-right: 8px;
  padding-left: 8px;
}
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mt-8 {
  margin-top: 8px;
}
.ms-8 {
  margin-left: 8px;
}
.me-8 {
  margin-right: 8px;
}
.p-9 {
  padding: 9px;
}
.m-9 {
  margin: 9px;
}
.mx-9 {
  margin-right: 9px;
  margin-left: 9px;
}
.pb-9 {
  padding-bottom: 9px;
}
.gap-9 {
  gap: 9px;
}
.mb-9 {
  margin-bottom: 9px;
}
.pt-9 {
  padding-top: 9px;
}
.px-9 {
  padding-right: 9px;
  padding-left: 9px;
}
.py-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}
.my-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}
.mt-9 {
  margin-top: 9px;
}
.ms-9 {
  margin-left: 9px;
}
.me-9 {
  margin-right: 9px;
}
.p-10 {
  padding: 10px;
}
.m-10 {
  margin: 10px;
}
.mx-10 {
  margin-right: 10px;
  margin-left: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.gap-10 {
  gap: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.pt-10 {
  padding-top: 10px;
}
.px-10 {
  padding-right: 10px;
  padding-left: 10px;
}
.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.ms-10 {
  margin-left: 10px;
}
.me-10 {
  margin-right: 10px;
}
.p-11 {
  padding: 11px;
}
.m-11 {
  margin: 11px;
}
.mx-11 {
  margin-right: 11px;
  margin-left: 11px;
}
.pb-11 {
  padding-bottom: 11px;
}
.gap-11 {
  gap: 11px;
}
.mb-11 {
  margin-bottom: 11px;
}
.pt-11 {
  padding-top: 11px;
}
.px-11 {
  padding-right: 11px;
  padding-left: 11px;
}
.py-11 {
  padding-top: 11px;
  padding-bottom: 11px;
}
.my-11 {
  margin-top: 11px;
  margin-bottom: 11px;
}
.mt-11 {
  margin-top: 11px;
}
.ms-11 {
  margin-left: 11px;
}
.me-11 {
  margin-right: 11px;
}
.p-12 {
  padding: 12px;
}
.m-12 {
  margin: 12px;
}
.mx-12 {
  margin-right: 12px;
  margin-left: 12px;
}
.pb-12 {
  padding-bottom: 12px;
}
.gap-12 {
  gap: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.pt-12 {
  padding-top: 12px;
}
.px-12 {
  padding-right: 12px;
  padding-left: 12px;
}
.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mt-12 {
  margin-top: 12px;
}
.ms-12 {
  margin-left: 12px;
}
.me-12 {
  margin-right: 12px;
}
.p-13 {
  padding: 13px;
}
.m-13 {
  margin: 13px;
}
.mx-13 {
  margin-right: 13px;
  margin-left: 13px;
}
.pb-13 {
  padding-bottom: 13px;
}
.gap-13 {
  gap: 13px;
}
.mb-13 {
  margin-bottom: 13px;
}
.pt-13 {
  padding-top: 13px;
}
.px-13 {
  padding-right: 13px;
  padding-left: 13px;
}
.py-13 {
  padding-top: 13px;
  padding-bottom: 13px;
}
.my-13 {
  margin-top: 13px;
  margin-bottom: 13px;
}
.mt-13 {
  margin-top: 13px;
}
.ms-13 {
  margin-left: 13px;
}
.me-13 {
  margin-right: 13px;
}
.p-14 {
  padding: 14px;
}
.m-14 {
  margin: 14px;
}
.mx-14 {
  margin-right: 14px;
  margin-left: 14px;
}
.pb-14 {
  padding-bottom: 14px;
}
.gap-14 {
  gap: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.pt-14 {
  padding-top: 14px;
}
.px-14 {
  padding-right: 14px;
  padding-left: 14px;
}
.py-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.my-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.mt-14 {
  margin-top: 14px;
}
.ms-14 {
  margin-left: 14px;
}
.me-14 {
  margin-right: 14px;
}
.p-15 {
  padding: 15px;
}
.m-15 {
  margin: 15px;
}
.mx-15 {
  margin-right: 15px;
  margin-left: 15px;
}
.pb-15 {
  padding-bottom: 15px;
}
.gap-15 {
  gap: 15px;
}
.mb-15 {
  margin-bottom: 15px;
}
.pt-15 {
  padding-top: 15px;
}
.px-15 {
  padding-right: 15px;
  padding-left: 15px;
}
.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mt-15 {
  margin-top: 15px;
}
.ms-15 {
  margin-left: 15px;
}
.me-15 {
  margin-right: 15px;
}
.p-16 {
  padding: 16px;
}
.m-16 {
  margin: 16px;
}
.mx-16 {
  margin-right: 16px;
  margin-left: 16px;
}
.pb-16 {
  padding-bottom: 16px;
}
.gap-16 {
  gap: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.pt-16 {
  padding-top: 16px;
}
.px-16 {
  padding-right: 16px;
  padding-left: 16px;
}
.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mt-16 {
  margin-top: 16px;
}
.ms-16 {
  margin-left: 16px;
}
.me-16 {
  margin-right: 16px;
}
.p-17 {
  padding: 17px;
}
.m-17 {
  margin: 17px;
}
.mx-17 {
  margin-right: 17px;
  margin-left: 17px;
}
.pb-17 {
  padding-bottom: 17px;
}
.gap-17 {
  gap: 17px;
}
.mb-17 {
  margin-bottom: 17px;
}
.pt-17 {
  padding-top: 17px;
}
.px-17 {
  padding-right: 17px;
  padding-left: 17px;
}
.py-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}
.my-17 {
  margin-top: 17px;
  margin-bottom: 17px;
}
.mt-17 {
  margin-top: 17px;
}
.ms-17 {
  margin-left: 17px;
}
.me-17 {
  margin-right: 17px;
}
.p-18 {
  padding: 18px;
}
.m-18 {
  margin: 18px;
}
.mx-18 {
  margin-right: 18px;
  margin-left: 18px;
}
.pb-18 {
  padding-bottom: 18px;
}
.gap-18 {
  gap: 18px;
}
.mb-18 {
  margin-bottom: 18px;
}
.pt-18 {
  padding-top: 18px;
}
.px-18 {
  padding-right: 18px;
  padding-left: 18px;
}
.py-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.my-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.mt-18 {
  margin-top: 18px;
}
.ms-18 {
  margin-left: 18px;
}
.me-18 {
  margin-right: 18px;
}
.p-19 {
  padding: 19px;
}
.m-19 {
  margin: 19px;
}
.mx-19 {
  margin-right: 19px;
  margin-left: 19px;
}
.pb-19 {
  padding-bottom: 19px;
}
.gap-19 {
  gap: 19px;
}
.mb-19 {
  margin-bottom: 19px;
}
.pt-19 {
  padding-top: 19px;
}
.px-19 {
  padding-right: 19px;
  padding-left: 19px;
}
.py-19 {
  padding-top: 19px;
  padding-bottom: 19px;
}
.my-19 {
  margin-top: 19px;
  margin-bottom: 19px;
}
.mt-19 {
  margin-top: 19px;
}
.ms-19 {
  margin-left: 19px;
}
.me-19 {
  margin-right: 19px;
}
.p-20 {
  padding: 20px;
}
.m-20 {
  margin: 20px;
}
.mx-20 {
  margin-right: 20px;
  margin-left: 20px;
}
.pb-20 {
  padding-bottom: 20px;
}
.gap-20 {
  gap: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.pt-20 {
  padding-top: 20px;
}
.px-20 {
  padding-right: 20px;
  padding-left: 20px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mt-20 {
  margin-top: 20px;
}
.ms-20 {
  margin-left: 20px;
}
.me-20 {
  margin-right: 20px;
}
.p-21 {
  padding: 21px;
}
.m-21 {
  margin: 21px;
}
.mx-21 {
  margin-right: 21px;
  margin-left: 21px;
}
.pb-21 {
  padding-bottom: 21px;
}
.gap-21 {
  gap: 21px;
}
.mb-21 {
  margin-bottom: 21px;
}
.pt-21 {
  padding-top: 21px;
}
.px-21 {
  padding-right: 21px;
  padding-left: 21px;
}
.py-21 {
  padding-top: 21px;
  padding-bottom: 21px;
}
.my-21 {
  margin-top: 21px;
  margin-bottom: 21px;
}
.mt-21 {
  margin-top: 21px;
}
.ms-21 {
  margin-left: 21px;
}
.me-21 {
  margin-right: 21px;
}
.p-22 {
  padding: 22px;
}
.m-22 {
  margin: 22px;
}
.mx-22 {
  margin-right: 22px;
  margin-left: 22px;
}
.pb-22 {
  padding-bottom: 22px;
}
.gap-22 {
  gap: 22px;
}
.mb-22 {
  margin-bottom: 22px;
}
.pt-22 {
  padding-top: 22px;
}
.px-22 {
  padding-right: 22px;
  padding-left: 22px;
}
.py-22 {
  padding-top: 22px;
  padding-bottom: 22px;
}
.my-22 {
  margin-top: 22px;
  margin-bottom: 22px;
}
.mt-22 {
  margin-top: 22px;
}
.ms-22 {
  margin-left: 22px;
}
.me-22 {
  margin-right: 22px;
}
.p-23 {
  padding: 23px;
}
.m-23 {
  margin: 23px;
}
.mx-23 {
  margin-right: 23px;
  margin-left: 23px;
}
.pb-23 {
  padding-bottom: 23px;
}
.gap-23 {
  gap: 23px;
}
.mb-23 {
  margin-bottom: 23px;
}
.pt-23 {
  padding-top: 23px;
}
.px-23 {
  padding-right: 23px;
  padding-left: 23px;
}
.py-23 {
  padding-top: 23px;
  padding-bottom: 23px;
}
.my-23 {
  margin-top: 23px;
  margin-bottom: 23px;
}
.mt-23 {
  margin-top: 23px;
}
.ms-23 {
  margin-left: 23px;
}
.me-23 {
  margin-right: 23px;
}
.p-24 {
  padding: 24px;
}
.m-24 {
  margin: 24px;
}
.mx-24 {
  margin-right: 24px;
  margin-left: 24px;
}
.pb-24 {
  padding-bottom: 24px;
}
.gap-24 {
  gap: 24px;
}
.mb-24 {
  margin-bottom: 24px;
}
.pt-24 {
  padding-top: 24px;
}
.px-24 {
  padding-right: 24px;
  padding-left: 24px;
}
.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mt-24 {
  margin-top: 24px;
}
.ms-24 {
  margin-left: 24px;
}
.me-24 {
  margin-right: 24px;
}
.p-25 {
  padding: 25px;
}
.m-25 {
  margin: 25px;
}
.mx-25 {
  margin-right: 25px;
  margin-left: 25px;
}
.pb-25 {
  padding-bottom: 25px;
}
.gap-25 {
  gap: 25px;
}
.mb-25 {
  margin-bottom: 25px;
}
.pt-25 {
  padding-top: 25px;
}
.px-25 {
  padding-right: 25px;
  padding-left: 25px;
}
.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.mt-25 {
  margin-top: 25px;
}
.ms-25 {
  margin-left: 25px;
}
.me-25 {
  margin-right: 25px;
}
.p-26 {
  padding: 26px;
}
.m-26 {
  margin: 26px;
}
.mx-26 {
  margin-right: 26px;
  margin-left: 26px;
}
.pb-26 {
  padding-bottom: 26px;
}
.gap-26 {
  gap: 26px;
}
.mb-26 {
  margin-bottom: 26px;
}
.pt-26 {
  padding-top: 26px;
}
.px-26 {
  padding-right: 26px;
  padding-left: 26px;
}
.py-26 {
  padding-top: 26px;
  padding-bottom: 26px;
}
.my-26 {
  margin-top: 26px;
  margin-bottom: 26px;
}
.mt-26 {
  margin-top: 26px;
}
.ms-26 {
  margin-left: 26px;
}
.me-26 {
  margin-right: 26px;
}
.p-27 {
  padding: 27px;
}
.m-27 {
  margin: 27px;
}
.mx-27 {
  margin-right: 27px;
  margin-left: 27px;
}
.pb-27 {
  padding-bottom: 27px;
}
.gap-27 {
  gap: 27px;
}
.mb-27 {
  margin-bottom: 27px;
}
.pt-27 {
  padding-top: 27px;
}
.px-27 {
  padding-right: 27px;
  padding-left: 27px;
}
.py-27 {
  padding-top: 27px;
  padding-bottom: 27px;
}
.my-27 {
  margin-top: 27px;
  margin-bottom: 27px;
}
.mt-27 {
  margin-top: 27px;
}
.ms-27 {
  margin-left: 27px;
}
.me-27 {
  margin-right: 27px;
}
.p-28 {
  padding: 28px;
}
.m-28 {
  margin: 28px;
}
.mx-28 {
  margin-right: 28px;
  margin-left: 28px;
}
.pb-28 {
  padding-bottom: 28px;
}
.gap-28 {
  gap: 28px;
}
.mb-28 {
  margin-bottom: 28px;
}
.pt-28 {
  padding-top: 28px;
}
.px-28 {
  padding-right: 28px;
  padding-left: 28px;
}
.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.my-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.mt-28 {
  margin-top: 28px;
}
.ms-28 {
  margin-left: 28px;
}
.me-28 {
  margin-right: 28px;
}
.p-29 {
  padding: 29px;
}
.m-29 {
  margin: 29px;
}
.mx-29 {
  margin-right: 29px;
  margin-left: 29px;
}
.pb-29 {
  padding-bottom: 29px;
}
.gap-29 {
  gap: 29px;
}
.mb-29 {
  margin-bottom: 29px;
}
.pt-29 {
  padding-top: 29px;
}
.px-29 {
  padding-right: 29px;
  padding-left: 29px;
}
.py-29 {
  padding-top: 29px;
  padding-bottom: 29px;
}
.my-29 {
  margin-top: 29px;
  margin-bottom: 29px;
}
.mt-29 {
  margin-top: 29px;
}
.ms-29 {
  margin-left: 29px;
}
.me-29 {
  margin-right: 29px;
}
.p-30 {
  padding: 30px;
}
.m-30 {
  margin: 30px;
}
.mx-30 {
  margin-right: 30px;
  margin-left: 30px;
}
.pb-30 {
  padding-bottom: 30px;
}
.gap-30 {
  gap: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.px-30 {
  padding-right: 30px;
  padding-left: 30px;
}
.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mt-30 {
  margin-top: 30px;
}
.ms-30 {
  margin-left: 30px;
}
.me-30 {
  margin-right: 30px;
}
html {
  --mat-card-subtitle-text-weight: normal ;
}
.filter-top-left {
  width: min-content;
}
.mat-expansion-panel-header {
  padding: 0 10px !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.g-just-flex.align-items-center {
  align-items: center;
}
.g-just-flex.space-between {
  justify-content: space-between;
}
.g-just-flex.justify-content-start {
  justify-content: flex-start;
}
.g-just-flex.justify-content-end {
  justify-content: flex-end;
}
.filter.top .mat-mdc-form-field-subscript-wrapper {
  height: 0px;
  padding: 0px;
}
table.td-over-tr tr {
  position: relative;
  cursor: pointer;
  z-index: 9999999;
}
table.td-over-tr tr td {
  position: relative;
  z-index: 999999999 !important;
}
table tr {
  position: relative;
  cursor: pointer;
  z-index: 99999999;
}
table tr td {
  z-index: 999999999;
}
table tr td a,
table tr td a:link,
table tr td a:visited,
table tr td a:hover,
table tr td a:active {
  color: inherit;
  text-decoration: none;
  border-radius: 2px;
  padding: 4px 6px;
  position: relative;
  text-transform: lowercase;
  z-index: 9999999999;
}
table tr td a:hover {
  background-color: rgba(0, 0, 0, 0.0666666667);
}
table tr:hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.0666666667);
}
.cdk-overlay-container {
  z-index: 99999999;
}
.tables .mat-mdc-card {
  border: 1px solid var(mat-sys-outline) !important;
}
.mdc-snackbar__label {
  padding: 0px !important;
}
.container-bg .mat-mdc-card {
  height: 100%;
}
.mat-drawer {
  background-color: var(--mat-sys-surface) !important;
}
.error-dialog .mat-mdc-dialog-surface {
  border-radius: 0px;
  background-color: #000;
}
.suggested-tasks-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}
.suggested-tasks .suggested-tasks-wrapper {
  flex-wrap: wrap;
}
.suggested-tasks .suggested-task {
  cursor: pointer;
  min-width: 180px;
  flex: 1 0 180px;
  width: min-content;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  align-items: center;
  background-color: var(--mat-sys-surface);
}
.suggested-tasks .suggested-task .after-div {
  display: none;
}
.suggested-tasks .suggested-task.success {
  border: 2px solid green;
  position: relative;
}
.suggested-tasks .suggested-task.success.success > .after-div {
  position: absolute;
  right: -12.5px;
  top: -12.5px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 50%;
  background-color: green;
  border: 2px solid;
  border-color: var(--mat-sys-surface-container-low);
}
.suggested-tasks .suggested-task.success.success > .after-div mat-icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.suggested-tasks .mat-expansion-panel {
  box-shadow: none !important;
}
.suggested-tasks .mat-expansion-panel-header {
  padding: 10px 12px !important;
}
.rounded-icon-wrapper {
  padding: 5px;
  flex: 0 0 24px;
  border-radius: 50%;
  display: flex;
  background-color: var(--mat-sys-surface-container-low);
}
.rounded-icon-wrapper mat-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
.profile-card .action-button {
  width: 100%;
  justify-content: flex-end;
  flex: 1 1 max-content;
  display: flex;
}
.profile-card .action-button .mdc-button {
  font-weight: bold;
  text-transform: uppercase;
}
.profile-card .action-button .mdc-button:not(.header-group) {
  border-radius: 0px;
}
.profile-card .cards-wrapper {
  display: flex;
  gap: 45px;
  flex-wrap: wrap;
}
.profile-card .cards-wrapper .mat-mdc-card {
  flex: 1 0 350px;
}
.profile-card .mat-mdc-card {
  width: 350px;
  max-width: 100%;
  border: 1px solid var(--mat-sys-outline) !important;
}
.profile-card .mat-mdc-card .mat-mdc-card-title {
  font-size: 1rem !important;
}
.profile-card .mat-mdc-card .mat-mdc-card-subtitle {
  font-size: 0.8rem !important;
  line-height: 18px;
}
.profile-card .mat-mdc-card .fields-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
}
.profile-card .mat-mdc-card .field-title {
  FONT-SIZE: 0.8rem;
  color: var(--mat-sys-on-surface-variant);
}
.profile-card .mat-mdc-card .field-group {
  padding: 5px 0px;
  flex: 1 1 max-content;
}
.profile-card .mat-mdc-card .field-value {
  font-weight: 500;
}
.profile-card .mat-mdc-card .field-value.with-icon {
  display: flex;
  gap: 8px;
}
.profile-card .mat-mdc-card .field-group.icon-only {
  border-top: 1px solid var(--mat-sys-outline);
  padding-top: 10px;
  display: flex;
  justify-content: flex-start;
  flex: 1 1 100%;
  flex-wrap: wrap;
  gap: 20px;
}
.profile-card .mat-mdc-card .field-group.icon-only .field-value {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
}
.profile-card .mat-mdc-card .field-group.icon-only .field-value a {
  display: block;
  border: 1px solid;
  border-color: var(--mat-sys-on-surface);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--mat-sys-on-surface);
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profile-card .mat-mdc-card .field-group.icon-only .field-value a mat-icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.table-header-panels.mat-expansion-panel {
  overflow: visible;
}
.table-header-panels.mat-expansion-panel .mat-expansion-panel-body {
  position: absolute;
  top: 100%;
  z-index: 10000000000000000;
  max-height: 180px;
  overflow: auto;
  background: var(--mat-sys-surface);
  box-shadow: 2px 2px 7px 0px var(--mat-sys-on-surface);
  border-radius: 6px;
}
.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  min-width: max-content !important;
}
.aform {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.aform .mat-mdc-form-field,
.aform .form-array,
.aform .form-group {
  flex: 1 1 auto;
}
.add-obs-wrapper .physical-exam-cat .mdc-evolution-chip-set__chips,
.add-obs-wrapper .laboratory-observation .mdc-evolution-chip-set__chips {
  gap: 20px;
}
.aform .mat-mdc-form-field .below,
.add-obs-wrapper .below {
  display: flex;
  position: absolute;
  left: -15px;
  width: calc(100% + 18px);
  border-top: 1px solid var(--mat-sys-outline);
  border-bottom: 1px solid var(--mat-sys-outline);
  background: transparent;
  border-radius: 0px !important;
}
.aform .mat-mdc-form-field .below mat-icon,
.add-obs-wrapper .below mat-icon {
  position: relative;
}
.aform .mat-mdc-form-field .below ~ input,
.add-obs-wrapper .below ~ input {
  margin-bottom: 20px;
}
.round-icon-wrapper {
  width: max-content;
  padding: 10px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.round-icon-wrapper.contrast {
  background-color: var(--mat-sys-surface-container-lowest);
  color: var(--mat-sys-on-surface);
}
.subtitle-text-color {
  color: light-dark(#8a7c7a, #bbb);
}
.subtitle-text-color-2 {
  letter-spacing: -0.25px;
  color: light-dark(rgba(0, 0, 0, 0.662745098), #bbb);
}
.status-green mat-icon,
.status-green .material-icons {
  color: green;
  background-color: #e0f2e9;
  border: 1px solid #a5d6a7;
}
.emphasis-badge.status-green {
  color: white;
  background-color: rgba(46, 125, 50, 0.9);
  border-color: #1B5E20;
}
.status-orange mat-icon,
.status-orange .material-icons {
  color: orange;
  background-color: #fff8e1;
  border: 1px solid #ffcc80;
}
.emphasis-badge.status-orange {
  color: white;
  background-color: rgba(245, 124, 0, 0.9);
  border-color: #E65100;
}
.status-purple mat-icon,
.status-purple .material-icons {
  color: #6A1B9A;
  background-color: #f3e5f5;
  border: 1px solid #ce93d8;
}
.emphasis-badge.status-purple {
  color: white;
  background-color: rgba(106, 27, 154, 0.9);
  border-color: #4A148C;
}
.status-red mat-icon,
.status-red .material-icons {
  color: red;
  background-color: #ffebee;
  border: 1px solid #ef9a9a;
}
.emphasis-badge.status-red {
  color: white !important;
  background-color: rgba(211, 47, 47, 0.9);
  border-color: #B71C1C;
}
.status-dark-green mat-icon,
.status-dark-green .material-icons {
  color: #2E7D32;
  background-color: #e8f5e9;
  border: 1px solid #a5d6a7;
}
.emphasis-badge.status-dark-green {
  color: white;
  background-color: rgba(46, 125, 50, 0.9);
  border-color: #1B5E20;
}
.status-deep-red mat-icon,
.status-deep-red .material-icons {
  color: #B71C1C;
  background-color: #ffebee;
  border: 1px solid #ef9a9a;
}
.emphasis-badge.status-deep-red {
  color: white;
  background-color: rgba(183, 28, 28, 0.9);
  border-color: #7F0000;
}
.status-warning-red mat-icon,
.status-warning-red .material-icons {
  color: #E53935;
  background-color: #fdecea;
  border: 1px solid #ef9a9a;
}
.emphasis-badge.status-warning-red {
  color: white;
  background-color: rgba(229, 57, 53, 0.9);
  border-color: #C62828;
}
.status-gray mat-icon,
.status-gray .material-icons {
  color: gray;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
}
.emphasis-badge.status-gray {
  color: white;
  background-color: rgba(97, 97, 97, 0.85);
  border-color: #424242;
}
.status-blue mat-icon,
.status-blue .material-icons {
  color: #1E88E5;
  background-color: #e3f2fd;
  border: 1px solid #90caf9;
}
.emphasis-badge.status-blue {
  color: white;
  background-color: rgba(30, 136, 229, 0.9);
  border-color: #1565C0;
}
.status-muted-gray mat-icon,
.status-muted-gray .material-icons {
  color: #757575;
  background-color: #eeeeee;
  border: 1px dashed #bdbdbd;
}
.emphasis-badge.status-muted-gray {
  color: white;
  background-color: rgba(117, 117, 117, 0.85);
  border-color: #616161;
}
.status-deep-purple mat-icon,
.status-deep-purple .material-icons {
  color: #6A1B9A;
  background-color: #f3e5f5;
  border: 1px solid #ce93d8;
}
.emphasis-badge.status-deep-purple {
  color: white;
  background-color: rgba(106, 27, 154, 0.9);
  border-color: #4A148C;
}
.mat-mdc-form-field-infix [matsuffix] {
  position: absolute;
  right: 10px;
  z-index: 999999;
  width: 20px;
  height: 20px;
}
.mat-mdc-form-field-infix [matsuffix] ~ input {
  padding-right: 30px;
  width: auto;
}
.mat-mdc-form-field-infix [matprefix],
.mat-mdc-form-field-infix [matprefixicon] {
  position: absolute;
  left: 10px;
  z-index: 999999;
  width: 20px;
  height: 20px;
}
.mat-mdc-form-field-infix [matprefix] ~ input,
.mat-mdc-form-field-infix [matprefixicon] ~ input {
  padding-left: 30px;
  width: auto;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  display: block;
  padding-right: 30px;
}
.mat-mdc-form-field-hint {
  position: absolute;
  top: 100%;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-mdc-form-field .mdc-floating-label--float-above {
  width: max-content;
}
.g-just-flex.flex-column {
  flex-direction: column;
}
.custom-dialog-container {
  padding: 20px !important;
}
.form-array {
  margin-right: 30px;
  margin-bottom: 30px;
}
.aForm {
  border: 2px solid var(--mat-sys-outline);
}
.form-group {
  margin-right: 30px;
  margin-bottom: 30px;
  margin-top: 0px;
}
.detail-base.mat-expansion-panel {
  overflow: visible;
}
.detail-base.mat-expansion-panel .mat-expansion-panel-body {
  position: absolute;
  right: 0px;
  top: 100%;
  max-height: 300px;
  overflow: auto;
}
.aform .form-array,
.aform .form-group {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 30px !important;
}
.aform .form-array .form-array-title,
.aform .form-group .form-array-title {
  flex: 1 0 100%;
  margin-bottom: 20px;
  font-weight: 500;
}
.aform .form-array .addToArrayField,
.aform .form-group .addToArrayField {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.aform .form-array .form-group,
.aform .form-group .form-group {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  box-sizing: border-box;
}
.aform .form-array .mat-mdc-form-field,
.aform .form-group .mat-mdc-form-field {
  width: 200px;
  min-width: auto;
  box-sizing: border-box;
  flex: 1 1 200px;
}
.aform .form-group {
  padding-bottom: 0px !important;
  padding-top: 20px !important;
  align-items: start;
}
body {
  --mdc-circular-progress-active-indicator-color: var(--mat-sys-on-surface);
}
body {
  --mdc-circular-progress-size: 10px;
}
body {
  --mdc-circular-progress-active-indicator-width: 2px;
}
body .mat-mdc-progress-spinner {
  width: 10px !important;
  height: 10px !important;
}
table:not(.mat-calendar-table) {
  display: block;
  position: relative;
  z-index: 999;
  min-width: 0px !important;
  width: max-content;
  max-width: 100%;
  overflow: auto;
}
@media (max-width: 552px) {
  .mat-horizontal-content-container {
    padding: 0 0 0 0 !important;
  }
}
.small-chips {
  width: max-content;
  border-radius: 30px;
  padding: 0.05rem 0.5rem;
  font-size: 1rem;
  font-weight: normal;
  align-items: center;
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 8px;
  background-color: transparent !important;
  border: 1px solid var(--mat-sys-outline) !important;
  color: var(--mat-sys-on-background);
}
.small-chips.no-border {
  border: none !important;
}
.small-chips mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
  background-color: transparent !important;
  border: none !important;
}
.over-other-group {
  z-index: 999999;
}
.link-group-icon .mat-expansion-panel {
  background: transparent !important;
}
.top-actions-links-wrapper {
  display: flex;
  gap: 12px;
}
.top-actions-links-wrapper a.top-actions-link {
  padding: 0.35rem;
  border-radius: 4px;
  display: flex !important;
  border: 1px solid var(--mat-sys-outline);
  text-decoration: none;
  gap: 10px;
  width: max-content;
  color: var(--mat-sys-on-surface);
  background-color: transparent;
}
.top-actions-links-wrapper a.top-actions-link:hover {
  background-color: light-dark(rgba(0, 0, 0, 0.0666666667), rgba(255, 255, 255, 0.0666666667));
}
.top-actions-links-wrapper a.top-actions-link .mat-icon {
  margin: 0px;
}
.top-actions-link.more {
  display: flex;
  justify-content: center;
  align-self: center;
  height: 100%;
  padding: 0px 0.35rem !important;
  align-items: center;
  display: flex;
}
.top-actions-link.more .mat-icon {
  margin: 0px !important;
}
.mdc-evolution-chip__action.mat-mdc-chip-action {
  padding-left: 0px !important;
  padding-right: 12px;
}
.mat-mdc-chip {
  position: relative;
}
.mat-mdc-chip .mat-mdc-chip-remove {
  padding: 0px !important;
  z-index: 99999;
  border-radius: 50%;
  background-color: var(--mat-sys-background);
  border: 1px solid var(--mat-sys-outline);
}
table tr td span.restrict-length {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-mdc-table .mat-mdc-header-cell {
  min-width: var(--table-th-min-width);
  max-width: var(--table-th-max-width);
}
.mat-mdc-table .mat-mdc-header-cell .mat-sort-header-container {
  min-width: 0;
}
.mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table thead th {
  min-width: var(--table-th-min-width);
  max-width: var(--table-th-max-width);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.labreport-wide-dialog .cdk-overlay-pane,
.labreport-wide-dialog .mat-mdc-dialog-surface {
  overflow: visible !important;
  max-width: none !important;
}
.labreport-wide-dialog app-diagnostic-report-details {
  display: block;
  width: min(100vw - 32px, 1100px);
  min-width: 920px;
}
.small-subtitle {
  font-size: 0.8rem !important;
  line-height: 18px;
}
.mat-mdc-dialog-surface.mdc-dialog__surface .mat-mdc-dialog-component-host > .mat-mdc-card {
  padding: 20px 20px 20px 20px;
}
html[color-scheme=light] .mat-mdc-dialog-surface.mdc-dialog__surface .mat-mdc-dialog-component-host.app-dynamic-forms-v2 > .mat-mdc-card {
  background-color: var(--mat-sys-surface);
}
html[color-scheme=light] .mat-mdc-dialog-surface.mdc-dialog__surface .mat-mdc-dialog-component-host.app-dynamic-forms-v2 > .mat-mdc-card textarea {
  display: block;
  flex: 1 1 100%;
}
.mat-mdc-dialog-surface.mdc-dialog__surface .mat-mdc-dialog-component-host {
  padding: 20px;
}
.detail-base .mat-expansion-panel-body {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.visible-overflow .mat-horizontal-content-container {
  overflow: visible;
}
.mat-mdc-card-header.ecbill .mat-mdc-card-header-text {
  display: none;
}
.g-just-flex.align-items-start {
  align-items: start;
}
.g-just-flex.align-items-end {
  align-items: flex-end;
}
.m-auto {
  margin: auto;
}
.pharmacy-dashboard app-cardz-details-check {
  height: 100%;
}
.pharmacy-dashboard div.smallTableCard {
  display: flex;
  flex-direction: column;
}
.pharmacy-dashboard div.smallTableCard .mat-mdc-card-header {
  padding-top: 0px;
}
.pharmacy-dashboard div.smallTableCard .mat-mdc-card {
  height: 100%;
}
.pharmacy-dashboard div.smallTableCard .mat-mdc-card .mt-20,
.pharmacy-dashboard div.smallTableCard .mat-mdc-card .mb-10 {
  display: none;
}
.pharmacy-dashboard div.smallTableCard .mat-mdc-card .mat-divider {
  display: none;
}
.info-menu-panel {
  position: fixed !important;
  z-index: 100 !important;
  top: 0px !important;
  left: 0px !important;
  max-width: 300px !important;
}
.more-raised {
  z-index: 9999999999999 !important;
  background-color: #B71C1C;
}
.add-admission-location .mat-mdc-card-title {
  font-size: 1.2rem;
  line-height: 1.25rem !important;
}
.add-admission-location .mat-mdc-card-subtitle {
  font-size: 0.85rem;
}
.add-admission-location .mat-mdc-card-content:last-child {
  padding-bottom: 6px !important;
}
.add-admission-location .mat-mdc-card-content:last-child form.mt-20 {
  margin-top: 6px !important;
}
.add-admission-location .mat-mdc-card-content:last-child form.p-20 {
  padding: 0px !important;
  padding-top: 9px !important;
  padding-bottom: 6px !important;
}
.add-service-codes .mat-mdc-card-content,
.form-segment.mt-20 .mat-mdc-card-content {
  padding: 0px !important;
}
.form-segment.mt-20 .mat-mdc-card-content .form-array {
  margin-right: 0px;
}
table.restricted-columns tr td,
table.restricted-columns tr td > * {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  text-overflow: ellipsis;
  max-width: 185px;
  z-index: 9999999;
  position: relative;
}
table.restricted-columns tr td > *:last-child {
  letter-spacing: -0.25px;
  color: light-dark(rgba(0, 0, 0, 0.662745098), #bbb);
  font-size: 0.95rem;
}
table.restricted-columns tr td > *:first-child {
  letter-spacing: 0.25px;
  color: var(--mat-sys-on-surface);
  font-size: 1rem;
}
.small-mat-icon {
  font-size: 14px;
  width: 14px;
  height: 14px;
}
.spaced-title .mat-mdc-card-header-text {
  width: 100%;
}
.mat-vertical-content-container {
  margin-left: 16px !important;
}
.mat-vertical-content-container .mat-vertical-content .mat-mdc-card-content {
  padding: 5px;
}
.quantity-control {
  margin-top: 12px;
}
.quantity-control .quantity-field {
  display: flex;
  align-items: center;
}
.quantity-control .quantity-field .mat-mdc-form-field-subscript-wrapper {
  height: 0px;
}
.quantity-control .quantity-field .mat-mdc-form-field-infix {
  min-height: 25px !important;
  min-width: 65px;
  width: max-content;
}
.quantity-control .quantity-field .mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
div.mat-mdc-autocomplete-panel {
  max-height: auto !important;
}
.initiator-info {
  margin-bottom: 1rem;
  font-size: 0.95rem;
  border-radius: 0px;
  width: max-content;
  max-width: 100%;
  margin: 0px 20px;
  border-left: 2px solid var(--mat-sys-primary);
  background-color: var(--mat-sys-surface-variant);
  padding: 0.75rem;
}
div.zoom-MuiPopper-root[aria-label="Leave dialog, close with escape key"] {
  z-index: 99999999999;
}
td.apply-range-column {
  position: relative;
  z-index: 99999;
}
.value-with-unit {
  white-space: no-wrap;
  min-width: max-content;
}
.field-value .mat-mdc-chip {
  padding: 0px 6px;
}

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