@charset "UTF-8";

/* src/styles.scss */
@font-face {
  font-family: StellaRepro;
  src: url(/assets/fonts/StellaRepro-Regular.woff2) format("woff2"), url(/assets/fonts/StellaRepro-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: StellaRepro;
  src: url(/assets/fonts/StellaRepro-RegularItalic.woff2) format("woff2"), url(/assets/fonts/StellaRepro-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: StellaRepro;
  src: url(/assets/fonts/StellaRepro-Medium.woff2) format("woff2"), url(/assets/fonts/StellaRepro-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: StellaRepro;
  src: url(/assets/fonts/StellaRepro-MediumItalic.woff2) format("woff2"), url(/assets/fonts/StellaRepro-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: StellaRepro;
  src: url(/assets/fonts/StellaRepro-Bold.woff2) format("woff2"), url(/assets/fonts/StellaRepro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: StellaRepro;
  src: url(/assets/fonts/StellaRepro-BoldItalic.woff2) format("woff2"), url(/assets/fonts/StellaRepro-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
html {
  color-scheme: light dark;
  --mat-card-elevated-container-shape: 0px !important;
  --mat-sys-corner-full: 0px !important;
  --mat-sys-background: light-dark(#f9f9f9, #222222);
  --mat-sys-error: light-dark(#bc1417, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad5, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f1f1f1, #2f3131);
  --mat-sys-inverse-primary: light-dark(#ffb59a, #a73a00);
  --mat-sys-inverse-surface: light-dark(#2f3131, #e2e2e2);
  --mat-sys-on-background: light-dark(#1a1c1c, #e2e2e2);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad5);
  --mat-sys-on-primary: light-dark(#ffffff, #5a1b00);
  --mat-sys-on-primary-container: light-dark(#802a00, #ffdbce);
  --mat-sys-on-primary-fixed: light-dark(#370e00, #370e00);
  --mat-sys-on-primary-fixed-variant: light-dark(#802a00, #802a00);
  --mat-sys-on-secondary: light-dark(#ffffff, #303030);
  --mat-sys-on-secondary-container: light-dark(#474747, #e2e2e2);
  --mat-sys-on-secondary-fixed: light-dark(#1b1b1b, #1b1b1b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#474747, #474747);
  --mat-sys-on-surface: light-dark(#1a1c1c, #e2e2e2);
  --mat-sys-on-surface-variant: light-dark(#3f484a, #dbe4e6);
  --mat-sys-on-tertiary: light-dark(#ffffff, #002f66);
  --mat-sys-on-tertiary-container: light-dark(#00458f, #d7e2ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-outline: light-dark(#70797b, #899294);
  --mat-sys-outline-variant: light-dark(#bfc8ca, #3f484a);
  --mat-sys-primary: light-dark(#a73a00, #ffb59a);
  --mat-sys-primary-container: light-dark(#ffdbce, #802a00);
  --mat-sys-primary-fixed: light-dark(#ffdbce, #ffdbce);
  --mat-sys-primary-fixed-dim: light-dark(#ffb59a, #ffb59a);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#5e5e5e, #c6c6c6);
  --mat-sys-secondary-container: light-dark(#e2e2e2, #474747);
  --mat-sys-secondary-fixed: light-dark(#e2e2e2, #e2e2e2);
  --mat-sys-secondary-fixed-dim: light-dark(#c6c6c6, #c6c6c6);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f9f9f9, #222222);
  --mat-sys-surface-bright: light-dark(#f9f9f9, #404040);
  --mat-sys-surface-container: light-dark(#EAEAEA, #252525);
  --mat-sys-surface-container-high: light-dark(#E0E0E0, #2E2E2E);
  --mat-sys-surface-container-highest: light-dark(#e2e2e2, #393939);
  --mat-sys-surface-container-low: light-dark(#F5F5F5, #1a1c1c);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #101010);
  --mat-sys-surface-dim: light-dark(#D0D0D0, #222222);
  --mat-sys-surface-tint: light-dark(#a73a00, #ffb59a);
  --mat-sys-surface-variant: light-dark(#dbe4e6, #3f484a);
  --mat-sys-tertiary: light-dark(#005cbb, #abc7ff);
  --mat-sys-tertiary-container: light-dark(#d7e2ff, #00458f);
  --mat-sys-tertiary-fixed: light-dark(#d7e2ff, #d7e2ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-neutral-variant20: #293234;
  --mat-sys-neutral10: #1a1c1c;
  --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 StellaRepro, sans-serif;
  --mat-sys-body-large-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-body-medium-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-body-small-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-display-large-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-display-medium-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-display-small-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-headline-large-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-headline-medium-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-headline-small-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-label-large-font: StellaRepro, sans-serif;
  --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: 900;
  --mat-sys-label-medium: 500 0.75rem / 1rem StellaRepro, sans-serif;
  --mat-sys-label-medium-font: StellaRepro, sans-serif;
  --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: 900;
  --mat-sys-label-small: 500 0.688rem / 1rem StellaRepro, sans-serif;
  --mat-sys-label-small-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-title-large-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-title-medium-font: StellaRepro, sans-serif;
  --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 StellaRepro, sans-serif;
  --mat-sys-title-small-font: StellaRepro, sans-serif;
  --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;
}
h1 {
  font-size: 24px;
  font-weight: 400;
}
.dark-mode {
  --mat-sys-on-background: #2e2e2e !important;
  --mat-table-row-item-outline-color: #2e2e2e !important;
  --mat-divider-color: #2e2e2e !important;
  --mdc-filled-text-field-container-color: #2a2a2a !important;
  --mdc-tab-indicator-active-indicator-color: #ff5c00 !important;
  --mat-sys-primary: #ff5c00 !important;
}
.dark-mode .button-red {
  background-color: #8f2520 !important;
}
.dark-mode .mat-mdc-card,
.dark-mode .mat-mdc-table,
.dark-mode .mat-mdc-form-field,
.dark-mode .mat-mdc-input-element,
.dark-mode .mat-mdc-select-value,
.dark-mode .mat-mdc-option,
.dark-mode .mat-mdc-menu-panel,
.dark-mode .mat-mdc-card-subtitle,
.dark-mode .mat-mdc-card-title,
.dark-mode .mat-mdc-card-content {
  color: #e5e5e5 !important;
}
.dark-mode h1,
.dark-mode h2 {
  color: #e5e5e5 !important;
}
.dark-mode .title-large {
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0;
  font-weight: 500;
}
.dark-mode .mat-mdc-card {
  background-color: #222 !important;
  box-shadow: unset !important;
  border-color: #3d3d3d !important;
  border-width: 1px;
}
.dark-mode .navbar-container {
  background-color: #1e1e1e !important;
}
.dark-mode .mat-drawer-container {
  color: unset;
}
.dark-mode .drawer-card {
  background-color: #1e1e1e !important;
  height: 100%;
}
.dark-mode .mat-drawer-side {
  border-radius: 0 !important;
}
.dark-mode .mat-mdc-button,
.dark-mode .mat-mdc-raised-button,
.dark-mode .mat-mdc-unelevated-button,
.dark-mode .mat-mdc-outlined-button {
  --mdc-filled-button-container-color: #ff5c00;
  --mdc-protected-button-container-color: #ff5c00;
  --mdc-unelevated-button-container-color: #ff5c00;
  --mdc-filled-button-label-text-color: #000;
}
.dark-mode {
  --mdc-list-list-item-label-text-color: #949494 !important;
  --mdc-list-list-item-leading-icon-color: #949494 !important;
  --mdc-list-list-item-hover-leading-icon-color: #ff5c00 !important;
}
.dark-mode .mat-mdc-nav-list .mat-mdc-list-item {
  border-radius: unset !important;
}
.dark-mode .mdc-fab {
  border-radius: 0 !important;
  background: #4c4c4c !important;
  color: unset !important;
}
.dark-mode .bottom {
  color: #949494;
}
.dark-mode .bottom button.mat-mdc-button,
.dark-mode .bottom button.mat-mdc-menu-item,
.dark-mode .bottom .mat-mdc-menu-item {
  --mdc-filled-button-container-color: transparent;
  --mdc-protected-button-container-color: transparent;
  --mdc-text-button-label-text-color: #949494;
  --mdc-list-list-item-label-text-color: #949494;
  color: #949494;
}
.dark-mode .bottom button.mat-mdc-button mat-icon,
.dark-mode .bottom button.mat-mdc-menu-item mat-icon,
.dark-mode .bottom .mat-mdc-menu-item mat-icon {
  color: #949494;
}
.dark-mode .bottom button.mat-mdc-button:hover,
.dark-mode .bottom button.mat-mdc-menu-item:hover,
.dark-mode .bottom .mat-mdc-menu-item:hover {
  color: #ff5c00;
}
.dark-mode .bottom button.mat-mdc-button:hover mat-icon,
.dark-mode .bottom button.mat-mdc-menu-item:hover mat-icon,
.dark-mode .bottom .mat-mdc-menu-item:hover mat-icon {
  color: #ff5c00;
}
.dark-mode .bottom mat-toolbar.toolbar {
  background: transparent;
  color: #949494;
}
.dark-mode .bottom mat-toolbar.toolbar .account-icon,
.dark-mode .bottom mat-toolbar.toolbar .arrow-icon {
  color: inherit;
}
.dark-mode .bottom mat-menu {
  --mat-menu-item-label-text-color: #949494;
}
.dark-mode .bottom mat-icon.theme-icon,
.dark-mode .bottom span.theme-text {
  color: inherit;
}
.dark-mode .color-primary {
  color: #ff5c00 !important;
}
.dark-mode .color-green,
.dark-mode .status-completed,
.dark-mode .status-paid {
  color: #4beb83 !important;
}
.dark-mode .color-red,
.dark-mode .status-unpaid,
.dark-mode .status-failed {
  color: #ef3e36 !important;
}
.dark-mode .color-surface {
  color: #4c4c4c !important;
}
.dark-mode .color-yellow,
.dark-mode .status-pending,
.dark-mode .status-partial,
.dark-mode .status-registered {
  color: #ffcc4d !important;
}
.dark-mode .color-text {
  color: #e5e5e5 !important;
}
.dark-mode {
  --mat-snack-bar-container-color: #8f2520;
  --mat-snack-bar-supporting-text-color: #fdeceb;
}
.dark-mode .snackbar-success .mdc-snackbar__surface {
  background-color: #4beb83 !important;
  color: #2e2e2e;
}
.dark-mode {
}
.dark-mode .snackbar-error .mdc-snackbar__surface {
  background-color: #8f2520 !important;
  color: #fdeceb !important;
}
.dark-mode .snackbar-error .mat-mdc-snack-bar-action {
  background-color: #8f2520 !important;
  color: white !important;
}
.active-link {
  background: #4c4c4c !important;
}
.link-box > a {
  color: inherit;
  text-decoration: underline;
}
.link-box > a:hover {
  text-decoration: underline;
}
html,
body {
  height: 100%;
  margin: 0;
  font-family: StellaRepro, sans-serif;
}
.pointer {
  cursor: pointer;
}
.progress-bar {
  position: fixed !important;
}
.flex-cell {
  display: flex;
}
.long-text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.long-text-overflow .mat-icon {
  vertical-align: sub;
  margin-right: 0.5rem;
}
.mute-text {
  color: #949494;
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wight" 400,
    "GRAD" 0,
    "opsz" 24;
}
.align-right {
  text-align: right !important;
}
.form-buttons {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
.mat-mdc-floating-label {
  color: #949494 !important;
}
table.first-column-title-table {
  table-layout: fixed;
  width: 100%;
}
table.first-column-title-table > tbody > tr > td:nth-of-type(1) {
  color: #949494;
  padding-right: 1rem;
  width: 260px;
}
table.first-column-title-table > tbody > tr {
  line-height: 32px;
}
table.first-column-title-table > thead > tr > th {
  padding: 0.5rem 0;
  text-align: left;
  color: #949494;
  font-weight: 400;
}
table.first-column-title-table > thead > tr > th:nth-of-type(1) {
  width: 260px;
  padding-right: 1rem;
}
.no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.company-link {
  color: #e5e5e5;
  display: inline-block;
  transition: color 0.25s ease, transform 0.25s ease;
}
.company-link:hover {
  color: #90caf9;
  transform: translateY(-1px);
}

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