/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/ebopro/src/app/styles/tail_wind.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.left-0 {
  left: 0px;
}
.right-2 {
  right: 0.5rem;
}
.top-0 {
  top: 0px;
}
.top-4 {
  top: 1rem;
}
.z-10 {
  z-index: 10;
}
.col-auto {
  grid-column: auto;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-18 {
  grid-column: span 18 / span 18;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.row-\[span_99_\/_span_99\] {
  grid-row: span 99 / span 99;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-3 {
  margin: 0.75rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.me-8 {
  margin-inline-end: 2rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-4 {
  margin-top: 1rem;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!inline {
  display: inline !important;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.h-1\/2 {
  height: 50%;
}
.h-10 {
  height: 2.5rem;
}
.h-16 {
  height: 4rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-7 {
  height: 1.75rem;
}
.h-full {
  height: 100%;
}
.h-max {
  height: max-content;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.\!w-80 {
  width: 20rem !important;
}
.w-16 {
  width: 4rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-screen {
  width: 100vw;
}
.min-w-min {
  min-width: min-content;
}
.max-w-96 {
  max-width: 24rem;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.shrink {
  flex-shrink: 1;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes ping {

  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-24 {
  grid-template-columns: repeat(24, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.\!items-start {
  align-items: flex-start !important;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-items-start {
  justify-items: start;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-y-0 {
  row-gap: 0px;
}
.place-self-center {
  place-self: center;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.\!border-transparent {
  border-color: transparent !important;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-on-overflow {
  border-color: var(--p-grid-overflow-contrast-color);
}
.border-primary {
  border-color: var(--p-primary-color);
}
.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.border-surface-300 {
  --tw-border-opacity: 1;
  border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent);
}
.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}
.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-info {
  background-color: var(--p-button-info-background);
}
.bg-on-danger {
  background-color: var(--p-danger-background);
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-overflow {
  background-color: var(--p-grid-overflow-color);
}
.bg-primary {
  background-color: var(--p-primary-color);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-surface {
  background-color: var(--p-surface-color);
}
.bg-surface-b {
  background-color: var(--p-surface-b-color);
}
.bg-transparent {
  background-color: transparent;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-1 {
  padding: 0.25rem !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.\!pl-0 {
  padding-left: 0px !important;
}
.\!pt-0 {
  padding-top: 0px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.ps-8 {
  padding-inline-start: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.\!align-text-top {
  vertical-align: text-top !important;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-8xl {
  font-size: 6rem;
  line-height: 1;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.italic {
  font-style: italic;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-tight {
  line-height: 1.25;
}
.\!text-link {
  color: var(--p-link-color) !important;
}
.\!text-on-primary {
  color: var(--p-primary-contrast-color) !important;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-danger {
  color: var(--p-danger-color);
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-info {
  color: var(--p-button-info-background);
}
.text-link {
  color: var(--p-link-color);
}
.text-on-danger {
  color: var(--p-danger-background);
}
.text-on-grey-out {
  color: var(--p-grey-out-background);
}
.text-on-info {
  color: var(--p-button-info-color) ;
}
.text-on-overflow {
  color: var(--p-grid-overflow-contrast-color);
}
.text-on-primary {
  color: var(--p-primary-contrast-color);
}
.text-on-surface {
  color: var(--p-text-color);
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-primary {
  color: var(--p-primary-color);
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.opacity-75 {
  opacity: 0.75;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\!text-color {
  color: var(--p-text-color) !important;
}
.text-color {
  color: var(--p-text-color);
}
@keyframes enter {

  from {
    opacity: var(--p-enter-opacity, 1);
    transform: translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0));
  }
}
@keyframes leave {

  to {
    opacity: var(--p-leave-opacity, 1);
    transform: translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0));
  }
}
@media (min-width: 640px) {

  .sm\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:grid-cols-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-3\/5 {
    height: 60%;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:grow-0 {
    flex-grow: 0;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1024px) {

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media print {

  .print\:block {
    display: block;
  }

  .print\:hidden {
    display: none;
  }

  .print\:overflow-visible {
    overflow: visible;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.8ca441e178bfb872.eot');
    src: url('primeicons.8ca441e178bfb872.eot?#iefix') format('embedded-opentype'), url('primeicons.e1a53edb6ea00325.woff2') format('woff2'), url('primeicons.7f7722745590608a.woff') format('woff'), url('primeicons.310a7310efb91ab1.ttf') format('truetype'), url('primeicons.19e14e488f5edc90.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/ebopro/src/app/styles/ebo_colors.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --ebo-primary-color: var(--primary-color);
  --primary-color-text: white;
  --ebo-green: #00f501;
  --error-color: $error;
  --surface-color: color.adjust($light, $lightness: -10%);
  --border-color: darkgrey;
}

a.date_range > mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color:nth-child(2) {
  color: var(--publish-schedule-status);
}

.holiday {
  background-color: rgb(168, 168, 168);
}

a.date_range > mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color:nth-child(2) {
  color: var(--publish-schedule-status, rgba(0, 0, 0, 0.54));
}

.current {
  background-color: #198754;
  color: white;
}

.current:hover {
  background-color: rgb(21.015625, 113.484375, 70.6125) !important;
  color: white;
}

.status-header.on-call,
.list.on-call,
.route-status.on-call {
  background-color: #0d6efd;
}

.duplicate-entry,
a.duplicate-entry {
  background: var(--highlight-color) !important;
  color: #000 !important;
}

a.duplicate-entry.time-off {
  background: repeating-linear-gradient(45deg, yellow, yellow 1px, orange 4px, orange 10px) !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/ebopro/src/app/styles/ebo_start.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
$borderRadius:12px;             // border radius of layout element e.g. card, sidebar 
*/
:root {
  --ebo-primary-color: var(--primary-color);
  --primary-color-text: white;
  --ebo-green: #00f501;
  --error-color: $error;
  --surface-color: color.adjust($light, $lightness: -10%);
  --border-color: darkgrey;
}

a.date_range > mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color:nth-child(2) {
  color: var(--publish-schedule-status);
}

.holiday {
  background-color: rgb(168, 168, 168);
}

a.date_range > mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color:nth-child(2) {
  color: var(--publish-schedule-status, rgba(0, 0, 0, 0.54));
}

.current {
  background-color: #198754;
  color: white;
}

.current:hover {
  background-color: rgb(21.015625, 113.484375, 70.6125) !important;
  color: white;
}

.status-header.on-call,
.list.on-call,
.route-status.on-call {
  background-color: #0d6efd;
}

.duplicate-entry,
a.duplicate-entry {
  background: var(--highlight-color) !important;
  color: #000 !important;
}

a.duplicate-entry.time-off {
  background: repeating-linear-gradient(45deg, yellow, yellow 1px, orange 4px, orange 10px) !important;
}

/*
.text-inherit {
  font-size: inherit !important;
}

.button-as-link {
  background: none;
  border: none;
  padding: 0;
  font: inherit !important;
  cursor: pointer;
  color: blue;
}
  */
:root {
  --ebo-header-icon-size: 1.4rem;
}

.alert-success {
  background-color: #198754;
  border-color: rgb(21.015625, 113.484375, 70.6125);
}

.alert-danger {
  color: var(--p-danger-color);
  background-color: var(--p-danger-background);
  border-color: var(--p-danger-border-color);
}

.grid-danger {
  color: var(--p-danger-background) !important;
  font-weight: 600;
  border-color: var(--p-danger-background) !important;
}

.alert-warning {
  color: var(--p-warning-color);
  background-color: var(--p-warning-background);
  border-color: var(--p-warning-border-color);
}

.grid-warning {
  color: var(--p-warning-background) !important;
  font-weight: 600;
  border-color: var(--p-warning-background) !important;
}

.grid-flag {
  color: var(--p-flag-background) !important;
  font-weight: 600;
  border-color: var(--p-flag-background) !important;
}

.grid-grey-out {
  color: var(--p-grey-out-color) !important;
  background-color: var(--p-grey-out-background) !important;
}

.alert a {
  color: #fff;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-ebo {
  color: var(--text-color);
  background-color: var(--ebo-green) !important;
  border-color: var(--text-color);
}

.highlight,
.alert-highlight {
  color: var(--p-highlight-color) !important;
  background-color: var(--p-highlight-background) !important;
  border-color: var(--p-highlight-border-color) !important;
}

.alert-info {
  color: var(--text-color-form);
  background-color: #cae6fc;
  border-color: #bee5eb;
}

.alert-info a {
  color: var(--text-color-secondary-link);
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-help,
.alert-help a {
  background-color: var(--help-color);
  color: #000;
}

.alert-dark {
  color: #000;
}

.alert-warning a:hover {
  background-color: var(--success-color);
}

.alert-success,
.alert-success a {
  color: #000;
}

a {
  color: var(--p-link-color);
}

.disabled {
  background: wheat;
}

.footer {
  background: gray;
}

.added {
  background-color: #e5ffe5;
}

.modified {
  background-color: var(--modified-background-color);
}

.deleted {
  background-color: #ffe5e5;
}

.blur {
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.text-warn {
  color: var(--warning-color);
}

.managerPolicy {
  background: linear-gradient(-135deg, rgb(15, 125, 255) 9px, rgba(0, 0, 0, 0) 0);
}

.payrollPolicy {
  background: linear-gradient(-135deg, #17ff00 9px, rgba(0, 0, 0, 0) 0);
}

.backOfficePolicy {
  background: linear-gradient(-135deg, #000000 9px, rgba(0, 0, 0, 0) 0);
}

.adminPolicy {
  background: linear-gradient(-135deg, #ff0000 9px, rgba(0, 0, 0, 0) 0);
}

.loading-dialog {
  background-color: transparent;
  box-shadow: none !important;
  border-color: transparent !important;
}

div:has(.parent-z-index-3) {
  z-index: 3 !important;
}

.ebo-feature-disabled {
  background-color: #b0b0b0 !important;
  color: #8e8e8e;
  box-shadow: inset 0px 0px 11px -7px black;
  -webkit-box-shadow: inset 0px 0px 11px -7px black;
  -moz-box-shadow: inset 0px 0px 11px -7px black;
}

.p-tieredmenu-submenu {
  overflow-y: auto !important;
  max-height: 75vh !important;
}

@media print {
  body,
  html,
  .forPrint {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    display: block !important;
  }
}
.ebo-icon[fontIcon]::before {
  font-family: "Material Icons";
  content: attr(fontIcon);
}

/*
.header-icons .p-button,
.run-value .p-button {
  padding: 0;
  min-width: auto;
}
.header-icons i,
.run-value i {
  font-size: 1rem;
  color: var(--text-color) !important;
}
.text-icon > .pi {
  font-size: 1.5rem;
}


*/
.inlineIconTray {
  white-space: nowrap;
  vertical-align: baseline;
}

.inlineIconButton {
  font-size: 1.5rem;
  height: 1rem;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 1px;
  padding-left: 1px;
  margin-left: 0px;
  margin-right: 0px;
  vertical-align: baseline;
}

.inlineIconButton > i {
  width: 1rem;
}

i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  overflow: hidden;
}

/*

.with-icon i,
li i {
  font-size: 1.5rem;
}

.block i,
.s-loader {
  //position: relative;
  //color: var(--text-color);
  // top: 0px;
  left: 0.75rem;
  // background: var(--panel-surface);
}
*/
@keyframes fa-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.spin {
  animation: fa-spin 2s infinite linear;
}

.pi.assignment.ebo-icon:before {
  font-family: "Material Icons";
  content: "assignment";
}

.pi.comment.ebo-icon:before {
  font-family: "Material Icons";
  content: "comment";
}

.pi.local_gas_station:before {
  font-family: "Material Icons";
  content: "local_gas_station";
}

.pi.add_road:before {
  font-family: "Material Icons";
  content: "add_road";
}

.pi.menu_book:before {
  font-family: "Material Icons";
  content: "menu_book";
}

.pi.start:before {
  font-family: "Material Icons";
  content: "start";
}

.pi.keyboard_tab:before {
  font-family: "Material Icons";
  content: "keyboard_tab";
}

.pi.view_column:before {
  font-family: "Material Icons";
  content: "view_column";
}

.pi.filter_list:before {
  font-family: "Material Icons";
  content: "filter_list";
}

.pi.check_box:before {
  font-family: "Material Icons";
  content: "check_box";
}

.pi.arrow_drop_down:before {
  font-family: "Material Icons";
  content: "arrow_drop_down";
}

.pi.check_box_outline_blank:before {
  font-family: "Material Icons";
  content: "check_box_outline_blank";
}

.pi.launch:before {
  font-family: "Material Icons";
  content: "launch";
}

.pi.vertical_align_top:before {
  font-family: "Material Icons";
  content: "vertical_align_top";
}

.pi.info:before {
  font-family: "Material Icons";
  content: "info";
}

.pi.error:before {
  font-family: "Material Icons";
  content: "error";
}

.pi.clear:before {
  font-family: "Material Icons";
  content: "clear";
}

.pi.history:before {
  font-family: "Material Icons";
  content: "history";
}

.pi.warning:before {
  font-family: "Material Icons";
  content: "warning";
}

.pi.free_cancellation:before {
  font-family: "Material Icons";
  content: "free_cancellation";
}

.pi.punch_clock:before {
  font-family: "Material Icons";
  content: "punch_clock";
}

.pi.pivot_table_chart:before {
  font-family: "Material Icons";
  content: "pivot_table_chart";
}

.pi.speed:before {
  font-family: "Material Icons";
  content: "speed";
}

.pi.quiz:before {
  font-family: "Material Icons";
  content: "quiz";
}

.pi.print:before {
  font-family: "Material Icons";
  content: "print";
}

.pi.access_time:before {
  font-family: "Material Icons";
  content: "access_time";
}

.pi.outgoing_mail:before {
  font-family: "Material Icons";
  content: "outgoing_mail";
}

.pi.trending_up:before {
  font-family: "Material Icons";
  content: "trending_up";
}

.pi.trending_down:before {
  font-family: "Material Icons";
  content: "trending_down";
}

.pi.app_registration:before {
  font-family: "Material Icons";
  content: "app_registration";
}

.pi.blur_on:before {
  font-family: "Material Icons";
  content: "blur_on";
}

.pi.blur_off:before {
  font-family: "Material Icons";
  content: "blur_off";
}

.pi.account_circle:before {
  font-family: "Material Icons";
  content: "account_circle";
}

.pi.local_atm:before {
  font-family: "Material Icons";
  content: "local_atm";
}

.pi.loyalty:before {
  font-family: "Material Icons";
  content: "loyalty";
}

.pi.email:before {
  font-family: "Material Icons";
  content: "email";
}

.pi.done_all:before {
  font-family: "Material Icons";
  content: "done_all";
}

.pi.hotel:before {
  font-family: "Material Icons";
  content: "hotel";
}

.pi.car_repair:before {
  font-family: "Material Icons";
  content: "car_repair";
}

.pi.library_books:before {
  font-family: "Material Icons";
  content: "library_books";
}

.pi.not_listed_location:before {
  font-family: "Material Icons";
  content: "not_listed_location";
}

.pi.auto_mode:before {
  font-family: "Material Icons";
  content: "auto_mode";
}

.pi.search:before {
  font-family: "Material Icons";
  content: "search";
}

.pi.military_tech:before {
  font-family: "Material Icons";
  content: "military_tech";
}

.pi.settings:before {
  font-family: "Material Icons";
  content: "settings";
}

.pi.event_busy:before {
  font-family: "Material Icons";
  content: "event_busy";
}

.pi.people:before {
  font-family: "Material Icons";
  content: "people";
}

.pi.work_history:before {
  font-family: "Material Icons";
  content: "work_history";
}

.pi.car_rental:before {
  font-family: "Material Icons";
  content: "car_rental";
}

.pi.date_range:before {
  font-family: "Material Icons";
  content: "date_range";
}

.pi.car_repair:before {
  font-family: "Material Icons";
  content: "car_repair";
}

.pi.maps_home_work.ebo-icon:before {
  font-family: "Material Icons";
  content: "maps_home_work";
}

.pi.event_busy.ebo-icon:before {
  font-family: "Material Icons";
  content: "event_busy";
}

.pi.receipt.ebo-icon:before {
  font-family: "Material Icons";
  content: "receipt";
}

.pi.transfer_within_a_station:before {
  font-family: "Material Icons";
  content: "transfer_within_a_station";
}

.pi.schedule_send:before {
  font-family: "Material Icons";
  content: "schedule_send";
}

.pi.skip_next:before {
  font-family: "Material Icons";
  content: "skip_next";
}

.pi.skip_previous:before {
  font-family: "Material Icons";
  content: "skip_previous";
}

.pi.fast_forward:before {
  font-family: "Material Icons";
  content: "fast_forward";
}

.pi.fast_rewind:before {
  font-family: "Material Icons";
  content: "fast_rewind";
}

.pi-account_balance:before {
  font-family: "Material Icons";
  content: "account_balance";
}

.pi.plus:before {
  font-family: "Material Icons";
  content: "add";
}

.pi.minus:before {
  font-family: "Material Icons";
  content: "remove";
}

.pi.refresh:before {
  font-family: "Material Icons";
  content: "refresh";
}

.pi-times:before {
  font-family: "Material Icons";
  content: "clear";
}

.pi-info:before {
  font-family: "Material Icons";
  content: "info";
}

.pi.fact_check:before {
  font-family: "Material Icons";
  content: "fact_check";
}

.pi-cog:before {
  font-family: "Material Icons";
  content: "settings";
}

.more_vert:before {
  font-family: "Material Icons";
  content: "more_vert";
}

.edit:before {
  font-family: "Material Icons";
  content: "edit";
}

.visibility_off:before {
  font-family: "Material Icons";
  content: "visibility_off";
}

.pi.add_circle:before {
  font-family: "Material Icons";
  content: "add_circle";
}

.pi.playlist_add:before {
  font-family: "Material Icons";
  content: "playlist_add";
}

.check_box:before {
  font-family: "Material Icons";
  content: "check_box";
}

.content_copy:before {
  font-family: "Material Icons";
  content: "content_copy";
}

.pi.close:before {
  font-family: "Material Icons";
  content: "close";
}

.pi.drive_file_move:before {
  font-family: "Material Icons";
  content: "drive_file_move";
}

.pi.edit_road:before {
  font-family: "Material Icons";
  content: "edit_road";
}

.pi.attach_money:before {
  font-family: "Material Icons";
  content: "attach_money";
}

.pi.router:before {
  font-family: "Material Icons";
  content: "router";
}

.pi.device_unknown:before {
  font-family: "Material Icons";
  content: "device_unknown";
}

.pi.odometer:before {
  font-family: "Material Icons";
  content: "123";
}

.pi.edit_calendar:before {
  font-family: "Material Icons";
  content: "edit_calendar";
}

.pi.departure_board:before {
  font-family: "Material Icons";
  content: "departure_board";
}

.pi.compare_arrows:before {
  font-family: "Material Icons";
  content: "compare_arrows";
}

.pi.format_list_numbered:before {
  font-family: "Material Icons";
  content: "format_list_numbered";
}

.pi.insert_chart_outlined:before {
  font-family: "Material Icons";
  content: "insert_chart_outlined";
}

.pi.outlined_flag:before {
  font-family: "Material Icons";
  content: "outlined_flag";
}

.pi.place:before {
  font-family: "Material Icons";
  content: "place";
}

.pi.account_tree:before {
  font-family: "Material Icons";
  content: "account_tree";
}

.pi.map:before {
  font-family: "Material Icons";
  content: "map";
}

.pi.connect_without_contact:before {
  font-family: "Material Icons";
  content: "connect_without_contact";
}

.pi.payments:before {
  font-family: "Material Icons";
  content: "payments";
}

.pi.receipt_long:before {
  font-family: "Material Icons";
  content: "receipt_long";
}

.pi.more:before {
  font-family: "Material Icons";
  content: "more";
}

.pi.exposure:before {
  font-family: "Material Icons";
  content: "exposure";
}

.pi.iso:before {
  font-family: "Material Icons";
  content: "iso";
}

.pi.hourglass_disabled:before {
  font-family: "Material Icons";
  content: "hourglass_disabled";
}

.pi.inbox:before {
  font-family: "Material Icons";
  content: "inbox";
}

.pi.list:before {
  font-family: "Material Icons";
  content: "list";
}

.pi.delete:before {
  font-family: "Material Icons";
  content: "delete";
}

.pi.delete_forever:before {
  font-family: "Material Icons";
  content: "delete_forever";
}

.pi.visibility:before {
  font-family: "Material Icons";
  content: "visibility";
}

.pi.restore_from_trash:before {
  font-family: "Material Icons";
  content: "restore_from_trash";
}

.pi.check_box_outline_blank:before {
  font-family: "Material Icons";
  content: "check_box_outline_blank";
}

.pi.pi-times-circle:before {
  font-family: "Material Icons";
  content: "cancel";
}

.pi.cancel:before {
  font-family: "Material Icons";
  content: "cancel";
}

.check:before {
  font-family: "Material Icons";
  content: "check";
}

.pi-chevron-down:before {
  font-family: "Material Icons";
  content: "expand_more";
}

.pi-compress:before {
  font-family: "Material Icons";
  content: "compress";
}

.pi-expand:before {
  font-family: "Material Icons";
  content: "expand";
}

.pi-chevron-up:before {
  font-family: "Material Icons";
  content: "expand_less";
}

.pi.menu:before {
  font-family: "Material Icons";
  content: "menu";
}

.pi.supervised_user_circle:before {
  font-family: "Material Icons";
  content: "supervised_user_circle";
}

.pi.local_shipping:before {
  font-family: "Material Icons";
  content: "local_shipping";
}

.pi.timeline:before {
  font-family: "Material Icons";
  content: "timeline";
}

.pi.change_circle:before {
  font-family: "Material Icons";
  content: "change_circle";
}

.pi.pi-calendar:before {
  font-family: "Material Icons";
  content: "date_range";
}

.pi.person:before {
  font-family: "Material Icons";
  content: "person";
}

.pi.satellite_alt:before {
  font-family: "Material Icons";
  content: "satellite_alt";
}

.pi.gps_off:before {
  font-family: "Material Icons";
  content: "gps_off";
}

.pi.lock:before {
  font-family: "Material Icons";
  content: "lock";
}

.pi.lock_open:before {
  font-family: "Material Icons";
  content: "lock_open";
}

.pi.sick:before {
  font-family: "Material Icons";
  content: "sick";
}

.pi.psychology_alt:before {
  font-family: "Material Icons";
  content: "psychology_alt";
}

.pi.blocked_icon:before {
  font-family: "Material Icons";
  content: "blocked";
}

.pi.location_searching:before {
  font-family: "Material Icons";
  content: "location_searching";
}

.pi.directions:before {
  font-family: "Material Icons";
  content: "directions";
}

.pi.today:before {
  font-family: "Material Icons";
  content: "today";
}

.pi.bus_alert:before {
  font-family: "Material Icons";
  content: "bus_alert";
}

.pi.comment:before {
  font-family: "Material Icons";
  content: "comment";
}

.pi.running_with_errors:before {
  font-family: "Material Icons";
  content: "running_with_errors";
}

.pi.manage_search:before {
  font-family: "Material Icons";
  content: "manage_search";
}

.pi.event:before {
  font-family: "Material Icons";
  content: "event";
}

.pi.calculate:before {
  font-family: "Material Icons";
  content: "calculate";
}

.pi.remove:before {
  font-family: "Material Icons";
  content: "remove";
}

.pi.person_remove:before {
  font-family: "Material Icons";
  content: "person_remove";
}

.pi.download:before {
  font-family: "Material Icons";
  content: "download";
}

.pi.group_remove:before {
  font-family: "Material Icons";
  content: "group_remove";
}

.pi.link:before {
  font-family: "Material Icons";
  content: "link";
}

.pi.link_off:before {
  font-family: "Material Icons";
  content: "link_off";
}

.pi.assignment:before {
  font-family: "Material Icons";
  content: "assignment";
}

.pi.apartment:before {
  font-family: "Material Icons";
  content: "apartment";
}

.pi.admin_panel_settings:before {
  font-family: "Material Icons";
  content: "admin_panel_settings";
}

.pi.house:before {
  font-family: "Material Icons";
  content: "house";
}

.pi.emoji_events:before {
  font-family: "Material Icons";
  content: "emoji_events";
}

.pi.dashboard:before {
  font-family: "Material Icons";
  content: "dashboard";
}

.pi.maps_home_work:before {
  font-family: "Material Icons";
  content: "maps_home_work";
}

.pi.receipt:before {
  font-family: "Material Icons";
  content: "receipt";
}

.pi.operations:before {
  font-family: "Material Icons";
  content: "360";
}

.pi.outbox:before {
  font-family: "Material Icons";
  content: "outbox";
}

.pi.local_parking:before {
  font-family: "Material Icons";
  content: "local_parking";
}

.pi.password:before {
  font-family: "Material Icons";
  content: "password";
}

.pi.snooze:before {
  font-family: "Material Icons";
  content: "snooze";
}

.pi.access_time:before {
  font-family: "Material Icons";
  content: "access_time";
}

.pi.beach_access:before {
  font-family: "Material Icons";
  content: "beach_access";
}

.phone:before {
  font-family: "Material Icons";
  content: "phone";
}

.merge:before {
  font-family: "Material Icons";
  content: "merge";
}

.build:before {
  font-family: "Material Icons";
  content: "build";
}

.update:before {
  font-family: "Material Icons";
  content: "update";
}

.publish:before {
  font-family: "Material Icons";
  content: "publish";
}

.verified:before {
  font-family: "Material Icons";
  content: "verified";
}

.sync_alt:before {
  font-family: "Material Icons";
  content: "sync_alt";
}

.summarize:before {
  font-family: "Material Icons";
  content: "summarize";
}

.thumbs_up_down:before {
  font-family: "Material Icons";
  content: "thumbs_up_down";
}

.thumb_up_alt:before {
  font-family: "Material Icons";
  content: "thumb_up_alt";
}

.thumb_down_alt:before {
  font-family: "Material Icons";
  content: "thumb_down_alt";
}

.thumb_up_off_alt:before {
  font-family: "Material Icons";
  content: "thumb_up_off_alt";
}

.thumb_down_off_alt:before {
  font-family: "Material Icons";
  content: "thumb_down_off_alt";
}

.pi-chevron-left:before {
  font-family: "Material Icons";
  content: "chevron_left";
}

.pi-chevron-right:before {
  font-family: "Material Icons";
  content: "chevron_right";
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  font-family: "Material Icons";
  content: "chevron_left";
}

.fc-button .fc-icon-date_range:before {
  font-family: "Material Icons";
  content: "date_range";
}

.fc-button .fc-icon-local_atm:before {
  font-family: "Material Icons";
  content: "local_atm";
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before,
.pi-angle-right:before {
  font-family: "Material Icons";
  content: "chevron_right";
}

.pi-angle-down:before {
  font-family: "Material Icons";
  content: "expand_more";
}

.pi-angle-up:before {
  font-family: "Material Icons";
  content: "expand_less";
}

.notifications:before {
  font-family: "Material Icons";
  content: "notifications";
}

.sync:before {
  font-family: "Material Icons";
  content: "sync";
}

.autorenew:before {
  font-family: "Material Icons";
  content: "autorenew";
}

.pi-bars:before {
  font-family: "Material Icons";
  content: "table_rows";
}

.pi-th-large:before {
  font-family: "Material Icons";
  content: "grid_view";
}

.pi-eye:before {
  font-family: "Material Icons";
  content: "visibility_on";
}

.pi-eye {
  width: 14px;
}

.pi-eye-slash:before {
  font-family: "Material Icons";
  content: "visibility_off";
}

.clock:before {
  font-family: "Material Icons";
  content: "alarm";
}

.pi.attach_file:before {
  font-family: "Material Icons";
  content: "attach_file";
}

.error:before {
  font-family: "Material Icons";
  content: "error";
}

.warning:before {
  font-family: "Material Icons";
  content: "warning";
}

a.time-off:before {
  font-family: "Material Icons";
  display: inline-block;
  text-decoration: none;
  content: "visibility_off";
}

a.time-off.vacation:before {
  font-family: "Material Icons";
  content: "beach_access";
}

a.time-off.sick:before {
  font-family: "Material Icons";
  content: "sick";
}

a.time-off.personal:before {
  font-family: "Material Icons";
  content: "person_off";
}

a.time-off.holiday:before {
  font-family: "Material Icons";
  content: "work_off";
}

a.time-off.unpaid:before {
  font-family: "Material Icons";
  content: "money_off";
}

a.time-off.unexcused:before {
  font-family: "Material Icons";
  content: "sentiment_dissatisfied";
}

a.time-off.prof-development:before {
  font-family: "Material Icons";
  content: "school";
}

a.time-off.schedule-request:before {
  font-family: "Material Icons";
  content: "schedule";
}

a.time-off.death-in-family:before {
  font-family: "Material Icons";
  content: "museum";
}

a.time-off.no-show:before {
  font-family: "Material Icons";
  content: "not_listed_location";
}

a.time-off {
  background-color: var(--warning-color) !important;
}

.pi.personal:before {
  font-family: "Material Icons";
  content: "person_off";
}

.pi.unpaid:before {
  font-family: "Material Icons";
  content: "money_off";
}

.pi.sentiment_dissatisfied:before {
  font-family: "Material Icons";
  content: "sentiment_dissatisfied";
}

.pi.school:before {
  font-family: "Material Icons";
  content: "school";
}

.pi.brightness_high:before {
  font-family: "Material Icons";
  content: "brightness_high";
}

.pi.brightness_medium:before {
  font-family: "Material Icons";
  content: "brightness_medium";
}

.pi.mode_night:before {
  font-family: "Material Icons";
  content: "mode_night";
}

:host ::ng-deep div {
  opacity: 0;
  animation: fadein 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5rem 0 1rem 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.preserve-format {
  white-space: pre-wrap;
  line-height: inherit;
}

/*
mark {
  background: #fff8e1;
  padding: 0.25rem 0.4rem;
  border-radius: 4px; // $borderRadius
  font-family: monospace;
}

blockquote {
  margin: 1rem 0;
  padding: 0 2rem;
  border-left: 4px solid #90a4ae;
}

hr {
  border-top: solid var(--surface-border);
  border-width: 1px 0 0 0;
  margin: 1rem 0;
}

p {
  margin: 0 0 1rem 0;
  line-height: 1.5;

  &:last-child {
    margin-bottom: 0;
  }
}
.text-end {
  text-align: right !important;
}
:root .large-font *:not(i, .view-title-element, input, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  font-size: large;
  // font-size: larger; 
}
text {
  fill: var(--text-color);
}
// TODO Notifi
:root .large-font span.mat-form-field-label-wrapper label span {
  font-size: larger;
}

:root .large-font summit-form-input-week-range {
  font-size: larger;
  // font-size: larger; 
}
// BOOTSTRAP
:root .large-font span.hidden.d-sm-inline {
  font-size: larger;
}
:root .large-font h3.d-flex.text-center {
  font-size: large;
}
:root .large-font .mat-card-header .p-card-title {
  font-size: 1.5rem;
}
:root .mat-dialog-container .p-card-title {
  font-size: 1.5rem;
  text-align: center;
  margin: 0 0 20px;
}
.text-center {
  justify-content: center;
}
.text-xx-larger {
  font: xx-large;
}


// Text Formatting
.text-nowrap {
  white-space: nowrap;
}
*/
.form-control {
  min-width: 15rem;
}

p-float-label {
  margin-top: 1.25rem;
}

.form-error {
  color: rgb(250, 125, 125);
}

.p-password-toggle-mask-icon {
  width: var(--p-icon-size) !important;
}

.p-inputgroupaddon:has(.p-button) {
  border-inline-end: 1px solid var(--p-inputgroup-addon-border-color);
}

.ebo-mobile > .p-datepicker-panel {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

s-form-row > s-form-input:has(s-form-input-checkbox),
s-form-row > s-form-input-checkbox {
  align-self: center;
}

s-grid-item-menu button {
  display: block !important;
}

.ag-full-width-container a.employee-name:before {
  content: "person";
  font-family: Material Icons;
  place-items: center;
  vertical-align: middle;
  color: var(--primary-color);
  display: inline-block;
  text-decoration: underline;
}

.row-full {
  overflow-y: visible;
}

.row-full .p-button {
  margin-left: auto !important;
}

/*
* Needed for the selection cell
*/
.menuItemCol > .ag-cell-wrapper {
  align-items: center !important;
  height: 100% !important;
}

.ag-cell-wrapper:has(.ag-selection-checkbox) {
  align-items: inherit !important;
}

.ag-cell-wrapper {
  width: 100%;
}

.ag-column-first:has(.ag-header-select-all) {
  padding: 0px !important;
  padding-left: 3px !important;
  margin: 0 !important;
}

span.ag-cell-value:has(s-grid-menu-item) {
  padding: 0 !important;
  margin: 0 !important;
}

.ag-selection-checkbox {
  padding: 0 5px 0 12px !important;
  margin: 0px !important;
}

/* end of selection cell */
.deprecated {
  background: darkgrey;
}

.ag-cell.empty.builder:hover > div > span > div > div,
.ag-cell.empty.builder:hover > div > span > div,
.ag-cell.empty.builder:hover > div > span,
.ag-cell.empty.builder:hover > div {
  width: 100%;
  height: 100%;
  display: flex;
}

.ag-cell.empty.builder:hover > div > span > div > div > p,
.ag-cell.empty.builder:active > div > span > div > div > p {
  display: inherit;
  vertical-align: middle;
  text-align: center;
  align-items: center;
  margin: auto;
  justify-content: center;
}

table {
  border-collapse: separate;
}

tr.overflow {
  background-color: lightgrey;
}

th.mat-header-cell {
  background: #fff;
}

.mat-header-cell {
  font: inherit;
}

.mat-sort-header-container {
  justify-content: inherit;
  font: inherit;
}

.groupText {
  margin-left: 0em;
}

.groupText1 {
  margin-left: 1rem;
}

.groupText2 {
  margin-left: 2rem;
}

.groupText3 {
  margin-left: 3rem;
}

.groupText4 {
  margin-left: 4rem;
}

.list-no-data {
  width: 100%;
  text-align: center;
  justify-content: center;
}

.list-overflow-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.list-overflow-container-xs {
  flex-grow: 1;
  justify-content: space-around;
  padding-left: 1rem;
  padding-right: 1rem;
}

.list-overflow-container-xl {
  justify-content: flex-start;
  padding-left: 5rem;
}

.ag-cell.alert {
  padding-top: 0;
  padding-bottom: 0;
}

.group-name > i {
  vertical-align: middle;
}

.ag-grid-root {
  height: 100%;
  width: 100%;
}

.ag-floating-bottom-container > div:first-child {
  background: var(--ag-header-background-color);
}

.comment.route {
  padding: 0;
  margin-left: auto;
}

.comment.route i {
  font-size: 1rem;
}

.route-menu-icons {
  display: flex;
  justify-content: space-between;
}

.header-icons {
  float: right;
  height: 18px;
  white-space: nowrap;
}

.day-value > .status-header .header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  flex: 1;
}

.header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex: 1;
}

.truck-overlay {
  width: 100%;
}

.truck-overlay,
.driver1-overlay,
.driver2-overlay {
  height: 100%;
  background: #808080;
  display: flex;
  align-items: center;
  text-align: center;
  float: left;
  justify-content: center;
  opacity: 0.95;
}

.driver1-overlay {
  width: 70%;
}

.overlay-hover {
  background-color: #313131;
}

.driver2-overlay {
  width: 30%;
}

.comment.run,
.comment.day,
.comment.leg {
  height: 19px !important;
  width: 19px !important;
  line-height: inherit;
}

.header-title > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.page-toolbar > .p-toolbar {
  padding: 0;
  background-color: var(--primary-color);
}

.page-toolbar > .p-toolbar > .p-toolbar-group-start {
  display: flex;
  padding: 0.5rem 0 0.5rem 1rem;
  height: 50px;
  flex: 1;
  order: -1;
}

.page-toolbar > .p-toolbar > .p-toolbar-group-center {
  flex: 1;
  margin: 0 auto;
}

s-grid-header-menu .p-tieredmenu {
  border: none;
  background: transparent;
}

.ag-full-width-row .ag-row-group-indent-0 {
  background-color: var(--p-grid-group-0-color);
}
.ag-full-width-row .ag-row-group-indent-1 {
  background-color: var(--p-grid-group-1-color);
}
.ag-full-width-row .ag-row-group-indent-2 {
  background-color: var(--p-grid-group-2-color);
}
.ag-full-width-row .ag-row-group-indent-3 {
  background-color: var(--p-grid-group-3-color);
}
.ag-full-width-row .ag-row-group-indent-4 {
  background-color: var(--p-grid-group-4-color);
}

:root {
  --pinned-row-height: 110px;
  --background: #ff6fff;
}

.no-source-data header.route-header,
.no-data header.route-header,
.no-child-data header.route-header {
  border-radius: 0;
}

.ag-group-value {
  width: 100%;
}

.ag-status-bar {
  padding: 0 !important;
}

.ag-cell.ag-cell-auto-height.ag-cell-wrap-text.day.today,
.ag-cell.ag-cell-not-inline-editing.ag-cell-auto-height.ag-cell-wrap-text.today.empty {
  background: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.ag-cell.ag-cell-auto-height.ag-cell-wrap-text.day.before,
.ag-cell.ag-cell-not-inline-editing.ag-cell-auto-height.ag-cell-wrap-text.before.empty {
  background: rgba(158, 158, 158, 0.55);
}

.ag-header-cell.today,
.ag-header-cell.today:hover,
.ag-header-cell.today:not(.ag-column-resizing) + .ag-header-cell.today:not(.ag-header-cell-moving):hover {
  background: var(--fc-today-bg-color, rgba(255, 220, 40, 0.25)) !important;
}

.route-footer-cell {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
  width: 220px;
  overflow: hidden;
}

.today .ag-header-cell-label:after {
  content: "(Today)";
  margin-left: 2px;
}

.ag-header-cell.today:before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100dvh;
  z-index: 5;
  position: flex;
  top: 0;
  left: 0px;
}

.ag-header-cell.today:after {
  background: none;
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100dvh;
  z-index: 5;
  position: flex;
  top: -3px;
  right: -3px;
}

.run-section.run-down > .run-leg {
  opacity: 0;
}

.employee-cell,
.employee-cell > div,
.employee-cell > div > span {
  height: 100%;
}

.ag-status-bar-right,
.status-bar {
  width: 100% !important;
}

.no-source-data .ag-employee {
  background-color: lightgray;
}

.ag-employee {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.ag-employee .availability {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 20px;
  word-wrap: unset;
  height: calc(100% - 25px);
}

.ag-employee .availability span {
  width: 15px;
  word-wrap: break-word;
  line-height: 9.5px;
  font-size: 10px;
  padding: 4px;
  justify-content: center;
  align-items: center;
}

.ag-employee > * {
  height: calc(100% - 25px);
  width: 90%;
}

.ag-employee .route-title,
.ag-employee .route-title:hover {
  margin: 0 0 0 10px;
  color: black;
  cursor: pointer;
  font-weight: bold;
  font-size: smaller;
}

.with-icon,
.ag-employee .route-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-employee .route-title {
  max-width: 106px;
  float: left;
}

.ag-employee header {
  display: initial;
  width: 100%;
  height: 25px;
  line-height: 25px;
  background-color: lightblue;
}

.ag-employee-header a {
  line-height: 25px;
}

.flex-gap {
  display: inline-flex;
  flex-wrap: wrap;
}

.ag-employee .route-details {
  line-height: normal;
  display: flex;
}

.ag-employee .route-details .route-assets {
  margin-left: 10px;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-focus.day,
.ag-cell-focus.empty {
  border: 1px solid transparent !important;
}

.ag-row-level-0.last-child.ag-row-footer,
.ag-row-level-1.last-child.ag-row-footer,
.ag-row-level-2.last-child.ag-row-footer,
.ag-row-level-3.last-child.ag-row-footer,
.ag-row-level-4.last-child.ag-row-footer,
.last-child + .ag-row-footer:not(.no-footer) {
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.3);
}

.ag-row-level-0.first-child.ag-row-group-expanded:not(.no-footer),
.ag-row-level-1.first-child.ag-row-group-expanded:not(.no-footer),
.ag-row-level-2.first-child.ag-row-group-expanded:not(.no-footer),
.ag-row-level-3.first-child.ag-row-group-expanded:not(.no-footer),
.ag-row-level-4.first-child.ag-row-group-expanded:not(.no-footer),
.first-child:not(.no-footer, .ag-row-level-0) {
  box-shadow: inset 0 -7px 9px -7px rgba(0, 0, 0, 0.4);
}

.ag-row-group.ag-row-level-0.ag-full-width-row,
.ag-row-group.ag-row-level-0 > .ag-cell.empty,
.ag-row-level-0.ag-row-footer {
  background-color: var(--p-grid-group-0-color);
}

.ag-row-level-1.ag-row-footer,
.ag-row-group.ag-row-level-1.ag-full-width-row {
  background-color: var(--p-grid-group-1-color);
}

.ag-row-level-2.ag-row-footer,
.ag-row-group.ag-row-level-2.ag-full-width-row {
  background-color: var(--p-grid-group-2-color);
}

.ag-row-level-3.ag-row-footer,
.ag-row-group.ag-row-level-3.ag-full-width-row {
  background-color: var(--p-grid-group-3-color);
}

.ag-row-level-4.ag-row-footer,
.ag-row-group.ag-row-level-4.ag-full-width-row {
  background-color: var(--p-grid-group-4-color);
}

.ag-row-footer {
  border-top: solid 1px var(--ag-foreground-color);
  filter: brightness(90%);
}

.ag-cell-focus * .run-value:hover,
.ag-cell-focus * .day-value {
  border: 1px solid;
  border-color: #2196f3;
  border-color: var(--ag-range-selection-border-color, #2196f3);
  outline: initial;
}

.ag-route header,
.ag-employee header {
  width: 100%;
  height: 25px;
  line-height: 25px;
  background-color: var(--p-grid-group-2-color);
}

.ag-route,
.ag-employee {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.no-data .ag-employee,
.no-data {
  background-color: rgb(207, 207, 40);
  color: #000;
}

.no-source-data .ag-employee {
  background-color: #d3d3d3;
}

.run-value,
.day-value {
  background-color: var(--p-surface-c-color);
  border-radius: 15px;
  border: 1px solid silver;
  width: inherit;
  line-height: normal;
  overflow: hidden;
}

.day-value {
  margin: 5px 5px 5px 10px;
}

.run-value {
  margin: 0px 5px 5px 2px;
}

app-schedule-date-bar .view-title {
  height: 100%;
  display: flex;
}

app-schedule-date-bar .view-title span {
  align-content: center;
  align-self: center;
  text-align: center;
}

.ag-row-level-2 .day:last-child .day-value,
.ag-row-level-2 .day:last-child .run-value {
  margin-right: 5px;
}

.tab-select > .mat-tab-header > .mat-tab-label-container,
.tab-select > .mat-tab-label-container > .mat-tab-list,
.tab-select > .mat-tab-label-container > .mat-tab-list > .mat-tab-labels {
  width: 100% !important;
}

.tab-select > .mat-tab-header > .mat-tab-label-container > .mat-tab-list > .mat-tab-labels > .mat-tab-label {
  width: 50% !important;
}

.ag-side-bar .day-toggle button span {
  padding: 0 5px;
}

.ag-cell-value details > summary {
  position: fixed;
  margin-top: -18px;
  margin-left: 3px;
  text-align: center;
}

.ag-cell.day,
.empty {
  border: none !important;
}

.ag-cell.route-cell,
.ag-cell.employee-cell {
  border-color: 1px solid transparent;
  padding: 0;
}

.with-icon,
.with-icon.ng-star-inserted {
  align-items: center;
}

.with-icon a {
  color: var(--p-text-color);
  background-color: transparent;
  cursor: pointer;
}

.ag-header-cell-label .ag-header-icon.ag-sort-order {
  display: none;
}

.day-value header,
.status-header {
  cursor: pointer;
}

.run-section {
  cursor: cell;
}

.ag-route {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.route-status {
  padding: 2px 2px;
  font-weight: bold;
  border: 1px solid black;
  border-radius: 12px;
  color: black;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  max-width: 5rem;
  text-overflow: ellipsis;
  float: right;
}

.route-status a {
  color: inherit;
  text-decoration: none;
}

.route-status a:hover {
  color: black;
  text-decoration: none;
}

.route-status:hover {
  color: black;
  text-decoration: none;
  opacity: 0.7;
  cursor: pointer;
}

.no-data {
  background-color: rgb(255, 255, 0);
}

.no-source-data {
  background-color: rgb(250, 125, 125);
}

a.no-source-data:hover {
  text-decoration: none;
}

.ag-cell-focus.day,
.ag-cell-focus.empty {
  border: 0px solid transparent !important;
}

.ag-route .availability {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 20px;
  word-wrap: unset;
  height: calc(100% - 25px);
}

.ag-route .availability span {
  width: 15px;
  word-wrap: break-word;
  line-height: 9.5px;
  font-size: 10px;
  padding: 4px;
  justify-content: center;
  align-items: center;
}

.ag-route > * {
  height: calc(100% - 25px);
  width: 90%;
}

.schedule-truck-icon:before {
  font-family: "Material Icons";
  content: "local_shipping";
}

.clear {
  display: inline-flex;
  vertical-align: bottom;
}

.publish-status-icon,
.status-comment-icon,
.publish-send-icon,
.status-comment-icon {
  float: right;
  font-family: "Material Icons";
}

.ag-group-value > div > .publish-status-icon {
  padding-left: 3px;
  margin: 0;
}

.publish-status-icon:before {
  font-family: "Material Icons";
  content: "publish";
}

.publish-send-icon:before {
  font-family: "Material Icons";
  content: "send";
}

.day-comment-icon:before {
  font-family: "Material Icons";
  content: "rate_review";
}

.route-header .publish-status-icon {
  margin-left: 2px;
  margin-right: -2px;
  clear: both;
  float: left;
  cursor: pointer;
  white-space: nowrap;
}

.route-header .publish-status-icon.no-data:before,
.status-comment-icon {
  content: "";
  width: 14px;
}

.publish-status-icon:hover:before,
.comment:hover {
  color: rgb(41, 41, 41);
}

.status-icon:before {
  font-family: "Material Icons";
  content: "free_cancellation";
}

.changes-pending:before {
  content: "published_with_changes";
}

.published:before {
  content: "check_circle";
}

.unpublished:before {
  content: "publish";
}

.publish-disabled:before {
  content: "not_interested";
}

.schedule-driver-icon:before {
  font-family: "Material Icons";
  content: "person";
}

.with-icon:hover .clear:before {
  content: "clear";
}

.with-icon:hover .clear:hover:before {
  color: red;
  cursor: pointer;
}

.ag-route .route-details {
  height: 100%;
}

.ag-route .route-title,
.ag-route .route-title:hover {
  margin: 0 0 0 10px;
  color: black;
  cursor: pointer;
  font-weight: bold;
}

.flex-gap {
  display: inline-flex;
  flex-wrap: wrap;
}

.ag-route .route-details {
  line-height: normal;
  display: flex;
}

.ag-route .route-details .route-assets {
  margin-left: 10px;
  width: 66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-data:hover,
.no-source-data:hover {
  text-decoration: none;
}

.with-icon,
.ag-route .route-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-route header {
  width: 100%;
  height: 25px;
  line-height: 25px;
  background-color: var(--p-grid-group-2-color);
  border-radius: 0 15px 15px 0;
}

.ag-route-header a {
  line-height: 25px;
}

header .status-header,
header .status-header {
  float: none;
  width: 100%;
}

.run-section,
.status-header,
.day-section {
  padding: 0 3%;
}

.run-leg {
  display: flow-root;
}

.run-leg span,
.comment-icon {
  float: right;
}

.ag-column-hover {
  background-color: #dfffdf;
}

.ag-row-hover .ag-column-hover {
  background-color: #f5f5f5;
}

.yellow,
.status-header.tbd,
.list.tbd,
.ag-cell.tbd,
.leg-count.tbd:after,
.yellow a {
  background-color: var(--highlight-color);
  color: var(--text-color);
}

.leg-count.tbd:after {
  content: "TBD";
}

.green,
.status-header.active,
.list.active,
.ag-cell.active,
.leg-count.active:after {
  background-color: var(--success-color);
}

.limeGreen,
.status-header.activeOther,
.list.activeOther,
.ag-cell.activeOther,
.leg-count.activeOther:after {
  background-color: limegreen;
}

.completed,
.status-header.completed {
  background-color: dimgray;
  color: white;
}

.leg-count.active:after {
  content: "Active";
}

.orange,
.status-header.no-dispatch,
.list.no-dispatch,
.ag-cell.no-dispatch,
.leg-count.no-dispatch:after {
  background-color: var(--warning-color);
}

.leg-count.no-dispatch:after {
  content: "No Dispatch";
}

.day-no-dispatch,
.day-holiday,
.run-holiday,
.run-no-dispatch,
.leg-count.holiday:after {
  background-color: rgb(168, 168, 168);
}

.leg-count.holiday:after {
  content: "Holiday";
}

.drag-box {
  position: absolute;
  background: grey;
  margin-left: -3%;
  width: 100%;
  height: 100%;
}

.red,
a.route-status.red,
.status-header.down,
.status-header.idle,
.run-down,
.status-header.fail,
.list.down,
.ag-cell.down,
.ag-cell.idle,
.leg-count.down:after,
.leg-count.idle:after {
  background-color: var(--p-danger-background);
  color: var(--p-danger-color);
}

.leg-count.down:after {
  content: "Down";
}

.leg-count.idle:after {
  content: "Idle";
}

.light-grey {
  background-color: lightgrey;
}

.grey,
.ag-cell.holiday .status-header.holiday {
  background-color: grey !important;
}

.status-header.on-call,
.ag-cell.on-call,
.leg-count.on-call:after {
  background-color: #0d6efd;
}

.leg-count.on-call:after {
  content: "On Call";
}

.mat-column-routeAndRun p,
.mat-column-runNames p {
  display: inline-flex;
}

.mat-column-routeAndRun p,
.mat-column-runNames p,
p.leg-comments {
  padding: 0;
  margin: 0;
}

p.leg-comments.text-end.list {
  border-radius: 5px;
  border: solid #000 1px;
}

.mat-column-routeAndRun .run-status {
  margin-left: 12px;
}

.mat-column-routeAndRun .run-name {
  margin-left: 6px;
}

.leg-count:after {
  padding: 5px;
  margin-left: 5px;
  border-radius: 3px;
}

.published-run {
  cursor: default !important;
}

.ag-cell.empty.builder:active {
  border: 1px solid;
  background: white;
  border-color: #2196f3;
  border-color: var(--ag-range-selection-border-color, #2196f3);
  outline: medium none invert;
  outline: initial;
}

.add-run-empty p {
  display: none;
}

.ag-center-cols-container {
  width: 100%;
  height: 100%;
}

.pmShift.ag-row-even {
  background-color: rgba(0, 0, 0, 0.45);
}

.pmShift.ag-row-odd {
  background-color: var(--surface-500);
}

.border-top {
  border-top: 3px solid;
  border-top-color: var(--ag-foreground-color);
}

.fc.fc-theme-standard .fc-toolbar .fc-button span {
  text-indent: 0;
  font-size: 1rem;
}

.fc-toolbar .fc-button .fc-icon-launch:before {
  font-family: "Material Icons";
  content: "launch";
}
.fc-toolbar .fc-button .fc-icon-expand_less:before {
  font-family: "Material Icons";
  content: "expand_less";
}
.fc-toolbar .fc-button .fc-icon-today:before {
  font-family: "Material Icons";
  content: "today";
}
.fc-toolbar .fc-button .fc-icon-expand_more:before {
  font-family: "Material Icons";
  content: "expand_more";
}

html {
  font-size: 14px;
}