/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./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/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.4.1 | 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 */ /* 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 */
  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,
[type='button'],
[type='reset'],
[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] {
  display: none;
}

*, ::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:  ;
}

::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:  ;
}
/*Reponsive*/
.background {
  width: 100vw;
  height: 100vh;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: -1;
}
.background span {
  width: 90px;
  height: 90px;
  background: white;
  display: block;
  border-radius: 100%;
  position: absolute;
  z-index: 2;
}
.background span:nth-of-type(1) {
  top: -40px;
  left: -40px;
}
.background span:nth-of-type(2) {
  top: -40px;
  right: -40px;
}
.background span:nth-of-type(3) {
  bottom: -40px;
  left: -40px;
}
.background span:nth-of-type(4) {
  bottom: -40px;
  right: -40px;
}
.background-inner {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  background: radial-gradient(#f6eded, #cfd4d7);
  position: absolute;
  z-index: 1;
}
.background-inner-flag {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  animation: fadeIn 3s ease forwards;
}
.background-inner-flag:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: radial-gradient(rgba(200, 200, 200, 0.6), rgba(0, 0, 0, 0.6));
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
}

@media (max-width: 576px) {
  .background {
    background: #cfd4d7;
  }
  .background span {
    background: #cfd4d7;
    width: 70px;
    height: 70px;
  }
  .background span:nth-of-type(1) {
    top: -40px;
    left: -40px;
  }
  .background span:nth-of-type(2) {
    top: -40px;
    right: -40px;
  }
  .background span:nth-of-type(3) {
    bottom: -40px;
    left: -40px;
  }
  .background span:nth-of-type(4) {
    bottom: -40px;
    right: -40px;
  }
  .background-inner {
    width: calc(100vw - 10px);
    height: calc(100vh - 10px);
    background: var(--clr-lt);
  }
  .background.dashboard {
    background: white;
  }
  .background.dashboard span {
    background: white;
  }
  .background.dashboard .background-inner {
    background: radial-gradient(#f6eded, #cfd4d7);
  }
}
.logo_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 576px) {
  .logo_wrapper {
    margin-bottom: 0;
    margin-top: 0;
    flex-direction: column;
  }
}
.logo_wrapper .logo_img {
  border-radius: 100%;
  width: 100px;
  box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 576px) {
  .logo_wrapper .logo_img {
    width: 80px;
  }
}
.logo_wrapper .logo_text {
  display: block;
  text-align: center;
  font-size: var(--fs-kilo);
  font-family: Varela, sans-serif;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-inline-start: 18px;
}
@media (max-width: 576px) {
  .logo_wrapper .logo_text {
    font-size: var(--fs-h2);
    margin-top: 16px;
    margin-inline-start: 0;
  }
}

.table-wrapper {
  overflow: auto;
}
.table-wrapper table {
  font-size: var(--fs-milli);
  width: 100%;
  background: transparent !important;
}
.table-wrapper table tr:not(.mat-header-row) {
  cursor: pointer;
  background: transparent !important;
  transition-duration: var(--time-base);
}
@media (max-width: 576px) {
  .table-wrapper table tr:not(.mat-header-row) {
    background: var(--clr-lt) !important;
  }
}
.table-wrapper table tr:not(.mat-header-row):hover td, .table-wrapper table tr:not(.mat-header-row):hover td:nth-child(even) {
  background: var(--clr-gray-lt) !important;
}
.table-wrapper table tr:not(.mat-header-row) td {
  padding: 0 10px;
}
.table-wrapper table tr:not(.mat-header-row) td:nth-child(even) {
  background: var(--clr-gray-ltr) !important;
}

@media (max-width: 576px) {
  .mat-paginator {
    background: transparent !important;
  }
  .mat-paginator .mat-paginator-container {
    justify-content: flex-start !important;
  }
}
.user_bubbles .user_bubble {
  width: 20px;
  height: 20px;
  background: var(--clr-gray);
  border-radius: 100%;
  font-size: var(--fs-milli);
}
.user_bubbles .user_bubble:not(:last-of-type) {
  margin-inline-end: 2px;
}

.big_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--clr-lt);
  padding: 15px;
  border-radius: 20px;
  cursor: pointer;
  transition-duration: 300ms;
  box-shadow: 0 8px 12px -3px rgba(0, 0, 0, 0.1);
  max-width: calc(50% - 5px);
}
@media (max-width: 992px) {
  .big_btn {
    padding: 15px 10px;
  }
}
.big_btn fa-icon {
  font-size: 4rem;
  color: var(--clr-primary);
}
.big_btn img {
  width: 40%;
  aspect-ratio: 1;
  object-fit: contain;
}
@media (max-width: 992px) {
  .big_btn img {
    width: 50%;
    min-width: 100px;
  }
}
.big_btn span {
  margin-top: 18px;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}
.big_btn p {
  margin-top: 10px !important;
  text-align: center;
  font-size: 1rem;
  opacity: 0.9;
}
.big_btn:hover, .big_btn:active {
  transform: scale(1.05);
}
.big_btn-resp {
  max-width: calc(33% - 5px);
}
@media (max-width: 992px) {
  .big_btn-resp {
    max-width: calc(50% - 5px);
  }
}
.big_btn-selected {
  box-shadow: inset 0 0 0 6px var(--clr-primary), 0 8px 12px -3px rgba(0, 0, 0, 0.1);
}

@font-face {
  font-family: "RobotoCondensed";
  src: url('RobotoCondensed.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
.standby_layout {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2%;
}
.standby_layout .standby_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  padding: 0 5% 5% 5%;
}
.standby_layout .standby_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  max-width: 80%;
}
.standby_layout .standby_top h1 {
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  margin: 0;
  font-family: "RobotoCondensed", sans-serif;
}
.standby_layout .standby_top h2 {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  max-width: 70%;
  text-align: center;
  margin-top: 6%;
  font-family: "RobotoCondensed", sans-serif;
}
.standby_layout .standby_top p {
  font-size: 1.2rem;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .standby_layout .standby_top p {
    font-size: 1.1rem;
  }
}
.standby_layout .standby_top .standby_desc {
  margin: 5% 0;
}
@media (max-width: 1200px) {
  .standby_layout .standby_top .standby_desc {
    margin: 12% 0;
  }
}
.standby_layout .standby_top .standby_desc ol {
  margin: 20px 0;
  font-size: 1.5rem;
}
@media (max-width: 1200px) {
  .standby_layout .standby_top .standby_desc ol {
    font-size: 1.3rem;
    margin: 30px 0;
  }
}
.standby_layout .standby_top .standby_desc ol li {
  margin: 8px 0;
  line-height: 1.2;
  background: rgb(255, 255, 255);
  padding: 10px 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.standby_layout .standby_top .standby_desc ol li img {
  width: 50px;
  height: 50px;
  opacity: 0.8;
}
.standby_layout .standby_bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  gap: 2%;
}
.standby_layout .standby_bottom button {
  font-size: 3rem;
  padding: 30px 90px;
  background: #95CD00;
  text-transform: uppercase;
  color: #fff;
  border-radius: 20px;
  font-weight: bold;
  box-shadow: inset 7px 6px 6px rgba(255, 255, 255, 0.4), inset -5px -5px 6px rgba(0, 0, 0, 0.25), 2px 6px 8px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.2s;
}
.standby_layout .standby_bottom button:hover, .standby_layout .standby_bottom button:active {
  transform: scale(1.05);
  filter: brightness(1.03);
}
.standby_layout .standby_bottom .standby_bigImg {
  width: 100%;
  overflow: hidden;
  margin-bottom: -3%;
  border-radius: 200px 200px 0 0;
  box-shadow: 0 -3px 40px rgba(0, 0, 0, 0.2);
  border: 1px solid #B38B64;
}
.standby_layout .standby_bottom .standby_bigImg img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.standby_layout .standby_bottom .standby_logo {
  width: 140px;
}
.standby_layout #standby_hand {
  position: absolute;
  z-index: 1;
  animation: hand 7s infinite alternate-reverse ease-in-out;
}
.standby_layout #standby_hand .ripples {
  position: absolute;
  z-index: -1;
  top: 12%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.standby_layout #standby_hand .ripples .ripple {
  position: absolute;
  display: block;
  border-radius: 100%;
  animation: ripple 2.5s infinite;
}
.standby_layout #standby_hand .ripples .ripple:nth-child(1) {
  animation-delay: 0s;
}
.standby_layout #standby_hand .ripples .ripple:nth-child(2) {
  animation-delay: 0.5s;
}
.standby_layout #standby_hand .ripples .ripple:nth-child(3) {
  animation-delay: 1s;
}

@keyframes ripple {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0;
    border: 20px solid rgba(38, 50, 155, 0.15);
  }
  50% {
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
    border: 1px solid rgba(38, 50, 155, 0.1);
  }
}
@keyframes hand {
  0% {
    top: 52%;
    left: 80%;
    transform: rotate(0deg);
  }
  40% {
    top: 52%;
    left: 80%;
    transform: rotate(0deg);
  }
  60% {
    top: 37%;
    left: 5%;
    transform: rotate(90deg);
  }
  100% {
    top: 37%;
    left: 5%;
    transform: rotate(90deg);
  }
}
.userSmartTable {
  margin-top: 10px;
}
.userSmartTable .smartTable input, .userSmartTable .smartTable textarea, .userSmartTable .smartTable select, .userSmartTable .smartTable .smartTable_columnSelector_itemList_container {
  box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.1);
  background-color: white;
}
.userSmartTable .smartTable_table {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Arial, sans-serif;
  font-size: 16px;
  width: 100%;
  margin: 0 auto;
}
.userSmartTable .smartTable_header {
  background: #F9F9F9;
  font-weight: bold;
}
.userSmartTable .smartTable_borderWrapper {
  border: 1px solid rgba(0, 0, 0, 0.2392156863);
  border-collapse: collapse;
  border-radius: 4px;
}
.userSmartTable .smartTable_cell:first-of-type {
  border-inline-start: none;
}
.userSmartTable .smartTable_cell:last-of-type {
  border-inline-end: none;
}
.userSmartTable .smartTable_pagination_select {
  border: none;
}
.userSmartTable .smartTable_filters_header, .userSmartTable .smartTable_columnSelector_header {
  display: block;
  border-radius: 10px;
  font-weight: 700;
  font-size: 20px;
}
.userSmartTable .smartTable_filters_container {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: var(--clr-primary-ltr);
  border: 1px solid rgba(0, 0, 0, 0.2392156863);
  border-collapse: collapse;
  padding: 15px;
  border-radius: 4px;
}
.userSmartTable .smartTable_sortingArrows_up, .userSmartTable .smartTable_sortingArrows_down {
  color: rgba(95, 113, 101, 0.5);
}
.userSmartTable .smartTable_sortingArrows_up.selected, .userSmartTable .smartTable_sortingArrows_down.selected {
  color: var(--clr-primary);
}
.userSmartTable .smartTable_sortingArrows_up {
  max-height: 5px;
  margin-top: 3px;
}
.userSmartTable .smartTable_sortingArrows_up.selected {
  max-height: 5px;
  margin-top: 3px;
}
.userSmartTable .smartTable_sortingArrows_down {
  margin-top: -5px;
}
.userSmartTable .smartTable_sortingArrows_down.selected {
  margin-top: -5px;
}
.userSmartTable .smartTable_columnSelector_container {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: var(--clr-primary-ltr);
  border: 1px solid rgba(0, 0, 0, 0.2392156863);
  border-collapse: collapse;
  padding: 15px;
  border-radius: 4px;
  gap: 24px;
}

html.unlockScroll, html.unlockScroll body, html.unlockScroll #layout {
  overflow: unset !important;
  height: unset !important;
  min-height: 100% !important;
}

input, select {
  transition-duration: 0s !important;
}
input:focus, select:focus {
  border: 3px solid var(--clr-primary-lt) !important;
}

#layout {
  overflow: auto;
}
@media (min-width: 992px) {
  #layout {
    max-width: 1600px !important;
    padding: 0 calc(var(--pagePaddingX) / 2) !important;
  }
  #layout.no_max_size {
    max-width: unset !important;
  }
  #layout #viewTitle .titleText {
    width: calc(100% - var(--pagePaddingX) * 12) !important;
    justify-content: center;
    height: 50px;
    border-radius: var(--border-btn-sm);
  }
  #layout #viewTitle .btn-choose-lang {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 6px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #layout .resp_wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 2%;
  }
  #layout .resp_wrapper.resp_wrap {
    flex-wrap: wrap;
  }
  #layout .resp_wrapper.resp_row {
    flex-direction: row;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  #layout .resp_wrapper .resp_l-50 {
    width: 50%;
  }
  #layout .resp_wrapper .resp_c-50 {
    width: 100%;
    max-width: 500px;
    margin-inline-end: auto;
    margin-inline-start: auto;
    flex-grow: unset;
  }
  #layout .resp_wrapper .resp_r-50 {
    width: 50%;
  }
}

.scroll_wrapper {
  padding-bottom: 0 !important;
}
@media (max-width: 992px) {
  .scroll_wrapper {
    padding: 0 20px 20px 20px !important;
    margin-inline-start: -20px !important;
    margin-inline-end: -20px !important;
  }
}

@media (min-width: 992px) {
  .resp_scroll-wrapper_l {
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    margin-bottom: var(--scrollWrapper-mb);
    margin-top: var(--scrollWrapper-mt);
    padding-bottom: 5vh;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    z-index: 0;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .resp_scroll-wrapper_l::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 992px) {
  .resp_minSize_l {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .resp_minSize_xl {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .resp_maxSize_l {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .resp_maxSize_xl {
    display: none !important;
  }
}

.bold {
  font-weight: bold;
}
.bold button {
  font-weight: bold !important;
}

.no-pointer {
  pointer-events: none;
}

@media (min-width: 992px) {
  #scanner {
    height: 100% !important;
    max-height: 800px;
    aspect-ratio: 1/1;
    bottom: 0;
    border-radius: 40px;
    overflow: hidden;
  }
}

.parent-container {
  display: flex;
  max-width: 1000px;
  width: 100%;
  flex-direction: column;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.parent-container > * {
  flex: 1;
}
@media (max-width: 992px) {
  .parent-container {
    max-width: 700px;
    flex-direction: column;
  }
}
.parent-container_md {
  max-width: 700px;
}

.menuButton-container {
  max-width: 400px;
  width: 100%;
}
@media (min-width: 992px) {
  .menuButton-container > * {
    flex: 1;
  }
}

.btns-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 992px) {
  .btns-container {
    margin-top: 10px;
    align-items: flex-end;
    flex-grow: 1;
    margin-bottom: 10px;
  }
}

.slideElement, .datetime-range-picker:not(:focus, .hasValue), .input_wrapper input:not(:focus, .hasValue), .input_wrapper textarea:not(:focus, .hasValue), .input_wrapper select:not(:focus, .hasValue) {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.cursor-pointer {
  cursor: pointer;
}

button:disabled {
  background-color: grey !important;
}

#layout {
  height: 100svh !important;
}

.checkbox_element .icon_wrapper {
  min-height: unset !important;
}

.input_wrapper label {
  white-space: pre;
  width: 100%;
  align-items: flex-start !important;
}

@media (max-width: 992px) {
  app-view-title {
    height: auto !important;
    min-height: unset !important;
    margin-top: 20px !important;
  }
  app-view-title #viewTitle {
    height: unset !important;
    min-height: unset !important;
    overflow: unset !important;
    position: static !important;
  }
  app-view-title #viewTitle .titleText {
    position: static !important;
    height: unset !important;
    min-height: unset !important;
    padding: 10px 20px !important;
    justify-content: center !important;
    bottom: unset !important;
    width: 100% !important;
    font-size: 1.1rem !important;
  }
}

body .view_deco_image img {
  max-height: 160px !important;
  margin: 30px 0 !important;
}
@media (max-width: 992px) {
  body .view_deco_image img {
    max-height: 120px !important;
    margin: 20px 0 !important;
  }
}
@media (max-height: 700px) {
  body .view_deco_image img {
    max-height: 120px !important;
  }
}

.mat-mdc-dialog-content {
  max-height: 80vh !important;
}

.dialog_close .btn {
  background-color: #bc232c !important;
}

.checkbox_element {
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.fullHeight {
  height: 100% !important;
}
.fullHeight-noMobile {
  height: 100%;
}
@media (max-width: 992px) {
  .fullHeight-noMobile {
    height: unset !important;
  }
}

#form_reset_btn {
  position: fixed;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
}

@media (max-width: 992px) {
  #glpi_widget {
    top: 0 !important;
    right: 0 !important;
    bottom: unset !important;
  }
}

app-collapse .mat-expansion-indicator {
  filter: brightness(0);
}

body.autotest * {
  transition-duration: 0s !important;
  animation-duration: 0s !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1);--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ff4081;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400;--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400;--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px;--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500;--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px;--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff;--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px;--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.12}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px;--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400;--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400;--mat-autocomplete-background-color:white;--mdc-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px;--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-family:rounded;--mdc-chip-container-shape-radius:16px 16px 16px 16px;--mdc-chip-with-avatar-avatar-shape-family:rounded;--mdc-chip-with-avatar-avatar-shape-radius:14px 14px 14px 14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}.mdc-switch{--mdc-switch-disabled-handle-opacity:0.38;--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1}.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-handle-shadow-color:black;--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87);--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size:40px;--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}html{--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%);--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white}html .mat-warn{--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500;--mat-menu-container-shape:4px;--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400;--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);--mat-paginator-container-size:56px}.mat-mdc-paginator{--mat-form-field-container-height:40px;--mat-form-field-filled-label-display:none;--mat-form-field-container-vertical-padding:8px;--mat-form-field-filled-with-label-container-padding-top:8px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:rgba(0,0,0,.38)}html{--mdc-checkbox-state-layer-size:40px}.mat-mdc-checkbox{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-keep-touch-target:false;--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mdc-text-button-label-text-color:#000;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:#000;--mat-text-button-disabled-state-layer-color:#000;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:#000;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:#000;--mat-filled-button-disabled-state-layer-color:#000;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:#000;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-protected-button-container-shadow-color:#000;--mat-protected-button-state-layer-color:#000;--mat-protected-button-disabled-state-layer-color:#000;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:#000;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#000;--mat-outlined-button-disabled-state-layer-color:#000;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5;--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081;--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:#fff;--mat-filled-button-state-layer-color:#fff;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:#fff;--mat-filled-button-state-layer-color:#fff;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff;--mat-filled-button-state-layer-color:#fff;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:#fff;--mat-protected-button-state-layer-color:#fff;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:#fff;--mat-protected-button-state-layer-color:#fff;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff;--mat-protected-button-state-layer-color:#fff;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mdc-protected-button-container-height:36px;--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none;--mdc-icon-button-state-layer-size:48px;--mdc-icon-button-icon-size:24px;--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:#000;--mat-icon-button-disabled-state-layer-color:#000;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-icon-size:24px;--mdc-fab-container-color:white;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-container-shadow-color:#000;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:#000;--mat-fab-disabled-state-layer-color:#000;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-shadow-color:#000}html .mat-mdc-fab.mat-primary,html .mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mat-fab-foreground-color:#fff;--mat-fab-state-layer-color:#fff;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent,html .mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mat-fab-foreground-color:#fff;--mat-fab-state-layer-color:#fff;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn,html .mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:#fff;--mat-fab-state-layer-color:#fff;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500;--mdc-snackbar-container-shape:4px;--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081;--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400;--mat-table-row-item-outline-width:1px;--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px;--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em;--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px;--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px;--mat-bottom-sheet-container-shape:4px;--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white;--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400;--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12;--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0;--mat-standard-button-toggle-height:48px;--mat-legacy-button-toggle-text-font:Roboto, sans-serif;--mat-standard-button-toggle-text-font:Roboto, sans-serif;--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400;--mat-divider-width:1px;--mat-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-container-shape:4px;--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px;--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400;--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px;--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px;--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400;--mat-sort-arrow-color:#757575;--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px;--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500;--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87);--mat-tree-node-min-height:48px;--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/material-design-icons/iconfont/material-icons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(MaterialIcons-Regular.woff2) format('woff2'),
       url(MaterialIcons-Regular.woff) format('woff'),
       url(MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./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/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/ngx-satoris/lib/shared/styles/_index.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.4.1 | 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 */ /* 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 */
  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,
[type='button'],
[type='reset'],
[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] {
  display: none;
}

*, ::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:  ;
}

::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:  ;
}
body {
  --clr-primary: #2F6A73;
  --clr-primary-dk: #1D2B2D;
  --clr-primary-lt: #32598B;
  --clr-primary-ltr: #ffffff;
  --clr-secondary: rgba(0,0,0,0.5);
  --clr-dk: #000000;
  --clr-lt: #ffffff;
  --clr-gray: #EDEDED;
  --clr-gray-lt: #F9F9F9;
  --clr-gray-dk: #7D7D7D;
  --clr-btn-primary: rgba(0, 0, 0, 0.7);
  --clr-btn-primary-h: rgba(0, 0, 0, 0.8);
  --clr-btn-secondary: rgba(203, 203, 203, 0.5);
  --clr-btn-secondary-h: rgba(180, 180, 180, 0.5);
  --clr-btn-red: #B76B6D;
  --clr-btn-success: #6bb770;
  --pagePaddingX: 4%;
  --appBackground: #FCF9F3;
  --border-base: 3px;
  --border-md: 6px;
  --border-l: 10px;
  --border-xl: 30px;
  --border-btn-xs: 5px;
  --border-btn-sm: 10px;
  --border-btn-md: 10px;
  --border-input-check: 10px;
  --slideElementBg: #ffffff;
  --slideElementBgDisable: rgba(0, 0, 0, 0.2);
  --slideElementClr: var(--clr-primary-dk);
  --slideElementArrowClr: var(--clr-primary);
  --slideElementIconRClr: var(--clr-gray-dk);
  --slideElementIconLClr: var(--clr-lt);
  --slideElementIconBg: #DAECEF;
  --slideElementIconFs: 20px;
  --time-base: 0.2s;
  --time-md: 0.3s;
  --time-l: 0.5s;
  --time-xl: 1s;
  --clr-bg-grad1: rgba(0,0,0,0.4);
  --clr-bg-grad2: rgba(0,0,0,0.4);
  --clr-line-grad1: #3D54FD;
  --clr-line-grad2: #FD3D54;
  --box-sh-dk-xs: 1px 1px 0px rgba(0,0,0,0.2);
  --box-sh-dk-sm: 2px 2px 1px rgba(0,0,0,0.2);
  --box-sh-dk-md: 4px 4px 1px rgba(0,0,0,0.2);
  --box-sh-dk-l: 6px 6px 2px rgba(0,0,0,0.2);
  --scrollWrapper-mt: -1vh;
  --scrollWrapper-mb: -2vh;
  /* base font size - applied at body / html level */
  --fs-base: 16px;
  --fs-giga: 80px;
  --fs-mega: 70px;
  /* heading font sizes */
  --fs-h3: 28px;
  --fs-h4: 24px;
  --fs-h5: 20px;
  --fs-h6: 18px;
  /* larger than heading font sizes */
  --fs-kilo: 60px;
  --fs-h1: 36px;
  --fs-h2: 32px;
  /* smaller than heading font sizes */
  --fs-mili: 14px;
  --fs-micro: 12px;
  --fs-nano: 10px;
  --fs-pico: 8px;
  /* Variables for notch */
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
  /* Variable for global height with notch */
  --appHeight: calc(100vh - var(--sat));
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
 */
[type=search]::-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 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

html {
  height: 100vh;
  background-color: black;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  font-family: "Helvetica Neue", sans-serif;
  overflow: hidden;
  padding: 0;
  color: var(--clr-dk);
  background: var(--appBackground);
  height: var(--appHeight);
  margin-top: var(--sat);
}

.clr-secondary {
  color: var(--clr-secondary);
  font-weight: 700;
}

a.clr-secondary:hover {
  color: var(--clr-secondary);
  filter: brightness(120%);
}

.relative {
  position: relative;
}

.scroll_wrapper {
  overflow-x: hidden;
  overflow-y: scroll;
  margin-bottom: var(--scrollWrapper-mb);
  margin-top: var(--scrollWrapper-mt);
  padding-bottom: 5vh;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  z-index: -1;
}
.scroll_wrapper::-webkit-scrollbar {
  display: none;
}

.big_icon {
  font-size: var(--fs-kilo);
  color: var(--clr-gray-dk);
}

.fadeIn {
  animation: fadeIn var(--time-base) forwards;
}

.info_text_sm {
  padding: 4px 8px;
  background: var(--clr-gray);
  border-radius: var(--border-base);
}

.info_text_md {
  padding: 14px;
  background: #DAECEF;
  color: #2F6A73;
  border-radius: var(--border-base);
}

.fullWidth {
  width: 100%;
}

.unsetWidth {
  width: unset !important;
}

.text_center {
  text-align: center;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.clr_gray_dk {
  color: var(--clr-gray-dk);
}

/* Chrome, Safari, Edge, Opera */
input.hideInputNumber::-webkit-outer-spin-button,
input.hideInputNumber::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].hideInputNumber {
  -moz-appearance: textfield;
}

.divider {
  width: 90%;
  height: 1px;
  margin: 0 auto;
  background: var(--clr-gray);
}

a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  filter: brightness(0.9);
}

.mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element {
  caret-color: var(--clr-secondary);
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  background: none;
}
.mat-stepper-vertical .mat-step-header .mat-step-icon, .mat-stepper-horizontal .mat-step-header .mat-step-icon {
  background: var(--clr-primary) !important;
  font-family: Quicksand, sans-serif;
}
.mat-stepper-vertical .mat-vertical-content, .mat-stepper-horizontal .mat-vertical-content {
  padding: 10px 20px;
  margin: 10px;
  background: rgba(100, 100, 100, 0.1);
  border-radius: var(--border-base);
}

@media screen and (orientation: landscape) {
  .portrait_only {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .landscape_only {
    display: none !important;
  }
}

zxing-scanner {
  height: 100%;
}
zxing-scanner video {
  height: 100% !important;
}

qr-code {
  width: 100%;
}
qr-code img {
  object-fit: contain;
  width: 100%;
  height: unset;
}

webcam {
  height: 100%;
}
webcam .webcam-wrapper {
  height: 100%;
}
webcam .webcam-wrapper video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(100vw);
  }
}
form {
  width: 100%;
}

.input_wrapper {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.input_wrapper input, .input_wrapper textarea, .input_wrapper select {
  width: 100%;
  flex-grow: 1;
  background: var(--clr-gray-lt);
  border: 1px solid var(--clr-gray);
  border-radius: var(--border-md);
  height: 50px;
  padding-block: 10px;
  padding-inline-start: 10px;
  padding-inline-end: 50px;
  transition-duration: var(--time-l);
  resize: none;
  box-sizing: border-box;
}
.input_wrapper input.input_error, .input_wrapper textarea.input_error, .input_wrapper select.input_error {
  border: 1px solid orangered !important;
}
.input_wrapper input.input_error:focus, .input_wrapper input.input_error.hasValue, .input_wrapper textarea.input_error:focus, .input_wrapper textarea.input_error.hasValue, .input_wrapper select.input_error:focus, .input_wrapper select.input_error.hasValue {
  border: 1px solid orangered !important;
}
.input_wrapper input.input_error:focus + label, .input_wrapper input.input_error.hasValue + label, .input_wrapper textarea.input_error:focus + label, .input_wrapper textarea.input_error.hasValue + label, .input_wrapper select.input_error:focus + label, .input_wrapper select.input_error.hasValue + label {
  color: orangered !important;
}
.input_wrapper input.input_error:focus + label + fa-icon, .input_wrapper input.input_error.hasValue + label + fa-icon, .input_wrapper textarea.input_error:focus + label + fa-icon, .input_wrapper textarea.input_error.hasValue + label + fa-icon, .input_wrapper select.input_error:focus + label + fa-icon, .input_wrapper select.input_error.hasValue + label + fa-icon {
  color: orangered !important;
}
.input_wrapper input.input_error + label, .input_wrapper textarea.input_error + label, .input_wrapper select.input_error + label {
  color: orangered !important;
}
.input_wrapper input.input_error + label + fa-icon, .input_wrapper textarea.input_error + label + fa-icon, .input_wrapper select.input_error + label + fa-icon {
  color: orangered !important;
}
.input_wrapper input:focus, .input_wrapper input.hasValue, .input_wrapper input.ng-valid:not(.ng-untouched).hasValue, .input_wrapper textarea:focus, .input_wrapper textarea.hasValue, .input_wrapper textarea.ng-valid:not(.ng-untouched).hasValue, .input_wrapper select:focus, .input_wrapper select.hasValue, .input_wrapper select.ng-valid:not(.ng-untouched).hasValue {
  border: 1px solid var(--clr-gray-dk);
}
.input_wrapper input:focus + label, .input_wrapper input.hasValue + label, .input_wrapper input.ng-valid:not(.ng-untouched).hasValue + label, .input_wrapper textarea:focus + label, .input_wrapper textarea.hasValue + label, .input_wrapper textarea.ng-valid:not(.ng-untouched).hasValue + label, .input_wrapper select:focus + label, .input_wrapper select.hasValue + label, .input_wrapper select.ng-valid:not(.ng-untouched).hasValue + label {
  transform: translateY(calc(-100% - 12px));
  font-size: var(--fs-milli);
  background: transparent;
  color: var(--clr-secondary);
}
.input_wrapper input:focus + label + fa-icon, .input_wrapper input.hasValue + label + fa-icon, .input_wrapper input.ng-valid:not(.ng-untouched).hasValue + label + fa-icon, .input_wrapper textarea:focus + label + fa-icon, .input_wrapper textarea.hasValue + label + fa-icon, .input_wrapper textarea.ng-valid:not(.ng-untouched).hasValue + label + fa-icon, .input_wrapper select:focus + label + fa-icon, .input_wrapper select.hasValue + label + fa-icon, .input_wrapper select.ng-valid:not(.ng-untouched).hasValue + label + fa-icon {
  filter: brightness(0.7);
}
.input_wrapper input:autofill, .input_wrapper input:-internal-autofill-selected, .input_wrapper input:webkit-autofill, .input_wrapper textarea:autofill, .input_wrapper textarea:-internal-autofill-selected, .input_wrapper textarea:webkit-autofill, .input_wrapper select:autofill, .input_wrapper select:-internal-autofill-selected, .input_wrapper select:webkit-autofill {
  border: 1px solid var(--clr-gray-dk);
}
.input_wrapper input:autofill + label, .input_wrapper input:-internal-autofill-selected + label, .input_wrapper input:webkit-autofill + label, .input_wrapper textarea:autofill + label, .input_wrapper textarea:-internal-autofill-selected + label, .input_wrapper textarea:webkit-autofill + label, .input_wrapper select:autofill + label, .input_wrapper select:-internal-autofill-selected + label, .input_wrapper select:webkit-autofill + label {
  transform: translateY(calc(-100% - 12px));
  font-size: var(--fs-milli);
  background: transparent;
  color: var(--clr-secondary);
}
.input_wrapper input:autofill + label + fa-icon, .input_wrapper input:-internal-autofill-selected + label + fa-icon, .input_wrapper input:webkit-autofill + label + fa-icon, .input_wrapper textarea:autofill + label + fa-icon, .input_wrapper textarea:-internal-autofill-selected + label + fa-icon, .input_wrapper textarea:webkit-autofill + label + fa-icon, .input_wrapper select:autofill + label + fa-icon, .input_wrapper select:-internal-autofill-selected + label + fa-icon, .input_wrapper select:webkit-autofill + label + fa-icon {
  filter: brightness(0.7);
}
.input_wrapper input:disabled, .input_wrapper textarea:disabled, .input_wrapper select:disabled {
  opacity: 0.7;
  pointer-events: none;
}
.input_wrapper select {
  cursor: context-menu;
  color: rgba(0, 0, 0, 0.5);
}
.input_wrapper select.hasValue {
  color: var(--clr-dk);
}
.input_wrapper input[type=date], .input_wrapper input[type=datetime-local] {
  color: rgba(0, 0, 0, 0.5);
  transition-duration: var(--time-base);
}
.input_wrapper input[type=date]::-webkit-calendar-picker-indicator, .input_wrapper input[type=datetime-local]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.input_wrapper input[type=date].hasValue, .input_wrapper input[type=date]:focus, .input_wrapper input[type=datetime-local].hasValue, .input_wrapper input[type=datetime-local]:focus {
  color: var(--clr-dk);
}
.input_wrapper input[type=date] + label, .input_wrapper input[type=datetime-local] + label {
  transform: translateY(calc(-100% - 12px));
  font-size: var(--fs-milli);
  background: transparent;
  color: var(--clr-secondary);
}
.input_wrapper input[type=date] + label + fa-icon, .input_wrapper input[type=datetime-local] + label + fa-icon {
  filter: brightness(0.7);
}
.input_wrapper label {
  position: absolute;
  align-items: center;
  margin: 0 auto;
  padding-block: 0;
  padding-inline-start: 14px;
  padding-inline-end: 50px;
  color: var(--clr-gray-dk);
  background: transparent;
  transition-duration: 0.2s;
  pointer-events: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: translateY(-50%);
  line-height: 0;
}
.input_wrapper label.hasValue {
  transform: translateY(calc(-100% - 12px));
  font-size: var(--fs-milli);
  background: transparent;
  color: var(--clr-secondary);
}
.input_wrapper label.hasValue + fa-icon {
  filter: brightness(0.7);
}
.input_wrapper fa-icon {
  position: absolute;
  inset-inline-end: 16px;
  font-size: var(--fs-h6);
  color: var(--clr-gray-dk);
  transition-duration: 0.2s;
  pointer-events: none;
}
.input_wrapper fa-icon.btnIcon {
  pointer-events: all;
  cursor: pointer;
}
.input_wrapper .input_add {
  position: absolute;
  right: 30px;
  height: 100%;
  display: flex;
  align-items: center;
}
.input_wrapper .input_add fa-icon {
  cursor: pointer;
  padding: 6px;
  pointer-events: all;
}
.input_wrapper .custom-file-upload {
  padding: 10px 15px;
  z-index: 10;
  border: 1px solid #ccc;
  display: inline-block;
  cursor: pointer;
  background-color: var(--clr-primary);
  color: white;
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.input_wrapper .custom-file-upload:hover {
  background-color: #45a049;
}
.input_wrapper .custom-file-upload:active {
  background-color: #2d862d;
}
.input_wrapper textarea {
  height: auto;
}
.input_wrapper .character-counter {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 12px;
}

.input_radio {
  position: relative;
  display: flex;
  align-items: center;
}
.input_radio input {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.input_radio label {
  width: 100%;
  height: 100%;
  background: var(--clr-gray);
  padding: 10px 20px;
}

.datetime_picker_btn_icon .mat-icon-button {
  line-height: 0;
  width: unset;
  height: unset;
  color: var(--clr-gray);
}

.pswd_strength {
  height: 6px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.pswd_strength_bar {
  display: block;
  height: 100%;
  width: 24%;
  border-radius: var(--border-base);
  background: var(--clr-dk);
}
.pswd_strength_bar:nth-of-type(1) {
  opacity: 0.25;
  margin-inline-end: 1.33%;
}
.pswd_strength_bar:nth-of-type(2) {
  opacity: 0.5;
  margin-inline-end: 1.33%;
}
.pswd_strength_bar:nth-of-type(3) {
  opacity: 0.75;
  margin-inline-end: 1.33%;
}
.pswd_strength_bar:nth-of-type(4) {
  opacity: 1;
}

.send-file {
  background: var(--slideElementBg);
  color: var(--slideElementClr);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px 10px 18px;
  min-height: 50px;
  position: relative;
  border-radius: var(--border-btn-sm);
  cursor: pointer;
  transition-duration: var(--time-md);
  line-height: 1;
}
.send-file__left {
  display: flex;
  gap: 20px;
}
.send-file .very-hidden {
  visibility: hidden;
  display: none;
  height: 0px;
  width: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.send-file .reset-btn {
  color: white;
  background: #ff7f7f;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 0.8em;
  margin-inline-start: 10px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.send-file .reset-btn:hover {
  background: #e06666;
}

.send-file.disabled {
  opacity: 0.7;
  pointer-events: none;
}
.send-file.input_error {
  border: 1px solid orangered;
}

.labelLight {
  color: var(--clr-gray) !important;
  opacity: 0.6 !important;
}

.f_end {
  display: flex;
  justify-content: flex-end;
}

.f_start {
  display: flex;
  justify-content: flex-start;
}

.f_between {
  display: flex;
  justify-content: space-between;
}

.f_evenly {
  display: flex;
  justify-content: space-evenly;
}

.f_col {
  display: flex;
  flex-direction: column;
}

.f_grow {
  flex-grow: 1;
}

.f_col_reverse {
  display: flex;
  flex-direction: column-reverse;
}

.f_align_c {
  display: flex;
  align-items: center;
}

.f_align_start {
  display: flex;
  align-items: flex-start;
}

.f_align_end {
  display: flex;
  align-items: flex-end;
}

.f_row {
  flex-direction: row;
}

.f_center {
  display: flex;
  justify-content: center;
}

.f_wrap {
  display: flex;
  flex-wrap: wrap;
}

.f_grow {
  flex-grow: 1;
}

.gap_2 {
  gap: 2px;
}
.gap_5 {
  gap: 5px;
}
.gap_8 {
  gap: 8px;
}
.gap_10 {
  gap: 10px;
}
.gap_15 {
  gap: 15px;
}
.gap_20 {
  gap: 20px;
}
.gap_25 {
  gap: 25px;
}
.gap_30 {
  gap: 30px;
}

.flex {
  display: flex;
}
.flex_1 {
  flex: 1;
}
.flex_2 {
  flex: 2;
}
.flex_3 {
  flex: 3;
}
.flex_4 {
  flex: 4;
}
.flex_5 {
  flex: 5;
}
.flex_6 {
  flex: 6;
}
.flex_7 {
  flex: 7;
}
.flex_8 {
  flex: 8;
}
.flex_9 {
  flex: 9;
}
.flex_10 {
  flex: 10;
}

.box {
  padding: 0 0 10% 0;
  border-radius: var(--border-base);
  animation: fadeIn var(--time-md) forwards;
  width: 100%;
  box-sizing: border-box;
  margin: auto;
  position: relative;
  z-index: 0;
}
@media (max-width: 576px) {
  .box {
    border-radius: 0;
  }
}
.box_sm {
  max-width: 320px;
}
.box_md {
  max-width: 500px;
}
.box_lg {
  max-width: 700px;
}
.box_xl {
  max-width: 800px;
}
.box h1 {
  text-align: center;
  margin: 0 0 20px 0;
}
.box .forgot_pwd {
  margin-top: 4px;
  font-size: var(--fs-micro);
}

body {
  --clr-primary: #2F6A73;
  --clr-primary-dk: #1D2B2D;
  --clr-primary-lt: #32598B;
  --clr-primary-ltr: #ffffff;
  --clr-secondary: rgba(0,0,0,0.5);
  --clr-dk: #000000;
  --clr-lt: #ffffff;
  --clr-gray: #EDEDED;
  --clr-gray-lt: #F9F9F9;
  --clr-gray-dk: #7D7D7D;
  --clr-btn-primary: rgba(0, 0, 0, 0.7);
  --clr-btn-primary-h: rgba(0, 0, 0, 0.8);
  --clr-btn-secondary: rgba(203, 203, 203, 0.5);
  --clr-btn-secondary-h: rgba(180, 180, 180, 0.5);
  --clr-btn-red: #B76B6D;
  --clr-btn-success: #6bb770;
  --pagePaddingX: 4%;
  --appBackground: #FCF9F3;
  --border-base: 3px;
  --border-md: 6px;
  --border-l: 10px;
  --border-xl: 30px;
  --border-btn-xs: 5px;
  --border-btn-sm: 10px;
  --border-btn-md: 10px;
  --border-input-check: 10px;
  --slideElementBg: #ffffff;
  --slideElementBgDisable: rgba(0, 0, 0, 0.2);
  --slideElementClr: var(--clr-primary-dk);
  --slideElementArrowClr: var(--clr-primary);
  --slideElementIconRClr: var(--clr-gray-dk);
  --slideElementIconLClr: var(--clr-lt);
  --slideElementIconBg: #DAECEF;
  --slideElementIconFs: 20px;
  --time-base: 0.2s;
  --time-md: 0.3s;
  --time-l: 0.5s;
  --time-xl: 1s;
  --clr-bg-grad1: rgba(0,0,0,0.4);
  --clr-bg-grad2: rgba(0,0,0,0.4);
  --clr-line-grad1: #3D54FD;
  --clr-line-grad2: #FD3D54;
  --box-sh-dk-xs: 1px 1px 0px rgba(0,0,0,0.2);
  --box-sh-dk-sm: 2px 2px 1px rgba(0,0,0,0.2);
  --box-sh-dk-md: 4px 4px 1px rgba(0,0,0,0.2);
  --box-sh-dk-l: 6px 6px 2px rgba(0,0,0,0.2);
  --scrollWrapper-mt: -1vh;
  --scrollWrapper-mb: -2vh;
  /* base font size - applied at body / html level */
  --fs-base: 16px;
  --fs-giga: 80px;
  --fs-mega: 70px;
  /* heading font sizes */
  --fs-h3: 28px;
  --fs-h4: 24px;
  --fs-h5: 20px;
  --fs-h6: 18px;
  /* larger than heading font sizes */
  --fs-kilo: 60px;
  --fs-h1: 36px;
  --fs-h2: 32px;
  /* smaller than heading font sizes */
  --fs-mili: 14px;
  --fs-micro: 12px;
  --fs-nano: 10px;
  --fs-pico: 8px;
  /* Variables for notch */
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
  /* Variable for global height with notch */
  --appHeight: calc(100vh - var(--sat));
}

#page {
  height: 100%;
  width: 100%;
}

#layout {
  width: 100%;
  height: var(--appHeight);
  margin: 0 auto;
  position: relative;
  padding: 0 var(--pagePaddingX);
  transition: 300ms ease;
  z-index: 1;
}
#layout.layout_dk {
  background: #2F6A73;
  color: var(--clr-lt);
}
#layout.layout_dk p, #layout.layout_dk app-paragraph {
  font-weight: 700;
  font-size: 16px;
}
#layout.layout_dk a {
  font-weight: 400;
  font-size: 14px;
  text-align: end;
}
#layout.layout_dk h2 {
  font-size: var(--fs-h3);
  font-weight: 700;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 1vh;
  opacity: 0;
  animation: fadeIn var(--time-base) forwards;
  animation-delay: var(--time-l);
}
@media (max-height: 700px) {
  #layout.layout_dk h2 {
    font-size: var(--fs-h4);
    font-weight: 500;
  }
}
@media screen and (orientation: landscape) {
  #layout {
    max-width: 100vw;
  }
}
#layout.layout_sm {
  padding-bottom: calc(var(--vh) * 12);
}
@media screen and (orientation: landscape) {
  #layout.layout_sm {
    padding-bottom: 0;
  }
}

.width_20pc {
  width: 20%;
}
.width_40pc {
  width: 40%;
}
.width_60pc {
  width: 60%;
}
.width_70pc {
  width: 70%;
}
.width_80pc {
  width: 80%;
}
.width_100pc {
  width: 100%;
}

.opacity_10 {
  opacity: 0.1;
}
.opacity_20 {
  opacity: 0.2;
}
.opacity_30 {
  opacity: 0.3;
}
.opacity_40 {
  opacity: 0.4;
}
.opacity_50 {
  opacity: 0.5;
}
.opacity_60 {
  opacity: 0.6;
}
.opacity_70 {
  opacity: 0.7;
}
.opacity_80 {
  opacity: 0.8;
}
.opacity_90 {
  opacity: 0.9;
}
.opacity_100 {
  opacity: 1;
}

/*
MARGIN RIGHT
*/
.mr_4 {
  margin-inline-end: 4px;
}
.mr_5 {
  margin-inline-end: 5px;
}
.mr_6 {
  margin-inline-end: 6px;
}
.mr_10 {
  margin-inline-end: 10px;
}
.mr_20 {
  margin-inline-end: 20px;
}

/*
MARGIN LEFT
*/
.ml_4 {
  margin-inline-start: 4px;
}
.ml_5 {
  margin-inline-start: 5px;
}
.ml_10 {
  margin-inline-start: 10px;
}
.ml_20 {
  margin-inline-start: 20px;
}
.ml_30 {
  margin-inline-start: 30px;
}

/*
MARGIN TOP
*/
.mt_0 {
  margin-top: 0px;
}
.mt_2 {
  margin-top: 2px;
}
.mt_4 {
  margin-top: 4px;
}
.mt_10 {
  margin-top: 10px;
}
.mt_20 {
  margin-top: 20px;
}
.mt_24 {
  margin-top: 24px;
}
.mt_30 {
  margin-top: 30px;
}
.mt_40 {
  margin-top: 40px;
}
.mt_50 {
  margin-top: 50px;
}
.mt_100 {
  margin-top: 100px;
}

/*
MARGIN BOTTOM
*/
.mb_0 {
  margin-bottom: 0px;
}
.mb_5 {
  margin-bottom: 5px;
}
.mb_8 {
  margin-bottom: 8px;
}
.mb_10 {
  margin-bottom: 10px;
}
.mb_15 {
  margin-bottom: 15px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_24 {
  margin-bottom: 24px;
}
.mb_30 {
  margin-bottom: 30px;
}
.mb_40 {
  margin-bottom: 40px;
}

/*
PADDING TOP
*/
.pt_2 {
  padding-top: 2px;
}
.pt_4 {
  padding-top: 4px;
}
.pt_10 {
  padding-top: 10px;
}
.pt_15 {
  padding-top: 15px;
}
.pt_20 {
  padding-top: 20px;
}
.pt_30 {
  padding-top: 30px;
}
.pt_40 {
  padding-top: 40px;
}
.pt_50 {
  padding-top: 50px;
}

/*
PADDING LEFT
*/
.pl_2 {
  padding-inline-start: 2px;
}
.pl_4 {
  padding-inline-start: 4px;
}
.pl_8 {
  padding-inline-start: 8px;
}
.pl_10 {
  padding-inline-start: 10px;
}
.pl_15 {
  padding-inline-start: 15px;
}
.pl_20 {
  padding-inline-start: 20px;
}
.pl_30 {
  padding-inline-start: 30px;
}
.pl_40 {
  padding-inline-start: 40px;
}
.pl_50 {
  padding-inline-start: 50px;
}

/*
PADDING RIGHT
*/
.pr_2 {
  padding-inline-end: 2px;
}
.pr_4 {
  padding-inline-end: 4px;
}
.pr_10 {
  padding-inline-end: 10px;
}
.pr_15 {
  padding-inline-end: 15px;
}
.pr_20 {
  padding-inline-end: 20px;
}
.pr_30 {
  padding-inline-end: 30px;
}
.pr_40 {
  padding-inline-end: 40px;
}
.pr_50 {
  padding-inline-end: 50px;
}

/*
PADDING X
*/
.px_2 {
  padding-inline-start: 2px;
  padding-inline-end: 2px;
}
.px_4 {
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}
.px_10 {
  padding-inline-start: 10px;
  padding-inline-end: 10px;
}
.px_15 {
  padding-inline-start: 15px;
  padding-inline-end: 15px;
}
.px_20 {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}
.px_30 {
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}
.px_40 {
  padding-inline-start: 40px;
  padding-inline-end: 40px;
}
.px_50 {
  padding-inline-start: 50px;
  padding-inline-end: 50px;
}

/*
PADDING Y
*/
.py__2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py__4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py__10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py__15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py__20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py__30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py__40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py__50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.simple-notification {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: var(--border-l);
  background: rgba(80, 80, 80, 0.5) !important;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
.simple-notification:before {
  content: "";
  height: 100%;
  width: 6px;
  position: absolute;
  top: 0;
  right: 0;
}
.simple-notification.error:before {
  background: rgba(194, 64, 64, 0.7);
}
.simple-notification.info:before {
  background: rgba(64, 113, 194, 0.7);
}
.simple-notification.warn:before {
  background: rgba(247, 131, 59, 0.7);
}
.simple-notification.success:before {
  background: rgba(160, 194, 64, 0.7);
}
.simple-notification .sn-content {
  color: var(--clr-lt) !important;
  text-shadow: var(--box-sh-dk-xs);
  font-size: var(--fs-milli) !important;
}
.simple-notification .icon svg {
  transition-duration: var(--time-base);
  fill: rgba(255, 255, 255, 0.05) !important;
  position: absolute;
  top: 0;
  right: -10px;
  transform: scale(1.5);
}
.simple-notification .sn-progress-loader span {
  opacity: 0;
  border-start-start-radius: var(--border-base);
  border-start-end-radius: var(--border-base);
  transition-duration: var(--time-l);
}
.simple-notification .sn-content, .simple-notification .sn-html, .simple-notification .sn-title {
  padding: 0 20px 0 0 !important;
}

.search_bar {
  position: relative;
  width: 0;
  height: 100%;
  transition-duration: var(--time-base);
}
.search_bar.searchOpen {
  width: 100%;
}
.search_bar.searchOpen .search_btn {
  background: transparent;
  color: var(--clr-secondary);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.search_bar.searchOpen .search_btn:hover {
  background: transparent;
}
.search_bar.searchOpen .search_btn.isActive {
  border: none;
}
.search_bar.searchOpen .search_input {
  width: 100%;
  opacity: 1;
}
.search_bar .search_btn {
  background: rgba(100, 100, 100, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  height: 24px;
  width: 24px;
  border-radius: var(--border-base);
  font-size: 18px;
  color: var(--clr-lt);
  cursor: pointer;
  position: absolute;
  right: 0;
  transition-duration: var(--time-base);
}
.search_bar .search_btn:hover {
  background: rgba(100, 100, 100, 0.8);
}
.search_bar .search_btn.isActive {
  border: 1px solid var(--clr-secondary);
}
.search_bar .search_input {
  position: absolute;
  right: 0;
  height: 100%;
  width: 0%;
  transition-duration: var(--time-base);
  box-sizing: border-box;
  opacity: 0;
  border: none;
  border-radius: var(--border-base);
  padding: 0 8px;
  font-size: var(--fs-milli);
}

.mat-dialog-container {
  background: var(--clr-lt);
  color: unset;
  padding: 0 24px 24px 24px !important;
}
.mat-dialog-container.hideMatContainerBg {
  background: none !important;
  box-shadow: none !important;
  text-align: center !important;
}
.mat-dialog-container .dialog_container {
  width: 100%;
  height: 100%;
}
.mat-dialog-container .dialog_container .dialog_close {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 18px;
  color: rgba(100, 100, 100, 0.8);
  transition-duration: var(--time-base);
  cursor: pointer;
}
.mat-dialog-container .dialog_container .dialog_close:hover {
  color: var(--clr-secondary);
}
.mat-dialog-container .dialog_content {
  max-height: calc(var(--vh) * 90);
}
@media (max-width: 576px) {
  .mat-dialog-container .dialog_bot_btns {
    display: flex;
    flex-direction: column-reverse;
  }
  .mat-dialog-container .dialog_bot_btns button {
    width: 100%;
    margin: 2px 0;
  }
}

.cdk-global-overlay-wrapper {
  overflow: auto;
}

.user_bubbles .user_bubble {
  width: 20px;
  height: 20px;
  background: var(--clr-gray);
  border-radius: 100%;
  font-size: var(--fs-milli);
}
.user_bubbles .user_bubble:not(:last-of-type) {
  margin-inline-end: 2px;
}

.user_img, .user_icon {
  width: 110px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.user_img img, .user_img canvas, .user_icon img, .user_icon canvas {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user_img i, .user_icon i {
  font-size: 120px;
  color: var(--clr-dk);
}

.element_loading {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 50px;
}
.element_loading.loader_xxs .element_loader {
  width: 30px;
  height: 30px;
  left: 0;
  right: 0;
  margin: auto;
}
.element_loading.loader_xs .element_loader {
  width: 60px;
  height: 60px;
  left: 0;
  right: 0;
  margin: auto;
}
.element_loading.loader_sm .element_loader {
  width: 120px;
  height: 120px;
  left: 0;
  right: 0;
  margin: auto;
}
.element_loading.loader_lg .element_loader {
  width: 100%;
  height: 100%;
}
.element_loading.loader_dark .element_loader {
  background: rgba(0, 0, 0, 0.32);
}
.element_loading .element_loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  animation: fadeIn var(--time-base) forwards;
  border-radius: var(--border-base);
}

.cdk-overlay-pane.fullPage .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 0 !important;
}

.spinner {
  animation: rotator 2s ease infinite alternate;
}

.spinner-1 {
  animation: rotator 0.2s ease infinite alternate;
}

.spinner-2 {
  animation: rotator 0.4s ease infinite alternate;
}

.spinner-3 {
  animation: rotator 0.6s ease infinite alternate;
}

.spinner-4 {
  animation: rotator 0.8s ease infinite alternate;
}

.spinner-5 {
  animation: rotator 1s ease infinite alternate;
}

.spinner-6 {
  animation: rotator 1.2s ease infinite alternate;
}

.spinner-7 {
  animation: rotator 1.4s ease infinite alternate;
}

.spinner-8 {
  animation: rotator 1.6s ease infinite alternate;
}

.spinner-9 {
  animation: rotator 1.8s ease infinite alternate;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 3s ease-in-out infinite alternate;
  stroke: var(--clr-gray);
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
#rotate_mobile {
  color: #1D2B2D;
  font-weight: 400;
  font-size: var(--fs-milli);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 600ms ease-in-out;
}
#rotate_mobile i, #rotate_mobile fa-icon {
  animation: changeOrientation 4s alternate infinite ease-in-out;
  font-size: 32px;
}
@media screen and (orientation: landscape) {
  #rotate_mobile {
    display: none;
  }
}

#draw_wrapper {
  border-radius: var(--border-l);
  overflow: hidden;
  height: 100%;
  width: 100%;
  max-height: 40vh;
  aspect-ratio: 1/2;
  border: 1px solid var(--clr-gray);
}
#draw_wrapper signature-pad {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  background: white !important;
  animation: fadeIn var(--time-base) forwards;
  border-radius: var(--border-base);
}
#draw_wrapper .signature-pad-canvas {
  border: none !important;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.capitalize {
  text-transform: capitalize;
}

.text_center {
  text-align: center;
}

.text_end {
  text-align: end;
}

.firstLetter {
  text-transform: lowercase;
}
.firstLetter::first-letter {
  text-transform: uppercase;
}
.firstLetter > *::first-letter {
  text-transform: uppercase;
}

.truncate {
  max-width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-inline-end: 20px;
  padding-bottom: 3px;
  line-height: 1.4;
}
.truncate-file_input {
  padding-inline-end: unset;
  padding-bottom: unset;
  line-height: unset;
}

.noWrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wrap {
  white-space: normal;
  overflow: visible;
}

.fs-base {
  font-size: var(--fs-base);
}
.fs-giga {
  font-size: var(--fs-giga);
}
.fs-mega {
  font-size: var(--fs-mega);
}
.fs-h1 {
  font-size: var(--fs-h1);
}
.fs-h2 {
  font-size: var(--fs-h2);
}
.fs-h3 {
  font-size: var(--fs-h3);
}
.fs-h4 {
  font-size: var(--fs-h4);
}
.fs-h5 {
  font-size: var(--fs-h5);
}
.fs-h6 {
  font-size: var(--fs-h6);
}
.fs-kilo {
  font-size: var(--fs-kilo);
}
.fs-mili {
  font-size: var(--fs-mili);
}
.fs-micro {
  font-size: var(--fs-micro);
}
.fs-nano {
  font-size: var(--fs-nano);
}
.fs-pico {
  font-size: var(--fs-pico);
}

.fw_bold {
  font-weight: 700;
}

h1 {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}

h2 {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
}

h3 {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 500;
}

body {
  --clr-primary: #2F6A73;
  --clr-primary-dk: #1D2B2D;
  --clr-primary-lt: #32598B;
  --clr-primary-ltr: #ffffff;
  --clr-secondary: rgba(0,0,0,0.5);
  --clr-dk: #000000;
  --clr-lt: #ffffff;
  --clr-gray: #EDEDED;
  --clr-gray-lt: #F9F9F9;
  --clr-gray-dk: #7D7D7D;
  --clr-btn-primary: rgba(0, 0, 0, 0.7);
  --clr-btn-primary-h: rgba(0, 0, 0, 0.8);
  --clr-btn-secondary: rgba(203, 203, 203, 0.5);
  --clr-btn-secondary-h: rgba(180, 180, 180, 0.5);
  --clr-btn-red: #B76B6D;
  --clr-btn-success: #6bb770;
  --pagePaddingX: 4%;
  --appBackground: #FCF9F3;
  --border-base: 3px;
  --border-md: 6px;
  --border-l: 10px;
  --border-xl: 30px;
  --border-btn-xs: 5px;
  --border-btn-sm: 10px;
  --border-btn-md: 10px;
  --border-input-check: 10px;
  --slideElementBg: #ffffff;
  --slideElementBgDisable: rgba(0, 0, 0, 0.2);
  --slideElementClr: var(--clr-primary-dk);
  --slideElementArrowClr: var(--clr-primary);
  --slideElementIconRClr: var(--clr-gray-dk);
  --slideElementIconLClr: var(--clr-lt);
  --slideElementIconBg: #DAECEF;
  --slideElementIconFs: 20px;
  --time-base: 0.2s;
  --time-md: 0.3s;
  --time-l: 0.5s;
  --time-xl: 1s;
  --clr-bg-grad1: rgba(0,0,0,0.4);
  --clr-bg-grad2: rgba(0,0,0,0.4);
  --clr-line-grad1: #3D54FD;
  --clr-line-grad2: #FD3D54;
  --box-sh-dk-xs: 1px 1px 0px rgba(0,0,0,0.2);
  --box-sh-dk-sm: 2px 2px 1px rgba(0,0,0,0.2);
  --box-sh-dk-md: 4px 4px 1px rgba(0,0,0,0.2);
  --box-sh-dk-l: 6px 6px 2px rgba(0,0,0,0.2);
  --scrollWrapper-mt: -1vh;
  --scrollWrapper-mb: -2vh;
  /* base font size - applied at body / html level */
  --fs-base: 16px;
  --fs-giga: 80px;
  --fs-mega: 70px;
  /* heading font sizes */
  --fs-h3: 28px;
  --fs-h4: 24px;
  --fs-h5: 20px;
  --fs-h6: 18px;
  /* larger than heading font sizes */
  --fs-kilo: 60px;
  --fs-h1: 36px;
  --fs-h2: 32px;
  /* smaller than heading font sizes */
  --fs-mili: 14px;
  --fs-micro: 12px;
  --fs-nano: 10px;
  --fs-pico: 8px;
  /* Variables for notch */
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
  /* Variable for global height with notch */
  --appHeight: calc(100vh - var(--sat));
}

.scroll-indicator-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}
.scroll-indicator-wrapper .scroll-indicator-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  padding: 8px;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .scroll-indicator-wrapper .scroll-indicator-icon {
    width: 50px;
    height: 50px;
  }
}
.scroll-indicator-wrapper .scroll-indicator-icon.scroll-indicator-icon-down {
  animation: subtleBounceDown 2.5s ease-in-out infinite;
}
.scroll-indicator-wrapper .scroll-indicator-icon.scroll-indicator-icon-up {
  animation: subtleBounceUp 2.5s ease-in-out infinite;
}
.scroll-indicator-wrapper .scroll-indicator-icon.scroll-indicator-icon-up img {
  transform: rotate(180deg);
}
.scroll-indicator-wrapper .scroll-indicator-icon img {
  width: 100%;
  height: 100%;
}

@keyframes subtleBounceDown {
  0%, 20%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}
@keyframes subtleBounceUp {
  0%, 20%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./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/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/shared/styles/VISA-SEN/theme.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  --clr-primary: #2c3c43 !important;
  --clr-primary-dk: #1A2327 !important;
  --clr-primary-lt: #405962 !important;
  --clr-primary-ltr: #dee4e6 !important;
  --clr-secondary: rgba(0,0,0,0.5);
  --clr-dk: rgba(0,0,0,0.8);
  --clr-lt: #ffffff;
  --clr-gray: #EDEDED;
  --clr-gray-lt: #ffffff;
  --clr-gray-dk: #7D7D7D;
  --clr-btn-primary: rgba(0, 0, 0, 0.7);
  --clr-btn-primary-h: rgba(0, 0, 0, 0.8);
  --clr-btn-secondary: rgba(203, 203, 203, 0.5);
  --clr-btn-secondary-h: rgba(180, 180, 180, 0.5);
  --pagePaddingX: 4%;
  --appBackground: linear-gradient(170deg, #e9eff1, #e2eaec)!important;
  --border-base: 3px;
  --border-md: 6px;
  --border-l: 24px !important;
  --border-xl: 30px;
  --border-btn-sm: 10px;
  --border-btn-md: 100px !important;
  --slideElementBg: var(--clr-lt) !important;
  --slideElementClr: var(--clr-dk) !important;
  --slideElementIconRClr: var(--clr-dk) !important;
  --slideElementIconLClr: var(--clr-primary-lt) !important;
  --slideElementIconBg: transparent !important;
  --slideElementIconFs: 24px !important;
  --time-base: 0.2s;
  --time-md: 0.3s;
  --time-l: 0.5s;
  --time-xl: 1s;
  --clr-bg-grad1: rgba(0,0,0,0.4);
  --clr-bg-grad2: rgba(0,0,0,0.4);
  --clr-line-grad1: #3D54FD;
  --clr-line-grad2: #FD3D54;
  --box-sh-dk-xs: 1px 1px 0px rgba(0,0,0,0.2);
  --box-sh-dk-sm: 2px 2px 1px rgba(0,0,0,0.2);
  --box-sh-dk-md: 4px 4px 1px rgba(0,0,0,0.2);
  --box-sh-dk-l: 6px 6px 2px rgba(0,0,0,0.2);
  --scrollWrapper-mt: 0 !important;
  --scrollWrapper-mb: 0 !important;
  /* base font size - applied at body / html level */
  --fs-base: 16px;
  --fs-giga: 80px;
  --fs-mega: 70px;
  /* heading font sizes */
  --fs-h3: 28px;
  --fs-h4: 24px;
  --fs-h5: 20px;
  --fs-h6: 18px;
  /* larger than heading font sizes */
  --fs-kilo: 60px;
  --fs-h1: 36px;
  --fs-h2: 32px;
  /* smaller than heading font sizes */
  --fs-milli: 14px;
  --fs-micro: 12px;
  --fs-nano: 10px;
  --fs-pico: 8px;
}

body.kiosk {
  font-size: 1.4rem !important;
  line-height: 1.3 !important;
}
body.kiosk p, body.kiosk .errors_list_item, body.kiosk .btn, body.kiosk .mat-expansion-panel-header-title, body.kiosk .desc-card__descL {
  font-size: 1.4rem !important;
  line-height: 1.3 !important;
}
body.kiosk .summary_line {
  font-size: 1rem !important;
}
body.kiosk .desc-card fa-icon:not(.sideElement_icon), body.kiosk .checkbox_element label i, body.kiosk .checkbox_element label fa-icon {
  font-size: 30px !important;
}
body.kiosk .checkbox_element label {
  padding: 16px 66px 16px 20px !important;
}
body.kiosk #viewTitle .titleText {
  font-size: 1.8rem !important;
  line-height: 1.3 !important;
}
body.kiosk .nationality_section {
  padding: 30px !important;
}
body.kiosk .nationality_section img {
  width: 140px !important;
}
body.kiosk .nationality_section form {
  margin-top: 30px !important;
}
body.kiosk .nationality_section .gap_10 {
  gap: 30px !important;
}
body.kiosk .input_wrapper select, body.kiosk .input_wrapper input {
  height: 60px !important;
}
body.kiosk .input_wrapper input.hasValue + label, body.kiosk .input_wrapper .input_wrapper input.ng-valid:not(.ng-untouched).hasValue + label, body.kiosk .input_wrapper label {
  font-size: 1.3rem !important;
}
body.kiosk .gap_25 {
  gap: 32px !important;
}
body.kiosk .scroll_wrapper {
  padding-top: 2% !important;
}
body.kiosk .choice_button {
  gap: 20px !important;
}
body.kiosk .choice_button-btns button {
  font-size: 1.5rem !important;
  padding: 10px 20px !important;
}
body.kiosk .big_btn span {
  font-size: 1.5rem !important;
}

/*# sourceMappingURL=styles.css.map*/