@charset "UTF-8";

/* node_modules/material-design-icons/iconfont/material-icons.css */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("./media/MaterialIcons-Regular-DZIPLQX7.eot");
  src:
    local("Material Icons"),
    local("MaterialIcons-Regular"),
    url("./media/MaterialIcons-Regular-P2RAEPXM.woff2") format("woff2"),
    url("./media/MaterialIcons-Regular-3OCSKOJA.woff") format("woff"),
    url("./media/MaterialIcons-Regular-DFX2JKJN.ttf") format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

/* node_modules/material-symbols/outlined.css */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-outlined-Z4PXL5LM.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* src/styles.scss */
:root {
  --fluent-font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #e4e6e7;
  --color-neutral-400: #c5c8cb;
  --color-neutral-500: #a6abb0;
  --color-neutral-600: #8e939b;
  --color-neutral-700: #7d828a;
  --color-neutral-800: #3c4044;
  --color-neutral-900: #2a2c30;
  --color-neutral-1000: #17191a;
  --color-brand: #0080ea;
  --color-brand-hover: #0073d2;
  --color-brand-muted: #e6f2ff;
  --color-assigned-bg: #e6f2fd;
  --color-assigned-gradient: #3399ee;
  --color-assigned: #0080ea;
  --color-assigned-hover: #0074d5;
  --color-fluent-green: #00C0B5;
  --color-completed-bg: #e6f9f7;
  --color-completed-gradient: #33cdc2;
  --color-completed: #00c0b3;
  --color-completed-hover: #00afa3;
  --color-declined-bg: #ffe6f1;
  --color-declined-gradient: #ff338e;
  --color-declined: #ff0072;
  --color-declined-hover: #e80068;
  --color-requested-bg: #fef4e8;
  --color-requested-gradient: #f9a94a;
  --color-requested: #f7941d;
  --color-requested-hover: #e1871a;
  --color-cancelled-bg: #f6f7f7;
  --color-cancelled-gradient: #b8bcc0;
  --color-cancelled: #a6abb0;
  --color-cancelled-hover: #979ca0;
  --assignment-interpreter-pad-y: 14px;
  --assignment-interpreter-line-gap: 6px;
  --assignment-interpreter-text-stack-height: calc( 16px + var(--assignment-interpreter-line-gap) + 14px + var(--assignment-interpreter-line-gap) + 14px );
  --assignment-aligned-row-height: calc( var(--assignment-interpreter-pad-y) + var(--assignment-interpreter-text-stack-height) + var(--assignment-interpreter-pad-y) );
  --assignment-h-scrollbar-gutter: 0px;
  --assignment-hour-header-pad-top: 8px;
  --assignment-hour-header-pad-bottom: 8px;
  --gradient-orange:
    linear-gradient(
      to right,
      #f7941d,
      #f9a94a);
  --gradient-blue:
    linear-gradient(
      to right,
      #0080EA,
      #3399EE);
  --gradient-green:
    linear-gradient(
      to right,
      #00c0b3,
      #33cdc2);
  --gradient-button:
    linear-gradient(
      to right,
      #0080EA,
      #00c0b3);
  --blue-100: #b0d8f8;
  --blue-200: #8ac5f5;
  --blue-300: #54aaf1;
  --blue-400: #3399ee;
  --blue-500: #0080ea;
  --blue-600: #0073d2;
  --blue-700: #005ba6;
  --blue-800: #004681;
  --blue-900: #003662;
  --blue-muted: #e6f2ff;
  --teal-brand: #00c0b3;
  --teal-brand-hover: #00afa3;
  --neutral-0: #ffffff;
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d9d9d9;
  --neutral-400: #cacbcf;
  --neutral-500: #a6abb0;
  --neutral-600: #8e939b;
  --neutral-700: #7d828a;
  --neutral-800: #3c4044;
  --neutral-900: #2a2c30;
  --neutral-1000: #17191a;
  --line: #ededed;
  --line-soft: #f2f2f2;
  --fg: #2a2c30;
  --fg-strong: #17191a;
  --fg-muted: #5c6167;
  --fg-subtle: #a6abae;
  --fg-on-brand: #ffffff;
  --bg: #ffffff;
  --bg-app: #fafafa;
  --bg-subtle: #f9f9f9;
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --font-sans: var(--fluent-font-family);
  --font-mono:
    "Roboto Mono",
    ui-monospace,
    "SF Mono",
    Menlo,
    monospace;
  --shadow-card: 0px 4px 14.7px 2px rgba(0, 0, 0, 0.02);
  --shadow-card-hover: 0px 6px 24px 2px rgba(0, 0, 0, 0.06);
  --shadow-popover: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
  --shadow-brand-btn: 0px 8px 20px 0px rgba(0, 128, 235, 0.25);
  --status-completed: #00c0b3;
  --status-completed-bg: #e6f9f7;
  --warning: #f7941d;
  --status-requested-bg: #fef4e8;
  --status-requested-grad: #f9a94a;
  --status-declined: #ff0072;
  --status-declined-bg: #ffe6f1;
  --teal-800: #2a7f66;
}
.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));
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: rgb(0, 128, 234);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: rgb(84, 88, 99);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(84, 88, 99);
  --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: rgb(84, 88, 99);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(0, 128, 234);
  --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: rgb(0, 128, 234);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(84, 88, 99);
  --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: rgb(84, 88, 99);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-title-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: rgb(0, 128, 234);
  --mat-progress-bar-track-color: rgba(0, 128, 234, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: rgb(84, 88, 99);
  --mat-progress-bar-track-color: rgba(84, 88, 99, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, rgb(0, 128, 234) 87%, transparent);
  --mat-form-field-filled-caret-color: rgb(0, 128, 234);
  --mat-form-field-filled-focus-active-indicator-color: rgb(0, 128, 234);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, rgb(0, 128, 234) 87%, transparent);
  --mat-form-field-outlined-caret-color: rgb(0, 128, 234);
  --mat-form-field-outlined-focus-outline-color: rgb(0, 128, 234);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, rgb(0, 128, 234) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, rgb(84, 88, 99) 87%, transparent);
  --mat-form-field-filled-caret-color: rgb(84, 88, 99);
  --mat-form-field-filled-focus-active-indicator-color: rgb(84, 88, 99);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, rgb(84, 88, 99) 87%, transparent);
  --mat-form-field-outlined-caret-color: rgb(84, 88, 99);
  --mat-form-field-outlined-focus-outline-color: rgb(84, 88, 99);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, rgb(84, 88, 99) 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: rgb(0, 128, 234);
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: rgb(84, 88, 99);
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: rgb(0, 128, 234);
  --mat-chip-elevated-disabled-container-color: rgb(0, 128, 234);
  --mat-chip-elevated-selected-container-color: rgb(0, 128, 234);
  --mat-chip-flat-disabled-selected-container-color: rgb(0, 128, 234);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: rgb(84, 88, 99);
  --mat-chip-elevated-disabled-container-color: rgb(84, 88, 99);
  --mat-chip-elevated-selected-container-color: rgb(84, 88, 99);
  --mat-chip-flat-disabled-selected-container-color: rgb(84, 88, 99);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: rgb(0, 128, 234);
  --mat-slide-toggle-selected-handle-color: rgb(0, 128, 234);
  --mat-slide-toggle-selected-hover-state-layer-color: rgb(0, 128, 234);
  --mat-slide-toggle-selected-pressed-state-layer-color: rgb(0, 128, 234);
  --mat-slide-toggle-selected-focus-handle-color: rgb(0, 128, 234);
  --mat-slide-toggle-selected-hover-handle-color: rgb(0, 128, 234);
  --mat-slide-toggle-selected-pressed-handle-color: rgb(0, 128, 234);
  --mat-slide-toggle-selected-focus-track-color: #64b5f6;
  --mat-slide-toggle-selected-hover-track-color: #64b5f6;
  --mat-slide-toggle-selected-pressed-track-color: #64b5f6;
  --mat-slide-toggle-selected-track-color: #64b5f6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: rgb(84, 88, 99);
  --mat-slide-toggle-selected-handle-color: rgb(84, 88, 99);
  --mat-slide-toggle-selected-hover-state-layer-color: rgb(84, 88, 99);
  --mat-slide-toggle-selected-pressed-state-layer-color: rgb(84, 88, 99);
  --mat-slide-toggle-selected-focus-handle-color: rgb(84, 88, 99);
  --mat-slide-toggle-selected-hover-handle-color: rgb(84, 88, 99);
  --mat-slide-toggle-selected-pressed-handle-color: rgb(84, 88, 99);
  --mat-slide-toggle-selected-focus-track-color: #c2c5ca;
  --mat-slide-toggle-selected-hover-track-color: #c2c5ca;
  --mat-slide-toggle-selected-pressed-track-color: #c2c5ca;
  --mat-slide-toggle-selected-track-color: #c2c5ca;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: rgb(0, 128, 234);
  --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: rgb(0, 128, 234);
  --mat-radio-selected-hover-icon-color: rgb(0, 128, 234);
  --mat-radio-selected-icon-color: rgb(0, 128, 234);
  --mat-radio-selected-pressed-icon-color: rgb(0, 128, 234);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: rgb(84, 88, 99);
  --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: rgb(84, 88, 99);
  --mat-radio-selected-hover-icon-color: rgb(84, 88, 99);
  --mat-radio-selected-icon-color: rgb(84, 88, 99);
  --mat-radio-selected-pressed-icon-color: rgb(84, 88, 99);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: rgb(0, 128, 234);
  --mat-slider-focus-handle-color: rgb(0, 128, 234);
  --mat-slider-handle-color: rgb(0, 128, 234);
  --mat-slider-hover-handle-color: rgb(0, 128, 234);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, rgb(0, 128, 234) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, rgb(0, 128, 234) 4%, transparent);
  --mat-slider-inactive-track-color: rgb(0, 128, 234);
  --mat-slider-ripple-color: rgb(0, 128, 234);
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: rgb(0, 128, 234);
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: rgb(84, 88, 99);
  --mat-slider-focus-handle-color: rgb(84, 88, 99);
  --mat-slider-handle-color: rgb(84, 88, 99);
  --mat-slider-hover-handle-color: rgb(84, 88, 99);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, rgb(84, 88, 99) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, rgb(84, 88, 99) 4%, transparent);
  --mat-slider-inactive-track-color: rgb(84, 88, 99);
  --mat-slider-ripple-color: rgb(84, 88, 99);
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: rgb(84, 88, 99);
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: rgb(0, 128, 234);
  --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: rgb(0, 128, 234);
  --mat-radio-selected-hover-icon-color: rgb(0, 128, 234);
  --mat-radio-selected-icon-color: rgb(0, 128, 234);
  --mat-radio-selected-pressed-icon-color: rgb(0, 128, 234);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: rgb(84, 88, 99);
  --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: rgb(84, 88, 99);
  --mat-radio-selected-hover-icon-color: rgb(84, 88, 99);
  --mat-radio-selected-icon-color: rgb(84, 88, 99);
  --mat-radio-selected-pressed-icon-color: rgb(84, 88, 99);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: rgb(0, 128, 234);
  --mat-checkbox-selected-hover-icon-color: rgb(0, 128, 234);
  --mat-checkbox-selected-icon-color: rgb(0, 128, 234);
  --mat-checkbox-selected-pressed-icon-color: rgb(0, 128, 234);
  --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: rgb(0, 128, 234);
  --mat-checkbox-selected-hover-state-layer-color: rgb(0, 128, 234);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(0, 128, 234);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: rgb(84, 88, 99);
  --mat-checkbox-selected-hover-icon-color: rgb(84, 88, 99);
  --mat-checkbox-selected-icon-color: rgb(84, 88, 99);
  --mat-checkbox-selected-pressed-icon-color: rgb(84, 88, 99);
  --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: rgb(84, 88, 99);
  --mat-checkbox-selected-hover-state-layer-color: rgb(84, 88, 99);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(84, 88, 99);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: rgb(0, 128, 234);
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font:
    400 16px / 28px "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: rgb(0, 128, 234);
  --mat-tab-active-ripple-color: rgb(0, 128, 234);
  --mat-tab-inactive-ripple-color: rgb(0, 128, 234);
  --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: rgb(0, 128, 234);
  --mat-tab-active-hover-label-text-color: rgb(0, 128, 234);
  --mat-tab-active-focus-indicator-color: rgb(0, 128, 234);
  --mat-tab-active-hover-indicator-color: rgb(0, 128, 234);
  --mat-tab-active-indicator-color: rgb(0, 128, 234);
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: rgb(84, 88, 99);
  --mat-tab-active-ripple-color: rgb(84, 88, 99);
  --mat-tab-inactive-ripple-color: rgb(84, 88, 99);
  --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: rgb(84, 88, 99);
  --mat-tab-active-hover-label-text-color: rgb(84, 88, 99);
  --mat-tab-active-focus-indicator-color: rgb(84, 88, 99);
  --mat-tab-active-hover-indicator-color: rgb(84, 88, 99);
  --mat-tab-active-indicator-color: rgb(84, 88, 99);
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: rgb(0, 128, 234);
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: rgb(84, 88, 99);
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: rgb(84, 88, 99);
  --mat-checkbox-selected-hover-icon-color: rgb(84, 88, 99);
  --mat-checkbox-selected-icon-color: rgb(84, 88, 99);
  --mat-checkbox-selected-pressed-icon-color: rgb(84, 88, 99);
  --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: rgb(84, 88, 99);
  --mat-checkbox-selected-hover-state-layer-color: rgb(84, 88, 99);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(84, 88, 99);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: rgb(0, 128, 234);
  --mat-checkbox-selected-hover-icon-color: rgb(0, 128, 234);
  --mat-checkbox-selected-icon-color: rgb(0, 128, 234);
  --mat-checkbox-selected-pressed-icon-color: rgb(0, 128, 234);
  --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: rgb(0, 128, 234);
  --mat-checkbox-selected-hover-state-layer-color: rgb(0, 128, 234);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(0, 128, 234);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: rgb(0, 128, 234);
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: rgb(0, 128, 234);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgb(0, 128, 234) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgb(0, 128, 234);
  --mat-button-protected-container-color: rgb(0, 128, 234);
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: rgb(0, 128, 234);
  --mat-button-text-ripple-color: color-mix(in srgb, rgb(0, 128, 234) 12%, transparent);
  --mat-button-text-state-layer-color: rgb(0, 128, 234);
  --mat-button-tonal-container-color: rgb(0, 128, 234);
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: rgb(84, 88, 99);
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: rgb(84, 88, 99);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgb(84, 88, 99) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgb(84, 88, 99);
  --mat-button-protected-container-color: rgb(84, 88, 99);
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: rgb(84, 88, 99);
  --mat-button-text-ripple-color: color-mix(in srgb, rgb(84, 88, 99) 12%, transparent);
  --mat-button-text-state-layer-color: rgb(84, 88, 99);
  --mat-button-tonal-container-color: rgb(84, 88, 99);
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: rgb(0, 128, 234);
  --mat-icon-button-state-layer-color: rgb(0, 128, 234);
  --mat-icon-button-ripple-color: color-mix(in srgb, rgb(0, 128, 234) 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: rgb(84, 88, 99);
  --mat-icon-button-state-layer-color: rgb(84, 88, 99);
  --mat-icon-button-ripple-color: color-mix(in srgb, rgb(84, 88, 99) 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: rgb(0, 128, 234);
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, rgb(0, 128, 234) 12%, transparent);
  --mat-fab-small-container-color: rgb(0, 128, 234);
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: rgb(84, 88, 99);
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, rgb(84, 88, 99) 12%, transparent);
  --mat-fab-small-container-color: rgb(84, 88, 99);
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #64b5f6;
}
html {
  --mat-snack-bar-supporting-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: rgb(0, 128, 234);
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: rgb(84, 88, 99);
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: rgb(0, 128, 234);
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: rgb(84, 88, 99);
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, rgb(0, 128, 234) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(84, 88, 99) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: rgb(0, 128, 234);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, rgb(0, 128, 234) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, rgb(0, 128, 234) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, rgb(0, 128, 234) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: rgb(0, 128, 234);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, rgb(84, 88, 99) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(84, 88, 99) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: rgb(84, 88, 99);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, rgb(84, 88, 99) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, rgb(84, 88, 99) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, rgb(84, 88, 99) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: rgb(84, 88, 99);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(84, 88, 99) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: rgb(0, 128, 234);
}
.mat-icon.mat-accent {
  --mat-icon-color: rgb(84, 88, 99);
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: rgb(0, 128, 234);
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: rgb(0, 128, 234);
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: rgb(0, 128, 234);
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: rgb(84, 88, 99);
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: rgb(84, 88, 99);
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: rgb(84, 88, 99);
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-stepper-header-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: rgb(0, 128, 234);
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: rgb(84, 88, 99);
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
html {
  --mat-sys-primary: rgb(0, 128, 234);
  --mat-sys-on-primary: white;
  --mat-sys-inverse-primary: #64b5f6;
  --mat-sys-secondary: rgb(84, 88, 99);
  --mat-sys-on-secondary: white;
  --mat-sys-inverse-secondary: #c2c5ca;
  --mat-sys-error: #f44336;
  --mat-sys-on-error: white;
  --mat-sys-inverse-error: #e57373;
  --mat-sys-shadow: black;
  --mat-sys-surface: white;
  --mat-sys-on-surface: rgba(0, 0, 0, 0.87);
  --mat-sys-surface-variant: #f6f6f6;
  --mat-sys-on-surface-variant: rgba(0, 0, 0, 0.54);
  --mat-sys-background: #fafafa;
  --mat-sys-inverse-surface: #424242;
  --mat-sys-inverse-on-surface: white;
  --mat-sys-outline: rgba(0, 0, 0, 0.12);
  --mat-sys-outline-variant: rgba(0, 0, 0, 0.38);
  --mat-sys-error-container: #ffebee;
  --mat-sys-on-background: rgba(0, 0, 0, 0.87);
  --mat-sys-on-error-container: #d32f2f;
  --mat-sys-on-primary-container: #1976d2;
  --mat-sys-on-primary-fixed: white;
  --mat-sys-on-primary-fixed-variant: white;
  --mat-sys-on-secondary-container: #6b6f79;
  --mat-sys-on-secondary-fixed: white;
  --mat-sys-on-secondary-fixed-variant: white;
  --mat-sys-on-tertiary: white;
  --mat-sys-on-tertiary-container: #6b6f79;
  --mat-sys-on-tertiary-fixed: white;
  --mat-sys-on-tertiary-fixed-variant: white;
  --mat-sys-primary-container: #e3f2fd;
  --mat-sys-primary-fixed: rgb(0, 128, 234);
  --mat-sys-primary-fixed-dim: rgb(0, 128, 234);
  --mat-sys-scrim: black;
  --mat-sys-secondary-container: #f5f5f6;
  --mat-sys-secondary-fixed: rgb(84, 88, 99);
  --mat-sys-secondary-fixed-dim: rgb(84, 88, 99);
  --mat-sys-surface-bright: white;
  --mat-sys-surface-container: white;
  --mat-sys-surface-container-high: white;
  --mat-sys-surface-container-highest: white;
  --mat-sys-surface-container-low: white;
  --mat-sys-surface-container-lowest: white;
  --mat-sys-surface-dim: white;
  --mat-sys-surface-tint: white;
  --mat-sys-tertiary: rgb(84, 88, 99);
  --mat-sys-tertiary-container: #f5f5f6;
  --mat-sys-tertiary-fixed: rgb(84, 88, 99);
  --mat-sys-tertiary-fixed-dim: rgb(84, 88, 99);
}
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);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large:
    400 16px / 24px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-body-large-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-body-large-line-height: 24px;
  --mat-sys-body-large-size: 16px;
  --mat-sys-body-large-tracking: 0.03125em;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium:
    400 14px / 20px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-body-medium-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-body-medium-line-height: 20px;
  --mat-sys-body-medium-size: 14px;
  --mat-sys-body-medium-tracking: 0.0178571429em;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small:
    400 12px / 20px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-body-small-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-body-small-line-height: 20px;
  --mat-sys-body-small-size: 12px;
  --mat-sys-body-small-tracking: 0.0333333333em;
  --mat-sys-body-small-weight: 400;
  --mat-sys-label-large:
    400 16px / 28px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-label-large-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-label-large-line-height: 28px;
  --mat-sys-label-large-size: 16px;
  --mat-sys-label-large-tracking: 0.009375em;
  --mat-sys-label-large-weight: 400;
  --mat-sys-label-medium:
    500 14px / 22px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-label-medium-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-label-medium-line-height: 22px;
  --mat-sys-label-medium-size: 14px;
  --mat-sys-label-medium-tracking: 0.0071428571em;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-small:
    500 14px / 36px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-label-small-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-label-small-line-height: 36px;
  --mat-sys-label-small-size: 14px;
  --mat-sys-label-small-tracking: 0.0892857143em;
  --mat-sys-label-small-weight: 500;
  --mat-sys-display-large:
    300 96px / 96px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-display-large-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-display-large-line-height: 96px;
  --mat-sys-display-large-size: 96px;
  --mat-sys-display-large-tracking: -0.015625em;
  --mat-sys-display-large-weight: 300;
  --mat-sys-display-medium:
    300 96px / 96px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-display-medium-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-display-medium-line-height: 96px;
  --mat-sys-display-medium-size: 96px;
  --mat-sys-display-medium-tracking: -0.015625em;
  --mat-sys-display-medium-weight: 300;
  --mat-sys-display-small:
    300 96px / 96px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-display-small-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-display-small-line-height: 96px;
  --mat-sys-display-small-size: 96px;
  --mat-sys-display-small-tracking: -0.015625em;
  --mat-sys-display-small-weight: 300;
  --mat-sys-headline-large:
    300 60px / 60px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-headline-large-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-headline-large-line-height: 60px;
  --mat-sys-headline-large-size: 60px;
  --mat-sys-headline-large-tracking: -0.0083333333em;
  --mat-sys-headline-large-weight: 300;
  --mat-sys-headline-medium:
    400 48px / 50px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-headline-medium-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-headline-medium-line-height: 50px;
  --mat-sys-headline-medium-size: 48px;
  --mat-sys-headline-medium-tracking: normal;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small:
    400 34px / 40px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-headline-small-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-headline-small-line-height: 40px;
  --mat-sys-headline-small-size: 34px;
  --mat-sys-headline-small-tracking: 0.0073529412em;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-title-large:
    400 24px / 32px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-title-large-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-title-large-line-height: 32px;
  --mat-sys-title-large-size: 24px;
  --mat-sys-title-large-tracking: normal;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium:
    400 24px / 32px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-title-medium-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-title-medium-line-height: 32px;
  --mat-sys-title-medium-size: 24px;
  --mat-sys-title-medium-tracking: normal;
  --mat-sys-title-medium-weight: 400;
  --mat-sys-title-small:
    500 20px / 32px Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-title-small-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-sys-title-small-line-height: 32px;
  --mat-sys-title-small-size: 20px;
  --mat-sys-title-small-tracking: 0.0125em;
  --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.04;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button-base.mat-mdc-icon-button:not(.mat-mdc-button-disabled) {
  color: var(--mat-icon-button-icon-color);
}
html {
  --mat-dialog-container-shape: 12px;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 6px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
  font:
    400 24px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font:
    400 16px/28px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font:
    400 15px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
  font:
    400 11.62px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
  font:
    400 9.38px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-body-2,
.mat-body-strong {
  font:
    500 14px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-body,
.mat-body-1,
.mat-typography {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-body p,
.mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-caption,
.mat-small {
  font:
    400 12px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font:
    300 112px/112px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 56px;
  letter-spacing: -0.05em;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font:
    400 56px/56px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.02em;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font:
    400 45px/48px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.005em;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font:
    400 34px/40px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-card {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-content,
.mat-card-subtitle {
  font-size: 14px;
}
.mat-checkbox {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-dialog-title {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-expansion-panel-header {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.33334%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.66667em;
  top: calc(100% - 1.79167em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.33334%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.33335%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.54167em;
  top: calc(100% - 1.66667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.33334%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.33334%;
}
.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px;
}
.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-select {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-slider-thumb-label-text {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: 400;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-tab-label,
.mat-tab-link {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0;
}
.mat-tooltip {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-list-option {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-list .mat-list-item,
.mat-nav-list .mat-list-item,
.mat-selection-list .mat-list-item {
  font-size: 16px;
}
.mat-list .mat-list-item .mat-line,
.mat-nav-list .mat-list-item .mat-line,
.mat-selection-list .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list .mat-list-item .mat-line:nth-child(n+2),
.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),
.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list .mat-list-option,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-option {
  font-size: 16px;
}
.mat-list .mat-list-option .mat-line,
.mat-nav-list .mat-list-option .mat-line,
.mat-selection-list .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list .mat-list-option .mat-line:nth-child(n+2),
.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),
.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list .mat-subheader,
.mat-nav-list .mat-subheader,
.mat-selection-list .mat-subheader {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list[dense] .mat-list-item,
.mat-nav-list[dense] .mat-list-item,
.mat-selection-list[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list[dense] .mat-list-item .mat-line,
.mat-nav-list[dense] .mat-list-item .mat-line,
.mat-selection-list[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list[dense] .mat-list-option,
.mat-nav-list[dense] .mat-list-option,
.mat-selection-list[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list[dense] .mat-list-option .mat-line,
.mat-nav-list[dense] .mat-list-option .mat-line,
.mat-selection-list[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),
.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),
.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list[dense] .mat-subheader,
.mat-nav-list[dense] .mat-subheader,
.mat-selection-list[dense] .mat-subheader {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font:
    500 14px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-simple-snackbar {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0s cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
@media screen and (-ms-high-contrast: active) {
  .mat-ripple-element {
    display: none;
  }
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 100000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 100000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 100000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation-name: cdk-text-field-autofill-start;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation-name: cdk-text-field-autofill-end;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: transparent;
  color: rgb(0, 128, 234);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: transparent;
}
.mat-option.mat-active {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgb(0, 128, 234);
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ffd740;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-accent .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
  background: #ffd740;
}
.mat-primary .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
  background: rgb(0, 128, 234);
}
.mat-warn .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate {
  background: transparent;
}
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: rgb(0, 128, 234);
}
.mat-elevation-z0 {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, 0.2),
    0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 5px 8px 0 rgba(0, 0, 0, 0.14),
    0 1px 14px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow:
    0 4px 5px -2px rgba(0, 0, 0, 0.2),
    0 7px 10px 1px rgba(0, 0, 0, 0.14),
    0 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow:
    0 5px 6px -3px rgba(0, 0, 0, 0.2),
    0 9px 12px 1px rgba(0, 0, 0, 0.14),
    0 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow:
    0 6px 6px -3px rgba(0, 0, 0, 0.2),
    0 10px 14px 1px rgba(0, 0, 0, 0.14),
    0 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow:
    0 6px 7px -4px rgba(0, 0, 0, 0.2),
    0 11px 15px 1px rgba(0, 0, 0, 0.14),
    0 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 12px 17px 2px rgba(0, 0, 0, 0.14),
    0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14),
    0 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow:
    0 7px 9px -4px rgba(0, 0, 0, 0.2),
    0 14px 21px 2px rgba(0, 0, 0, 0.14),
    0 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow:
    0 8px 9px -5px rgba(0, 0, 0, 0.2),
    0 15px 22px 2px rgba(0, 0, 0, 0.14),
    0 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow:
    0 8px 11px -5px rgba(0, 0, 0, 0.2),
    0 17px 26px 2px rgba(0, 0, 0, 0.14),
    0 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow:
    0 9px 11px -5px rgba(0, 0, 0, 0.2),
    0 18px 28px 2px rgba(0, 0, 0, 0.14),
    0 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow:
    0 9px 12px -6px rgba(0, 0, 0, 0.2),
    0 19px 29px 2px rgba(0, 0, 0, 0.14),
    0 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, 0.2),
    0 20px 31px 3px rgba(0, 0, 0, 0.14),
    0 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, 0.2),
    0 21px 33px 3px rgba(0, 0, 0, 0.14),
    0 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow:
    0 10px 14px -6px rgba(0, 0, 0, 0.2),
    0 22px 35px 3px rgba(0, 0, 0, 0.14),
    0 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow:
    0 11px 14px -7px rgba(0, 0, 0, 0.2),
    0 23px 36px 3px rgba(0, 0, 0, 0.14),
    0 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
@media (prefers-color-scheme: dark) {
  .mat-app-background {
    background-color: #121212;
    color: rgba(255, 255, 255, 0.87);
  }
  .mat-drawer-container {
    background-color: #121212;
    color: rgba(255, 255, 255, 0.87);
  }
  .mat-drawer {
    background-color: #1e1e1e;
    color: rgba(255, 255, 255, 0.87);
  }
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: #333333;
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}
.mat-mdc-autocomplete-panel {
  background: #fff !important;
  color: #333333 !important;
}
.mat-mdc-autocomplete-panel.fluent-ac-panel,
.mat-autocomplete-panel.fluent-ac-panel {
  border: 1px solid #ebebef;
  border-radius: 12px !important;
  padding: 6px !important;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.1), 0 1px 3px rgba(16, 24, 40, 0.06) !important;
}
.fluent-ac-panel .mat-mdc-option,
.fluent-ac-panel mat-option {
  min-height: 40px !important;
  border-radius: 8px;
  margin: 1px 0;
}
.fluent-ac-panel .mat-mdc-option .mdc-list-item__primary-text {
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0;
}
.fluent-ac-panel mat-option:hover:not(.mdc-list-item--disabled),
.fluent-ac-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled) {
  background-color: #f7f8fa !important;
}
.fluent-ac-panel .option-label,
.fluent-ac-panel .option-label--multiselect-selected,
.fluent-ac-panel mat-option:hover:not(.mdc-list-item--disabled) .option-label,
.fluent-ac-panel mat-option:hover:not(.mdc-list-item--disabled) .option-label--multiselect-selected,
.fluent-ac-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .option-label,
.fluent-ac-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .option-label--multiselect-selected,
.fluent-ac-panel mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .option-label {
  color: #1a1d24 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
}
.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: rgba(51, 51, 51, 0.95) !important;
}
.mat-autocomplete-panel mat-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-autocomplete-panel mat-option:hover:not(.mdc-list-item--disabled) {
  background-color: #f5f5f5 !important;
}
.mat-autocomplete-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled),
.mat-mdc-autocomplete-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled) {
  background-color: #f5f5f5 !important;
}
.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 32px 0px rgba(170, 170, 170, 0.4705882353);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: #333333;
}
.mat-mdc-autocomplete-panel.m3-ac-panel {
  border: 1px solid #ebebef;
  border-radius: 12px !important;
  padding: 6px !important;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.1), 0 1px 3px rgba(16, 24, 40, 0.06) !important;
}
.m3-ac-panel .mat-mdc-option {
  min-height: 40px !important;
  border-radius: 8px;
  margin: 1px 0;
}
.m3-ac-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.m3-ac-panel .mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) {
  background-color: #f7f8fa !important;
}
.m3-ac-multiselect-panel .mat-mdc-option .mdc-list-item__primary-text {
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.m3-ac-multiselect-panel .mat-mdc-option:has(.ac-multiselect-check--on):not(.mdc-list-item--disabled) {
  background-color: #eaf4ff;
}
.m3-ac-multiselect-panel .mat-mdc-option:has(.ac-multiselect-check--on):not(.mdc-list-item--disabled):hover,
.m3-ac-multiselect-panel .mat-mdc-option:has(.ac-multiselect-check--on).mat-mdc-option-active:not(.mdc-list-item--disabled) {
  background-color: #dcecff !important;
}
.mat-autocomplete-panel .ac-multiselect-check,
.mat-mdc-autocomplete-panel .ac-multiselect-check {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px;
  flex-shrink: 0 !important;
  box-sizing: border-box;
  border: 1.5px solid #d4d6dc;
  border-radius: 5px;
  background: #ffffff;
  transition: background 0.12s ease, border-color 0.12s ease;
}
.mat-autocomplete-panel .ac-multiselect-check.ac-multiselect-check--on,
.mat-mdc-autocomplete-panel .ac-multiselect-check.ac-multiselect-check--on {
  background: #0080eb;
  border-color: #0080eb;
}
.mat-autocomplete-panel .ac-multiselect-check-svg,
.mat-mdc-autocomplete-panel .ac-multiselect-check-svg {
  display: block !important;
  width: 13px !important;
  min-width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.12s ease, transform 0.12s ease;
}
.mat-autocomplete-panel .ac-multiselect-check--on .ac-multiselect-check-svg,
.mat-mdc-autocomplete-panel .ac-multiselect-check--on .ac-multiselect-check-svg {
  opacity: 1;
  transform: scale(1);
}
.mat-autocomplete-panel .ac-multiselect-check-svg path,
.mat-mdc-autocomplete-panel .ac-multiselect-check-svg path {
  fill: #ffffff !important;
}
.mat-autocomplete-panel .option-label,
.mat-mdc-autocomplete-panel .option-label {
  font-size: inherit !important;
  color: #333333 !important;
  font-family: "Roboto-Light", sans-serif !important;
}
.fluent-ac-panel .option-label {
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #1a1d24 !important;
}
.mat-autocomplete-panel .option-label .m3-ac-match,
.mat-mdc-autocomplete-panel .option-label .m3-ac-match {
  font-family: inherit !important;
  font-weight: inherit !important;
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel .option-label--multiselect-selected,
.mat-mdc-autocomplete-panel .option-label--multiselect-selected {
  font-family: "Roboto-Bold", sans-serif !important;
  font-weight: normal !important;
  color: #333333 !important;
}
.mat-autocomplete-panel mat-option:hover:not(.mdc-list-item--disabled) .option-label,
.mat-mdc-autocomplete-panel mat-option:hover:not(.mdc-list-item--disabled) .option-label {
  font-size: inherit !important;
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .option-label,
.mat-mdc-autocomplete-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .option-label {
  font-size: inherit !important;
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .option-label,
.mat-mdc-autocomplete-panel mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .option-label {
  font-size: inherit !important;
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel mat-option:hover:not(.mdc-list-item--disabled) .m3-ac-match,
.mat-mdc-autocomplete-panel mat-option:hover:not(.mdc-list-item--disabled) .m3-ac-match {
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .m3-ac-match,
.mat-mdc-autocomplete-panel mat-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .m3-ac-match {
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .m3-ac-match,
.mat-mdc-autocomplete-panel mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .m3-ac-match {
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel mat-option:hover .option-label--multiselect-selected,
.mat-mdc-autocomplete-panel mat-option:hover .option-label--multiselect-selected {
  font-family: "Roboto-Bold", sans-serif !important;
  font-weight: normal !important;
  color: rgb(0, 128, 234) !important;
}
.mat-autocomplete-panel mat-option.mat-mdc-option-active .option-label--multiselect-selected,
.mat-mdc-autocomplete-panel mat-option.mat-mdc-option-active .option-label--multiselect-selected {
  font-family: "Roboto-Bold", sans-serif !important;
  font-weight: normal !important;
  color: rgb(0, 128, 234) !important;
}
.m3-ac-multiselect-panel .option-label--multiselect-selected,
.m3-ac-multiselect-panel mat-option:hover .option-label--multiselect-selected,
.m3-ac-multiselect-panel mat-option.mat-mdc-option-active .option-label--multiselect-selected {
  font-family: inherit !important;
  font-weight: 400 !important;
  color: #1a1d24 !important;
}
.mat-badge-content {
  color: #fff;
  background: rgb(0, 48, 137);
}
.mat-badge-accent .mat-badge-content {
  background: #ffd740;
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
@media screen and (-ms-high-contrast: active) {
  .mat-badge-small .mat-badge-content {
    outline: solid 1px;
    border-radius: 0;
  }
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
@media screen and (-ms-high-contrast: active) {
  .mat-badge-medium .mat-badge-content {
    outline: solid 1px;
    border-radius: 0;
  }
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
@media screen and (-ms-high-contrast: active) {
  .mat-badge-large .mat-badge-content {
    outline: solid 1px;
    border-radius: 0;
  }
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: 0 0;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: rgb(0, 128, 234);
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ffd740;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgb(0, 128, 234);
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ffd740;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button.mat-primary .mat-ripple-element,
.mat-icon-button.mat-primary .mat-ripple-element,
.mat-stroked-button.mat-primary .mat-ripple-element {
  background-color: rgba(103, 58, 183, 0.1);
}
.mat-button.mat-accent .mat-ripple-element,
.mat-icon-button.mat-accent .mat-ripple-element,
.mat-stroked-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 215, 64, 0.1);
}
.mat-button.mat-warn .mat-ripple-element,
.mat-icon-button.mat-warn .mat-ripple-element,
.mat-stroked-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.1);
}
.mat-button-focus-overlay {
  background: #000;
}
.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: #fff;
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: rgba(0, 0, 0, 0.87);
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  color: #fff;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: rgb(0, 128, 234);
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #ffd740;
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(103, 58, 183, 0.2);
}
.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 215, 64, 0.2);
}
.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 12px 17px 2px rgba(0, 0, 0, 0.14),
    0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab[disabled]:not([class*=mat-elevation-z]),
.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
@media screen and (-ms-high-contrast: black-on-white) {
  .mat-checkbox-checkmark-path {
    stroke: #000 !important;
  }
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: rgb(0, 128, 234);
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ffd740;
}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked:not(.mat-checkbox-indeterminate) .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: #b0b0b0;
}
@media screen and (-ms-high-contrast: active) {
  .mat-checkbox-disabled {
    opacity: 0.5;
  }
}
@media screen and (-ms-high-contrast: active) {
  .mat-checkbox-background {
    background: 0 0;
  }
}
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgb(0, 128, 234);
}
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: #ffd740;
}
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip:focus {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, 0.2),
    0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgb(0, 128, 234);
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ffd740;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-table {
  background: #fff;
}
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
.mat-table-sticky,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit;
}
mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-content {
  box-shadow: 0px 0px 32px 0px rgba(210, 210, 210, 0.29);
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 10px !important;
  overflow: hidden;
}
.mat-datepicker-content-touch {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: rgb(0, 48, 137);
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ffd740;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-dialog-container {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: rgb(0, 128, 234);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ffd740;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ffd740;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
  height: 1px !important;
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #0080EA;
  height: 1px !important;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ffd740;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.42) 0,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.42) 0,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: rgb(0, 48, 137);
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ffd740;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: rgb(0, 48, 137);
}
.mat-icon.mat-accent {
  color: #ffd740;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: rgb(0, 48, 137);
}
.mat-input-element::placeholder {
  color: rgb(166, 171, 174);
}
.mat-input-element::-moz-placeholder {
  color: rgb(166, 171, 174);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgb(166, 171, 174);
}
.mat-input-element:-ms-input-placeholder {
  color: rgb(166, 171, 174);
}
.mat-accent .mat-input-element {
  caret-color: #ffd740;
}
.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list .mat-list-item,
.mat-nav-list .mat-list-item,
.mat-selection-list .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list .mat-list-option,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list .mat-subheader,
.mat-nav-list .mat-subheader,
.mat-selection-list .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eee;
}
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.mat-menu-panel {
  background: #fff;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-progress-bar-background {
  fill: #d1c4e9;
}
.mat-progress-bar-buffer {
  background-color: #d1c4e9;
}
.mat-progress-bar-fill::after {
  background-color: rgb(0, 48, 137);
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ffe57f;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ffe57f;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ffd740;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: rgb(0, 48, 137);
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ffd740;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(0, 48, 137);
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgb(0, 48, 137);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ffd740;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ffd740;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: #000;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: #fff;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
div.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  font-family: "Roboto-Light", sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: normal !important;
}
div.mat-mdc-select-panel.m3-select-panel {
  border: 1px solid #ebebef;
  border-radius: 12px !important;
  padding: 6px !important;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.1), 0 1px 3px rgba(16, 24, 40, 0.06) !important;
}
.m3-select-panel .mat-mdc-option {
  min-height: 40px !important;
  border-radius: 8px;
  margin: 1px 0;
}
.m3-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.m3-select-panel .mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) {
  background-color: #f7f8fa !important;
}
.m3-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background-color: #eaf4ff !important;
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgb(0, 48, 137);
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ffd740;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #ffd740;
}
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(255, 215, 64, 0.54);
}
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-ripple-element {
  background-color: #ffd740;
}
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: rgb(0, 48, 137);
}
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(103, 58, 183, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-ripple-element {
  background-color: rgb(0, 48, 137);
}
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000;
}
.mat-disabled .mat-slide-toggle-thumb {
  background-color: #bdbdbd;
}
.mat-disabled .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-slide-toggle-thumb {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: rgb(0, 48, 137);
}
.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #ffd740;
}
.mat-accent .mat-slider-thumb-label-text {
  color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider-focus-ring {
  background-color: rgba(255, 215, 64, 0.2);
}
.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      to right,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7) 2px,
      transparent 0,
      transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7) 2px,
      transparent 0,
      transparent);
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.38);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.38);
  color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: rgb(0, 48, 137);
  color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::after,
.mat-horizontal-stepper-header::before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(209, 196, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: rgb(0, 48, 137);
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 229, 127, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ffd740;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(209, 196, 233, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: rgb(0, 48, 137);
}
.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 229, 127, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ffd740;
}
.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: rgb(0, 48, 137);
  color: #fff;
}
.mat-toolbar.mat-accent {
  background: #ffd740;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor;
}
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: #fff;
}
.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-snack-bar-container {
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  box-shadow: 1px 1px 33px 2px rgba(170, 170, 170, 0.27);
}
.mat-simple-snackbar-action {
  color: #0080ea;
}
.mat-option-text {
  font-family: "Roboto-Light";
}
mwl-demo-utils-calendar-header {
  display: none !important;
}
mwl-calendar-week-view-event {
  display: flex !important;
  height: 100% !important;
}
.day-view-wrapper {
  position: relative;
}
.day-view-wrapper .cal-week-view .cal-time-events {
  border: none;
  padding-top: 0 !important;
}
.month-view-wrapper {
  overflow: auto;
  scroll-behavior: smooth;
  scroll-padding-top: 0;
  height: 100%;
}
.day-title-wrapper {
  padding: 3px;
  border-radius: 4px;
  height: 100%;
  box-sizing: border-box;
}
.day-title-wrapper .end-user {
  font-family: "Roboto-Bold";
  color: #535762;
  display: block;
  font-size: 10px;
  cursor: pointer;
}
.day-title-wrapper .end-user .status-icon-incomplete {
  color: rgb(255, 0, 114);
  font-size: 11px;
  margin-right: 2px;
  height: fit-content;
  width: fit-content;
}
.day-title-wrapper .duration {
  font-family: "Roboto-Light";
  color: #00beb1;
  display: block;
  font-size: 12px;
  cursor: pointer;
}
.day-title-wrapper .customer {
  color: #535762;
  font-family: "Roboto-Light";
  font-size: 12px;
  display: block;
  cursor: pointer;
}
.cal-calendar-wrapper {
  display: flex;
  background-color: white;
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 0;
}
.cal-calendar-wrapper .cal-all-day-events {
  display: none;
}
.cal-calendar-wrapper .calendar-wrapper-sidebar {
  width: 274px;
  max-width: 274px;
  height: 100%;
  border-right: 1px solid #e3e3e3;
  overflow-y: auto;
  flex-shrink: 0;
  transition:
    width 0.25s ease-in-out,
    max-width 0.25s ease-in-out,
    opacity 0.2s ease-in-out,
    border-right-width 0.25s ease-in-out;
}
.cal-calendar-wrapper .calendar-wrapper-sidebar.collapsed {
  width: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  border-right-width: 0;
}
.cal-calendar-wrapper .calendar-wrapper-calendar {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.cal-calendar-wrapper .calendar-wrapper-calendar .month-view {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.cal-calendar-wrapper .calendar-wrapper-calendar .month-view .month-view-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cal-calendar-wrapper .calendar-wrapper-calendar .month-view .cal-day-headers {
  height: 0 !important;
}
.cal-calendar-wrapper .calendar-wrapper-calendar .month-view mwl-calendar-month-view {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cal-calendar-wrapper .calendar-wrapper-calendar .month-view .cal-month-view {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.cal-calendar-wrapper .calendar-wrapper-calendar .month-view .cal-month-view .cal-days {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cal-calendar-wrapper .calendar-wrapper-calendar .month-view .cal-month-view .cal-days > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cal-calendar-wrapper .calendar-wrapper-calendar .month-view .cal-month-view .cal-days .cal-cell-row {
  flex: 1;
}
.cal-calendar-wrapper .calendar-wrapper-calendar-week {
  margin-bottom: -19px;
}
.cal-calendar-wrapper .cal-month-view .cal-cell-top {
  height: auto;
  min-height: 78px;
  flex: 1;
}
.cal-calendar-wrapper .cal-month-view .cal-day-badge {
  display: none !important;
}
.cal-calendar-wrapper .cal-month-view .cal-day-cell.cal-today {
  background-color: rgba(0, 128, 234, 0.2);
}
.cal-calendar-wrapper .cal-month-view .cal-day-cell.cal-today .cal-day-number {
  color: white !important;
}
.cal-calendar-wrapper .cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 12px;
  background-color: #44a2f0 !important;
  opacity: 1;
  color: white;
  border-radius: 100%;
  font-family: "Roboto-Light";
  position: relative;
  text-align: center;
  top: -4px;
  right: -12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.cal-calendar-wrapper .cal-month-view .cal-day-cell .cal-day-number {
  font-size: 12px;
  opacity: 1;
  font-family: "Roboto";
  position: relative;
  top: 0;
  right: 0;
  color: #545863;
  margin-right: 12px;
}
.cal-calendar-wrapper .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #535762;
}
.cal-calendar-wrapper .cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: inherit;
  position: relative;
}
.cal-calendar-wrapper .cal-month-view .cal-days {
  border: none !important;
}
.cal-calendar-wrapper .cal-month-view .cal-events {
  position: absolute;
  width: 105px;
  height: 116px;
  top: 45px;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: block;
}
.cal-calendar-wrapper .cal-month-view .cal-event {
  width: calc(100% - 5px);
  border-radius: 5px;
  height: 23px !important;
  padding-left: 5px;
  vertical-align: middle;
  line-height: 24px;
  font-size: 12px;
  cursor: pointer;
  font-family: "Roboto-Light";
}
.cal-calendar-wrapper .cal-month-view .cal-event:before {
  content: "";
  font-family: "Roboto";
  font-size: 12px;
}
.cal-calendar-wrapper .cal-month-view .cal-day-headers {
  right: 10px;
  top: 10px;
}
.cal-calendar-wrapper .cal-month-view .cal-day-headers .cal-header .top .day-label {
  text-align: left;
  font-size: 12px;
  font-family: "Roboto";
  color: #A6ABB0;
  height: 18px;
  padding-top: 5px;
  padding-left: 20px;
}
.cal-calendar-wrapper mwl-calendar-month-cell.cal-cell.cal-day-cell.cal-past.cal-out-month,
.cal-calendar-wrapper mwl-calendar-month-cell.cal-cell.cal-day-cell.cal-future.cal-out-month {
  position: relative;
  background-color: #f9f9f9;
}
.cal-calendar-wrapper mwl-calendar-month-cell.cal-cell.cal-day-cell {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex;
  flex-direction: column;
}
.cal-calendar-wrapper mwl-calendar-month-cell.cal-cell.cal-day-cell::-webkit-scrollbar {
  display: none;
}
.cal-calendar-wrapper .cal-day-headers {
  position: absolute;
  z-index: 1000;
  width: 100%;
  font-family: "Roboto-Light";
  font-size: 13px;
  color: #535762;
  display: flex;
  justify-content: space-around;
  padding-left: 70px;
}
.cal-calendar-wrapper .cal-day-headers .cal-header {
  position: relative;
  flex: 1;
  text-align: center;
}
.cal-calendar-wrapper .cal-header {
  position: relative;
}
.cal-calendar-wrapper .cal-header b {
  position: absolute;
  right: 7px;
  color: #a6abae;
  font-family: "Roboto-Light";
  white-space: nowrap;
}
.cal-calendar-wrapper .cal-header span {
  float: right;
  color: #535762;
  font-family: "Roboto-Light";
  font-size: 18px;
  opacity: 1 !important;
}
.cal-calendar-wrapper .cal-header.cal-past.cal-weekend {
  background-color: #fafafa;
}
.cal-calendar-wrapper .cal-header.cal-today > * {
  color: rgb(0, 128, 235) !important;
}
.cal-calendar-wrapper .cal-week-view {
  overflow: hidden;
}
.cal-calendar-wrapper .cal-week-view .cal-event {
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 4px !important;
}
.cal-calendar-wrapper .cal-week-view .cal-event:before {
  content: "";
  font-family: "Roboto";
  font-size: 12px;
}
.cal-calendar-wrapper .cal-week-view .cal-time {
  height: 55px;
  font-family: "Roboto";
  font-weight: initial !important;
  padding-top: 5px;
  width: 70px;
  text-align: center;
  color: #535762;
  font-size: 11px;
  line-height: 22px;
}
.cal-calendar-wrapper .cal-week-view .cal-time:nth-child(odd) {
  background-color: #fafafa;
}
.cal-calendar-wrapper .cal-week-view .cal-time:nth-child(2) {
  border-top: none !important;
}
.cal-calendar-wrapper .cal-week-view .cal-hour:nth-child(odd),
.cal-calendar-wrapper .cal-week-view .cal-hour:nth-child(even) {
  background-color: #fff;
}
.cal-calendar-wrapper .cal-week-view .cal-hour:nth-child(2) {
  border-top: none !important;
}
.cal-calendar-wrapper .cal-week-view .cal-time-events {
  border: none;
  padding-top: 58px;
}
.cal-calendar-wrapper .cal-week-view .cal-time-events .cal-day-column:nth-child(1) .cal-hour {
  background-color: white !important;
}
.cal-calendar-wrapper .cal-week-view .cal-day-headers {
  background-color: #fafafa;
  position: sticky;
  top: 0;
  z-index: 9999;
  height: 60px;
  box-shadow: 0 -1px 0 #e4e6e7;
  border-top: none;
  border-left: none;
}
.cal-calendar-wrapper .cal-week-view .cal-day-headers .cal-header:not(:last-child):not(:first-child) {
  background-color: white;
}
.cal-calendar-wrapper .cal-week-view .cal-header.cal-weekend span {
  color: #535762 !important;
}
.cal-calendar-wrapper .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-calendar-wrapper .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: none;
}
.cal-calendar-wrapper .cal-day-view .cal-event {
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 4px !important;
  white-space: initial !important;
}
.cal-calendar-wrapper .cal-day-view .cal-event:before {
  content: "";
  font-family: "Roboto";
  font-size: 12px;
}
.cal-calendar-wrapper .cal-day-view .cal-time {
  font-family: "Roboto";
  padding-top: 5px;
  width: 70px;
  text-align: center;
  color: #535762;
  font-size: 11px;
  line-height: 22px;
}
.cal-calendar-wrapper .cal-day-view .cal-time:nth-child(odd) {
  background-color: #fafafa;
}
.cal-calendar-wrapper .cal-day-view .cal-time:nth-child(2) {
  border-top: none !important;
}
.cal-calendar-wrapper .cal-day-view .cal-hour:nth-child(odd) {
  background-color: #fff;
}
.cal-calendar-wrapper .cal-day-view .cal-hour:nth-child(2) {
  border-top: none !important;
}
.cal-calendar-wrapper .cal-day-view .cal-time-events {
  border: none;
}
.cal-calendar-wrapper .cal-day-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-calendar-wrapper .cal-day-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: none;
}
.cal-calendar-wrapper .cal-hour-rows {
  border: none !important;
  overflow-y: hidden !important;
}
.cal-calendar-wrapper .cal-hour {
  box-shadow: 0 -1px 0 #e4e6e7;
}
.cal-calendar-wrapper .cal-time {
  box-shadow: 0 -1px 0 #e4e6e7;
  height: 59px;
}
.cal-calendar-wrapper .orange button {
  height: -webkit-fill-available;
  width: 8px;
  max-width: 8px;
  min-width: 8px;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  background-color: rgb(247, 148, 29);
  box-shadow: 0px 1px 10px 0px rgba(247, 148, 29, 0.2);
  position: absolute;
}
.cal-calendar-wrapper .orange button:hover {
  opacity: 0.8;
}
.cal-calendar-wrapper .orange .day-title-wrapper {
  background-color: rgba(247, 148, 29, 0.2);
  box-shadow: 0px 1px 10px 0px rgba(247, 148, 29, 0.2);
  border: 2px solid rgb(247, 148, 29);
}
.cal-calendar-wrapper .orange .day-title-wrapper:hover {
  background-color: rgba(247, 148, 29, 0.3);
}
.cal-calendar-wrapper .orange mwl-calendar-week-view-event .cal-event {
  border-radius: 4px;
  background-color: rgb(247, 148, 29);
  width: 5px;
  border: none !important;
}
.cal-calendar-wrapper .orange mwl-calendar-week-view-event .cal-event:hover {
  background-color: rgba(247, 148, 29, 0.8);
}
.cal-calendar-wrapper .pink button {
  height: -webkit-fill-available;
  width: 8px;
  max-width: 8px;
  min-width: 8px;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  background-color: rgb(255, 0, 114);
  box-shadow: 0px 1px 10px 0px rgba(255, 0, 114, 0.2);
  position: absolute;
}
.cal-calendar-wrapper .pink button:hover {
  opacity: 0.8;
}
.cal-calendar-wrapper .pink .day-title-wrapper {
  background-color: rgba(255, 0, 114, 0.2);
  box-shadow: 0px 1px 10px 0px rgba(255, 0, 114, 0.2);
  border: 2px solid rgb(255, 0, 114);
}
.cal-calendar-wrapper .pink .day-title-wrapper:hover {
  background-color: rgba(255, 0, 114, 0.3);
}
.cal-calendar-wrapper .pink mwl-calendar-week-view-event .cal-event {
  border-radius: 4px;
  background-color: rgb(255, 0, 114);
  width: 5px;
  border: none !important;
}
.cal-calendar-wrapper .pink mwl-calendar-week-view-event .cal-event:hover {
  background-color: rgba(255, 0, 114, 0.8);
}
.cal-calendar-wrapper .blue button {
  height: -webkit-fill-available;
  width: 8px;
  max-width: 8px;
  min-width: 8px;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  background-color: rgb(0, 128, 235);
  box-shadow: 0px 1px 10px 0px rgba(0, 128, 235, 0.2);
  position: absolute;
}
.cal-calendar-wrapper .blue button:hover {
  opacity: 0.8;
}
.cal-calendar-wrapper .blue .day-title-wrapper {
  background-color: rgba(0, 128, 235, 0.2);
  box-shadow: 0px 1px 10px 0px rgba(0, 128, 235, 0.2);
  border: 2px solid rgb(0, 128, 235);
}
.cal-calendar-wrapper .blue .day-title-wrapper:hover {
  background-color: rgba(0, 128, 235, 0.3);
}
.cal-calendar-wrapper .blue mwl-calendar-week-view-event .cal-event {
  border-radius: 4px;
  background-color: rgb(0, 128, 235);
  width: 5px;
  border: none !important;
}
.cal-calendar-wrapper .blue mwl-calendar-week-view-event .cal-event:hover {
  background-color: rgba(0, 128, 235, 0.8);
}
.cal-calendar-wrapper .green button {
  height: -webkit-fill-available;
  width: 8px;
  max-width: 8px;
  min-width: 8px;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  background-color: rgb(0, 190, 177);
  box-shadow: 0px 1px 10px 0px rgba(0, 190, 177, 0.2);
  position: absolute;
}
.cal-calendar-wrapper .green button:hover {
  opacity: 0.8;
}
.cal-calendar-wrapper .green .day-title-wrapper {
  background-color: rgba(0, 190, 177, 0.2);
  box-shadow: 0px 1px 10px 0px rgba(0, 190, 177, 0.2);
  border: 2px solid rgb(0, 190, 177);
}
.cal-calendar-wrapper .green .day-title-wrapper:hover {
  background-color: rgba(0, 190, 177, 0.3);
}
.cal-calendar-wrapper .green mwl-calendar-week-view-event .cal-event {
  border-radius: 4px;
  background-color: rgb(0, 190, 177);
  width: 5px;
  border: none !important;
}
.cal-calendar-wrapper .green mwl-calendar-week-view-event .cal-event:hover {
  background-color: rgba(0, 190, 177, 0.8);
}
.cal-calendar-wrapper .gray button {
  height: -webkit-fill-available;
  width: 8px;
  max-width: 8px;
  min-width: 8px;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  background-color: rgb(166, 171, 174);
  box-shadow: 0px 1px 10px 0px rgba(166, 171, 174, 0.2);
  position: absolute;
}
.cal-calendar-wrapper .gray button:hover {
  opacity: 0.8;
}
.cal-calendar-wrapper .gray .day-title-wrapper {
  background-color: rgba(166, 171, 174, 0.2);
  box-shadow: 0px 1px 10px 0px rgba(166, 171, 174, 0.2);
  border: 2px solid rgb(166, 171, 174);
}
.cal-calendar-wrapper .gray .day-title-wrapper:hover {
  background-color: rgba(166, 171, 174, 0.3);
}
.cal-calendar-wrapper .gray mwl-calendar-week-view-event .cal-event {
  border-radius: 4px;
  background-color: rgb(166, 171, 174);
  width: 5px;
  border: none !important;
}
.cal-calendar-wrapper .gray mwl-calendar-week-view-event .cal-event:hover {
  background-color: rgba(166, 171, 174, 0.8);
}
.cal-calendar-wrapper .filters-wrapper {
  padding: 15px 25px 25px 25px;
}
.cal-calendar-wrapper .filters-wrapper label {
  width: 100%;
  display: block;
  font-family: "Roboto";
  font-size: 12px;
  color: #535762;
  padding-bottom: 15px;
}
.cal-calendar-wrapper .filters-wrapper .orange.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.cal-calendar-wrapper .filters-wrapper .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: rgb(247, 148, 29) !important;
  box-shadow: 0px 1px 10px 0px rgba(247, 148, 29, 0.2) !important;
}
.cal-calendar-wrapper .filters-wrapper .pink.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.cal-calendar-wrapper .filters-wrapper .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: rgb(255, 0, 114) !important;
  box-shadow: 0px 1px 10px 0px rgba(255, 0, 114, 0.2) !important;
}
.cal-calendar-wrapper .filters-wrapper .blue.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.cal-calendar-wrapper .filters-wrapper .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: rgb(0, 128, 235) !important;
  box-shadow: 0px 1px 10px 0px rgba(0, 128, 235, 0.2) !important;
}
.cal-calendar-wrapper .filters-wrapper .green.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.cal-calendar-wrapper .filters-wrapper .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: rgb(0, 190, 177) !important;
  box-shadow: 0px 1px 10px 0px rgba(0, 190, 177, 0.2) !important;
}
.cal-calendar-wrapper .filters-wrapper .gray.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.cal-calendar-wrapper .filters-wrapper .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: rgb(166, 171, 174) !important;
  box-shadow: 0px 1px 10px 0px rgba(166, 171, 174, 0.2) !important;
}
.cal-calendar-wrapper .mat-checkbox-inner-container {
  zoom: 0.75;
}
.day-number {
  text-align: right;
  font-size: 18px;
  font-family: "Roboto-Light";
  color: #535762;
  padding-right: 6.5px;
  padding-top: 2px;
}
.day-label {
  text-align: right;
  font-size: 13px;
  font-family: "Roboto-Light";
  color: #a6abae;
  height: 18px;
  padding-top: 3px;
  padding-right: 7px;
}
.today {
  color: rgb(0, 128, 234);
}
.cal-day-view .current-time {
  margin-left: 72px !important;
  width: calc(100% - 71px) !important;
}
.cal-day-view .current-time .current-time-circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-image:
    linear-gradient(
      to right,
      #fd7e9d,
      #ff0771);
  box-shadow: 0px 1px 10px 0px rgba(255, 0, 114, 0.2);
  position: absolute;
  z-index: 2;
  top: -4px;
}
.cal-day-view .current-time .current-time-line {
  background-image:
    linear-gradient(
      to right,
      #fd7e9d,
      #ff0771);
  box-shadow: 0px 1px 10px 0px rgba(255, 0, 114, 0.2);
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  top: 0;
}
.cal-day-view .current-time .current-time-circle {
  left: -7px;
}
.cal-week-view .current-time {
  width: 100% !important;
}
.cal-week-view .current-time .current-time-circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-image:
    linear-gradient(
      to right,
      #fd7e9d,
      #ff0771);
  box-shadow: 0px 1px 10px 0px rgba(255, 0, 114, 0.2);
  position: absolute;
  z-index: 2;
  top: -4px;
}
.cal-week-view .current-time .current-time-line {
  background-image:
    linear-gradient(
      to right,
      #fd7e9d,
      #ff0771);
  box-shadow: 0px 1px 10px 0px rgba(255, 0, 114, 0.2);
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  top: 0;
}
.cal-week-view .current-time .current-time-circle {
  left: -5px;
}
.orange-month-bar {
  background-color: rgb(247, 148, 29) !important;
  box-shadow: 0px 1px 10px 0px rgba(247, 148, 29, 0.2) !important;
}
.orange-month-bar:hover {
  background-color: rgba(247, 148, 29, 0.35) !important;
  color: rgb(247, 148, 29) !important;
}
.pink-month-bar {
  background-color: rgb(255, 0, 114) !important;
  box-shadow: 0px 1px 10px 0px rgba(255, 0, 114, 0.2) !important;
}
.pink-month-bar:hover {
  background-color: rgba(255, 0, 114, 0.35) !important;
  color: rgb(255, 0, 114) !important;
}
.blue-month-bar {
  background-color: rgb(0, 128, 235) !important;
  box-shadow: 0px 1px 10px 0px rgba(0, 128, 235, 0.2) !important;
}
.blue-month-bar:hover {
  background-color: rgba(0, 128, 235, 0.35) !important;
  color: rgb(0, 128, 235) !important;
}
.green-month-bar {
  background-color: rgb(0, 190, 177) !important;
  box-shadow: 0px 1px 10px 0px rgba(0, 190, 177, 0.2) !important;
}
.green-month-bar:hover {
  background-color: rgba(0, 190, 177, 0.35) !important;
  color: rgb(0, 190, 177) !important;
}
.gray-month-bar {
  background-color: rgb(166, 171, 174) !important;
  box-shadow: 0px 1px 10px 0px rgba(166, 171, 174, 0.2) !important;
}
.gray-month-bar:hover {
  background-color: rgba(166, 171, 174, 0.35) !important;
  color: rgb(166, 171, 174) !important;
}
#monthly-calendar-tooltip .tooltip-inner {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 10px 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  font: 12px "Roboto", sans-serif;
  color: #333;
  white-space: nowrap;
}
#monthly-calendar-tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #e0e0e0;
  margin: 0 auto;
  position: relative;
}
#monthly-calendar-tooltip .tooltip-arrow::after {
  content: "";
  position: absolute;
  top: -9px;
  left: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
}
.mat-calendar-header {
  padding: 0px !important;
}
.mat-calendar-table-header-divider {
  display: none;
}
.mat-calendar-body-label {
  visibility: hidden;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
}
.mat-calendar-body > tr[aria-hidden=true] {
  display: none;
}
.mat-calendar-controls {
  padding: 0px 16px 0px 22px;
  margin: 0;
}
.mat-calendar-controls .mat-calendar-period-button .mdc-button__label {
  font-size: 12px;
  font-family: "Roboto";
  color: #000;
}
.mat-calendar-controls .mat-calendar-previous-button,
.mat-calendar-controls .mat-calendar-next-button {
  transform: scale(0.7);
}
.mat-calendar-content {
  padding: 0px 16px 16px 16px !important;
}
.mat-datepicker-content .mat-calendar {
  height: auto !important;
}
.fluent-datatable .datatable-header-cell {
  text-shadow: 1px 1px #f3f2f2;
  text-transform: uppercase;
  font-family: "Roboto";
  color: #535762;
  font-weight: 700;
  font-size: 12px;
}
.fluent-datatable .datatable-row-even,
.ngx-datatable.material .datatable-row-even {
  background-color: #f9f9f9;
  border-bottom: 1px solid #EEEEEE;
}
.fluent-datatable .datatable-row-odd,
.ngx-datatable.material .datatable-row-odd {
  background-color: #fff;
  border-bottom: 1px solid #EEEEEE;
}
.modal-form .mat-mdc-form-field,
.form-voucher .mat-mdc-form-field,
.form-timepicker .mat-mdc-form-field {
  width: 100%;
  font-family: "Roboto-Light", sans-serif;
  position: relative;
  --mat-form-field-filled-container-color: transparent;
  --mat-form-field-filled-disabled-container-color: transparent;
  --mat-form-field-filled-active-indicator-color: var(--color-neutral-500);
  --mat-form-field-filled-hover-active-indicator-color: var(--color-neutral-500);
  --mat-form-field-filled-disabled-active-indicator-color: var(--color-neutral-500);
  --mat-form-field-filled-focus-active-indicator-color: var(--color-brand);
  --mat-form-field-filled-label-text-color: var(--color-neutral-500);
  --mat-form-field-filled-hover-label-text-color: var(--color-neutral-500);
  --mat-form-field-filled-focus-label-text-color: var(--color-brand);
  --mat-form-field-filled-disabled-label-text-color: var(--color-neutral-500);
  --mat-form-field-filled-error-active-indicator-color: var(--error, #f44336);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--error, #f44336);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--error, #f44336);
  --mat-form-field-filled-error-label-text-color: var(--error, #f44336);
  --mat-form-field-filled-error-focus-label-text-color: var(--error, #f44336);
  --mat-form-field-filled-error-hover-label-text-color: var(--error, #f44336);
  --mat-form-field-filled-input-text-color: var(--color-neutral-800);
  --mat-form-field-filled-disabled-input-text-color: var(--color-neutral-500);
  --mat-form-field-filled-input-text-placeholder-color: var(--color-neutral-500);
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-input-text-size: 16px;
  --mat-form-field-filled-label-text-populated-line-height: 1;
  --mat-form-field-container-height: 40px;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 20px;
  --mat-form-field-filled-with-label-container-padding-bottom: 4px;
}
.modal-form .mdc-text-field--filled:not(.mdc-text-field--disabled),
.modal-form .mdc-text-field--filled.mdc-text-field--disabled,
.form-voucher .mdc-text-field--filled:not(.mdc-text-field--disabled),
.form-voucher .mdc-text-field--filled.mdc-text-field--disabled,
.form-timepicker .mdc-text-field--filled:not(.mdc-text-field--disabled),
.form-timepicker .mdc-text-field--filled.mdc-text-field--disabled {
  background-color: transparent !important;
}
.modal-form .mat-mdc-form-field-focus-overlay,
.modal-form .mdc-text-field__ripple,
.form-voucher .mat-mdc-form-field-focus-overlay,
.form-voucher .mdc-text-field__ripple,
.form-timepicker .mat-mdc-form-field-focus-overlay,
.form-timepicker .mdc-text-field__ripple {
  background-color: transparent !important;
}
.modal-form .mdc-text-field--filled,
.form-voucher .mdc-text-field--filled,
.form-timepicker .mdc-text-field--filled {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0 !important;
}
.modal-form .mat-mdc-form-field-infix,
.form-voucher .mat-mdc-form-field-infix,
.form-timepicker .mat-mdc-form-field-infix {
  padding-top: 20px !important;
  padding-bottom: 4px !important;
  min-height: 0;
}
.modal-form .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label.mdc-floating-label,
.form-voucher .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label.mdc-floating-label,
.form-timepicker .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label.mdc-floating-label {
  inset: 20px auto auto 0 !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Roboto-Light", sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  overflow: visible !important;
}
.modal-form .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above,
.form-voucher .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above,
.form-timepicker .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above {
  inset: 2px auto auto 0 !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Roboto-Light", sans-serif !important;
  font-size: 10px !important;
  font-weight: 300 !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  overflow: visible !important;
}
.modal-form .mat-mdc-input-element,
.modal-form .mat-mdc-select-value-text,
.modal-form textarea.mat-mdc-input-element,
.form-voucher .mat-mdc-input-element,
.form-voucher .mat-mdc-select-value-text,
.form-voucher textarea.mat-mdc-input-element,
.form-timepicker .mat-mdc-input-element,
.form-timepicker .mat-mdc-select-value-text,
.form-timepicker textarea.mat-mdc-input-element {
  font-family: "Roboto-Light", sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  color: var(--color-neutral-800);
  caret-color: var(--color-brand);
}
.modal-form .mdc-text-field--disabled .mat-mdc-input-element,
.modal-form .mdc-text-field--disabled .mat-mdc-select-value-text,
.modal-form .mdc-text-field--disabled textarea.mat-mdc-input-element,
.form-voucher .mdc-text-field--disabled .mat-mdc-input-element,
.form-voucher .mdc-text-field--disabled .mat-mdc-select-value-text,
.form-voucher .mdc-text-field--disabled textarea.mat-mdc-input-element,
.form-timepicker .mdc-text-field--disabled .mat-mdc-input-element,
.form-timepicker .mdc-text-field--disabled .mat-mdc-select-value-text,
.form-timepicker .mdc-text-field--disabled textarea.mat-mdc-input-element {
  color: var(--color-neutral-500) !important;
  -webkit-text-fill-color: var(--color-neutral-500) !important;
  caret-color: transparent !important;
}
.modal-form .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before,
.form-voucher .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before,
.form-timepicker .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
  border-bottom: none !important;
  height: 1px !important;
  opacity: 1 !important;
  background-image:
    repeating-linear-gradient(
      to right,
      var(--color-neutral-500, #9e9e9e) 0,
      var(--color-neutral-500, #9e9e9e) 3px,
      transparent 3px,
      transparent 4px) !important;
  background-position: left bottom !important;
  background-repeat: repeat-x !important;
  background-size: auto 100% !important;
}
.modal-form .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::after,
.form-voucher .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::after,
.form-timepicker .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::after {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}
.modal-form .mdc-text-field--disabled .mat-mdc-floating-label.mdc-floating-label,
.form-voucher .mdc-text-field--disabled .mat-mdc-floating-label.mdc-floating-label,
.form-timepicker .mdc-text-field--disabled .mat-mdc-floating-label.mdc-floating-label {
  color: var(--color-neutral-500) !important;
}
.modal-form .mdc-text-field--disabled .m3-ac-arrow,
.form-voucher .mdc-text-field--disabled .m3-ac-arrow,
.form-timepicker .mdc-text-field--disabled .m3-ac-arrow {
  color: var(--color-neutral-500) !important;
  pointer-events: none;
}
.modal-form .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label.mdc-floating-label,
.modal-form .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label.mdc-floating-label .mat-mdc-form-field-required-marker,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-floating-label.mdc-floating-label,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-floating-label.mdc-floating-label .mat-mdc-form-field-required-marker,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label.mdc-floating-label,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label.mdc-floating-label .mat-mdc-form-field-required-marker,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-floating-label.mdc-floating-label,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-floating-label.mdc-floating-label .mat-mdc-form-field-required-marker,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label.mdc-floating-label,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label.mdc-floating-label .mat-mdc-form-field-required-marker,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-floating-label.mdc-floating-label,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-floating-label.mdc-floating-label .mat-mdc-form-field-required-marker {
  color: var(--error, #f44336) !important;
}
.modal-form .mat-mdc-form-field.mat-form-field-invalid .mdc-line-ripple::before,
.modal-form .mat-mdc-form-field.mat-form-field-invalid .mdc-line-ripple::after,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .mdc-line-ripple::before,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .mdc-line-ripple::after,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .mdc-line-ripple::before,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .mdc-line-ripple::after,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .mdc-line-ripple::before,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .mdc-line-ripple::after,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .mdc-line-ripple::before,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .mdc-line-ripple::after,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .mdc-line-ripple::before,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .mdc-line-ripple::after {
  border-bottom-color: var(--error, #f44336) !important;
}
.modal-form .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-input-element,
.modal-form .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-select-value-text,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-input-element,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-select-value-text,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-input-element,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-select-value-text,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-input-element,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-select-value-text,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-input-element,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-select-value-text,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-input-element,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-select-value-text {
  caret-color: var(--error, #f44336) !important;
}
.modal-form .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-select-arrow,
.modal-form .mat-mdc-form-field.mat-form-field-invalid .m3-ac-arrow,
.modal-form .mat-mdc-form-field.mat-form-field-invalid .fluent-time-picker-suffix,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-select-arrow,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .m3-ac-arrow,
.modal-form .mat-mdc-form-field.mat-mdc-form-field-invalid .fluent-time-picker-suffix,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-select-arrow,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .m3-ac-arrow,
.form-voucher .mat-mdc-form-field.mat-form-field-invalid .fluent-time-picker-suffix,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-select-arrow,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .m3-ac-arrow,
.form-voucher .mat-mdc-form-field.mat-mdc-form-field-invalid .fluent-time-picker-suffix,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-select-arrow,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .m3-ac-arrow,
.form-timepicker .mat-mdc-form-field.mat-form-field-invalid .fluent-time-picker-suffix,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-select-arrow,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .m3-ac-arrow,
.form-timepicker .mat-mdc-form-field.mat-mdc-form-field-invalid .fluent-time-picker-suffix {
  color: var(--error, #f44336) !important;
}
.modal-form .mat-mdc-form-field-bottom-align::before,
.form-voucher .mat-mdc-form-field-bottom-align::before,
.form-timepicker .mat-mdc-form-field-bottom-align::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
}
.modal-form .mat-mdc-form-field-subscript-wrapper,
.form-voucher .mat-mdc-form-field-subscript-wrapper,
.form-timepicker .mat-mdc-form-field-subscript-wrapper {
  font-size: 11px;
  min-height: 0;
  height: 0;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.modal-form .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper,
.modal-form .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,
.form-voucher .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper,
.form-voucher .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,
.form-timepicker .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper,
.form-timepicker .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}
.modal-form .mat-mdc-form-field-subscript-wrapper:has(mat-error),
.modal-form .mat-mdc-form-field-subscript-wrapper:has(mat-hint),
.form-voucher .mat-mdc-form-field-subscript-wrapper:has(mat-error),
.form-voucher .mat-mdc-form-field-subscript-wrapper:has(mat-hint),
.form-timepicker .mat-mdc-form-field-subscript-wrapper:has(mat-error),
.form-timepicker .mat-mdc-form-field-subscript-wrapper:has(mat-hint) {
  padding-top: 4px !important;
}
.modal-form .mat-mdc-form-field-error,
.modal-form .mat-mdc-form-field-hint,
.modal-form mat-error,
.modal-form mat-hint,
.form-voucher .mat-mdc-form-field-error,
.form-voucher .mat-mdc-form-field-hint,
.form-voucher mat-error,
.form-voucher mat-hint,
.form-timepicker .mat-mdc-form-field-error,
.form-timepicker .mat-mdc-form-field-hint,
.form-timepicker mat-error,
.form-timepicker mat-hint {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
}
.modal-form .mat-mdc-select-arrow-wrapper,
.form-voucher .mat-mdc-select-arrow-wrapper,
.form-timepicker .mat-mdc-select-arrow-wrapper {
  padding-right: 4px;
}
.modal-form {
  margin: 0px;
  height: 100%;
  width: 100%;
}
.modal-form-input {
  width: calc(50% - 20px);
  margin-right: 10px;
  margin-left: 10px;
  font-size: 16px;
  font-family: "Roboto-Light";
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
}
.modal-form-input-lg {
  width: calc(100% - 20px);
  margin-right: 10px;
  margin-left: 10px;
  font-size: 16px !important;
  font-family: "Roboto-Light";
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
}
.modal-form-input-md {
  width: calc(33% - 20px);
  margin-right: 10px;
  margin-left: 10px;
  font-size: 16px !important;
  font-family: "Roboto-Light";
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
}
.modal-form mat-form-field.modal-form-input,
.modal-form .mat-mdc-form-field.modal-form-input,
.form-voucher mat-form-field.modal-form-input,
.form-voucher .mat-mdc-form-field.modal-form-input {
  width: calc(50% - 20px);
  display: inline-block;
  vertical-align: top;
}
.modal-form mat-form-field.modal-form-input-lg,
.modal-form .mat-mdc-form-field.modal-form-input-lg,
.form-voucher mat-form-field.modal-form-input-lg,
.form-voucher .mat-mdc-form-field.modal-form-input-lg {
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: top;
}
.modal-form mat-form-field.modal-form-input-md,
.modal-form .mat-mdc-form-field.modal-form-input-md,
.form-voucher mat-form-field.modal-form-input-md,
.form-voucher .mat-mdc-form-field.modal-form-input-md {
  width: calc(33% - 20px);
  display: inline-block;
  vertical-align: top;
}
.modal-form mat-form-field,
.modal-form .mat-mdc-form-field,
.form-voucher mat-form-field,
.form-voucher .mat-mdc-form-field,
.form-timepicker mat-form-field,
.form-timepicker .mat-mdc-form-field {
  position: relative;
}
.modal-form .md-dropdown,
.form-voucher .md-dropdown,
.form-timepicker .md-dropdown {
  top: auto;
  bottom: 8px;
  line-height: 1;
  height: 24px;
  width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: none;
}
.modal-form .btn-dropdown,
.form-voucher .btn-dropdown,
.form-timepicker .btn-dropdown {
  top: auto;
  bottom: 6px;
}
.modal-form .mat-mdc-form-field-icon-suffix,
.form-voucher .mat-mdc-form-field-icon-suffix,
.form-timepicker .mat-mdc-form-field-icon-suffix {
  display: flex;
  align-self: flex-end;
  align-items: flex-end;
  padding: 0 0 8px 0;
}
.modal-form .mat-datepicker-toggle,
.form-voucher .mat-datepicker-toggle,
.form-timepicker .mat-datepicker-toggle {
  display: inline-flex;
  align-items: flex-end;
}
.modal-form .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base,
.form-voucher .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base,
.form-timepicker .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base {
  --mat-icon-button-state-layer-size: 18px;
  width: 18px;
  height: 18px;
  padding: 0;
  line-height: 1;
}
.modal-form .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-persistent-ripple,
.modal-form .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-ripple,
.modal-form .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-focus-indicator,
.modal-form .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.form-voucher .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-persistent-ripple,
.form-voucher .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-ripple,
.form-voucher .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-focus-indicator,
.form-voucher .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.form-timepicker .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-persistent-ripple,
.form-timepicker .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-ripple,
.form-timepicker .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-focus-indicator,
.form-timepicker .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.modal-form .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-datepicker-toggle-default-icon,
.modal-form .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base svg,
.form-voucher .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-datepicker-toggle-default-icon,
.form-voucher .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base svg,
.form-timepicker .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base .mat-datepicker-toggle-default-icon,
.form-timepicker .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base svg {
  width: 18px;
  height: 18px;
  display: block;
  color: var(--color-neutral-500, #9e9e9e);
}
.modal-form textarea.mat-mdc-input-element,
.form-voucher textarea.mat-mdc-input-element,
.form-timepicker textarea.mat-mdc-input-element {
  min-height: 56px;
  padding-top: 2px;
}
.modal-wrapper {
  height: 100%;
}
.modal-wrapper .footer {
  background-color: white;
  min-height: 50px;
  position: relative;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 24px;
}
.modal-wrapper .footer .logs {
  position: absolute;
  width: 40%;
  left: 34px;
  top: 15px;
  line-height: 11px;
}
.modal-wrapper .footer .logs label {
  font-size: 11px;
  font-family: "Roboto-Light";
  color: rgb(166, 171, 174);
}
.modal-wrapper .footer .logs a {
  font-size: 11px;
  font-family: "Roboto";
  color: #535762;
  text-decoration: underline;
  cursor: pointer;
}
.modal-wrapper .footer button {
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 4px;
  background-color: white;
  width: 132px;
  height: 46px;
  font-family: "Roboto-Bold";
  font-size: 13px;
  font-weight: 900;
}
.modal-wrapper .footer .footer-buttons button {
  margin-right: 0;
  margin-left: 0;
}
.btn-modal-save {
  float: right;
  top: 12px;
  color: white;
  background-image:
    linear-gradient(
      9deg,
      #20bbcc 0%,
      #0080eb 100%);
  box-shadow: -0.347px 1.97px 8px 0px rgba(0, 128, 235, 0.25) !important;
  font-size: 13px;
  font-family: "Roboto-Bold";
  width: 128px;
  height: 42px;
  position: relative;
  top: 4px;
  margin-left: 5px !important;
  border-radius: 4px;
}
.footer-buttons .btn-modal-save {
  margin-left: 0 !important;
}
.btn-modal-edit {
  position: absolute !important;
  right: 15px;
  top: 12px;
  height: 50px;
  width: 150px;
  font-size: 20px;
  position: relative;
  top: 4px;
  margin-left: 5px !important;
}
.btn-modal-cancel {
  float: right;
  top: 12px;
  height: 45px;
  width: 150px;
  box-shadow: none !important;
  border: 2px solid rgb(166, 171, 176) !important;
  color: rgb(166, 171, 176);
  font-weight: 900;
  font-size: 16px;
  line-height: 17px;
  font-family: "Roboto-Medium";
  border-radius: 4px;
  background-color: white;
  position: relative;
  top: 4px;
  margin-left: 5px !important;
}
.footer-buttons .btn-modal-cancel {
  margin-left: 0 !important;
}
.btn-modal-cancel-appointment {
  float: right;
  top: 12px;
  height: 45px;
  min-width: fit-content !important;
  box-shadow: none !important;
  border: 2px solid rgb(166, 171, 176) !important;
  color: rgb(166, 171, 176);
  font-weight: 900;
  font-size: 16px;
  line-height: 17px;
  font-family: "Roboto-Medium";
  border-radius: 4px;
  background-color: white;
  position: relative;
  top: 4px;
  margin-left: 5px !important;
}
.footer-buttons .btn-modal-cancel-appointment {
  margin-left: 0 !important;
}
.btn-modal-duplicate {
  float: right;
  top: 12px;
  height: 45px;
  width: 150px;
  box-shadow: none !important;
  border: 2px solid rgb(0, 48, 137) !important;
  color: rgb(0, 48, 137);
  font-weight: 900;
  font-size: 16px;
  line-height: 17px;
  font-family: "Roboto-Medium";
  border-radius: 4px;
  background-color: white;
  position: relative;
  top: 4px;
  margin-left: 5px !important;
}
.footer-buttons .btn-modal-duplicate {
  margin-left: 0 !important;
}
.btn-modal-decline {
  float: right;
  top: 12px;
  height: 45px;
  width: 128px;
  box-shadow: none !important;
  border: 2px solid rgb(166, 171, 176) !important;
  color: rgb(166, 171, 176);
  font-weight: 900;
  font-size: 13px;
  font-family: "Roboto-Bold";
  border-radius: 4px;
  background-color: white;
  position: relative;
  top: 4px;
  margin-left: 5px !important;
}
.footer-buttons .btn-modal-decline {
  margin-left: 0 !important;
}
.btn-modal-decline:disabled,
.btn-modal-decline.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-modal-decline .spinner-inline {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.btn-modal-accept {
  float: right;
  top: 12px;
  color: white;
  background-image:
    linear-gradient(
      9deg,
      #20bbcc 0%,
      #0080eb 100%);
  box-shadow: -0.347px 1.97px 8px 0px rgba(0, 128, 235, 0.25) !important;
  font-size: 13px;
  font-family: "Roboto-Bold";
  width: 128px;
  height: 42px;
  position: relative;
  top: 4px;
  margin-left: 5px !important;
  border-radius: 4px;
}
.footer-buttons .btn-modal-accept {
  margin-left: 0 !important;
}
.btn-modal-accept:disabled,
.btn-modal-accept.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-modal-accept .spinner-inline {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.modal-section-title {
  font-size: 16px;
  text-shadow: 1px 0.5px rgba(87, 87, 87, 0.18);
  color: #575757;
  font-family: "Roboto-Bold";
  position: relative;
  bottom: 10px;
  left: 10px;
  margin-bottom: 10px;
}
.modal-section-edit-title {
  font-size: 13px;
  text-shadow: 1px 0.5px rgba(0, 128, 234, 0.17);
  color: rgb(0, 128, 234);
  font-family: "Roboto-Light";
  position: relative;
  bottom: 10px;
  left: 10px;
  margin-top: 29px;
}
.modal-section-header-menu-left {
  height: 46px;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  border-right: none;
  padding: 4.5px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 100;
  color: #575757;
  background-color: #f4f4f4;
  position: relative;
  left: -24px;
  width: calc(100% + 27px);
  cursor: pointer;
}
.modal-section-header-menu-left:hover {
  background-color: #e7e5e5;
}
.cdk-overlay-dark-backdrop {
  background: rgba(166, 171, 174, 0.95) !important;
}
.admin-destination-panel .mat-dialog-container,
.admin-destination-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: visible !important;
  background: #ffffff !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
.billing-dialog-panel .mat-dialog-container,
.billing-dialog-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}
.billing-preview-dialog-panel {
  height: calc(100dvh - 32px) !important;
  max-height: calc(100dvh - 32px) !important;
}
.billing-preview-dialog-panel .mat-mdc-dialog-container,
.billing-preview-dialog-panel .mat-mdc-dialog-inner-container,
.billing-preview-dialog-panel .mat-mdc-dialog-surface,
.billing-preview-dialog-panel app-billing-preview-dialog {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}
.billing-preview-dialog-panel app-billing-preview-dialog {
  display: block;
  width: 100%;
}
.billing-rates-editor-panel .mat-dialog-container,
.billing-rates-editor-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background: #fff !important;
}
.billing-rates-editor-panel .mat-mdc-dialog-content {
  max-height: none !important;
}
.billing-rates-editor-panel app-billing-rates-editor,
.billing-rates-editor-panel app-billing-interpreter-rates-editor,
.billing-rates-editor-panel .rates-editor,
.billing-rates-editor-panel .rates-editor__panel {
  height: 100%;
}
ul {
  list-style-type: none;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
mat-input-container.mat-input-focused label {
  color: yellow !important;
}
.btn-sidebar {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
mat-icon {
  -webkit-transition: background-position 1ms linear;
  -moz-transition: background-position 1ms linear;
  -o-transition: background-position 1ms linear;
  transition: background-position 1ms linear;
}
.interpreter-autocomplete {
  width: 220px !important;
  min-width: 220px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
.interpreter-autocomplete .interpreter-option-content {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  gap: 12px;
  width: 100%;
}
.interpreter-autocomplete .interpreter-option-content .interpreter-name {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin: 0;
  flex: 1;
}
.interpreter-autocomplete .mat-option {
  padding: 0 !important;
  min-height: 48px !important;
  line-height: 1.4 !important;
}
.interpreter-autocomplete .mat-option:hover {
  background-color: #f5f5f5;
}
.interpreter-autocomplete .mat-option.mat-selected {
  background-color: #e3f2fd;
}
.interpreter-autocomplete .mat-option.mat-selected .interpreter-name {
  color: #1976d2;
  font-weight: 500;
}
*::-webkit-scrollbar {
  width: 7px;
  height: 6px;
}
*::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-left: 1px solid rgba(238, 238, 238, 0.2901960784);
}
*::-webkit-scrollbar-thumb {
  background: rgba(221, 221, 221, 0.5647058824);
}
google-chart path[stroke-width="1"] {
  stroke: transparent;
}
google-chart text {
  color: rgba(0, 0, 0, 0.1);
}
input,
textarea {
  spellcheck: false;
  -webkit-spellcheck: false;
}
input::-webkit-input-placeholder {
  color: rgb(166, 171, 174);
}
input:-moz-placeholder {
  color: rgb(166, 171, 174);
}
input::-moz-placeholder {
  color: rgb(166, 171, 174);
}
input:-ms-input-placeholder {
  color: rgb(166, 171, 174);
}
.chip-list {
  position: relative;
  top: -15px;
  width: 360px;
  float: right;
}
.chip-list .chip {
  background-color: #e4e6e7;
  width: fit-content;
  padding: 7px;
  border-radius: 3px;
  display: inline-block;
  font-family: "Roboto";
  margin-right: 5px;
  margin-bottom: 5px;
  height: 30px;
  padding: 0px;
  cursor: pointer;
}
.chip-list .chip:hover {
  background-color: #eee;
}
.chip-list .chip label {
  font-size: 13px;
  color: #535762;
  position: relative;
  top: -4px;
  padding-left: 10px;
  cursor: pointer;
}
.chip-list .chip mat-icon {
  font-size: 14px;
  position: relative;
  top: 1px;
  color: #535762;
  cursor: pointer;
}
.primary {
  color: rgb(0, 128, 234);
}
.warning {
  color: rgb(255, 0, 114);
}
.fluent-card {
  padding: 24px !important;
  border-radius: 10px !important;
  box-shadow: 0px 4px 14.7px 2px rgba(0, 0, 0, 0.02) !important;
  width: 100% !important;
}
.fluent-chip {
  background-color: #D9D9D9 !important;
  color: #ffffff !important;
  padding: 5px 11px !important;
  border-radius: 5px !important;
  font-family: "Roboto-Bold" !important;
  font-size: 12px !important;
  color: rgb(0, 128, 234) !important;
}
.material-symbols-fill .material-symbols-outlined {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
@font-face {
  font-family: "Din-Condensed-Bold";
  src: url("./media/DIN-Condensed-Bold-XKVQ3VSP.ttf");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Regular-UUBD26YO.ttf");
}
@font-face {
  font-family: "Roboto-Black";
  src: url("./media/Roboto-Black-CCAH2K2A.ttf");
}
@font-face {
  font-family: "Roboto-BlackItalic";
  src: url("./media/Roboto-BlackItalic-VTWIVAAM.ttf");
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("./media/Roboto-Bold-QPETXUE4.ttf");
}
@font-face {
  font-family: "Roboto-BoldItalic";
  src: url("./media/Roboto-BoldItalic-Q3Q5VPL7.ttf");
}
@font-face {
  font-family: "Roboto-ExtraBold";
  src: url("./media/Roboto-ExtraBold-CVBMIEXT.ttf");
}
@font-face {
  font-family: "Roboto-ExtraBoldItalic";
  src: url("./media/Roboto-ExtraBoldItalic-YGPJVPZV.ttf");
}
@font-face {
  font-family: "Roboto-Italic";
  src: url("./media/Roboto-Italic-SQKDAYNK.ttf");
}
@font-face {
  font-family: "Roboto-Light";
  src: url("./media/Roboto-Light-RYI7L6WO.ttf");
}
@font-face {
  font-family: "Roboto-LightItalic";
  src: url("./media/Roboto-LightItalic-TOJVTFVE.ttf");
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("./media/Roboto-Medium-6QFZLP4R.ttf");
}
@font-face {
  font-family: "Roboto-MediumItalic";
  src: url("./media/Roboto-MediumItalic-MMZ7R5Q3.ttf");
}
@font-face {
  font-family: "Roboto-SemiBold";
  src: url("./media/Roboto-SemiBold-GRJNVJFL.ttf");
}
@font-face {
  font-family: "Roboto-SemiBoldItalic";
  src: url("./media/Roboto-SemiBoldItalic-4DMQIMX6.ttf");
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("./media/Roboto-Thin-JABQQOVK.ttf");
}
@font-face {
  font-family: "Roboto-ThinItalic";
  src: url("./media/Roboto-ThinItalic-U5B5OLKI.ttf");
}
@font-face {
  font-family: "Roboto Mono";
  src: url("./media/RobotoMono-Regular-X56J57OV.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("./media/RobotoMono-Medium-GNTASE4E.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("./media/RobotoMono-Bold-ORVUASQP.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RobotoMono-Regular";
  src: url("./media/RobotoMono-Regular-X56J57OV.ttf");
}
@font-face {
  font-family: "RobotoMono-Medium";
  src: url("./media/RobotoMono-Medium-GNTASE4E.ttf");
}
@font-face {
  font-family: "RobotoMono-Bold";
  src: url("./media/RobotoMono-Bold-ORVUASQP.ttf");
}
.mat-dialog-actions {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.mat-dialog-content,
.mat-mdc-dialog-content {
  max-height: 50vh !important;
  padding: 0 !important;
}
button label {
  cursor: pointer;
  pointer-events: none;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: normal;
}
.teal {
  color: rgb(0, 192, 179) !important;
}
.orange {
  color: #f7941d !important;
}
.blue {
  color: rgb(0, 128, 234) !important;
}
mat-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*:focus {
  outline: none;
}
html {
  --mat-snack-bar-container-color: #ffffff;
  --mat-snack-bar-supporting-text-color: rgb(0, 128, 234);
  --mat-snack-bar-button-color: rgb(0, 128, 234);
  --mat-snack-bar-container-shape: 8px;
}
.mat-mdc-snack-bar-container,
.mat-snack-bar-container {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: auto !important;
  max-width: min(480px, 65vw) !important;
  width: auto !important;
  margin: 0 !important;
}
.mat-mdc-snackbar-surface {
  background-color: #ffffff !important;
  box-shadow: 1px 1px 33px 2px rgba(170, 170, 170, 0.2705882353) !important;
  border-radius: 8px !important;
  padding: 0 !important;
  min-width: auto !important;
  overflow: hidden !important;
}
.custom-snackbar-panel .mat-mdc-snack-bar-label,
.custom-snackbar-panel .mdc-snackbar__label,
.mat-mdc-snack-bar-container.custom-snackbar-panel .mat-mdc-snack-bar-label,
.mat-mdc-snack-bar-container.custom-snackbar-panel .mdc-snackbar__label {
  padding: 0 !important;
  margin: 0 !important;
}
.custom-snackbar-panel .mat-mdc-snackbar-surface,
.mat-mdc-snack-bar-container.custom-snackbar-panel .mat-mdc-snackbar-surface {
  min-width: auto !important;
}
.mat-mdc-snack-bar-handset .mat-mdc-snack-bar-container.custom-snackbar-panel,
.mat-mdc-snack-bar-handset .custom-snackbar-panel.mat-mdc-snack-bar-container {
  width: auto !important;
  max-width: min(480px, 100vw - 32px) !important;
}
.custom-snackbar-panel {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  min-width: auto !important;
  max-width: min(480px, 100vw - 32px) !important;
  z-index: 1000 !important;
}
@media (max-width: 599px) {
  .custom-snackbar-panel {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }
}
.hidden {
  display: none !important;
}
[hidden] {
  display: none !important;
}
.btn-dropdown {
  height: 24px !important;
  min-width: 23px !important;
  position: absolute !important;
  padding: 0px !important;
  right: -3px !important;
  bottom: 5px !important;
  z-index: 1000 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.secure-font {
  -webkit-text-security: disc;
}
html {
  overscroll-behavior-y: none;
  overflow: hidden;
  height: 100%;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --mat-form-field-container-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-form-field-filled-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-form-field-outlined-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-form-field-subscript-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-menu-item-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-select-trigger-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-option-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-list-list-item-label-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-list-list-item-supporting-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --mat-paginator-container-text-font:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
body {
  margin: 0px;
  height: 100%;
  overflow: hidden;
  font-family: inherit;
}
.cdk-overlay-container {
  font-family: inherit;
}
a {
  text-decoration: none;
}
title {
  display: block;
}
.router-island-container {
  margin: 0 auto;
  width: 93%;
}
.router-island {
  position: absolute;
  left: 48%;
  top: 199px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -200px);
  margin: 20px 0px 0px 0px;
  width: 90%;
  min-width: 65%;
  max-width: 90%;
}
.btn-header-action {
  float: right;
  position: relative;
  top: 10px;
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
  margin: 0;
}
.btn-header-action mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.btn-header-left {
  float: left;
}
.tab-invites .mat-tab-header {
  display: none !important;
}
.tab-invites .mat-tab-body {
  height: 100%;
  overflow-x: hidden !important;
}
.chk-table {
  pointer-events: none;
}
.md-dropdown {
  font-size: 20px !important;
  cursor: pointer;
  right: -3px;
  top: 0px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1000;
  color: rgb(84, 88, 99);
  pointer-events: none;
}
.md-dropdown:hover {
  color: rgb(0, 128, 234);
}
.input-search {
  padding: 8px;
  width: 30%;
  margin: 10px;
  border: none;
  background-color: #eee;
}
.col-md-12 {
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.container-section-header {
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 100;
  color: #575757;
  background-color: #f4f4f4;
  position: relative;
  left: -24px;
  width: calc(100% + 48px);
}
.icon-dd {
  position: absolute;
  left: 10px;
  top: 5px;
  font-size: 35px;
}
.icon-status {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 25px;
  color: limegreen;
}
.h3-status {
  margin: 0px;
  text-align: left;
  padding-left: 50px;
  font-size: 20px;
}
.container-form {
  width: 100%;
  height: 100%;
}
.container-form label {
  margin-bottom: 0px;
}
.container-form h3 {
  margin: 0;
  margin-top: 5px;
  font-size: 15px;
}
.container-form .container-form-half {
  width: calc(50% - 20px);
  height: auto;
  display: inline-block;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.container-form .container-form-half label {
  color: #a6abae;
  font-size: 13px;
}
.container-form .container-form-half h3 {
  word-break: break-all;
}
.container-form-full {
  width: 100%;
  height: auto;
  display: inline-block;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 90%;
  text-overflow: ellipsis;
}
.container-form-full a {
  display: block;
  margin: 0;
  margin-top: 5px;
  font-size: 15px;
  word-break: break-all;
}
.container-form-full label {
  color: #a6abae;
  font-size: 13px;
}
.container-form-full .signature-wrapper {
  height: 95px;
  margin-top: 10px;
  position: relative;
}
.container-form-full .signature-wrapper img {
  position: absolute;
  left: 25px;
  top: 5px;
  height: 65px;
  opacity: 0.35;
}
.container-form-full .signature-wrapper hr {
  border: none;
  border-bottom: 1px solid #e8e9ea;
  height: 50px;
  width: calc(100% - 18px);
  float: right;
}
.container-form-full .signature-wrapper label {
  font-family: "Roboto-Light";
  color: #a6abae;
  font-size: 13px;
  width: 100%;
  padding-left: 4px;
  padding-top: 5px;
}
.container-form-full .signature-wrapper mat-icon {
  position: absolute;
  top: 44px;
  width: 19px;
  height: 18px;
  font-size: 18px;
  color: #a6abae;
}
.col-md-12-min {
  padding-top: 14px !important;
}
.container-fluid-min {
  width: calc(100% - 140px);
}
.container-header {
  background-color: white;
  width: 100%;
  min-height: 55px;
  padding: 0px 10px 0px 10px;
}
.container-body {
  background-color: #fafafa;
  padding: 25px;
  margin: 0 auto;
}
@media (prefers-color-scheme: dark) {
  .container-body {
    background-color: #121212;
  }
}
.hr-container {
  background-color: white;
  width: 100%;
}
.hr-container hr {
  margin: 0px;
}
.appts-quickview {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 475px;
  height: 533px;
  z-index: 374;
}
.appts-quickview .quickview-header {
  height: 105px;
  width: 100%;
  background-color: white;
  position: relative;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom: 1px solid #eee;
}
.appts-quickview .quickview-header h2 {
  margin: 0px;
  position: absolute;
  top: 31px;
  left: 35px;
  font-family: "Roboto-Bold";
  color: #0080eb;
  font-size: 21px;
}
.appts-quickview .quickview-header h3 {
  margin: 0px;
  position: absolute;
  top: 70px;
  left: 35px;
  font-size: 12px;
  font-family: "Roboto";
  font-weight: 500;
  color: rgb(166, 171, 174);
  text-transform: uppercase;
  text-align: left;
}
.appts-quickview .quickview-header .btn-header-action {
  color: white;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  font-size: 17px;
  min-height: 0px;
  min-width: 0px;
  background-image:
    linear-gradient(
      -75deg,
      #0080ea,
      #34dfb9);
  box-shadow: 0px 8px 20px 0px rgba(0, 128, 235, 0.25);
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  right: 25px;
}
.appts-quickview .quickview-header .btn-header-action mat-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1215686275);
}
.appts-quickview .quickview-body {
  height: 355px;
  width: 100%;
  overflow: auto;
}
.appts-quickview .quickview-body .quickview-appt:nth-child(even) {
  background-color: white !important;
}
.appts-quickview .quickview-body .quickview-appt {
  height: 75px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #eee;
}
.appts-quickview .quickview-body .quickview-appt .title {
  font-size: 15px;
  font-family: "Roboto-Bold";
  color: #535762;
  position: relative;
  top: 17px;
  padding-bottom: 5px;
  text-align: left;
  padding-left: 32px;
}
.appts-quickview .quickview-body .quickview-appt .subtitle {
  font-size: 13px;
  font-family: "Roboto";
  color: #a5abaf;
  position: relative;
  top: 17px;
  text-align: left;
  padding-left: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.appts-quickview .quickview-body .quickview-appt .subtitle .mat-icon {
  font-size: 14px;
  height: fit-content;
  width: fit-content;
  position: relative;
  top: 2px;
}
.appts-quickview .quickview-footer {
  width: 100%;
  background-color: white;
  height: 73px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
  border-top: 1px solid #eee;
}
.appts-quickview .quickview-footer h5 {
  margin: 0;
  font-family: "Roboto";
  font-size: 12px;
  color: #0080eb;
  text-transform: uppercase;
  position: absolute;
  top: 30px;
  left: 30px;
}
.appts-quickview .quickview-footer h6 {
  margin: 0;
  font-size: 12px;
  color: #a6abae;
  width: 50px;
  position: absolute;
  right: 99px;
  top: 30px;
  font-family: "Roboto";
}
.appts-quickview .quickview-footer .toggle {
  width: fit-content;
  position: absolute;
  right: 10px;
  top: 26px;
}
.appts-quickview .quickview-footer .toggle .mat-icon {
  width: 40px;
  text-align: center;
  font-size: 21px;
}
.month-day-menu,
.mat-mdc-menu-panel.month-day-menu,
.mat-menu-panel.month-day-menu {
  border-radius: 20px !important;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.14), 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  --mat-menu-container-shape: 20px;
  width: 475px !important;
  min-width: 475px !important;
  max-width: 475px !important;
  cursor: pointer;
}
.month-day-menu .appts-week-view,
.mat-mdc-menu-panel.month-day-menu .appts-week-view,
.mat-menu-panel.month-day-menu .appts-week-view {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 475px;
  z-index: 374;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-header,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-header,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-header {
  height: 85px;
  width: 100%;
  background-color: white;
  position: relative;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-header h2,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-header h2,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-header h2 {
  margin: 0px;
  position: absolute;
  top: 24px;
  left: 35px;
  font-family: "Roboto-Bold";
  color: #0080eb;
  font-size: 21px;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-header h3,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-header h3,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-header h3 {
  margin: 0px;
  position: absolute;
  top: 57px;
  left: 37px;
  font-size: 12px;
  font-family: "Roboto";
  font-weight: 500;
  color: rgb(166, 171, 174);
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-header .btn-header-action,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-header .btn-header-action,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-header .btn-header-action {
  color: white;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  font-size: 17px;
  min-height: 0px;
  min-width: 0px;
  background-image:
    linear-gradient(
      -75deg,
      #0080ea,
      #34dfb9);
  box-shadow: 0px 8px 20px 0px rgba(0, 128, 235, 0.25);
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}
.month-day-menu .appts-week-view .quickview-header .btn-header-action mat-icon,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-header .btn-header-action mat-icon,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-header .btn-header-action mat-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1215686275);
}
.month-day-menu .appts-week-view .quickview-body,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-body,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-body {
  background-color: white;
  height: 195px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-body .wrapper,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper {
  margin: 20px 25px 25px 25px;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-body .wrapper .section,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper .section,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper .section {
  padding-top: 5px;
  padding-left: 7px;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-body .wrapper .section mat-icon,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper .section mat-icon,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper .section mat-icon {
  font-size: 21px;
  color: #535762;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-body .wrapper .section label,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper .section label,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper .section label {
  font-size: 15px;
  color: #535762;
  font-family: "Roboto-Bold";
  position: relative;
  top: -5px;
  padding-left: 10px;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-body .wrapper .detail,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper .detail,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-body .wrapper .detail {
  font-family: "Roboto-Light";
  font-size: 15px;
  color: rgba(166, 171, 174, 0.5490196078);
  width: 100%;
  display: block;
  padding-left: 41px;
  padding-top: 8px;
  padding-bottom: 3px;
  cursor: pointer;
}
.month-day-menu .appts-week-view .quickview-footer,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-footer,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-footer {
  width: 100%;
  background-color: white;
  height: 73px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
  border-top: 1px solid #eee;
}
.month-day-menu .appts-week-view .quickview-footer h5,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-footer h5,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-footer h5 {
  margin: 0;
  font-family: "Roboto";
  font-size: 12px;
  color: #0080eb;
  text-transform: uppercase;
  position: absolute;
  top: 30px;
  left: 30px;
}
.month-day-menu .appts-week-view .quickview-footer h6,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-footer h6,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-footer h6 {
  margin: 0;
  font-size: 12px;
  color: #a6abae;
  width: 50px;
  position: absolute;
  right: 99px;
  top: 30px;
  font-family: "Roboto";
}
.month-day-menu .appts-week-view .quickview-footer .toggle,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-footer .toggle,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-footer .toggle {
  width: fit-content;
  position: absolute;
  right: 10px;
  top: 26px;
}
.month-day-menu .appts-week-view .quickview-footer .toggle .mat-icon,
.mat-mdc-menu-panel.month-day-menu .appts-week-view .quickview-footer .toggle .mat-icon,
.mat-menu-panel.month-day-menu .appts-week-view .quickview-footer .toggle .mat-icon {
  width: 40px;
  text-align: center;
  font-size: 21px;
}
.week-day-menu {
  border-radius: 10px !important;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
  width: 475px !important;
  min-width: 475px !important;
  max-width: 475px !important;
  height: 300px !important;
  cursor: pointer;
}
.week-day-menu .appts-week-view {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 475px;
  height: 300px !important;
  z-index: 374;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-header {
  height: 85px;
  width: 100%;
  background-color: white;
  position: relative;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-header h2 {
  margin: 0px;
  position: absolute;
  top: 24px;
  left: 35px;
  font-family: "Roboto-Bold";
  color: #0080eb;
  font-size: 21px;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-header h3 {
  margin: 0px;
  position: absolute;
  top: 57px;
  left: 37px;
  font-size: 12px;
  font-family: "Roboto";
  font-weight: 500;
  color: rgb(166, 171, 174);
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-header .btn-header-action {
  color: white;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  font-size: 17px;
  min-height: 0px;
  min-width: 0px;
  background-image:
    linear-gradient(
      -75deg,
      #0080ea,
      #34dfb9);
  box-shadow: 0px 8px 20px 0px rgba(0, 128, 235, 0.25);
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}
.week-day-menu .appts-week-view .quickview-header .btn-header-action mat-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1215686275);
}
.week-day-menu .appts-week-view .quickview-body {
  background-color: white;
  height: 195px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-body .wrapper {
  margin: 20px 25px 25px 25px;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-body .wrapper .section {
  padding-top: 5px;
  padding-left: 7px;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-body .wrapper .section mat-icon {
  font-size: 21px;
  color: #535762;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-body .wrapper .section label {
  font-size: 15px;
  color: #535762;
  font-family: "Roboto-Bold";
  position: relative;
  top: -5px;
  padding-left: 10px;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-body .wrapper .detail {
  font-family: "Roboto-Light";
  font-size: 15px;
  color: rgba(166, 171, 174, 0.5490196078);
  width: 100%;
  display: block;
  padding-left: 41px;
  padding-top: 8px;
  padding-bottom: 3px;
  cursor: pointer;
}
.week-day-menu .appts-week-view .quickview-footer {
  width: 100%;
  background-color: white;
  height: 73px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
  border-top: 1px solid #eee;
}
.week-day-menu .appts-week-view .quickview-footer h5 {
  margin: 0;
  font-family: "Roboto";
  font-size: 12px;
  color: #0080eb;
  text-transform: uppercase;
  position: absolute;
  top: 30px;
  left: 30px;
}
.week-day-menu .appts-week-view .quickview-footer h6 {
  margin: 0;
  font-size: 12px;
  color: #a6abae;
  width: 50px;
  position: absolute;
  right: 99px;
  top: 30px;
  font-family: "Roboto";
}
.week-day-menu .appts-week-view .quickview-footer .toggle {
  width: fit-content;
  position: absolute;
  right: 10px;
  top: 26px;
}
.week-day-menu .appts-week-view .quickview-footer .toggle .mat-icon {
  width: 40px;
  text-align: center;
  font-size: 21px;
}
.menu-search {
  min-width: 500px !important;
}
.menu-search .chk-show-deactivated {
  float: right;
  font-size: 15px;
  color: #aaa;
}
.menu-search .header {
  display: flex;
  align-items: center;
  padding: 0 25px;
  height: 60px;
  border-bottom: 1px solid #eee;
  gap: 10px;
}
.menu-search .header mat-icon {
  font-size: 21px;
  color: rgb(166, 171, 174);
  height: fit-content;
  width: fit-content;
}
.menu-search .header .mat-form-field-infix {
  border-top: 0;
}
.menu-search .header .mat-form-field-wrapper {
  padding: 0;
}
.menu-search .header mat-form-field {
  width: 90%;
  font-size: 15px;
  font-family: "Roboto";
}
.menu-search .header mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none !important;
}
.menu-search .body {
  padding: 20px 25px 0px 25px;
  overflow: auto;
  max-height: 380px;
}
.menu-search .body .filter-disabled {
  background-color: rgb(166, 171, 174) !important;
}
.menu-search .body .wrapper .lbl {
  display: inline-block;
  width: 60px;
  height: 31px;
  font-size: 13px;
  font-family: "Roboto";
  padding: 5px;
  color: rgb(166, 171, 174);
  opacity: 0.8;
  height: 100%;
}
.menu-search .body .wrapper .filter-icon {
  background-color: rgb(0, 192, 179);
  border-radius: 50%;
  font-size: 10px;
  height: 9px;
  width: 9px;
  color: white;
  text-align: center;
  padding: 1px;
  line-height: 9px;
  cursor: pointer;
  margin-right: 9px;
}
.menu-search .body .wrapper .inner-wrapper {
  float: right;
  width: 100%;
  position: relative;
  top: -15px;
}
.menu-search .body .wrapper .inner-wrapper mat-form-field {
  min-width: 350px;
  display: inline-block;
}
.menu-search .body .wrapper .inner-wrapper .input-half {
  min-width: 160px;
  width: 160px;
}
.menu-search .footer {
  height: 50px;
  padding: 20px 30px 20px 30px;
  text-align: right;
}
.menu-search .footer .btn-apply {
  color: white;
  background-image:
    linear-gradient(
      9deg,
      #20bbcc 0%,
      #0080eb 100%);
  box-shadow: -0.347px 1.97px 8px 0px rgba(0, 128, 235, 0.25) !important;
  font-size: 13px;
  font-family: "Roboto-Bold";
  width: calc(33.33% - 7.5px);
  height: 42px;
  border-radius: 4px;
  display: inline-block;
  margin-left: 7.5px;
}
.menu-search .footer .btn-reset {
  width: calc(33.33% - 7.5px);
  height: 42px;
  box-shadow: none !important;
  border: 2px solid #a6abae;
  color: rgb(166, 171, 174);
  font-weight: 900;
  font-size: 13px;
  line-height: 17px;
  font-family: "Roboto-Medium";
  border-radius: 4px;
  background-color: white;
  margin-right: 7.5px !important;
  display: inline-block;
}
.menu-search .footer .btn-export {
  width: calc(33.33% - 7.5px);
  height: 42px;
  box-shadow: none !important;
  border: 2px solid rgb(0, 48, 137) !important;
  color: rgb(0, 48, 137);
  font-weight: 900;
  font-size: 13px;
  line-height: 17px;
  font-family: "Roboto-Medium";
  border-radius: 4px;
  background-color: white;
  margin-right: 7.5px !important;
  display: inline-block;
}
.mat-mdc-menu-panel.menu-columns,
.mat-menu-panel.menu-columns {
  max-height: 70vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  --mat-menu-container-shape: 16px;
}
.mat-mdc-menu-panel.menu-columns .mat-mdc-menu-content,
.mat-menu-panel.menu-columns .mat-menu-content {
  display: flex !important;
  flex-direction: column !important;
  max-height: 70vh !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.menu-columns {
  min-width: 325px !important;
}
.menu-columns .header {
  padding: 30px 20px 20px 30px;
  border-bottom: 1px solid #eee;
  font-family: "Roboto";
  color: #c6c6c6;
  font-size: 13px;
  flex-shrink: 0;
}
.menu-columns .header a {
  float: right;
  cursor: pointer;
}
.menu-columns .body {
  width: 100%;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.menu-columns .body ul li.column-menu-group-header {
  cursor: default;
  pointer-events: none;
  padding-top: 26px;
  padding-bottom: 4px;
}
.menu-columns .body ul li.column-menu-group-header:first-child {
  padding-top: 16px;
}
.menu-columns .body ul li.column-menu-group-header .column-menu-group-header__text {
  display: block;
  padding-left: 0;
  font-family:
    "Roboto-Bold",
    "Roboto",
    sans-serif;
  font-size: 11px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #888;
}
.menu-columns .body ul li:not(.column-menu-group-header) {
  height: 19px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.menu-columns .body ul li:not(.column-menu-group-header) .static {
  background-color: rgba(166, 170, 173, 0.25) !important;
  color: white !important;
}
.menu-columns .body ul li:not(.column-menu-group-header) mat-icon {
  background-color: rgb(0, 192, 179);
  border-radius: 50%;
  font-size: 10px;
  height: 9px;
  width: 9px;
  min-height: 9px;
  min-width: 9px;
  flex-shrink: 0;
  color: white;
  text-align: center;
  padding: 1px;
  line-height: 9px;
  cursor: pointer;
}
.menu-columns .body ul li:not(.column-menu-group-header) mat-icon:hover {
  opacity: 0.8;
}
.menu-columns .body ul li:not(.column-menu-group-header) label {
  padding-left: 12px;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 19px;
  margin: 0;
  color: #4f4f4f;
  cursor: pointer;
}
.menu-columns .body ul li:not(.column-menu-group-header) label:hover {
  opacity: 0.8;
}
.menu-columns .body ul .field-disabled mat-icon {
  background-color: rgb(166, 171, 174) !important;
}
.menu-columns .body ul .field-disabled label {
  color: rgb(166, 171, 174) !important;
}
.menu-columns .footer {
  padding: 16px 24px;
  flex-shrink: 0;
  border-top: 1px solid #eee;
}
.menu-columns .footer .column-menu-footer-actions {
  width: 100%;
  box-sizing: border-box;
}
.menu-columns .footer .column-menu-footer-actions > * {
  flex: 1 1 0 !important;
  min-width: 0;
  width: auto !important;
  align-self: stretch !important;
  max-width: none;
}
.menu-table {
  position: relative;
  top: -59px;
  right: 20px;
  min-height: 50px;
  width: 125px;
}
.menu-table button {
  color: rgb(0, 128, 234);
  font-family: "Roboto-Light";
  font-size: 15px;
  width: 100%;
  height: 50px;
  opacity: 0.75;
  box-shadow: none !important;
  border-radius: 0px !important;
}
.menu-table button:hover {
  background-color: #fafafa;
  opacity: 1;
}
.cdk-overlay-pane:has(.menu-user) {
  margin-right: 16px !important;
}
.mat-mdc-menu-panel.menu-user,
.menu-user {
  height: fit-content;
  padding: 10px 0;
  box-shadow: 0px 0px 32px 0px rgba(170, 170, 170, 0.4705882353);
  z-index: 1000;
  margin-top: 14px;
  border-radius: 16px !important;
  --mat-menu-container-shape: 16px;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-content,
.mat-mdc-menu-panel.menu-user .mat-menu-content,
.menu-user .mat-mdc-menu-content,
.menu-user .mat-menu-content {
  padding: 0 !important;
  width: 100%;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item,
.mat-mdc-menu-panel.menu-user .mat-menu-item,
.menu-user .mat-mdc-menu-item,
.menu-user .mat-menu-item {
  width: fit-content;
  padding: 0 35px !important;
  font-size: 13px;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  color: #535762;
  --mat-menu-item-hover-state-layer-color: transparent;
  --mat-menu-item-focus-state-layer-color: transparent;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item .mat-mdc-menu-item-text,
.mat-mdc-menu-panel.menu-user .mat-menu-item .mat-mdc-menu-item-text,
.menu-user .mat-mdc-menu-item .mat-mdc-menu-item-text,
.menu-user .mat-menu-item .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  line-height: 1.25;
  letter-spacing: normal;
  font-size: inherit;
  font-family: inherit;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item .mat-mdc-menu-item-text Stack,
.mat-mdc-menu-panel.menu-user .mat-menu-item .mat-mdc-menu-item-text Stack,
.menu-user .mat-mdc-menu-item .mat-mdc-menu-item-text Stack,
.menu-user .mat-menu-item .mat-mdc-menu-item-text Stack {
  width: 100%;
  align-items: center;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item mat-icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item Icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item Icon,
.menu-user .mat-mdc-menu-item mat-icon,
.menu-user .mat-mdc-menu-item Icon,
.menu-user .mat-menu-item mat-icon,
.menu-user .mat-menu-item Icon {
  font-size: 18px;
  margin: 0 !important;
  color: #535762;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item Icon mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item Icon mat-icon,
.menu-user .mat-mdc-menu-item Icon mat-icon,
.menu-user .mat-menu-item Icon mat-icon {
  color: inherit !important;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item Typography,
.mat-mdc-menu-panel.menu-user .mat-menu-item Typography,
.menu-user .mat-mdc-menu-item Typography,
.menu-user .mat-menu-item Typography {
  letter-spacing: normal;
  line-height: 1.25;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-keyboard-focused,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-program-focused,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted,
.mat-mdc-menu-panel.menu-user .mat-menu-item:hover,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-keyboard-focused,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-program-focused,
.mat-mdc-menu-panel.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted,
.menu-user .mat-mdc-menu-item:hover,
.menu-user .mat-mdc-menu-item.cdk-keyboard-focused,
.menu-user .mat-mdc-menu-item.cdk-program-focused,
.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted,
.menu-user .mat-menu-item:hover,
.menu-user .mat-menu-item.cdk-keyboard-focused,
.menu-user .mat-menu-item.cdk-program-focused,
.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted {
  background-color: transparent !important;
  color: rgb(0, 128, 234) !important;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item:hover mat-icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item:hover Icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item:hover Icon[color=default],
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item:hover Typography,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-keyboard-focused mat-icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-keyboard-focused Icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-keyboard-focused Icon[color=default],
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-keyboard-focused Typography,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-program-focused mat-icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-program-focused Icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-program-focused Icon[color=default],
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-program-focused Typography,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Typography,
.mat-mdc-menu-panel.menu-user .mat-menu-item:hover mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item:hover Icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item:hover Icon[color=default],
.mat-mdc-menu-panel.menu-user .mat-menu-item:hover Typography,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-keyboard-focused mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-keyboard-focused Icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-keyboard-focused Icon[color=default],
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-keyboard-focused Typography,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-program-focused mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-program-focused Icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-program-focused Icon[color=default],
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-program-focused Typography,
.mat-mdc-menu-panel.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted Icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.mat-mdc-menu-panel.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted Typography,
.menu-user .mat-mdc-menu-item:hover mat-icon,
.menu-user .mat-mdc-menu-item:hover Icon,
.menu-user .mat-mdc-menu-item:hover Icon[color=default],
.menu-user .mat-mdc-menu-item:hover Typography,
.menu-user .mat-mdc-menu-item.cdk-keyboard-focused mat-icon,
.menu-user .mat-mdc-menu-item.cdk-keyboard-focused Icon,
.menu-user .mat-mdc-menu-item.cdk-keyboard-focused Icon[color=default],
.menu-user .mat-mdc-menu-item.cdk-keyboard-focused Typography,
.menu-user .mat-mdc-menu-item.cdk-program-focused mat-icon,
.menu-user .mat-mdc-menu-item.cdk-program-focused Icon,
.menu-user .mat-mdc-menu-item.cdk-program-focused Icon[color=default],
.menu-user .mat-mdc-menu-item.cdk-program-focused Typography,
.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon,
.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Typography,
.menu-user .mat-menu-item:hover mat-icon,
.menu-user .mat-menu-item:hover Icon,
.menu-user .mat-menu-item:hover Icon[color=default],
.menu-user .mat-menu-item:hover Typography,
.menu-user .mat-menu-item.cdk-keyboard-focused mat-icon,
.menu-user .mat-menu-item.cdk-keyboard-focused Icon,
.menu-user .mat-menu-item.cdk-keyboard-focused Icon[color=default],
.menu-user .mat-menu-item.cdk-keyboard-focused Typography,
.menu-user .mat-menu-item.cdk-program-focused mat-icon,
.menu-user .mat-menu-item.cdk-program-focused Icon,
.menu-user .mat-menu-item.cdk-program-focused Icon[color=default],
.menu-user .mat-menu-item.cdk-program-focused Typography,
.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted Icon,
.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted Typography {
  color: rgb(0, 128, 234) !important;
}
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item:hover Icon mat-icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-keyboard-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.cdk-program-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item:hover Icon mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-keyboard-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.cdk-program-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.menu-user .mat-mdc-menu-item:hover Icon mat-icon,
.menu-user .mat-mdc-menu-item.cdk-keyboard-focused Icon mat-icon,
.menu-user .mat-mdc-menu-item.cdk-program-focused Icon mat-icon,
.menu-user .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.menu-user .mat-menu-item:hover Icon mat-icon,
.menu-user .mat-menu-item.cdk-keyboard-focused Icon mat-icon,
.menu-user .mat-menu-item.cdk-program-focused Icon mat-icon,
.menu-user .mat-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon {
  color: rgb(0, 128, 234) !important;
}
.menu-calendar {
  padding-top: 11px;
  padding-bottom: 15px;
  width: 145px;
  box-shadow: 0px 0px 32px 0px rgba(170, 170, 170, 0.4705882353);
  z-index: 1000;
}
.menu-calendar .danger {
  color: rgb(255, 0, 114) !important;
}
.menu-calendar .danger:hover {
  color: rgb(255, 0, 114) !important;
  opacity: 0.8 !important;
}
.menu-calendar .mat-menu-item {
  width: 197px;
  padding: 0px 35px;
  height: 48px;
  font-size: 15px;
  font-family: "Roboto-Regular";
  color: #535762;
  font-weight: 900;
  opacity: 0.9;
}
.menu-calendar .mat-menu-item:hover {
  background-color: transparent !important;
  color: rgb(0, 128, 234);
}
.menu-calendar .mat-menu-item:hover .mat-icon {
  color: rgb(0, 128, 234);
}
.menu-calendar .mat-menu-item:active {
  background-color: transparent !important;
  color: rgb(0, 128, 234);
}
.menu-calendar .mat-menu-item:active .mat-icon {
  color: rgb(0, 128, 234);
}
.menu-calendar .mat-menu-item .mat-icon {
  font-size: 18px;
  margin: 0px !important;
  position: relative;
  top: 1px;
  color: #535762;
}
.menu-calendar .mat-menu-item label {
  font-family: "Roboto";
  padding-left: 10px;
  cursor: pointer;
}
.menu-appt-options {
  left: 0px;
  width: 132px;
  padding-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  position: relative;
  top: 0px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.menu-appt-options .options-active {
  color: rgb(0, 128, 234) !important;
}
.menu-appt-options .mat-menu-item {
  width: 197px;
  padding: 5px 15px;
  height: 60px;
  font-size: 15px;
  font-family: "Roboto";
  color: #535762;
  font-weight: 900;
  opacity: 0.9;
  cursor: pointer;
}
.menu-appt-options .mat-menu-item label {
  cursor: pointer;
}
.menu-appt-options .mat-menu-item:hover {
  background-color: transparent !important;
  color: rgb(0, 128, 234);
}
.menu-appt-options .mat-menu-item:hover .mat-icon {
  color: rgb(0, 128, 234);
}
.menu-details {
  padding-top: 15px;
  padding-bottom: 17px;
  box-shadow: 0px 0px 32px 0px rgba(170, 170, 170, 0.4705882353);
  z-index: 1000;
}
.menu-details .danger {
  color: rgb(255, 0, 114) !important;
}
.menu-details .danger:hover {
  color: rgb(255, 0, 114) !important;
  opacity: 0.8 !important;
}
.menu-details .mat-menu-item {
  padding: 0px 35px;
  padding-left: 15px;
  height: 48px;
  font-size: 15px;
  font-family: "Roboto-Regular";
  color: #535762;
  font-weight: 900;
  opacity: 0.9;
}
.menu-details .mat-menu-item:hover {
  background-color: transparent !important;
  color: rgb(0, 128, 234);
}
.menu-details .mat-menu-item:hover .mat-icon {
  color: rgb(0, 128, 234);
}
.menu-details .mat-menu-item:active {
  background-color: transparent !important;
  color: rgb(0, 128, 234);
}
.menu-details .mat-menu-item:active .mat-icon {
  color: rgb(0, 128, 234);
}
.menu-details .mat-menu-item .mat-icon {
  font-size: 18px;
  margin: 0px !important;
  position: relative;
  top: 1px;
  color: #535762;
}
.menu-details .mat-menu-item label {
  font-family: "Roboto";
  padding-left: 10px;
  cursor: pointer;
}
.menu-small {
  padding-top: 11px;
  padding-bottom: 15px;
  box-shadow: 0px 0px 32px 0px rgba(170, 170, 170, 0.4705882353);
  z-index: 1000;
}
.menu-small .danger {
  color: rgb(255, 0, 114) !important;
}
.menu-small .danger:hover {
  color: rgb(255, 0, 114) !important;
  opacity: 0.8 !important;
}
.menu-small .mat-menu-item {
  width: 150px;
  height: 48px;
  font-size: 15px;
  font-family: "Roboto-Regular";
  color: #535762;
  font-weight: 900;
  opacity: 0.9;
}
.menu-small .mat-menu-item:hover {
  background-color: transparent !important;
  color: rgb(0, 128, 234);
}
.menu-small .mat-menu-item:hover .mat-icon {
  color: rgb(0, 128, 234);
}
.menu-small .mat-menu-item:active {
  background-color: transparent !important;
  color: rgb(0, 128, 234);
}
.menu-small .mat-menu-item:active .mat-icon {
  color: rgb(0, 128, 234);
}
.menu-small .mat-menu-item .mat-icon {
  font-size: 18px;
  margin: 0px !important;
  position: relative;
  top: 1px;
  color: #535762;
}
.menu-small .mat-menu-item label {
  font-family: "Roboto";
  padding-left: 10px;
  cursor: pointer;
}
.mat-menu-content:not(:empty),
.mat-mdc-menu-content:not(:empty) {
  padding: 0px !important;
}
.mat-mdc-menu-panel.menu-locations,
.menu-locations {
  padding: 15px 15px 18px 15px !important;
  margin-top: 21px;
  border-radius: 16px !important;
  --mat-menu-container-shape: 16px;
  --mat-menu-item-leading-spacing: 0;
  --mat-menu-item-trailing-spacing: 0;
  --mat-menu-item-with-icon-leading-spacing: 0;
  --mat-menu-item-with-icon-trailing-spacing: 0;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content,
.mat-mdc-menu-panel.menu-locations .mat-menu-content,
.menu-locations .mat-mdc-menu-content,
.menu-locations .mat-menu-content {
  padding: 0 !important;
  width: 100%;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item,
.menu-locations .mat-mdc-menu-content .mat-menu-item,
.menu-locations .mat-menu-content .mat-mdc-menu-item,
.menu-locations .mat-menu-content .mat-menu-item {
  width: 100%;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 0 !important;
  font-size: 15px;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  color: #535762;
  font-weight: 900;
  opacity: 0.9;
  --mat-menu-item-hover-state-layer-color: transparent;
  --mat-menu-item-focus-state-layer-color: transparent;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item .mat-mdc-menu-item-text,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item .mat-mdc-menu-item-text,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text,
.menu-locations .mat-mdc-menu-content .mat-menu-item .mat-mdc-menu-item-text,
.menu-locations .mat-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text,
.menu-locations .mat-menu-content .mat-menu-item .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  line-height: 1.25;
  letter-spacing: normal;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text Stack,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item .mat-mdc-menu-item-text Stack,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text Stack,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item .mat-mdc-menu-item-text Stack,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text Stack,
.menu-locations .mat-mdc-menu-content .mat-menu-item .mat-mdc-menu-item-text Stack,
.menu-locations .mat-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text Stack,
.menu-locations .mat-menu-content .mat-menu-item .mat-mdc-menu-item-text Stack {
  width: 100%;
  align-items: center;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item Icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item Icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item Icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item Icon,
.menu-locations .mat-menu-content .mat-menu-item mat-icon,
.menu-locations .mat-menu-content .mat-menu-item Icon {
  font-size: 18px;
  margin: 0 !important;
  color: #535762;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item Icon mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item Icon mat-icon,
.menu-locations .mat-menu-content .mat-menu-item Icon mat-icon {
  color: inherit !important;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item Typography,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item Typography,
.menu-locations .mat-mdc-menu-content .mat-menu-item Typography,
.menu-locations .mat-menu-content .mat-mdc-menu-item Typography,
.menu-locations .mat-menu-content .mat-menu-item Typography {
  letter-spacing: normal;
  line-height: 1.25;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item:hover,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.active,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.active,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item:hover,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.active,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted,
.menu-locations .mat-mdc-menu-content .mat-menu-item:hover,
.menu-locations .mat-mdc-menu-content .mat-menu-item.active,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused,
.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted,
.menu-locations .mat-menu-content .mat-mdc-menu-item:hover,
.menu-locations .mat-menu-content .mat-mdc-menu-item.active,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused,
.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted,
.menu-locations .mat-menu-content .mat-menu-item:hover,
.menu-locations .mat-menu-content .mat-menu-item.active,
.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused,
.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused,
.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted {
  background-color: transparent !important;
  color: rgb(0, 128, 234) !important;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item:hover mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item:hover Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item:hover Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item:hover Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.active mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.active Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.active Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.active Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused Typography,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item:hover mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item:hover Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item:hover Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item:hover Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.active mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.active Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.active Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.active Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item:hover mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item:hover Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item:hover Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item:hover Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.active mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.active Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.active Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.active Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused Typography,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Typography,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover Icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover Typography,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active Icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active Typography,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Typography,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused Icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused Typography,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Typography,
.menu-locations .mat-mdc-menu-content .mat-menu-item:hover mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item:hover Icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item:hover Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-menu-item:hover Typography,
.menu-locations .mat-mdc-menu-content .mat-menu-item.active mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.active Icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.active Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-menu-item.active Typography,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused Icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused Typography,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused Icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused Typography,
.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Typography,
.menu-locations .mat-menu-content .mat-mdc-menu-item:hover mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item:hover Icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item:hover Icon[color=default],
.menu-locations .mat-menu-content .mat-mdc-menu-item:hover Typography,
.menu-locations .mat-menu-content .mat-mdc-menu-item.active mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.active Icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.active Icon[color=default],
.menu-locations .mat-menu-content .mat-mdc-menu-item.active Typography,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon[color=default],
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Typography,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused Icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused Icon[color=default],
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused Typography,
.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Typography,
.menu-locations .mat-menu-content .mat-menu-item:hover mat-icon,
.menu-locations .mat-menu-content .mat-menu-item:hover Icon,
.menu-locations .mat-menu-content .mat-menu-item:hover Icon[color=default],
.menu-locations .mat-menu-content .mat-menu-item:hover Typography,
.menu-locations .mat-menu-content .mat-menu-item.active mat-icon,
.menu-locations .mat-menu-content .mat-menu-item.active Icon,
.menu-locations .mat-menu-content .mat-menu-item.active Icon[color=default],
.menu-locations .mat-menu-content .mat-menu-item.active Typography,
.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused mat-icon,
.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused Icon,
.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused Icon[color=default],
.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused Typography,
.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused mat-icon,
.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused Icon,
.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused Icon[color=default],
.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused Typography,
.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon,
.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon[color=default],
.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Typography {
  color: rgb(0, 128, 234) !important;
}
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item:hover Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.active Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item:hover Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.active Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item:hover Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.active Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused Icon mat-icon,
.mat-mdc-menu-panel.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item:hover Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.active Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.cdk-program-focused Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item:hover Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.active Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-keyboard-focused Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.cdk-program-focused Icon mat-icon,
.menu-locations .mat-mdc-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item:hover Icon mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.active Icon mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-keyboard-focused Icon mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.cdk-program-focused Icon mat-icon,
.menu-locations .mat-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon,
.menu-locations .mat-menu-content .mat-menu-item:hover Icon mat-icon,
.menu-locations .mat-menu-content .mat-menu-item.active Icon mat-icon,
.menu-locations .mat-menu-content .mat-menu-item.cdk-keyboard-focused Icon mat-icon,
.menu-locations .mat-menu-content .mat-menu-item.cdk-program-focused Icon mat-icon,
.menu-locations .mat-menu-content .mat-menu-item.mat-mdc-menu-item-highlighted Icon mat-icon {
  color: rgb(0, 128, 234) !important;
}
.mat-menu-content {
  width: 100%;
  max-width: 100%;
}
.mat-menu-panel {
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);
  min-height: fit-content !important;
}
.mat-menu-panel.actions-menu {
  border-radius: 12px !important;
}
.mat-menu-panel.actions-menu .actions-menu-option {
  --button-border-radius: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.mat-menu-panel.actions-menu .actions-menu-option:hover,
.mat-menu-panel.actions-menu .actions-menu-option:focus-visible,
.mat-menu-panel.actions-menu .actions-menu-option:active {
  border-radius: 0 !important;
}
.mat-menu-panel.actions-menu .actions-menu-option .mat-ripple-element {
  border-radius: 0 !important;
}
.mat-mdc-menu-panel.actions-menu .actions-menu-option {
  --button-border-radius: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.mat-mdc-menu-panel.actions-menu .actions-menu-option:hover,
.mat-mdc-menu-panel.actions-menu .actions-menu-option:focus-visible,
.mat-mdc-menu-panel.actions-menu .actions-menu-option:active {
  border-radius: 0 !important;
}
.mat-mdc-menu-panel.actions-menu .actions-menu-option .mat-ripple-element {
  border-radius: 0 !important;
}
.ngx-datatable.material.single-selection .datatable-body-row.datatable-row-odd.active,
.ngx-datatable.material.single-selection .datatable-body-row.datatable-row-odd.active .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.datatable-row-odd.active,
.ngx-datatable.material.multi-selection .datatable-body-row.datatable-row-odd.active .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.datatable-row-odd.active,
.ngx-datatable.material.multi-click-selection .datatable-body-row.datatable-row-odd.active .datatable-row-group {
  background-color: #fff !important;
  color: inherit;
}
.ngx-datatable.material.single-selection .datatable-body-row.datatable-row-even.active,
.ngx-datatable.material.single-selection .datatable-body-row.datatable-row-even.active .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.datatable-row-even.active,
.ngx-datatable.material.multi-selection .datatable-body-row.datatable-row-even.active .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.datatable-row-even.active,
.ngx-datatable.material.multi-click-selection .datatable-body-row.datatable-row-even.active .datatable-row-group {
  background-color: #f9f9f9 !important;
  color: inherit;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:hover,
.ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
  background-color: #eee !important;
  color: inherit;
}
.mat-dialog-container,
.mat-mdc-dialog-surface {
  padding: 0px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: transparent;
}
.twofa-dialog .mat-dialog-container,
.twofa-dialog .mat-mdc-dialog-surface {
  background-color: #ffffff !important;
}
.appointment-log-dialog-panel .mat-dialog-container,
.appointment-log-dialog-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.appointment-editor-choice-dialog-panel .mat-dialog-container,
.appointment-editor-choice-dialog-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: visible !important;
  background: #ffffff !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
.confirmation-dialog-panel .mat-dialog-container,
.confirmation-dialog-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
.ae-tag-filter-dialog-panel .mat-dialog-container,
.ae-tag-filter-dialog-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
.welcome-modal-dialog .mat-dialog-container,
.welcome-modal-dialog .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.payment-method-dialog .mat-dialog-container,
.payment-method-dialog .mat-mdc-dialog-surface {
  width: 480px !important;
  max-width: 95vw !important;
  max-height: 90vh !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.cancel-subscription-dialog .mat-dialog-container,
.cancel-subscription-dialog .mat-mdc-dialog-surface {
  width: 480px !important;
  max-width: 95vw !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}
.cdk-overlay-backdrop {
  transition: opacity 150ms cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  overflow: hidden !important;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1 !important;
}
.appointments-edit-dialog + .cdk-overlay-backdrop {
  transition: opacity 150ms cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.cdk-overlay-container {
  overflow: hidden !important;
}
.cdk-overlay-container .mat-mdc-tooltip.month-summary__fulfillment-tooltip,
.cdk-overlay-container .mat-tooltip.month-summary__fulfillment-tooltip {
  white-space: pre-line;
  max-width: 320px;
}
.cdk-overlay-container .mat-mdc-tooltip.assignment-row-info-tooltip,
.cdk-overlay-container .mat-tooltip.assignment-row-info-tooltip {
  white-space: pre-line;
  max-width: 320px;
}
body.cdk-global-scrollblock {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
}
html.cdk-global-scrollblock {
  overflow: hidden !important;
}
.preload-dialog {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.main-panel > .content {
  padding: 10px 15px !important;
}
.menu-language-pair-options {
  min-width: 392px !important;
  max-width: 382px !important;
  width: 382px !important;
}
.menu-language-pair-options button {
  width: 100%;
  border: none;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 0px 0px 0px 25px;
  height: 50px;
}
.menu-language-pair-options button span {
  font-size: 17px;
  font-family: "Roboto-Light";
  margin-right: 10px;
}
.menu-language-pair-options button.selected span {
  font-family: "Roboto-Bold";
  color: #5c5f69;
}
.menu-language-pair-options button.selected mat-icon {
  color: #5c5f69;
  font-weight: 900;
}
.menu-language-pair-options button:hover {
  background-color: transparent !important;
  color: rgb(0, 128, 234) !important;
}
.menu-language-pair-options button:hover .mat-icon {
  color: rgb(0, 128, 234) !important;
}
.menu-language-pair-options button mat-icon:nth-of-type(1) {
  font-size: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 10px 5px 10px 0px;
  color: #545762;
}
.menu-language-pair-options button mat-icon:nth-of-type(2) {
  position: absolute;
  right: 0px;
  color: #545762;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-notifications {
  border-radius: 20px !important;
  right: -50px;
  min-width: 500px !important;
  width: 500px;
  margin-top: 16px;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
}
.menu-notifications .mat-menu-content:nth-child(odd) {
  background-color: white;
}
.menu-notifications .mat-menu-content:nth-child(even) {
  background-color: white;
}
.menu-notifications .mat-menu-content {
  width: 100% !important;
}
.menu-notifications .mat-menu-content .mat-menu-item {
  border-bottom: 1px solid #e8e9ea;
  min-height: 65px;
  width: 100%;
  padding: 0px;
  height: fit-content;
  display: flex;
}
.mat-mdc-menu-panel.menu-notifications {
  border-radius: 20px !important;
  right: -50px;
  min-width: 500px !important;
  width: 500px;
  max-width: 500px !important;
  margin-top: 16px;
  overflow: hidden;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  --mat-menu-container-shape: 20px;
}
.mat-mdc-menu-panel.menu-notifications .mat-mdc-menu-content {
  width: 100% !important;
  padding: 0 !important;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
}
.mat-mdc-menu-panel.menu-same-day-confirmations {
  border-radius: 16px !important;
  min-width: 409px !important;
  width: 409px;
  max-width: 409px !important;
  max-height: calc(100vh - 80px) !important;
  overflow: hidden;
  margin-top: 16px;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  --mat-menu-container-shape: 16px;
}
.mat-mdc-menu-panel.menu-same-day-confirmations .mat-mdc-menu-content {
  padding: 0 !important;
  background-color: white;
  max-height: inherit;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100% !important;
  font-family:
    "Roboto",
    Helvetica,
    Arial,
    sans-serif;
}
button:focus {
  outline: 0;
}
.btn-primary {
  background-color: rgb(0, 128, 234) !important;
}
.col-md-12 {
  background-color: white;
  padding-top: 20px;
  padding-bottom: 0px;
  box-shadow: 1px 1px 1px #eee;
}
.ngx-datatable.material {
  box-shadow: none !important;
}
button[disabled] {
  box-shadow: 0px 0px 0px #aaa;
}
.green {
  color: rgb(0, 192, 179) !important;
}
.blue {
  color: rgb(0, 128, 234) !important;
}
.pink {
  color: rgb(255, 0, 114) !important;
}
.orange {
  color: #f7941d !important;
}
.teal {
  color: #4de4b9;
}
.bg-green {
  background-color: rgb(0, 192, 179) !important;
}
.bg-blue {
  background-color: rgb(0, 128, 234) !important;
}
.bg-pink {
  background-color: rgb(255, 0, 114) !important;
}
.bg-orange {
  background-color: #f7941d !important;
}
.bg-teal {
  background-color: #4de4b9;
}
.fade {
  opacity: 0.5;
  pointer-events: none;
}
.stripe-checkout-panel .mat-dialog-container,
.stripe-checkout-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden;
  background-color: white !important;
}
.invite-new-dialog-panel .mat-dialog-container,
.invite-new-dialog-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  --im-bg: #ffffff;
  --im-bg2: #f7f8fa;
  --im-text: #1a1d24;
  --im-text2: #3d424d;
  --im-text3: #6b7280;
  --im-blue: #0080ea;
  --im-blue-bg: #e6f2fd;
  --im-border: #ebebef;
  --im-border-light: #f0f0f3;
  --im-shadow: 0 16px 48px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}
.invite-new-dialog-panel .mat-form-field-appearance-standard .mat-form-field-flex {
  padding-top: 0;
}
.bulk-invite-dialog-panel .mat-dialog-container,
.bulk-invite-dialog-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  --im-bg: #ffffff;
  --im-bg2: #f7f8fa;
  --im-text: #1a1d24;
  --im-text2: #3d424d;
  --im-text3: #6b7280;
  --im-blue: #0080ea;
  --im-blue-bg: #e6f2fd;
  --im-border: #ebebef;
  --im-border-light: #f0f0f3;
}
.invite-nested-dialog .mat-dialog-container,
.invite-nested-dialog .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: visible !important;
  background: #ffffff !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* node_modules/angular-calendar/css/angular-calendar.css */
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
  overflow: hidden;
  animation: cal-slide-down 150ms ease-in;
}
.cal-month-view .cal-open-day-events.cal-open-day-events-closing {
  animation: cal-slide-up 150ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events.cal-open-day-events-closing {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events {
    animation: none;
  }
}
@keyframes cal-slide-down {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@keyframes cal-slide-up {
  from {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: rgb(224.25, 224.25, 224.25) !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: "\a0";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/* node_modules/@swimlane/ngx-datatable/index.css */
:host {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
}

/* node_modules/@swimlane/ngx-datatable/assets/icons.css */
@font-face {
  font-family: "data-table";
  src: url("./media/data-table-DGQ4LQQR.eot");
  src:
    url("./media/data-table-DGQ4LQQR.eot?#iefix") format("embedded-opentype"),
    url("./media/data-table-2IZ2Q4SK.woff") format("woff"),
    url("./media/data-table-J6MZE774.ttf") format("truetype"),
    url("./media/data-table-AKMZFM4M.svg#data-table") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]::before {
  font-family: "data-table" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=datatable-icon-]::before,
[class*=" datatable-icon-"]::before {
  font-family: "data-table" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.datatable-icon-filter::before {
  content: "b";
}
.datatable-icon-collapse::before {
  content: "a";
}
.datatable-icon-expand::before {
  content: "c";
}
.datatable-icon-close::before {
  content: "d";
}
.datatable-icon-up::before {
  content: "e";
}
.datatable-icon-down::before {
  content: "f";
}
.datatable-icon-sort-unset::before {
  content: "c";
  opacity: 0.5;
}
.datatable-icon-sort::before {
  content: "g";
}
.datatable-icon-done::before {
  content: "h";
}
.datatable-icon-done-all::before {
  content: "i";
}
.datatable-icon-search::before {
  content: "j";
}
.datatable-icon-pin::before {
  content: "k";
}
.datatable-icon-add::before {
  content: "m";
}
.datatable-icon-left::before {
  content: "o";
}
.datatable-icon-right::before {
  content: "p";
}
.datatable-icon-skip::before {
  content: "q";
}
.datatable-icon-prev::before {
  content: "r";
}

/* node_modules/@swimlane/ngx-datatable/themes/material.css */
.ghost-cell-container {
  background: #fff;
}
.ghost-cell-strip {
  background: #d9d8d9;
  background-image:
    linear-gradient(
      to right,
      #d9d8d9 0%,
      #d9d8d9 10%,
      #fff,
      transparent);
  border-radius: 0;
  animation-duration: 10s;
}
.ngx-datatable .row-disabled {
  color: #83888e;
}
.ngx-datatable .row-disabled .datatable-body-cell-label {
  color: #83888e;
}
.ngx-datatable .datatable-row-wrapper .datatable-body-row.row-disabled:hover {
  background-color: inherit;
  transition: none;
}
.ngx-datatable .datatable-row-wrapper .datatable-body-row.row-disabled:hover .datatable-row-group {
  background-color: inherit;
  transition: none;
}
.ngx-datatable.material {
  background: #fff;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.ngx-datatable.material *,
.ngx-datatable.material *:before,
.ngx-datatable.material *:after {
  box-sizing: border-box;
}
.ngx-datatable.material.striped .datatable-row-odd {
  background: #eee;
}
.ngx-datatable.material.single-selection .datatable-body-row.active,
.ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active,
.ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:hover,
.ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:focus,
.ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:focus,
.ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background-color: #eee;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
  background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:hover:not(.row-disabled),
.ngx-datatable.material.cell-selection .datatable-body-cell:hover:not(.row-disabled) .datatable-row-group {
  background-color: #eee;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:focus:not(.row-disabled),
.ngx-datatable.material.cell-selection .datatable-body-cell:focus:not(.row-disabled) .datatable-row-group {
  background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:not(.row-disabled),
.ngx-datatable.material.cell-selection .datatable-body-cell.active:not(.row-disabled) .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover:not(.row-disabled),
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover:not(.row-disabled) .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus:not(.row-disabled),
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus:not(.row-disabled) .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material .empty-row {
  height: 50px;
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}
.ngx-datatable.material .loading-row {
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}
.ngx-datatable.material .datatable-header .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-left {
  background-color: #fff;
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header .datatable-row-right,
.ngx-datatable.material .datatable-body .datatable-row-right {
  background-position: 0 0;
  background-color: #fff;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
  flex-shrink: 0;
  text-align: left;
  padding: 0.9rem 1.2rem;
  font-weight: 400;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.54);
  vertical-align: bottom;
  font-size: 12px;
  font-weight: 500;
}
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
  position: relative;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
  transition: transform 400ms ease, opacity 400ms ease;
  opacity: 0.5;
  transform: scale(1);
}
.ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  height: 60px;
  width: 60px;
  background: #eee;
  border-radius: 100%;
  opacity: 1;
  filter: none;
  transform: scale(0);
  z-index: 9999;
  pointer-events: none;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
  border-right: none;
}
.ngx-datatable.material .datatable-header .resize-handle {
  border-right: solid 1px #eee;
}
.ngx-datatable.material .datatable-body {
  position: relative;
}
.ngx-datatable.material .datatable-body .datatable-row-detail {
  background: #f5f5f5;
  padding: 10px;
}
.ngx-datatable.material .datatable-body .datatable-group-header {
  background: #f5f5f5;
  border-bottom: solid 1px #d9d8d9;
  border-top: solid 1px #d9d8d9;
}
.ngx-datatable.material .datatable-body .datatable-group-header .datatable-group-cell {
  padding-inline-start: 1.2rem;
  display: flex;
}
.ngx-datatable.material .datatable-body datatable-row-def {
  background-color: #fff;
}
.ngx-datatable.material .datatable-body .datatable-body-row {
  border-bottom: 1px solid #d9d8d9;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  flex-shrink: 0;
  text-align: left;
  padding: 0.9rem 1.2rem;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, 0.87);
  transition: width 0.3s ease;
  font-size: 14px;
  font-weight: 400;
}
.ngx-datatable.material .datatable-body .progress-linear {
  display: block;
  position: sticky;
  width: 100%;
  height: 0;
  z-index: 999;
  padding: 0;
  margin: 0;
  top: 0;
}
.ngx-datatable.material .datatable-body .progress-linear .container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  transform: translate(0, 0) scale(1, 1);
  background-color: rgb(170, 209, 249);
}
.ngx-datatable.material .datatable-body .progress-linear .container .bar {
  transition: all 0.2s linear;
  animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  background-color: rgb(16, 108, 200);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
.ngx-datatable.material .datatable-body .custom-loading-indicator-wrapper {
  position: sticky;
  top: 0;
  height: 0;
  z-index: 999;
}
.ngx-datatable.material .datatable-body .custom-loading-indicator-wrapper .custom-loading-content {
  width: 100%;
  background-color: #fff;
}
.ngx-datatable.material .datatable-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}
.ngx-datatable.material .datatable-footer .page-count {
  line-height: 50px;
  height: 50px;
  padding: 0 1.2rem;
}
.ngx-datatable.material .datatable-footer .datatable-pager {
  margin: 0 10px;
}
.ngx-datatable.material .datatable-footer .datatable-pager li {
  vertical-align: middle;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
  color: rgba(0, 0, 0, 0.26) !important;
  background-color: transparent !important;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
  background-color: rgba(158, 158, 158, 0.2);
  font-weight: bold;
}
.ngx-datatable.material .datatable-footer .datatable-pager a {
  height: 22px;
  min-width: 24px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 3px;
  margin: 6px 3px;
  text-align: center;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  vertical-align: bottom;
}
.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(158, 158, 158, 0.2);
}
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
  font-size: 20px;
  line-height: 20px;
  padding: 0 3px;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row {
  background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
  background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
  font-weight: bold;
}
.datatable-checkbox {
  position: relative;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
}
.datatable-checkbox input[type=checkbox] {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
  outline: none;
}
.datatable-checkbox input[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid #f2f2f2;
}
.datatable-checkbox input[type=checkbox]:checked:before {
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: #009688;
  border-top-style: none;
  border-right-style: none;
}
.datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #fff;
  cursor: pointer;
}
@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}

/* src/assets/scss/datatable-theme-overrides.scss */
.fluent-datatable .datatable-body .datatable-body-row,
.ngx-datatable.material .datatable-body .datatable-body-row {
  border-bottom: 1px solid #EEEEEE;
}

/* angular:styles/global:styles */