/* src/app/styles.scss */
html,
body {
  height: 100%;
  margin: 0;
  position: relative;
  letter-spacing: 0 !important;
  font-family:
    "Roboto",
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
}
html {
  --mat-sys-background: light-dark(#f6faff, #001522);
  --mat-sys-error: light-dark(#c00003, #ffb4a8);
  --mat-sys-error-container: light-dark(#ffdad5, #930001);
  --mat-sys-inverse-on-surface: light-dark(#e5f2ff, #00344c);
  --mat-sys-inverse-primary: light-dark(#b7c4fd, #4f5c8e);
  --mat-sys-inverse-surface: light-dark(#00344c, #c8e6ff);
  --mat-sys-on-background: light-dark(#001e2e, #c8e6ff);
  --mat-sys-on-error: light-dark(#ffffff, #690001);
  --mat-sys-on-error-container: light-dark(#930001, #ffdad5);
  --mat-sys-on-primary: light-dark(#ffffff, #202d5d);
  --mat-sys-on-primary-container: light-dark(#374475, #dce1ff);
  --mat-sys-on-primary-fixed: light-dark(#081747, #081747);
  --mat-sys-on-primary-fixed-variant: light-dark(#374475, #374475);
  --mat-sys-on-secondary: light-dark(#ffffff, #003730);
  --mat-sys-on-secondary-container: light-dark(#005046, #87f6e1);
  --mat-sys-on-secondary-fixed: light-dark(#00201b, #00201b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#005046, #005046);
  --mat-sys-on-surface: light-dark(#001e2e, #c8e6ff);
  --mat-sys-on-surface-variant: light-dark(#45464f, #e2e1ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #442b00);
  --mat-sys-on-tertiary-container: light-dark(#624000, #ffddb2);
  --mat-sys-on-tertiary-fixed: light-dark(#291800, #291800);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#624000, #624000);
  --mat-sys-outline: light-dark(#767680, #90909a);
  --mat-sys-outline-variant: light-dark(#c6c5d0, #45464f);
  --mat-sys-primary: light-dark(#4f5c8e, #b7c4fd);
  --mat-sys-primary-container: light-dark(#dce1ff, #374475);
  --mat-sys-primary-fixed: light-dark(#dce1ff, #dce1ff);
  --mat-sys-primary-fixed-dim: light-dark(#b7c4fd, #b7c4fd);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#006b5e, #69d9c6);
  --mat-sys-secondary-container: light-dark(#87f6e1, #005046);
  --mat-sys-secondary-fixed: light-dark(#87f6e1, #87f6e1);
  --mat-sys-secondary-fixed-dim: light-dark(#69d9c6, #69d9c6);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f6faff, #001522);
  --mat-sys-surface-bright: light-dark(#f6faff, #053d58);
  --mat-sys-surface-container: light-dark(#dff0ff, #002234);
  --mat-sys-surface-container-high: light-dark(#d3ebff, #002d43);
  --mat-sys-surface-container-highest: light-dark(#c8e6ff, #003953);
  --mat-sys-surface-container-low: light-dark(#ebf5ff, #001e2e);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #00101b);
  --mat-sys-surface-dim: light-dark(#b5dfff, #001522);
  --mat-sys-surface-tint: light-dark(#4f5c8e, #b7c4fd);
  --mat-sys-surface-variant: light-dark(#e2e1ec, #45464f);
  --mat-sys-tertiary: light-dark(#815500, #ffb94c);
  --mat-sys-tertiary-container: light-dark(#ffddb2, #624000);
  --mat-sys-tertiary-fixed: light-dark(#ffddb2, #ffddb2);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb94c, #ffb94c);
  --mat-sys-neutral-variant20: #2f3038;
  --mat-sys-neutral10: #001e2e;
}
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,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-body-large-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-body-medium-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-body-small-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-display-large-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-display-medium-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-display-small-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-headline-large-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-headline-medium-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-headline-small-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-label-large-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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: 700;
  --mat-sys-label-medium:
    500 0.75rem / 1rem Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-label-medium-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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: 700;
  --mat-sys-label-small:
    500 0.688rem / 1rem Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-label-small-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-title-large-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-title-medium-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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 Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  --mat-sys-title-small-font:
    Roboto,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    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;
}
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;
}
h1 {
  font-size: 36px;
  color: #383838;
  font-weight: 700;
}
h2 {
  color: #383838;
  font-weight: 700;
  line-height: 1;
}
h3 {
  font-weight: 600;
  text-align: left;
  position: relative;
  padding-bottom: 10px;
  color: #061132;
  max-width: 85vw;
  border-bottom: 1px solid #c3c3c3;
  border-right-width: 18px;
  padding-left: 0px;
}
h3::after {
  content: "";
  left: 0;
  position: absolute;
  width: 8rem;
  height: 0.125rem;
  background-color: #061132;
  bottom: -0.04rem;
}
h4 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 1;
}
h5 {
  font-size: 16px;
  font-weight: 400;
  color: #383838;
  line-height: 24px;
}
h6 {
  font-size: 14px;
  font-weight: 400;
  color: #383838;
  line-height: 24px;
}
* {
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}
textarea {
  font-size: 17px;
  font-family:
    "Roboto",
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
}
.mat-mdc-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: none;
  letter-spacing: 0 !important;
}
.mat-slider-track-fill {
  background-color: #132150;
}
.mat-mdc-primary .mat-slider-thumb {
  background-color: #132150;
}
.mat-mdc-raised-button.mat-warn {
  background-color: #fa1b13;
}
.mat-mdc-card:not([class*=mat-elevation-z]) {
  box-shadow:
    2px 2px 6px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}
.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
  color: #444;
}
.mat-mdc-menu-panel {
  max-width: unset !important;
  width: var(--trigger-width) !important;
}
.mat-mdc-menu-content {
  background-color: #e3ecf2;
  padding: 15px 10px;
}
.mat-mdc-menu-content .mat-mdc-menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #c7d9e6;
}
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font-size: 14px !important;
  text-align: center;
  color: #132150 !important;
}
.mat-mdc-menu-content .mat-mdc-menu-item .mat-icon {
  color: #132150 !important;
}
.mat-mdc-menu-content .mat-mdc-menu-item[disabled] {
  color: rgba(122, 122, 122, 0.5) !important;
}
.mat-mdc-mini-fab.mat-primary {
  background-color: #132150 !important;
  color: #ffffff;
}
.mat-mdc-mini-fab.mat-primary-outlined {
  background-color: transparent;
  color: #132150 !important;
  box-shadow: none !important;
  --mdc-elevation-shadow: none;
}
.cursor-pointer {
  cursor: pointer !important;
}
.mat-icon-primary {
  color: #132150 !important;
}
.mat-icon-warning {
  color: #f7a700 !important;
}
.mat-icon-danger {
  color: #fa1b13 !important;
}
.mat-icon-success {
  color: #00846f !important;
}
.multiline-tooltip {
  white-space: pre-line !important;
}
.white-space-normal {
  white-space: normal !important;
}
a {
  text-decoration: none;
}
.text-center {
  text-align: center !important;
}
li {
  list-style-type: none;
}
.mat-mdc-snack-bar-container.error {
  background: #fa1b13 !important;
}
.mat-drawer-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-drawer-container {
  color: #333333;
}
.mat-radio-label-content {
  color: #132150;
  font-weight: 700;
  font-size: large;
}
mat-chip-grid,
mat-chip-row,
.mat-mdc-chip,
.mat-mdc-chip-standard * {
  margin: 0 !important;
  padding: 0 !important;
}
.mat-mdc-chip .mdc-evolution-chip__text-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: white !important;
}
.mat-mdc-chip .mdc-evolution-chip__action {
  padding: 0 4px !important;
}
.mat-mdc-chip.mat-warn {
  background-color: #fa1b13 !important;
}
.mat-mdc-chip.mat-primary {
  background-color: #007cba !important;
}
.mat-mdc-radio-button.mat-accent .mat-radio-inner-circle {
  background: #fa1b13 !important;
}
.mat-mdc-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #fa1b13 !important;
}
.mat-mdc-raised-button.mat-primary {
  background-color: #132150 !important;
  color: #ffffff !important;
}
.mat-mdc-raised-button.mat-yellow {
  background-color: #f7a700 !important;
  color: #132150 !important;
  cursor: pointer;
  font-weight: bold;
}
.mat-mdc-raised-button:disabled,
.mat-mdc-raised-button.mat-mdc-button-disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: not-allowed;
}
.mat-mdc-input-element {
  caret-color: #132150 !important;
}
.mat-mdc-tab-group.mat-primary {
}
.mat-mdc-tab-group.mat-primary .mat-tab-label {
  opacity: 0.7;
}
.mat-mdc-tab-group.mat-primary .mat-ink-bar {
  background-color: #132150;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: white !important;
}
.mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}
.container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 15px !important;
}
.divider {
  border-top: 1px solid #c3c3c3;
}
.d-none {
  display: none;
}
.order-1 {
  order: 1;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-9 {
  margin-bottom: 9px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.w-50 {
  width: 50%;
}
.m-10 {
  margin: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-15 {
  margin-top: 15px;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mr-2 {
  margin-right: 2px !important;
}
.ml-2 {
  margin-left: 2px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.mr-7 {
  margin-right: 7px !important;
}
.ml-7 {
  margin-left: 7px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.p-0 {
  padding: 0 !important;
}
.p-5 {
  padding: 5px;
}
.p-20 {
  padding: 20px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-3 {
  padding-bottom: 3px !important;
}
.pt-15 {
  padding-top: 15px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pr-8 {
  padding-right: 8px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.no-pdn {
  padding: 0 !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.w-100 {
  width: 100% !important;
}
.text-muted {
  color: #777777 !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-align-bottom {
  vertical-align: bottom;
}
.vertical-align-sub {
  vertical-align: sub;
}
.vertical-align-super {
  vertical-align: super;
}
.flex-direction-row {
  display: flex;
  flex-direction: row;
}
.flex-direction-column {
  display: flex;
  flex-direction: column;
}
.align-items-baseline {
  align-items: baseline;
}
.sidenav {
  width: 400px !important;
  position: fixed !important;
  z-index: 1000000000000000000 !important;
  color: #ffffff !important;
  background: #132150 !important;
}
.sidenav .divider {
  margin-top: 10px;
  border: solid #e5e5e5;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}
.mat-toolbar-multiple-rows {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
}
.widgets-left p {
  font-size: 13.5px;
  color: #787878;
}
.mat-badge-content {
  height: 18px !important;
  width: 18px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.main-topbar {
  background: #061132 !important;
}
.main-topbar .top-bar .widget-text {
  padding: 0 7px;
}
.main-topbar .top-bar .widget-text:hover:not(.disabled) a,
.main-topbar .top-bar .widget-text:hover:not(.disabled) .mat-icon {
  color: #57c2bd !important;
  fill: #57c2bd !important;
}
.main-topbar .top-bar .widget-text a {
  color: #eeeeee !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
}
.main-topbar .top-bar .widget-text a img {
  vertical-align: text-top;
}
.main-topbar .top-bar .widget-text .mat-icon {
  vertical-align: middle;
  font-size: 23px !important;
  height: 24px !important;
  width: 24px !important;
  fill: #eeeeee !important;
}
.main-topbar .top-bar .widget-text:not(:last-child) {
  margin: 0 20px 0 -15px;
}
.main-topbar .top-bar .widgets-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-topbar .top-bar .widgets-left p {
  color: #787878;
  font-size: 13px;
  font-weight: bold;
}
.main-topbar .top-bar .widgets-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.custom-menu {
  display: inline-flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 40px !important;
  width: 170px !important;
  padding: 6px 10px !important;
  background-color: #e3ecf2 !important;
  color: #596383 !important;
}
.custom-menu .mat-icon {
  order: 1;
  margin: 0 !important;
  float: right !important;
}
.menu-container {
  background: #132150;
}
.main-menu a.mat-mdc-button {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  padding: 0 25px;
  line-height: 63px;
}
.main-menu a.mat-mdc-button:hover {
  background-color: transparent;
  color: #57c2bd !important;
}
.main-menu a.mat-mdc-button.router-link-active {
  color: #57c2bd !important;
}
.mat-mdc-list-item {
  padding: 10px 0;
  display: flex;
  width: auto;
}
.mat-mdc-list-item .mat-mdc-list-item-content {
  width: 100%;
}
.mat-mdc-card {
  padding: 24px !important;
}
.mat-mdc-card-actions {
  justify-content: space-evenly;
}
.product-card {
  padding: 0 !important;
  overflow: hidden;
}
.product-card .product-img {
  position: relative;
  background: #f5f5f5;
  border: 1px solid transparent;
}
.product-card .product-img:hover {
  border: 1px solid #132150;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.product-card .product-img:hover .icons {
  opacity: 1;
}
.product-card .product-img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
}
.product-card .product-img img.book {
  box-shadow: 6px 6px 5px #777777;
}
.product-card .product-img .product-supplier-logo {
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 55px;
  max-height: 40px;
}
.product-card .product-img .flag {
  position: absolute;
  bottom: 0;
  left: 5px;
  opacity: 0.8;
}
.product-card .product-img .icons {
  position: absolute;
  top: 30px;
  right: 10px;
  opacity: 0;
  transition: all 0.5s ease;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
}
.product-card .product-img .icons a {
  color: #132150;
  cursor: pointer;
  transition: 0.5s ease;
  margin-bottom: 5px;
}
.app-dialog {
  display: flex;
  flex-direction: column;
  max-width: fit-content !important;
  max-height: 95vh !important;
  align-self: center !important;
  padding: 20px;
}
.app-dialog .mat-mdc-dialog-container .mat-mdc-dialog-title {
  color: #132150;
  letter-spacing: 0 !important;
  margin: 0 !important;
}
.app-dialog .global-dialog-content {
  padding: 10px 24px !important;
  max-height: 75vh !important;
  max-width: 80vw !important;
}
.app-dialog .mdc-dialog__surface {
  overflow: unset;
}
.app-dialog .mdc-dialog__container .close-btn-outer {
  position: relative;
}
.app-dialog .mdc-dialog__container .close-btn-outer button {
  background-color: #fa1b13;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -10px;
  top: -50px;
}
.app-dialog .product-dialog-content {
  display: flex;
  flex-direction: row;
}
.app-dialog .product-right {
  padding: 0 30px;
}
.app-dialog .product-right .product-details h2 {
  font-weight: bold;
  color: #132150;
  margin-bottom: 0;
}
.app-dialog .product-right .product-details .pricing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.app-dialog .product-right .product-details .pricing span {
  color: #132150;
  font-size: 14px;
}
.app-dialog .product-right .product-details .pricing h3.price {
  font-size: 26px;
  font-weight: bold;
  margin: 10px 0;
  color: #009382;
}
.app-dialog .product-right .availability .red {
  color: #fa1b13;
  font-weight: 500;
}
.app-dialog .product-right .availability .green {
  color: #009382;
  font-weight: 500;
}
.app-dialog .product-right .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
}
ems-confirm-dialog .app-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content {
  padding: 8px 5px;
  margin: 0 5px;
  color: #132150;
}
ems-confirm-dialog .app-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content h2 {
  text-align: center;
  color: #132150;
  font-size: medium;
  text-transform: none;
}
.well {
  border-radius: 3px;
  border: 1px solid #acb1c1;
  overflow: hidden;
}
.list-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 15px 20px 0px 20px;
  padding: 4px 16px;
}
.list-header h1 {
  color: #132150;
  margin: 0 !important;
}
.bottom-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  min-width: 445px;
}
@media (max-width: 580px) {
  .bottom-buttons {
    display: flex;
    flex-direction: column;
    min-width: unset;
  }
  .bottom-buttons button {
    margin-bottom: 10px;
  }
}
.add-bottom {
  border-top: 1px solid #eeeff2;
  padding: 4px;
  width: auto;
  line-height: 16px;
  background-color: #ffffff;
  opacity: 0.9;
  text-align: center;
}
.add-element-button {
  background-color: #00846f !important;
  color: white !important;
  padding: 0 16px !important;
}
@media (max-width: 600px) {
  .list-header {
    margin: 15px 9px;
  }
  .list-header h1 {
    font-size: large;
  }
}
@media (max-width: 600px) {
  .app-dialog .product-dialog-content {
    flex-direction: column;
  }
  .app-dialog .product-dialog-content img {
    object-fit: scale-down;
    height: unset !important;
    width: unset !important;
  }
}
@media (max-width: 600px) {
  .custom-menu {
    font-size: small;
  }
}
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  cursor: pointer;
}
*:not(body)::-webkit-scrollbar {
  width: 1px;
  height: 1px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  background-color: #acb1c1;
  border-radius: 4px;
  cursor: pointer;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
.mat-drawer-container[fullscreen] {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff !important;
}
.loading {
  background-image: url(/assets/img/animated-paper-plane.gif);
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  overflow-y: hidden;
}
.loading.row {
  padding-top: 0;
  padding-left: 100px;
  justify-content: center;
  height: 100px;
  background-size: 100px;
}
.my-backdrop {
  background: rgba(0, 0, 0, 0.6);
}

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