@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Patua+One&display=swap";

/* 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;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem 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;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/* src/styles.scss */
* {
  font-family: "Source Sans 3", serif;
}
html {
  height: 100%;
  width: 100vw;
  max-width: 100%;
}
body {
  overflow-x: hidden;
  height: 100%;
  width: 100vw;
  max-width: 100%;
}
body,
app-root {
  height: 100%;
}
.app-root {
  z-index: 29;
}
.mat-mdc-tab-body-content {
  overflow: hidden !important;
}
.mat-mdc-dialog-surface {
  background-color: transparent !important;
}
.mat-mdc-dialog-surface {
  border-radius: 12px !important;
}
.cdk-overlay-container {
  z-index: 99999999999 !important;
}
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.mw-sm .mat-mdc-card {
  margin: 0;
  max-width: 576px !important;
}
.mw-md .mat-mdc-card {
  --card-padding: 0;
  max-width: 600px !important;
}
.mw-lg .mat-mdc-card {
  max-width: 992px !important;
}
.no-card-mg .mat-mdc-card {
  --card-padding: 0;
}
.hoverable-icon {
  cursor: pointer;
}
.clickable-card,
*[click],
.clickable {
  cursor: pointer;
}
:root {
  --profile-photo-size: 64px;
  --profile-photo-background-color: #ebebeb;
  --profile-photo-icon-content-color: #aaaaaa;
  --mat-dialog-container-max-width: 90vw;
  --sidenav-base-width: 72px;
  --mobile-breakpoint: 430px;
  --tablet-breakpoint: 800px;
  --critical-date-base: var(--default-theme-hightlight-color-50);
  --critical-date-base-accent: var(--default-theme-hightlight-color-75);
  --critical-date-base-passed: #CACACA;
  --critical-date-base-passed-accent: #9C9C9C;
  --critical-date-base-complete: var(--default-theme-secondary-hightlight-color-75);
  --critical-date-base-complete-accent: var(--default-theme-secondary-hightlight-color);
  --default-theme-color: #f5f5f5;
  --default-theme-text-color: #333;
  --default-theme-border-color: #e0e0e0;
  --default-theme-background-color: #f5f5f5;
  --default-theme-secondary-color: #f5f5f5;
  --default-theme-tertiary-color: #f5f5f5;
  --default-theme-hightlight-color: rgb(10, 26, 64, 1);
  --default-theme-hightlight-color-75: rgba(10, 26, 64, 0.75);
  --default-theme-hightlight-color-50: rgba(10, 26, 64, 0.5);
  --default-theme-hightlight-color-25: rgba(10, 26, 64, 0.25);
  --default-theme-secondary-hightlight-color: rgb(214, 144, 48, 1);
  --default-theme-secondary-hightlight-color-75: rgba(214, 144, 48, 0.75);
  --default-theme-secondary-hightlight-color-50: rgba(214, 144, 48, 0.5);
  --default-theme-secondary-hightlight-color-25: rgba(214, 144, 48, 0.25);
  --brand-theme-color: "";
  --brand-theme-text-color: "";
  --brand-theme-border-color: "";
  --brand-theme-background-color: "";
  --brand-theme-secondary-color: "";
  --brand-theme-tertiary-color: "";
  --theme-color: var(--brand-theme-color, var(--default-theme-color));
  --text-color: var(--brand-theme-text-color, var(--default-theme-text-color));
  --border-color: var( --brand-theme-border-color, var(--default-theme-border-color) );
  --background-color: var( --brand-theme-background-color, var(--default-theme-background-color) );
  --theme-secondary-color: var( --brand-theme-secondary-color, var(--default-theme-secondary-color) );
  --theme-tertiary-color: var( --brand-theme-tertiary-color, var(--default-theme-tertiary-color) );
  --dashboard-nav-width: 290px;
  --mat-sys-error-container: #fff6f6;
}
.mat-mdc-card {
  --mat-sys-level0: 0px 2px 6px rgba(97, 97, 97, 0.25);
}
.green-checkmark {
  color: #4caf50;
}
.red-x {
  color: #f44336;
}
.button-theme-styling {
  background-color: #444444 !important;
  stroke: #606060 !important;
  color: white !important;
  border-radius: 3px !important;
  font-weight: 600;
  text-shadow: 0 0 1px black;
}
.button-theme-styling:not([disabled]):hover {
  filter: brightness(0.8);
}
.button-theme-styling:not([disabled]):active {
  scale: 1.025;
  opacity: 1;
}
.button-theme-styling[disabled] {
  opacity: 0.8;
}
.button-theme-styling circle {
  stroke: white;
}
.button-theme-styling-main {
  background-color: rgb(0, 200, 248) !important;
  color: white !important;
  border-radius: 3px !important;
  font-weight: 600;
  text-shadow: 0 0 1px black;
}
.button-theme-styling-main:not([disabled]):hover {
  filter: brightness(0.8);
}
.button-theme-styling-main:not([disabled]):active {
  scale: 1.025;
  opacity: 1;
}
.button-theme-styling-main[disabled] {
  opacity: 0.8;
}
.button-theme-styling-main circle {
  stroke: white;
}
.button-lighter-theme-styling {
  background-color: #444444 !important;
  stroke: #606060 !important;
  color: white !important;
  border-radius: 3px !important;
}
html {
  --mat-expansion-container-background-color: transparent;
}
html {
  --mat-expansion-container-text-color: white;
}
html {
  --mat-expansion-header-text-color: white;
}
html {
  --mat-expansion-header-description-color: white;
}
html {
  --mat-expansion-header-indicator-color: white;
}
html {
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.1);
}
html {
  --mat-filled-button-ripple-color: white;
}
.submit-button {
  --mdc-circular-progress-active-indicator-color: white;
}
.mat-internal-form-field > label {
  padding-left: 0 !important;
  transform: translateX(-5%);
}
* {
  box-sizing: border-box;
}
.app-container {
  margin: 0 auto;
}
.app-root {
  display: block;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
body {
  margin: 0;
}
main {
  width: 80%;
  margin: 3rem 10%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.dashboard-card {
  padding-left: 72px;
  --card-padding: 3rem;
}
.dashboard-card .mat-mdc-card {
  margin-left: var(--card-padding);
  margin-right: var(--card-padding);
  margin-top: var(--card-padding);
  margin-bottom: var(--card-padding);
}
.mat-mdc-form-field {
  width: 100%;
  background-color: white;
}
.notification-button.notificationActive {
  background-color: var(--default-theme-secondary-hightlight-color) !important;
}
.notification-button.notificationActive .mat-icon {
  color: white;
}
.notification-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.delete-button .mat-icon {
  color: red;
}
.square-add-button {
  border-radius: 1px !important;
  background-color: #dadada !important;
  margin-left: 5px;
}
.square-add-button span {
  border-radius: 6px !important;
}
.div-divider {
  content: "";
  padding: 0;
  max-height: 100%;
  width: 2px;
  background-color: black;
}
.form-style-apply {
  --label-font-size-percent: 0.75;
  --title-font-size-percent: 1;
  --input-font-size-percent: 1;
  --form-field-padding-left: 6px;
  --form-field-padding-right: 6px;
  --mdc-outlined-text-field-outline-color: #c0c0c0;
  --tooltip-color: #00c8f8;
  --sublabel-color: #91e4fb;
  --mdc-outlined-text-field-input-text-color: #444444;
  --mdc-checkbox-state-layer-size: calc(40px * var(--label-font-size-percent));
}
.form-style-apply .mat-mdc-notch-piece {
  --mdc-outlined-text-field-container-shape: 3px;
}
.shade-overlay-container.shade-overlay-open .shade-overlay {
  z-index: 0;
  position: absolute;
  border-radius: calc(var(--mdc-outlined-card-container-shape, var(--mat-sys-corner-medium)) - 1px);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #606060;
  opacity: 0.5;
  z-index: 1;
}
.shade-overlay-container.shade-overlay-closed:not(:has(app-form[formStyle=slider-toggle])) {
  position: relative;
}
.shade-overlay-container.shade-overlay-closed:not(:has(app-form[formStyle=slider-toggle])) .shade-overlay {
  display: none;
}
.no-actions .mat-mdc-card-actions {
  display: none;
}
.blue-text {
  color: #00c8f8;
}
.circle-icon {
  border-radius: 33%;
  background-color: #e6e6e6;
  padding: 5px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-icon:hover {
  opacity: 0.8;
  cursor: pointer;
}
.profile-photo {
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--profile-photo-background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  width: var(--profile-photo-size);
  height: var(--profile-photo-size);
  --mat-icon-color: var(--profile-photo-background-color);
}
.profile-photo .mat-icon {
  font-size: 84px;
  height: auto;
  width: auto;
  background-color: --profile-photo-icon-content-color;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mat-mdc-dialog-container:has(.dash-profile-form-wrapper) {
  height: fit-content !important;
}
.font-0 {
  font-size: 0.65rem;
}
.font-1 {
  font-size: 0.75rem;
}
.font-2 {
  font-size: 0.8rem;
}
.font-3 {
  font-size: 0.87rem;
}
.font-4 {
  font-size: 0.95rem;
}
.font-5 {
  font-size: 1rem;
}
.font-5-5 {
  font-size: 1.1rem;
}
.mw-0 {
  min-width: 0;
}
.mw-1 {
  min-width: 25%;
}
.mw-2 {
  min-width: 33%;
}
.mw-3 {
  min-width: 50%;
}
.mw-4 {
  min-width: 75%;
}
.mw-5 {
  min-width: 100%;
}
.op-0 {
  opacity: 0;
}
.op-25 {
  opacity: 0.25;
}
.op-50 {
  opacity: 0.5;
}
.op-60 {
  opacity: 0.6;
}
.op-70 {
  opacity: 0.7;
}
.op-75 {
  opacity: 0.75;
}
.op-80 {
  opacity: 0.8;
}
.op-90 {
  opacity: 0.9;
}
.op-100 {
  opacity: 1;
}
.disabled-button {
  opacity: 0.75;
}
.teal-button-theme {
  background-color: #00c8f8;
  color: white;
  border-radius: 3px;
  padding: 0px 10px 1px 10px;
  min-width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.teal-button-themehover {
  cursor: pointer;
  filter: brightness(0.9);
}
.teal-button-theme:active {
  scale: 1.025;
  opacity: 1;
}
.inline-label-container {
  display: flex;
  align-items: center;
}
.inline-label-container .app-tooltip {
  margin-right: 4px;
  margin-left: 4px;
}
.ellipsis-break {
  flex: 1 1 0;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-break-parent {
  min-width: 0;
  display: flex;
}
.form-design {
  max-width: 700px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  background-color: rgb(247, 244, 244) !important;
  border: 1px solid #ccc;
}
.form-row {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  align-items: flex-end;
  margin-bottom: 1.2rem;
  gap: 1rem;
}
.form-group {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}
.form-title {
  font-size: 1.2rem;
  font-weight: 600;
  flex: 1;
}
.checkbox-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
:root .back-arrow-icon {
  background: #19b6d2;
  color: #fff;
  border-radius: 30%;
  padding: 6px;
  font-size: 2rem;
  cursor: pointer;
  transition: background 0.2s;
  width: 32px;
  height: 32px;
  box-shadow: 0 1px 4px rgba(25, 118, 210, 0.15);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:root .header-arrow {
  background: none;
  border: none;
  color: #19b6d2 !important;
  font-size: 2rem;
  text-shadow: 0 0 1px #19b6d2, 0 0 1px #19b6d2;
  width: 32px !important;
}
.update-header-container {
  max-width: 700px;
  margin: 0 auto 1rem auto;
  padding: 0 2rem;
}
.header-right {
  display: flex;
  align-items: center;
}
.header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.label {
  font-weight: 600;
  font-size: 1.1rem;
}
.update-header-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
  width: 100%;
}
.template-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.template-input {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 2px solid #ccc;
  border-radius: 4px;
}
.tooltip-circle {
  width: 18px;
  height: 18px;
  background: #19b6d2;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  margin-right: 6px;
}
.label-with-tooltip {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2px;
  text-align: left;
  margin-left: 4px;
  width: auto;
}
.currency-input-wrapper {
  display: flex;
  align-items: center;
}
.currency-symbol {
  margin-right: 4px;
  font-weight: bold;
  font-size: 1rem;
}
.okto-paginator .mat-mdc-paginator-container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center;
}
.okto-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size {
  order: 1;
}
.okto-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-select {
  width: 64px;
}
.okto-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-select .mdc-text-field {
  padding: 0 0.5rem;
}
.okto-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-select .mat-mdc-form-field-infix {
  padding: 0;
  min-height: unset;
}
.okto-paginator .mat-mdc-paginator-container .mat-mdc-paginator-range-actions {
  order: 2;
  margin-left: auto;
}
.fixed-paginator-wrapper .fixed-paginator-items {
  margin-bottom: 110px;
}
.fixed-paginator-wrapper .paginator-container.fixed-paginator {
  height: 72px;
  position: fixed;
  bottom: 0;
  right: 0;
  background: var(--mat-paginator-container-background-color, var(--mat-sys-surface));
  z-index: 100;
  transition: transform 0.3s ease-in-out;
  width: 90%;
  width: calc(100% - 65px);
  padding: 0 0.5rem;
}
@media screen and (max-width: 768px) {
  .fixed-paginator-wrapper .paginator-container.fixed-paginator {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .fixed-paginator-wrapper .paginator-container.fixed-paginator .mat-mdc-paginator-range-label {
    margin: 0 16px;
  }
  .fixed-paginator-wrapper .paginator-container.fixed-paginator .mat-mdc-paginator-page-size-label {
    display: none;
  }
}
.fixed-paginator-wrapper .paginator-container.fixed-paginator.hide {
  transform: translateY(100%);
}
@media screen and (max-width: 768px) {
  .mat-mdc-form-field-subscript-wrapper {
    display: none;
  }
}
.mat-mdc-form-field-subscript-wrapper {
  height: 0 !important;
}
.mat-mdc-input-element::placeholder {
  color: #c0c0c0 !important;
}

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