@charset "UTF-8";

/* node_modules/@angular/material/prebuilt-themes/azure-blue.css */
html {
  --mat-sys-background: #faf9fd;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f2f0f4;
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: #2f3033;
  --mat-sys-on-background: #1a1b1f;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: #1a1b1f;
  --mat-sys-on-surface-variant: #44474e;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #0000ef;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: #74777f;
  --mat-sys-outline-variant: #c4c6d0;
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9fd;
  --mat-sys-surface-bright: #faf9fd;
  --mat-sys-surface-container: #efedf0;
  --mat-sys-surface-container-high: #e9e7eb;
  --mat-sys-surface-container-highest: #e3e2e6;
  --mat-sys-surface-container-low: #f4f3f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dbd9dd;
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: #e0e2ec;
  --mat-sys-tertiary: #343dff;
  --mat-sys-tertiary-container: #e0e0ff;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --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);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --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;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/* 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;
  -o-text-overflow: ellipsis;
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  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 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  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;
}
.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: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  -webkit-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  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 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  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 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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;
  -o-text-overflow: ellipsis;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  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;
}

/* src/styles.scss */
.gl-table-border {
  border: 0.0625rem solid var(--border-color) !important;
}
.mat-table {
  background-color: var(--surface-container-lowest) !important;
}
.mat-table .mat-header-cell {
  color: var(--text-secondary) !important;
  border-bottom-color: var(--divider) !important;
}
.mat-table .mat-cell {
  color: var(--text-primary) !important;
  border-bottom-color: var(--divider) !important;
}
.mat-mdc-table {
  background-color: var(--schema-surface-container-lowest) !important;
  color: var(--schema-on-surface) !important;
  border: 0.0625rem solid var(--schema-colors-surface-variant);
  border-radius: 0;
  overflow: hidden;
  border-radius: 0.375rem 0.375rem 0 0;
}
.mat-mdc-header-row {
  background-color: var(--schema-primary) !important;
  height: 2.905rem;
}
.mat-mdc-header-row .mat-mdc-header-cell {
  background-color: var(--schema-primary) !important;
  color: var(--schema-on-primary) !important;
  font-family: var(--font-family), sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  border-bottom: 0.0625rem solid var(--schema-colors-surface-variant) !important;
  border-right: 0.0625rem solid rgba(255, 255, 255, 0.2) !important;
  padding: 0.5rem 1rem;
}
.mat-mdc-header-row .mat-mdc-header-cell:last-child {
  border-right: none !important;
}
.mat-mdc-row {
  background-color: var(--schema-surface-container-lowest) !important;
  border-top: 0.0625rem solid var(--schema-colors-surface-variant) !important;
  border-bottom: 0.0625rem solid var(--schema-colors-surface-variant) !important;
  height: 3.375rem;
  transition: background-color 0.2s ease;
}
.mat-mdc-row:nth-child(even) {
  background-color: var(--schema-surface-container) !important;
  border-top: none !important;
  border-bottom: none !important;
  height: 3.3125rem;
}
.mat-mdc-row .mat-mdc-cell {
  color: var(--schema-on-surface) !important;
  font-family: var(--font-family), sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.5rem 1rem;
  border-right: 0.0625rem solid var(--schema-colors-surface-variant) !important;
}
.mat-mdc-row .mat-mdc-cell:last-child {
  border-right: none !important;
}
.mat-mdc-row .mat-mdc-cell:nth-child(2) {
  font-weight: 500;
}
.mat-mdc-row .mat-mdc-cell .f-blue {
  color: var(--schema-primary) !important;
}
.mat-mdc-row .mat-mdc-cell .f-blue:hover {
  color: var(--schema-primary-container) !important;
  text-decoration: underline;
}
.mat-mdc-row .mat-mdc-cell .f-success {
  color: var(--schema-success) !important;
}
.mat-mdc-row .mat-mdc-cell .f-error {
  color: var(--schema-error) !important;
}
.mat-mdc-footer-row {
  background-color: var(--schema-surface-container) !important;
  border-top: 0.0625rem solid var(--schema-colors-surface-variant) !important;
}
.mat-mdc-footer-row .mat-mdc-footer-cell {
  color: var(--schema-on-surface) !important;
  font-family: var(--font-family), sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-right: 0.0625rem solid var(--schema-colors-surface-variant) !important;
}
.mat-mdc-footer-row .mat-mdc-footer-cell:last-child {
  border-right: none !important;
}
.mat-mdc-row td.f-italic.f-grey {
  color: var(--schema-on-surface-varient) !important;
  background-color: var(--schema-surface-container-lowest) !important;
  text-align: center;
  padding: 1.5rem !important;
}
.mat-mdc-select {
  color: var(--schema-on-surface) !important;
}
.mat-mdc-select-placeholder {
  color: var(--text-secondary) !important;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell {
  background-color: var(--background-primary) !important;
  border-right: 0.0625rem solid var(--schema-colors-surface-variant) !important;
  padding: 0.5rem 1rem;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell .filter_inputs {
  background-color: var(--surface) !important;
  color: var(--text-primary) !important;
  border: 0.0625rem solid var(--table-input-field-border) !important;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell .filter_inputs::placeholder {
  color: var(--text-secondary) !important;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell .filter_inputs:focus {
  border-color: var(--primary) !important;
  outline: none;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell mat-select {
  background-color: var(--surface) !important;
  color: var(--text-primary) !important;
  border: 0.0625rem solid var(--table-input-field-border) !important;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell mat-select .mat-mdc-select-value {
  color: var(--text-primary) !important;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell mat-select .mat-mdc-select-arrow {
  color: var(--text-primary) !important;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell mat-select:focus,
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell mat-select.mat-focused {
  border-color: var(--primary) !important;
  outline: none;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell mat-select.mat-mdc-select-disabled {
  cursor: not-allowed !important;
  background-color: var(--schema-surface-container-lowest, #fff) !important;
  border-color: var(--schema-outline-variant, #c4c7cf) !important;
  opacity: 1 !important;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell mat-select.mat-mdc-select-disabled .mat-mdc-select-value {
  color: var(--schema-on-surface-variant, #44474e) !important;
}
.mat-mdc-header-row:last-child:not(:first-child) .mat-mdc-header-cell mat-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: var(--schema-on-surface-variant, #44474e) !important;
}
.mat-mdc-icon-button.btn-success {
  background-color: var(--success) !important;
  color: var(--pure-white) !important;
}
.mat-mdc-icon-button.btn-success mat-icon {
  color: var(--pure-white) !important;
}
.mat-mdc-icon-button.btn-warning {
  background-color: var(--mat-icon-warning) !important;
  color: var(--pure-white) !important;
}
.mat-mdc-icon-button.btn-warning mat-icon {
  color: var(--pure-white) !important;
}
mat-chip.btn-warning {
  background-color: var(--mat-icon-warning) !important;
  color: var(--pure-white) !important;
}
mat-chip.btn-primary {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
mat-chip.btn-success {
  background-color: var(--success) !important;
  color: var(--pure-white) !important;
}
.mat-mdc-select-panel {
  min-width: 10rem !important;
}
.mat-mdc-option span {
  color: var(--text-primary) !important;
}
.mat-mdc-option.mat-mdc-option-active span {
  color: var(--pure-white) !important;
}
.mat-mdc-option:focus.mdc-list-item,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  background-color: var(--mat-option-bg-color) !important;
  color: var(--pure-white) !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--mat-option-bg-color) !important;
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-checkbox__background {
  border-color: var(--table-border) !important;
}
.card-content-icons mat-icon {
  color: var(--table-edit-icon-color) !important;
}
.tab-sub-title {
  color: var(--table-edit-icon-color);
  font-size: 1.125rem;
  cursor: pointer;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_18pt-Regular-UHNXEOLW.ttf") format("truetype");
  font-weight: 100 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_18pt-Regular-UHNXEOLW.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_18pt-Medium-VXC6SNUD.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_18pt-SemiBold-GVMOABA4.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_18pt-Bold-K2QR2KD5.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_18pt-Bold-K2QR2KD5.ttf") format("truetype");
  font-weight: 800 900;
  font-style: normal;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    var(--font-family),
    Roboto,
    "Helvetica Neue",
    sans-serif;
  scrollbar-color: var(--surface-container-lowest) var(--border-color);
}
:root,
body.light-theme,
body[data-theme=light] {
  --sidenav-bg: #1F2937;
  --sidebar-font: #FFFFFF;
  --hover-color: #D6E3FF;
  --border-color: #D8D7DE;
  --font-family: "Inter";
  --card-content-bg: #FFFFFF;
  --card-bg: #f3f3fa;
  --input-border: #E4E4E4;
  --input-bg: #FFFFFF;
  --input-border-focus: #415F91;
  --secondary: #707070;
  --mat-icon-black:#677078 0% 0% no-repeat padding-box;
  --mat-button-text-black:#677078;
  --option-bg-color:#FAD8FD;
  --option-text-color:#573E5C;
  --kpi-height: 1.5625rem;
  --no-border:0rem;
  --submodule-header-font:normal normal bold 1.25rem/1.6875rem var(--font-family);
  --kpi-left-border-color: #1D1327;
  --md-sys-color-on-primary: #4472C4;
  --headertab-bg-color:#3E4759;
  --card-border-color:#D1D1D1;
  --cancel-icon-color: #E74C3C;
  --check-icon-color: #09a90c;
  --table-edit-icon-color: #4472C4;
  --subtitle-color: #444444;
  --kpi-bg: #3B3B3B;
  --drag-drop-border: #ccc;
  --drag-drop-border-hover: #3f51b5;
  --drag-drop-active-bg: #F5F6FB;
  --spinner-overlay-bg: #FCFCFC;
  --box-shadow-light: #E6E6E6;
  --error: #E74C3C;
  --primary: #133665;
  --tertiary: #FAD8FD;
  --success: #36AF5A;
  --default: #8E44AD;
  --blue-g: #3B7FD8;
  --mat-icon-warning: #ED9F57;
  --action-bg-color1:#5399D6;
  --action-bg-color2:#17A2B8;
  --tab-tittle-color:#677078;
  --temperture-fahrenheit: #333333;
  --text-primary: #212121;
  --text-secondary: #757575;
  --background-primary: #FFFFFF;
  --background-secondary: #F5F5F5;
  --surface: #FFFFFF;
  --divider: #E0E0E0;
  --table-border:#d7d7d7;
  --vending-tab-bg:#3E4759;
  --vending-tab-color:aliceblue;
  --all-machine-chipvalue:#202020;
  --offline-color:#989898;
  --option-btn-bg:#565F71;
  --table-input-field-border:#CBCBCB;
  --mdc-chip-label-text-color: #FFFFFF;
  --add-new-note-bg:#F0F4FF;
  --mdc-chip-label-text-font: var(--font-family) !important;
  --mdc-circular-progress-active-indicator-color: var(--error) !important;
  --mat-select-panel-background-color: var(--card-content-bg) !important;
  --mat-menu-container-color: var(--input-bg) !important;
  --print-color:#705575;
  --loading-screen: rgba(255, 255, 255, 0.8);
  --pure-black: #000;
  --very-good: #0EDAD4;
  --disabled-text-color:#bdbdbd;
  --orange: #FFA500;
  --profile-icon-bg: #D6E3FF;
  --profile-text-color: #565F71;
  --input-color: #565F71;
  --pure-white: #fff;
  --blue:#0d2e49 !important;
  --secondary-container: #dae2f9;
  --on-secondary-container: #3E4759;
  --active-node-color: #111827;
  --node-hover-color:#3E4759;
  --button-text-color: #FFFFFF;
  --btn-tertiary-bg: #FAD8FD;
  --btn-tertiary-text: #573E5C;
  --btn-primary-bg: #415F91;
  --btn-primary-text: #FFFFFF;
  --theme-color: #fff;
  --label-text-color: #000;
  --opposite-theme: #fff;
  --mat-disabled-bg:#6b72801a;
  --black: #00000008;
  --btn-primary: #D6E3FF;
  --dark-blue: #284777;
  --mat-expansion-panel:#DAE2F9;
  --surface-Container-High:#E7E8EE;
  --signin-banner-bg:
    linear-gradient(
      135deg,
      #4285f4 0%,
      #1a73e8 100%);
  --active-tab-color: #D6E3FF;
  --signin-form-section-bg: #fafafa;
  --signin-card-bg: #ffffff;
  --signin-card-shadow: rgba(0, 0, 0, 0.1);
  --signin-title-color: #202124;
  --signin-subtitle-color: #5f6368;
  --signin-footer-text-color: #5f6368;
  --signin-link-color: #1a73e8;
  --signin-link-hover-color: #1557b0;
  --forgot-password-timer-text: #5f6368;
  --forgot-password-timer-value: #1a73e8;
  --forgot-password-timer-warning: #f57c00;
  --forgot-password-timer-expired: #d93025;
  --forgot-password-requirements-title: #202124;
  --forgot-password-requirements-text: #5f6368;
  --forgot-password-requirements-icon: #9aa0a6;
  --forgot-password-requirements-valid: #137333;
  --forgot-password-link-disabled: #9aa0a6;
  --mat-option-bg-color: #4285f4;
  --schema-primary: #415F91;
  --schema-secondary: #565F71;
  --schema-tertiary: #705575;
  --schema-error: #BA1A1A;
  --schema-warning: #9E6312;
  --schema-success: #237B40;
  --schema-on-primary: #FFFFFF;
  --schema-on-secondary: #FFFFFF;
  --schema-on-tertiary: #FFFFFF;
  --schema-on-error: #FFFFFF;
  --schema-on-warning: #FFFFFF;
  --schema-on-success: #FFFFFF;
  --schema-primary-container: #D6E3FF;
  --schema-secondary-container: #DAE2F9;
  --schema-tertiary-container: #FAD8FD;
  --schema-error-container: #FFDAD6;
  --schema-warning-container: #FFEDD6;
  --schema-success-container: #D6FFE6;
  --schema-on-primary-container: #284777;
  --schema-on-secondary-container: #3E4759;
  --schema-on-tertiary-container: #573E5C;
  --schema-on-error-container: #93000A;
  --schema-on-warning-container: #A06801;
  --schema-on-success-container: #017E33;
  --schema-surface-dim: #D9D9E0;
  --schema-surface: #F9F9FF;
  --schema-surface-bright: #F9F9FF;
  --schema-inverse-surface: #2E3036;
  --schema-inverse-on-surface: #F0F0F7;
  --schema-inverse-primary: #AAC7FF;
  --schema-surface-container-lowest: #FFFFFF;
  --schema-surface-container-low: #F3F3FA;
  --schema-surface-container: #EDEDF4;
  --schema-surface-container-high: #E7E8EE;
  --schema-surface-container-highest: #E2E2E9;
  --schema-colors-surface-variant: #E0E2EC;
  --schema-surface-variant: #E0E2EC;
  --schema-on-surface:#191C20;
  --schema-on-surface-variant:#44474E;
  --schema-on-surface-varient:#44474E;
  --schema-on-online:#74777F;
  --schema-on-online-varient:#C4C6D0;
  --schema-outline: #73777F;
  --schema-outline-variant: #C4C6D0;
  --schema-scrim: #C4C6D0;
  --schemes-colors-surface-variant: #ededed;
  --schemes-colors-surface-container: #ededf4;
  --schemes-colors-surface-container-lowest: #ffffff;
  --schemes-colors-outline-variant: #c4c6d0;
  --schemes-colors-secondary: #565f71 ;
  --schemes-colors-background: #f9f9ff;
  --schemes-colors-on-surface:#191c20;
  --schemes-colors-on-primary:#FFFFFF;
  --schemes-colors-primary: #415F91;
  --schemes-colors-on-error: #690005;
  --option-bg:#FAD8FD;
  --schema-colors-surface-container:#ededf4;
  --Schemes-Colors-on-tertiary-container:#573E5C;
  --schema-colors-outline:#DADCE0;
  --schema-colors-primary:#1976D2;
  --schema-colors-primary-container: #E3F2FD;
  --schema-border-color: #b9b9b9;
  --yellow-bg:#d35400;
  --green-bg:#00a22e;
  --blue-bg:#4cbbf7;
  --border-color:#e6e0e9;
  --error-dark: #8e0000;
  --Schemes-Colors-Tertiary: #705575;
  --schema-loader-color:#4caf50;
  --schema-option-bg:#c8e6c9;
}
body.dark-theme,
body[data-theme=dark] {
  --surface-container-lowest: #0c0e13;
  --figma-secondary: #bec6dc;
  --sidenav-bg: #1F2937;
  --sidebar-font: #FFFFFF;
  --sidenav-bg: #111318;
  --sidebar-font: var(--figma-secondary);
  --hover-color: #1F2937;
  --border-color: #374151;
  --font-family: "Inter";
  --card-content-bg: var(--surface-container-lowest);
  --card-bg: #37393E;
  --input-border: #374151;
  --input-bg: #1F2937;
  --input-border-focus: #60A5FA;
  --secondary: var(--figma-secondary);
  --mat-icon-black: var(--figma-secondary) 0% 0% no-repeat padding-box;
  --mat-button-text-black: var(--figma-secondary);
  --option-bg-color: #1F2937;
  --option-text-color: #E5E7EB;
  --kpi-height: 1.5625rem;
  --no-border: 0rem;
  --submodule-header-font: normal normal bold 1.25rem/1.6875rem var(--font-family);
  --kpi-left-border-color: var(--figma-secondary);
  --md-sys-color-on-primary: #60A5FA;
  --headertab-bg-color: #1F2937;
  --card-border-color: #374151;
  --dark-blue:#D6E3FF;
  --surface-Container-High:#282A2F;
  --btn-primary:#284777;
  --cancel-icon-color: #F87171;
  --check-icon-color: #10B981;
  --table-edit-icon-color: #60A5FA;
  --subtitle-color: var(--figma-secondary);
  --kpi-bg: #1F2937;
  --drag-drop-border: #374151;
  --drag-drop-border-hover: #60A5FA;
  --drag-drop-active-bg: #222F41;
  --spinner-overlay-bg: #2A3441;
  --box-shadow-light: #0F1419;
  --opposite-theme:#ffffff96;
  --error: #F87171;
  --primary: #60A5FA;
  --tertiary: #A78BFA;
  --success: #10B981;
  --default: #A78BFA;
  --blue-g: #3B82F6;
  --mat-icon-warning: #F59E0B;
  --action-bg-color1: #60A5FA;
  --action-bg-color2: #06B6D4;
  --tab-tittle-color: var(--figma-secondary);
  --temperture-fahrenheit: #F9FAFB;
  --text-primary: #F9FAFB;
  --text-secondary: var(--figma-secondary);
  --background-primary: var(--surface-container-lowest);
  --background-secondary: #1F2937;
  --surface: var(--surface-container-lowest);
  --divider: #374151;
  --table-border: #374151;
  --vending-tab-bg: #1F2937;
  --vending-tab-color: #F9FAFB;
  --all-machine-chipvalue: #F9FAFB;
  --offline-color: var(--figma-secondary);
  --option-btn-bg: #374151;
  --table-input-field-border: #374151;
  --mdc-chip-label-text-color: #F9FAFB;
  --add-new-note-bg: #1F2937;
  --mdc-chip-label-text-font: var(--font-family) !important;
  --mdc-circular-progress-active-indicator-color: var(--error) !important;
  --mat-select-panel-background-color: var(--input-bg) !important;
  --mat-menu-container-color: var(--input-bg) !important;
  --print-color: #A78BFA;
  --loading-screen: rgba(12, 14, 19, 0.95);
  --pure-black: #000;
  --very-good: #06D6A0;
  --disabled-text-color: #6B7280;
  --orange: #F97316;
  --profile-icon-bg: #44474E;
  --profile-text-color: #BEC6DC;
  --input-color: #BEC6DC;
  --pure-white: #fff;
  --secondary-container: #3E4759;
  --on-secondary-container: #DAE2F9;
  --active-node-color: #284777;
  --button-text-color: #FFFFFF;
  --btn-tertiary-bg: #573E5C;
  --btn-tertiary-text: #FAD8FD;
  --btn-primary-bg: #AAC7FF;
  --btn-primary-text: #000000;
  --theme-color: #000;
  --label-text-color: #fff;
  --mat-disabled-bg:#6b72801a;
  --signin-banner-bg:
    linear-gradient(
      135deg,
      #0d2e49 0%,
      #133665 100%);
  --signin-form-section-bg: var(--surface-container-lowest);
  --signin-card-bg: var(--surface-container-lowest);
  --signin-card-shadow: rgba(0, 0, 0, 0.4);
  --signin-title-color: var(--text-primary);
  --signin-subtitle-color: var(--figma-secondary);
  --signin-footer-text-color: var(--figma-secondary);
  --signin-link-color: var(--primary);
  --signin-link-hover-color: var(--blue-g);
  --forgot-password-timer-text: var(--figma-secondary);
  --forgot-password-timer-value: var(--primary);
  --forgot-password-timer-warning: var(--orange);
  --forgot-password-timer-expired: var(--error);
  --forgot-password-requirements-title: var(--text-primary);
  --forgot-password-requirements-text: var(--figma-secondary);
  --forgot-password-requirements-icon: var(--disabled-text-color);
  --forgot-password-requirements-valid: var(--success);
  --forgot-password-link-disabled: var(--disabled-text-color);
  --mat-option-bg-color: #133665;
  --schema-primary: #AAC7FF;
  --schema-secondary: #BEC6DC;
  --schema-tertiary: #3F2844;
  --schema-error: #FFB4AB;
  --schema-warning: #FFCFAB;
  --schema-success: #52D686;
  --schema-on-primary: #000000;
  --schema-on-secondary: #000000;
  --schema-on-tertiary: #FFFFFF;
  --schema-on-error: #000000;
  --schema-on-warning: #000000;
  --schema-on-success: #000000;
  --schema-primary-container: #284777;
  --schema-secondary-container: #3E4759;
  --schema-tertiary-container: #573E5C;
  --schema-error-container: #93000A;
  --schema-warning-container: #934A00;
  --schema-success-container: #02802A;
  --schema-on-primary-container: #D6E3FF;
  --schema-on-secondary-container: #DAE2F9;
  --schema-on-tertiary-container: #FAD8FD;
  --schema-on-error-container: #FFDAD6;
  --schema-on-warning-container: #FFEDD6;
  --schema-on-success-container: #D6FFE6;
  --schema-surface-dim: #111318;
  --schema-surface: #111318;
  --schema-surface-bright: #37393E;
  --schema-inverse-surface: #E2E2E9;
  --schema-inverse-on-surface: #2E3036;
  --schema-inverse-primary: #AAC7FF;
  --schema-surface-container-lowest: #0C0E13;
  --schema-surface-container-low: #191C20;
  --schema-surface-container: #1D2024;
  --schema-surface-container-high: #282A2F;
  --schema-surface-container-highest: #33353A;
  --schema-colors-surface-variant: #E0E2EC;
  --schema-surface-variant: #44474E;
  --schema-on-surface:#C7C7C7;
  --schema-on-surface-variant:#C4C6D0;
  --schema-on-surface-varient:#C4C6D0;
  --schema-on-online:#8E9099;
  --schema-on-online-varient:#44474E;
  --schema-outline: #8E9099;
  --schema-outline-variant: #44474E;
  --schema-scrim: #000000;
  --schemes-colors-primary: #aac7ff;
  --schemes-colors-on-primary: #0a305f;
  --schemes-colors-secondary:#bec6dc;
  --schemes-colors-on-secondary: #283141;
  --schemes-colors-secondary-container: #3e4759;
  --schemes-colors-on-secondary-container: #dae2f9;
  --schemes-colors-background: #111318;
  --schemes-colors-on-background: #e2e2e9;
  --schemes-colors-surface: #111318;
  --schemes-colors-on-surface: #c7c7c7;
  --schemes-colors-surface-variant: #44474E;
  --schemes-colors-on-surface-variant: #c4c6d0;
  --schemes-colors-surface-container: #1d2024;
  --schemes-colors-surface-container-low: #191c20;
  --schemes-colors-surface-container-lowest: #0c0e13;
  --schemes-colors-surface-container-high: #272a2f;
  --schemes-colors-outline: #8e9099;
  --schemes-colors-outline-variant: #44474e;
  --schemes-colors-error: #ffb4ab;
  --schemes-colors-on-error: #690005;
  --option-bg:#FAD8FD;
  --schema-colors-surface-container:#ededf4;
  --schemes-colors-on-tertiary-container:#FAD8FD;
  --schema-colors-outline:#DADCE0;
  --schema-colors-primary:#1976D2;
  --schema-colors-primary-container: #E3F2FD;
  --error-dark: #8e0000;
  --Schemes-Colors-Tertiary: #DDBCE0;
  background-color: var(--surface-container-lowest) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .content,
body.dark-theme .main-content,
body.dark-theme .content-wrapper,
body.dark-theme .page-content,
body.dark-theme .app-content,
body.dark-theme router-outlet + *,
body[data-theme=dark] .content,
body[data-theme=dark] .main-content,
body[data-theme=dark] .content-wrapper,
body[data-theme=dark] .page-content,
body[data-theme=dark] .app-content,
body[data-theme=dark] router-outlet + * {
  background-color: var(--surface-container-lowest) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .content *,
body[data-theme=dark] .content * {
  color: inherit;
}
body.dark-theme .breadcrumb,
body.dark-theme .page-header,
body.dark-theme .header-text,
body.dark-theme .nav-text,
body.dark-theme .submodule-header,
body[data-theme=dark] .breadcrumb,
body[data-theme=dark] .page-header,
body[data-theme=dark] .header-text,
body[data-theme=dark] .nav-text,
body[data-theme=dark] .submodule-header {
  color: var(--figma-secondary) !important;
  background-color: var(--surface-container-lowest) !important;
}
body.dark-theme .header-container,
body.dark-theme .top-header,
body.dark-theme .navigation-header,
body.dark-theme .page-title-container,
body[data-theme=dark] .header-container,
body[data-theme=dark] .top-header,
body[data-theme=dark] .navigation-header,
body[data-theme=dark] .page-title-container {
  background-color: var(--surface-container-lowest) !important;
  color: var(--figma-secondary) !important;
}
body.dark-theme .mat-expansion-panel,
body.dark-theme .content-card,
body[data-theme=dark] .mat-expansion-panel,
body[data-theme=dark] .content-card {
  background-color: var(--surface-container-lowest) !important;
  color: var(--sidebar-font) !important;
}
body.dark-theme .mat-form-field-label,
body[data-theme=dark] .mat-form-field-label {
  color: var(--figma-secondary) !important;
}
body.dark-theme .mat-input-element,
body[data-theme=dark] .mat-input-element {
  color: var(--text-primary) !important;
}
body.dark-theme a:not(.mat-button),
body[data-theme=dark] a:not(.mat-button) {
  color: var(--primary) !important;
}
body.dark-theme .mat-select-panel,
body[data-theme=dark] .mat-select-panel {
  background-color: var(--surface-container-lowest) !important;
  color: var(--figma-secondary) !important;
  border: 0.0625rem solid var(--border-color) !important;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .mat-option,
body[data-theme=dark] .mat-option {
  background-color: var(--surface-container-lowest) !important;
  color: var(--figma-secondary) !important;
}
body.dark-theme .mat-option:hover,
body[data-theme=dark] .mat-option:hover {
  background-color: var(--hover-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .mat-option.mat-selected,
body[data-theme=dark] .mat-option.mat-selected {
  background-color: var(--primary) !important;
  color: var(--surface-container-lowest) !important;
}
body.dark-theme .mat-option.mat-option-highlighted,
body[data-theme=dark] .mat-option.mat-option-highlighted {
  background-color: var(--hover-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .column-config-dropdown,
body.dark-theme .options-dropdown,
body[data-theme=dark] .column-config-dropdown,
body[data-theme=dark] .options-dropdown {
  background-color: var(--surface-container-lowest) !important;
  color: var(--figma-secondary) !important;
  border: 0.0625rem solid var(--border-color) !important;
}
body.dark-theme .options-button,
body.dark-theme button[title*=Options],
body.dark-theme button[aria-label*=Options],
body[data-theme=dark] .options-button,
body[data-theme=dark] button[title*=Options],
body[data-theme=dark] button[aria-label*=Options] {
  background-color: var(--option-btn-bg) !important;
  color: var(--figma-secondary) !important;
  border: 0.0625rem solid var(--border-color) !important;
}
body.dark-theme .options-button:hover,
body.dark-theme button[title*=Options]:hover,
body.dark-theme button[aria-label*=Options]:hover,
body[data-theme=dark] .options-button:hover,
body[data-theme=dark] button[title*=Options]:hover,
body[data-theme=dark] button[aria-label*=Options]:hover {
  background-color: var(--hover-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .cdk-overlay-pane .mat-select-panel,
body.dark-theme .cdk-overlay-pane .mat-menu-panel,
body[data-theme=dark] .cdk-overlay-pane .mat-select-panel,
body[data-theme=dark] .cdk-overlay-pane .mat-menu-panel {
  background-color: var(--error) !important;
  border: 0.0625rem solid var(--border-color) !important;
}
body.dark-theme .breadcrumb-data,
body.dark-theme .breadcrumb,
body.dark-theme nav ol li,
body.dark-theme nav ol li a,
body[data-theme=dark] .breadcrumb-data,
body[data-theme=dark] .breadcrumb,
body[data-theme=dark] nav ol li,
body[data-theme=dark] nav ol li a {
  color: var(--figma-secondary) !important;
}
body.dark-theme .breadcrumb-data:hover,
body.dark-theme .breadcrumb:hover,
body.dark-theme nav ol li:hover,
body.dark-theme nav ol li a:hover,
body[data-theme=dark] .breadcrumb-data:hover,
body[data-theme=dark] .breadcrumb:hover,
body[data-theme=dark] nav ol li:hover,
body[data-theme=dark] nav ol li a:hover {
  color: var(--text-primary) !important;
}
body.dark-theme .mat-datepicker-popup,
body[data-theme=dark] .mat-datepicker-popup {
  background-color: var(--card-bg) !important;
  color: var(--figma-secondary) !important;
  border: 0.0625rem solid var(--border-color) !important;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .mat-calendar,
body[data-theme=dark] .mat-calendar {
  background-color: var(--card-bg) !important;
  color: var(--figma-secondary) !important;
}
body.dark-theme .mat-calendar-header,
body[data-theme=dark] .mat-calendar-header {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .mat-calendar-period-button,
body[data-theme=dark] .mat-calendar-period-button {
  color: var(--text-primary) !important;
  background-color: transparent !important;
  font-weight: 600 !important;
}
body.dark-theme .mat-calendar-arrow,
body[data-theme=dark] .mat-calendar-arrow {
  color: var(--figma-secondary) !important;
}
body.dark-theme .mat-calendar-period-button:hover,
body.dark-theme .mat-calendar-arrow:hover,
body[data-theme=dark] .mat-calendar-period-button:hover,
body[data-theme=dark] .mat-calendar-arrow:hover {
  background-color: var(--hover-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .mat-calendar-previous-button,
body.dark-theme .mat-calendar-next-button,
body[data-theme=dark] .mat-calendar-previous-button,
body[data-theme=dark] .mat-calendar-next-button {
  color: var(--figma-secondary) !important;
}
body.dark-theme .mat-calendar-previous-button:hover,
body.dark-theme .mat-calendar-next-button:hover,
body[data-theme=dark] .mat-calendar-previous-button:hover,
body[data-theme=dark] .mat-calendar-next-button:hover {
  background-color: var(--hover-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .mat-calendar-table-header th,
body[data-theme=dark] .mat-calendar-table-header th {
  color: var(--figma-secondary) !important;
  font-weight: 500 !important;
}
body.dark-theme .mat-calendar-body-cell-content,
body[data-theme=dark] .mat-calendar-body-cell-content {
  color: var(--figma-secondary) !important;
  background-color: transparent !important;
  border-radius: 50% !important;
}
body.dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content,
body[data-theme=dark] .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
  background-color: var(--hover-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .mat-calendar-body-selected .mat-calendar-body-cell-content,
body[data-theme=dark] .mat-calendar-body-selected .mat-calendar-body-cell-content {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
  font-weight: 600 !important;
}
body.dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected) .mat-calendar-body-cell-content,
body[data-theme=dark] .mat-calendar-body-today:not(.mat-calendar-body-selected) .mat-calendar-body-cell-content {
  border: 0.125rem solid var(--primary) !important;
  color: var(--primary) !important;
  font-weight: 500 !important;
}
body.dark-theme .mat-calendar-body-disabled .mat-calendar-body-cell-content,
body[data-theme=dark] .mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: var(--disabled-text-color) !important;
  opacity: 0.5 !important;
}
body.dark-theme .mat-calendar-body-in-range::before,
body[data-theme=dark] .mat-calendar-body-in-range::before {
  background: rgba(96, 165, 250, 0.2) !important;
}
body.dark-theme .mat-calendar-body-range-start .mat-calendar-body-cell-content,
body.dark-theme .mat-calendar-body-range-end .mat-calendar-body-cell-content,
body[data-theme=dark] .mat-calendar-body-range-start .mat-calendar-body-cell-content,
body[data-theme=dark] .mat-calendar-body-range-end .mat-calendar-body-cell-content {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
body.dark-theme .date-input::placeholder,
body[data-theme=dark] .date-input::placeholder {
  color: var(--disabled-text-color) !important;
}
body.dark-theme .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-focus-indicator,
body[data-theme=dark] .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-focus-indicator {
  background-color: transparent !important;
}
body.dark-theme .mat-calendar-body-cell:hover .mat-calendar-body-cell-content.mat-focus-indicator,
body[data-theme=dark] .mat-calendar-body-cell:hover .mat-calendar-body-cell-content.mat-focus-indicator {
  background-color: var(--hover-color) !important;
}
body.dark-theme .mat-calendar-body .mat-calendar-body-cell,
body[data-theme=dark] .mat-calendar-body .mat-calendar-body-cell {
  color: var(--figma-secondary) !important;
}
body.dark-theme .mat-calendar *,
body[data-theme=dark] .mat-calendar * {
  color: inherit !important;
}
body.dark-theme .mat-ripple-element,
body[data-theme=dark] .mat-ripple-element {
  background-color: rgba(190, 198, 220, 0.2) !important;
}
body.dark-theme .mat-calendar-header-date-time,
body[data-theme=dark] .mat-calendar-header-date-time {
  color: var(--figma-secondary) !important;
}
body.dark-theme .cdk-overlay-container .mat-datepicker-popup,
body[data-theme=dark] .cdk-overlay-container .mat-datepicker-popup {
  background: var(--card-bg) !important;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio .mdc-radio__outer-circle,
body[data-theme=dark] .mat-mdc-radio-button .mdc-radio .mdc-radio__outer-circle {
  border-color: var(--disabled-text-color) !important;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio .mdc-radio__inner-circle,
body[data-theme=dark] .mat-mdc-radio-button .mdc-radio .mdc-radio__inner-circle {
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
}
body.dark-theme .mat-mdc-radio-button.mat-mdc-radio-disabled.mat-mdc-radio-checked .mdc-radio__outer-circle,
body[data-theme=dark] .mat-mdc-radio-button.mat-mdc-radio-disabled.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--primary) !important;
  opacity: 0.6;
}
body.dark-theme .mat-mdc-radio-button.mat-mdc-radio-disabled.mat-mdc-radio-checked .mdc-radio__inner-circle,
body[data-theme=dark] .mat-mdc-radio-button.mat-mdc-radio-disabled.mat-mdc-radio-checked .mdc-radio__inner-circle {
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
  opacity: 0.6;
}
body.dark-theme .mat-mdc-radio-button.mat-mdc-radio-disabled:not(.mat-mdc-radio-checked) .mdc-radio__outer-circle,
body[data-theme=dark] .mat-mdc-radio-button.mat-mdc-radio-disabled:not(.mat-mdc-radio-checked) .mdc-radio__outer-circle {
  border-color: var(--disabled-text-color) !important;
  opacity: 0.5;
}
body.dark-theme .mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-form-field > label,
body[data-theme=dark] .mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-form-field > label {
  color: var(--disabled-text-color) !important;
}
body.dark-theme .mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
body.dark-theme .mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
body.dark-theme .mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
body[data-theme=dark] .mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
body[data-theme=dark] .mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
body[data-theme=dark] .mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--disabled-text-color) !important;
  border-width: 0.0625rem !important;
  opacity: 1 !important;
}
body.dark-theme ::selection,
body[data-theme=dark] ::selection {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
body.dark-theme ::-moz-selection,
body[data-theme=dark] ::-moz-selection {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
body.dark-theme input::selection,
body.dark-theme textarea::selection,
body.dark-theme .mat-mdc-input-element::selection,
body.dark-theme .mat-mdc-form-field input::selection,
body[data-theme=dark] input::selection,
body[data-theme=dark] textarea::selection,
body[data-theme=dark] .mat-mdc-input-element::selection,
body[data-theme=dark] .mat-mdc-form-field input::selection {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
body.dark-theme input::-moz-selection,
body.dark-theme textarea::-moz-selection,
body.dark-theme .mat-mdc-input-element::-moz-selection,
body.dark-theme .mat-mdc-form-field input::-moz-selection,
body[data-theme=dark] input::-moz-selection,
body[data-theme=dark] textarea::-moz-selection,
body[data-theme=dark] .mat-mdc-input-element::-moz-selection,
body[data-theme=dark] .mat-mdc-form-field input::-moz-selection {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
*,
*::before,
*::after {
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}
body.dark-theme .light-theme-only,
body[data-theme=dark] .light-theme-only {
  display: none !important;
}
body.light-theme .dark-theme-only,
body[data-theme=light] .dark-theme-only,
:root .dark-theme-only {
  display: none !important;
}
.gl-container {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.gl-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: 100%;
}
[class^=gl-col-] {
  padding: 0.5rem;
  box-sizing: border-box;
}
.gl-col-1 {
  flex: 0 0 8.33%;
  max-width: 8.33%;
}
.gl-col-2 {
  flex: 0 0 16.66%;
  max-width: 16.66%;
}
.gl-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.gl-col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.gl-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.gl-col-8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}
.gl-col-10 {
  flex: 0 0 83.33%;
  max-width: 83.33%;
}
.gl-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 64rem) {
  .gl-col-4,
  .gl-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .gl-col-3 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .gl-col-1 {
    flex: 0 0 16.66%;
    max-width: 16.66%;
  }
}
@media (max-width: 54.375rem) {
  .gl-col-1 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 48rem) {
  [class^=gl-col-] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.gl-row::after {
  content: "";
  display: block;
  clear: both;
}
.gl-wd-100 {
  width: 100%;
}
.gl-wd-66 {
  width: 66.66%;
}
.gl-wd-33 {
  width: 33.33% !important;
}
.gl-wd-50 {
  width: 50%;
}
.gl-wd-80 {
  width: 80%;
}
.gl-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gl-start {
  display: flex;
  justify-content: flex-start;
}
.gl-end {
  display: flex;
  justify-content: flex-end;
}
.gl-vcenter {
  display: flex;
  align-items: center;
}
.gl-vstart {
  display: flex;
  align-items: start;
}
.gl-start-all {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.gl-space-between {
  display: flex;
  justify-content: space-between;
}
.gl-space-evenly {
  display: flex;
  justify-content: space-evenly;
}
.gl-space-around {
  display: flex;
  justify-content: space-around;
}
.gl-va-auto {
  vertical-align: auto;
}
.gl-va-baseline {
  vertical-align: baseline;
}
.gl-va-bottom {
  vertical-align: bottom;
}
.gl-va-middle {
  vertical-align: middle;
}
.gl-va-sub {
  vertical-align: sub;
}
.gl-va-super {
  vertical-align: super;
}
.gl-va-textBottom {
  vertical-align: text-bottom;
}
.gl-va-textTop {
  vertical-align: text-top;
}
.gl-va-top {
  vertical-align: top;
}
.gl-align-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3125rem;
}
.gl-flex-column {
  display: flex;
  flex-direction: column;
}
.gl-flex-row {
  display: flex;
  flex-direction: row;
}
.gl-align-baseline {
  align-items: baseline;
}
.justify-start {
  justify-content: start !important;
}
.justify-end {
  justify-content: end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.gl-flex-wrap {
  display: flex;
  flex-wrap: wrap !important;
}
.gl-gap-5 {
  display: flex;
  gap: 0.3125rem;
}
.gl-gap-15 {
  display: flex;
  gap: 0.9375rem;
}
.flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 2rem !important;
}
.my-1 {
  margin: 0.25rem 0;
}
.my-2 {
  margin: 0.5rem 0;
}
.my-3 {
  margin: 1rem 0;
}
.my-4 {
  margin: 1.5rem 0;
}
.my-5 {
  margin: 2rem 0;
}
.mx-1 {
  margin: 0 0.25rem;
}
.mx-2 {
  margin: 0 0.5rem;
}
.mx-3 {
  margin: 0 1rem;
}
.mx-4 {
  margin: 0 1.5rem;
}
.mx-5 {
  margin: 0 2rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem;
}
.mt-5 {
  margin-top: 2rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 1rem;
}
.mb-4 {
  margin-bottom: 1.5rem;
}
.mb-5 {
  margin-bottom: 2rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 1rem;
}
.ml-4 {
  margin-left: 1.5rem;
}
.ml-5 {
  margin-left: 2rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 1rem;
}
.mr-4 {
  margin-right: 1.5rem;
}
.mr-5 {
  margin-right: 2rem;
}
.m-0 {
  margin: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 2rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 2rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 1rem;
}
.pr-4 {
  padding-right: 1.5rem;
}
.pr-5 {
  padding-right: 2rem;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 2rem !important;
}
.py-1 {
  padding: 0.25rem 0;
}
.py-2 {
  padding: 0.5rem 0;
}
.py-3 {
  padding: 1rem 0;
}
.py-4 {
  padding: 1.5rem 0;
}
.py-5 {
  padding: 2rem 0;
}
.px-1 {
  padding: 0 0.25rem;
}
.px-2 {
  padding: 0 0.5rem;
}
.px-3 {
  padding: 0 1rem;
}
.px-4 {
  padding: 0 1.5rem;
}
.px-5 {
  padding: 0 2rem;
}
.p-0 {
  padding: 0 !important;
}
.f-nunito {
  font-family: var(--font-family) !important;
}
.f-12 {
  font-size: 0.75rem !important;
}
.f-13 {
  font-size: 0.813rem !important;
}
.f-14 {
  font-size: 0.875rem !important;
}
.f-16 {
  font-size: 1rem !important;
}
.f-18 {
  font-size: 1.125rem !important;
}
.f-20 {
  font-size: 1.25rem !important;
}
.f-500 {
  font-weight: 500 !important;
}
.f-600 {
  font-weight: 600 !important;
}
.f-bold {
  font-weight: bold !important;
}
.f-700 {
  font-weight: 700;
}
.f-800 {
  font-weight: 800;
}
.border-radius3 {
  border-radius: 0.1875rem;
}
.border-radius4 {
  border-radius: 0.25rem;
}
.border-radius5 {
  border-radius: 0.3125rem;
}
.border-radius6 {
  border-radius: 0.375rem;
}
.border-radius13 {
  border-radius: 0.8125rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family) !important;
}
label,
span,
p {
  font-family: var(--font-family);
}
.material-icons-outlined {
  font-family: "Material Icons Outlined", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  color: var(--text-primary) !important;
}
.gl-card-border {
  border: 0.0625rem solid var(--card-border-color) !important;
}
.f-light {
  color: var(--card-content-bg) !important;
}
.f-secondary {
  color: var(--secondary) !important;
}
.f-error {
  color: var(--error) !important;
}
.f-primary {
  color: var(--primary) !important;
}
.f-tertiary {
  color: var(--tertiary) !important;
}
.f-blue {
  color: var(--blue-g) !important;
}
.f-dark {
  color: var(--mat-button-text-black) !important;
}
.f-warn {
  color: var(--mat-icon-warning) !important;
}
.f-standard {
  color: var(--label-text-color) !important;
}
.f-success {
  color: var(--success) !important;
}
.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.align-left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.align-left-without-fill {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.align-left-mat-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.align-right-mat-list {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
}
.align-right {
  display: flex;
  justify-content: right;
  align-items: end;
  flex-direction: column;
}
.mat-mdc-tab-labels {
  width: 31.25rem;
}
.mat-mdc-menu-item-text {
  font-family: var(--font-family) !important;
  color: var(--option-text-color) !important;
}
.mdc-tab__text-label {
  font-family: var(--font-family);
  font-size: 0.875rem;
  color: var(--text-primary) !important;
}
mat-option {
  color: var(--secondary) !important;
  font-family: var(--font-family) !important;
}
mat-label {
  font-family: var(--font-family) !important;
  color: var(--secondary) !important;
}
mat-card {
  background-color: var(--card-bg) !important;
}
.mat-mdc-tab-body-content {
  overflow: hidden !important;
}
mat-hint {
  font-family: var(--font-family) !important;
  color: var(--secondary) !important;
}
.mat-grid-tile-mat-input-placing {
  display: flex;
  place-self: stretch;
}
mat-grid-tile {
  font-family: var(--font-family) !important;
}
.mat-icon-color {
  color: var(--md-sys-color-on-primary) !important;
}
.mat-mdc-select-trigger {
  padding: 0.25rem 0.625rem 0 0.625rem !important;
}
.mdc-linear-progress__bar-inner {
  border-color: var(--check-icon-color) !important;
}
.mat-mdc-snack-bar-label {
  font-family: var(--font-family) !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.mat-sort-header-container {
  justify-content: center !important;
}
.gl-input {
  background: var(--input-bg) !important;
  border: 0.0625rem solid var(--input-border) !important;
  border-radius: 0.375rem;
  color: var(--secondary) !important;
  font-family: var(--font-family) !important;
}
.gl-input:disabled {
  opacity: 0.5;
}
.gl-select {
  background: var(--input-bg) !important;
  border: 0.0625rem solid var(--input-border) !important;
  border-radius: 0.375rem;
  color: var(--secondary) !important;
  font-family: var(--font-family) !important;
}
.gl-select:disabled {
  cursor: not-allowed;
  background: var(--input-bg) !important;
  border-color: var(--schema-outline-variant, #c4c7cf);
  color: var(--disabled-text-color) !important;
  opacity: 1;
}
input {
  color: var(--text-primary) !important;
  font-family: var(--font-family) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1.875rem var(--card-content-bg) inset !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  color: var(--text-primary) !important;
  background-color: var(--card-content-bg) !important;
  transition: background-color 5000s ease-in-out 0s;
}
input :disabled {
  color: var(--secondary) !important;
}
input:focus {
  outline: none;
  border: 0.0625rem solid var(--input-border-focus);
}
.mandatory {
  color: red;
}
textarea {
  font-family: var(--font-family) !important;
  color: var(--text-primary) !important;
}
.mdc-text-field--disabled {
  background-color: var(--input-bg) !important;
  color: var(--disabled-text-color) !important;
  opacity: 0.6;
  pointer-events: none;
}
button {
  font-family: var(--font-family) !important;
}
button:disabled {
  opacity: 0.5;
}
.btn-tertiary {
  color: var(--btn-tertiary-text) !important;
  background: var(--btn-tertiary-bg) 0% 0% no-repeat padding-box !important;
  border: 0.0625rem solid #C4B8C6 !important;
  border-radius: 0.375rem !important;
}
.btn-light {
  color: black !important;
  background: var(--button-text-color) 0% 0% no-repeat padding-box !important;
  border: 0.0625rem solid #A1A9BF !important;
  border-radius: 0.375rem !important;
}
.btn-secondary {
  color: var(--on-secondary-container) !important;
  background: var(--secondary-container) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
  border: 0.0625rem solid #A1A9BF !important;
}
.btn-primary {
  color: var(--btn-primary-text) !important;
  background: var(--btn-primary-bg) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
}
.btn-primary mat-icon {
  color: var(--btn-primary-text) !important;
}
.btn-light mat-icon {
  color: black !important;
}
.btn-error {
  color: var(--pure-white) !important;
  background: var(--error) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
}
.btn-warning {
  color: var(--pure-white) !important;
  background: var(--mat-icon-warning) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
}
.btn-success {
  color: var(--pure-white) !important;
  background: var(--success) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
}
.btn-primary-blue {
  color: var(--pure-white) !important;
  background: var(--action-bg-color1) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
}
.btn-cyan {
  color: var(--pure-white) !important;
  background: var(--very-good) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
}
.btn-darkgray {
  color: var(--pure-white) !important;
  background: var(--option-btn-bg) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
}
.btn-note {
  color: var(--pure-white) !important;
  background: var(--md-sys-color-on-primary) 0% 0% no-repeat padding-box !important;
  border-radius: 0.375rem !important;
}
.view-edit-btn {
  background-color: var(--blue) !important;
  color: var(--pure-white) !important;
  margin-left: auto;
  margin-right: 3.125rem;
}
.view-edit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.icon-disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}
.overflow-y {
  overflow-y: auto;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.configure_button {
  color: var(--mat-button-text-black) !important;
}
.configure_button mat-icon {
  color: var(--mat-icon-black) !important;
}
.configure_button span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.option_button {
  color: var(--option-text-color) !important;
  background-color: var(--option-bg-color) !important;
  border: none !important;
}
.overflow-x {
  overflow-x: auto;
}
.online {
  background-color: #28A745;
  padding: 0.4375rem;
  border-radius: 0.1875rem;
  color: var(--pure-white) !important;
}
.recent {
  background-color: #ED9F57;
  padding: 0.4375rem;
  border-radius: 0.1875rem;
  color: var(--pure-white) !important;
}
.offline {
  background-color: var(--secondary);
  padding: 0.4375rem;
  border-radius: 0.1875rem;
  color: var(--card-content-bg) !important;
}
.no-report {
  background-color: var(--error) !important;
  padding: 0.4375rem !important;
  border-radius: 0.1875rem !important;
  color: var(--pure-white) !important;
}
.mat-chip-label {
  height: var(--kpi-height) !important;
  display: inline-block !important;
  border-radius: 1.25rem !important;
}
.no-border {
  border: var(--no-border) !important;
}
.header-font {
  font: var(--submodule-header-font) !important;
}
.header-font-color {
  color: var(--kpi-left-border-color) !important;
}
.header-card {
  padding: 1.625rem;
  border-bottom: 0.0625rem solid #D8D7DE;
}
.header-card .title {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: var(--font-family), sans-serif;
  letter-spacing: 0rem;
  color: #1D1327;
  opacity: 1;
}
.header-card .subTitle16 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: var(--font-family), sans-serif;
  letter-spacing: 0rem;
  color: var(--subtitle-color);
  opacity: 1;
}
.header-card .subTitle18 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: var(--font-family), sans-serif;
  letter-spacing: 0rem;
  color: var(--subtitle-color);
  opacity: 1;
}
.header-card .value {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-family: var(--font-family), sans-serif;
  background: #202020 0% 0% no-repeat padding-box;
  border-radius: 0.8125rem;
  color: #FFFFFF;
  opacity: 1;
  padding: 0rem 0.4375rem 0rem 0.4375rem;
}
.subTitels12 {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: var(--font-family), sans-serif;
  letter-spacing: 0rem;
  color: #3B3B3B;
  opacity: 1;
}
.subTitelsValueColor1 {
  background: #DC6835 0% 0% no-repeat padding-box;
  border-radius: 0.75rem;
  color: var(--pure-white) !important;
  padding: 0rem 0.4375rem 0rem 0.4375rem;
  opacity: 1;
}
.subTitelsValueColor2 {
  background: #28A745 0% 0% no-repeat padding-box;
  border-radius: 0.75rem;
  color: var(--pure-white) !important;
  padding: 0rem 0.4375rem 0rem 0.4375rem;
  opacity: 1;
}
.subTitelsValueColor3 {
  background: #0069D9 0% 0% no-repeat padding-box;
  border-radius: 0.75rem;
  color: var(--pure-white) !important;
  padding: 0rem 0.4375rem 0rem 0.4375rem;
  opacity: 1;
}
.card-content {
  overflow-x: auto;
}
.mat-card-custom {
  margin: 1.5625rem;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: var(--font-family), sans-serif;
}
.card-header {
  background-color: var(--card-bg);
  border-radius: 0.6875rem;
}
.custom-font12 {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: var(--font-family), sans-serif;
}
.custom-font14 {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: var(--font-family), sans-serif;
}
.custom-font16 {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: var(--font-family), sans-serif;
}
.filter_inputs {
  height: 1.875rem;
  background: var(--sidenav-bg) 0% 0% no-repeat padding-box;
  border: 0.0625rem solid #cbcbcb;
  border-radius: 0.1875rem;
}
.subTitle16 {
  text-align: left;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family), sans-serif;
  letter-spacing: 0rem;
  color: var(--subtitle-color);
  opacity: 1;
}
.custom-mat-card {
  background-color: var(--card-bg) !important;
}
.custom-mat-card mat-card-content {
  background-color: var(--card-content-bg) !important;
}
.kpi {
  background-color: var(--kpi-bg);
  color: var(--pure-white) !important;
  padding: 0.3125rem;
  border-radius: 1rem;
}
.pointer {
  cursor: pointer;
}
.text-wrap {
  white-space: nowrap;
}
.no-result {
  text-align: center !important;
  padding: 1.25rem;
  font-family: var(--font-family);
}
mat-divider {
  border-top-color: var(--divider) !important;
}
mat-date-range-input {
  color: var(--text-primary) !important;
  font-family: var(--font-family) !important;
}
::placeholder {
  color: var(--text-secondary) !important;
}
.mdc-tab--active {
  color: var(--schema-on-primary-container) !important;
  background-color: var(--schema-primary-container) !important;
  border-radius: 0.375rem 0.375rem 0 0;
  height: 2.5625rem;
}
.mat-mdc-tab:hover .mdc-tab__text-label {
  color: var(--label-text-color) !important;
}
.mat-mdc-autocomplete-panel {
  background: var(--theme-color) !important;
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--schema-on-primary-container) !important;
}
.mat-mdc-dialog-surface {
  background-color: var(--theme-color) !important;
  border: 0.0625rem solid var(--disabled-text-color) !important;
}
.cal-days {
  background-color: var(--theme-color) !important;
}
.mat-stepper-horizontal {
  background-color: var(--card-bg) !important;
}
.cal-month-view {
  background-color: var(--card-content-bg) !important;
}
.cal-month-view .cal-cell-row:hover {
  background-color: var(--hover-color) !important;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: var(--background-secondary) !important;
}
.cal-month-view .cal-days {
  border-color: var(--border-color) !important;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: var(--border-color) !important;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: var(--border-color) !important;
}
.cal-month-view .cal-day-badge {
  background-color: var(--error) !important;
  color: var(--text-primary) !important;
}
.cal-month-view .cal-event {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text-primary) !important;
}
.cal-month-view .cal-day-number {
  color: var(--text-secondary) !important;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: var(--error) !important;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: var(--success) !important;
  opacity: 0.2;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  color: var(--text-primary) !important;
  font-weight: bold;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: var(--hover-color) !important;
}
.cal-month-view .cal-open-day-events {
  color: var(--text-primary) !important;
  background-color: var(--background-secondary) !important;
  box-shadow: inset 0 0 0.9375rem 0 rgba(0, 0, 0, 0.7) !important;
}
.cal-month-view .cal-header {
  color: var(--text-primary) !important;
  background-color: var(--background-secondary) !important;
}
.cal-week-view {
  background-color: var(--card-content-bg) !important;
  border-top-color: var(--border-color) !important;
}
.cal-week-view .cal-day-headers {
  border-color: var(--border-color) !important;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: var(--border-color) !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: var(--border-color) !important;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: var(--hover-color) !important;
}
.cal-week-view .cal-day-headers .cal-header {
  color: var(--text-primary) !important;
}
.cal-week-view .cal-day-headers .cal-header span {
  color: var(--text-secondary) !important;
}
.cal-week-view .cal-day-column {
  border-left-color: var(--border-color) !important;
}
.cal-week-view .cal-event {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text-primary) !important;
}
.cal-week-view .cal-all-day-events {
  border-color: var(--border-color) !important;
}
.cal-week-view .cal-header.cal-today {
  background-color: var(--success) !important;
  opacity: 0.3;
}
.cal-week-view .cal-header.cal-weekend span {
  color: var(--error) !important;
}
.cal-week-view .cal-time-events {
  border-color: var(--border-color) !important;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: var(--hover-color) !important;
}
.cal-week-view .cal-hour-odd {
  background-color: var(--background-secondary) !important;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: var(--hover-color) !important;
}
.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: var(--border-color) !important;
}
.cal-week-view .cal-current-time-marker {
  background-color: var(--error) !important;
}
.cal-week-view .cal-time {
  color: var(--text-primary) !important;
}
.cal-day-view .cal-events-container {
  background-color: var(--card-content-bg) !important;
}
.cal-day-view .cal-current-time-marker {
  background-color: var(--error) !important;
}
.cal-tooltip .cal-tooltip-inner {
  color: var(--text-primary) !important;
  background-color: var(--background-secondary) !important;
  border: 0.0625rem solid var(--border-color) !important;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: var(--background-secondary) !important;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: var(--background-secondary) !important;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: var(--background-secondary) !important;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: var(--background-secondary) !important;
}
.gm-style-iw,
.gm-style-iw-c {
  color: var(--pure-black) !important;
}
.mdc-label {
  color: var(--label-text-color) !important;
}
.mat-timepicker-panel {
  background-color: var(--theme-color) !important;
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1.875rem var(--card-content-bg) inset !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  color: var(--text-primary) !important;
  transition: background-color 5000s ease-in-out 0s;
}
.mat-mdc-checkbox.ng-valid .mdc-checkbox__background {
  border-color: var(--text-secondary) !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-text-field-wrapper .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-text-field-wrapper .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-text-field-wrapper .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--disabled-text-color) !important;
  border-width: 0.0625rem !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-text-field-wrapper .mdc-text-field--filled {
  border-bottom: 0.0625rem solid var(--disabled-text-color) !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element {
  opacity: 1 !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-floating-label {
  color: var(--disabled-text-color) !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value {
  color: var(--disabled-text-color) !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-arrow {
  color: var(--disabled-text-color) !important;
}
.mat-mdc-form-field.mat-form-field-disabled {
  opacity: 1 !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline {
  opacity: 1 !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--filled::before {
  border-bottom-color: var(--disabled-text-color) !important;
}
.mat-mdc-dialog-title {
  color: var(--text-primary) !important;
}
.date-input {
  border: none !important;
}
.mat-mdc-paginator-page-size-select {
  width: 6.25rem !important;
}
.mdc-checkbox__background {
  border-color: var(--text-secondary) !important;
}
::selection {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
::-moz-selection {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
input::selection,
textarea::selection,
.mat-mdc-input-element::selection {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
input::-moz-selection,
textarea::-moz-selection,
.mat-mdc-input-element::-moz-selection {
  background-color: var(--primary) !important;
  color: var(--pure-white) !important;
}
.mat-mdc-form-field-required-marker {
  color: var(--error) !important;
}
.mat-mdc-paginator-icon {
  fill: var(--text-secondary) !important;
}
.mat-mdc-icon-button[aria-disabled] .mat-mdc-paginator-icon {
  fill: var(--disabled-text-color) !important;
}
.mdc-list-item:hover .mdc-list-item__primary-text {
  color: var(--text-primary) !important;
}
.mat-expansion-indicator svg {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 -0.5rem;
  vertical-align: middle;
  fill: var(--pure-white) !important;
  transform: rotate(-90deg) !important;
  transition: transform 0.2s ease;
  display: var(--mat-expansion-header-indicator-display, inline-block);
}
.mat-expansion-panel-header.mat-expanded .mat-expansion-indicator svg {
  transform: rotate(180deg) !important;
}
.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--pure-white) !important;
  font: var(--font-family) !important;
}
mat-error,
.mat-mdc-form-field-error {
  font-family: var(--font-family), sans-serif !important;
}
.no-machines-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
mat-step-header {
  background-color: var(--theme-color);
  border-radius: 3rem;
  margin: 1rem 0 1rem 0;
}
.mat-horizontal-stepper-header {
  height: var(--mat-stepper-header-height, 50px) !important;
}
.spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--loading-screen);
  z-index: 1000;
}
.page-loading-overlay {
  position: absolute;
  inset: 0;
  background: rgba(var(--schema-surface-container-lowest-rgb, 255, 255, 255), 0.85);
  -webkit-backdrop-filter: blur(0.125rem);
  backdrop-filter: blur(0.125rem);
  z-index: 10;
  flex-direction: column;
  gap: 1rem;
  color: var(--schema-on-surface-variant, #44464f);
  pointer-events: all;
  cursor: progress;
}
.page-loading-content {
  flex-direction: column;
  gap: 1rem;
  color: var(--schema-on-surface-variant, #44464f);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.plan-service-stepper .mat-horizontal-stepper-header-container {
  width: 50% !important;
  margin: 0 auto !important;
}
.plan-service-stepper .mat-horizontal-content-container {
  padding: 0;
}
.summary-sidebar {
  width: 17rem;
  min-width: 17rem;
  padding: 1rem 0.75rem;
  border-right: 0.0625rem solid var(--table-border);
  background: var(--schema-surface-container-low);
}
.sidebar-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.875rem;
}
.sidebar-title {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.0055rem;
  text-transform: uppercase;
  color: var(--schema-on-surface-varient);
}
.sidebar-period {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--schema-secondary);
}
.summary-card {
  margin-bottom: 0.75rem;
  border: 0.0625rem solid var(--table-border);
  border-radius: 0.5rem;
  box-shadow: none;
  background: var(--card-content-bg) !important;
}
.summary-card mat-card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  padding: 0.75rem;
}
.summary-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.summary-label {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.03rem;
  color: var(--schema-secondary);
}
.summary-value {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--schema-on-secondary-container);
}
.last-read-value {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.summary-icon {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--schemes-colors-secondary) !important;
}
@media (max-width: 64rem) {
  .summary-sidebar {
    width: 100%;
    min-width: 100%;
    border-right: 0;
    border-bottom: 0.0625rem solid var(--table-border);
  }
}
.mat-sort-header-arrow svg {
  fill: var(--schemes-colors-on-primary) !important;
}
.sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-chips {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 2rem;
  padding: 0 1rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--schema-on-online-varient);
  background: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--schema-on-surface-varient);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.filter-chip .filter-chip__check {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
}
.filter-chip--active {
  background: var(--schema-secondary-container);
  color: var(--schema-on-secondary-container);
  border-color: var(--schema-on-online-varient);
}
.filter-chip:hover:not(.filter-chip--active) {
  background: rgba(0, 0, 0, 0.05);
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  color: var(--text-primary) !important;
}
.table-icon-color {
  color: var(--table-edit-icon-color) !important;
}
.mat-mdc-card-title {
  font-family: var(--font-family) !important;
}
input.is-invalid {
  border: 2px solid var(--error) !important;
  color: var(--error) !important;
}
.mat-mdc-tooltip.help-tooltip .mdc-tooltip__surface {
  font-family: var(--font-family) !important;
  font-size: 0.75rem !important;
  width: 12.5rem !important;
}
.mandatory_field {
  color: var(--error);
}

/* angular:styles/global:styles */