@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";

/* node_modules/@fortawesome/fontawesome-free/css/all.min.css */
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family,"Font Awesome 6 Free");
  font-weight: var(--fa-style,900);
}
.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display,inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
  content: var(--fa);
}
.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: "Font Awesome 6 Free";
}
.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: .625em;
  line-height: .1em;
  vertical-align: .225em;
}
.fa-xs {
  font-size: .75em;
  line-height: .08333em;
  vertical-align: .125em;
}
.fa-sm {
  font-size: .875em;
  line-height: .07143em;
  vertical-align: .05357em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: .05em;
  vertical-align: -.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: .04167em;
  vertical-align: -.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: .03125em;
  vertical-align: -.1875em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin,2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: calc(var(--fa-li-width, 2em)*-1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width,2em);
  line-height: inherit;
}
.fa-border {
  border-radius: var(--fa-border-radius,.1em);
  border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
  padding: var(--fa-border-padding,.2em .25em .15em);
}
.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin,.3em);
}
.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin,.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
}
.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
}
.fa-beat-fade,
.fa-fade {
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear);
}
.fa-shake,
.fa-spin {
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
}
.fa-spin {
  animation-name: fa-spin;
  animation-duration: var(--fa-animation-duration,2s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear);
}
.fa-spin-reverse {
  --fa-animation-direction:reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale,1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0);
  }
  57% {
    transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity,.4);
  }
}
@keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity,.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale,1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, to {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scaleX(-1);
}
.fa-flip-vertical {
  transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle,0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index,auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse,#fff);
}
.fa-0 {
  --fa:"0";
}
.fa-1 {
  --fa:"1";
}
.fa-2 {
  --fa:"2";
}
.fa-3 {
  --fa:"3";
}
.fa-4 {
  --fa:"4";
}
.fa-5 {
  --fa:"5";
}
.fa-6 {
  --fa:"6";
}
.fa-7 {
  --fa:"7";
}
.fa-8 {
  --fa:"8";
}
.fa-9 {
  --fa:"9";
}
.fa-fill-drip {
  --fa:"\f576";
}
.fa-arrows-to-circle {
  --fa:"\e4bd";
}
.fa-chevron-circle-right,
.fa-circle-chevron-right {
  --fa:"\f138";
}
.fa-at {
  --fa:"@";
}
.fa-trash-alt,
.fa-trash-can {
  --fa:"\f2ed";
}
.fa-text-height {
  --fa:"\f034";
}
.fa-user-times,
.fa-user-xmark {
  --fa:"\f235";
}
.fa-stethoscope {
  --fa:"\f0f1";
}
.fa-comment-alt,
.fa-message {
  --fa:"\f27a";
}
.fa-info {
  --fa:"\f129";
}
.fa-compress-alt,
.fa-down-left-and-up-right-to-center {
  --fa:"\f422";
}
.fa-explosion {
  --fa:"\e4e9";
}
.fa-file-alt,
.fa-file-lines,
.fa-file-text {
  --fa:"\f15c";
}
.fa-wave-square {
  --fa:"\f83e";
}
.fa-ring {
  --fa:"\f70b";
}
.fa-building-un {
  --fa:"\e4d9";
}
.fa-dice-three {
  --fa:"\f527";
}
.fa-calendar-alt,
.fa-calendar-days {
  --fa:"\f073";
}
.fa-anchor-circle-check {
  --fa:"\e4aa";
}
.fa-building-circle-arrow-right {
  --fa:"\e4d1";
}
.fa-volleyball,
.fa-volleyball-ball {
  --fa:"\f45f";
}
.fa-arrows-up-to-line {
  --fa:"\e4c2";
}
.fa-sort-desc,
.fa-sort-down {
  --fa:"\f0dd";
}
.fa-circle-minus,
.fa-minus-circle {
  --fa:"\f056";
}
.fa-door-open {
  --fa:"\f52b";
}
.fa-right-from-bracket,
.fa-sign-out-alt {
  --fa:"\f2f5";
}
.fa-atom {
  --fa:"\f5d2";
}
.fa-soap {
  --fa:"\e06e";
}
.fa-heart-music-camera-bolt,
.fa-icons {
  --fa:"\f86d";
}
.fa-microphone-alt-slash,
.fa-microphone-lines-slash {
  --fa:"\f539";
}
.fa-bridge-circle-check {
  --fa:"\e4c9";
}
.fa-pump-medical {
  --fa:"\e06a";
}
.fa-fingerprint {
  --fa:"\f577";
}
.fa-hand-point-right {
  --fa:"\f0a4";
}
.fa-magnifying-glass-location,
.fa-search-location {
  --fa:"\f689";
}
.fa-forward-step,
.fa-step-forward {
  --fa:"\f051";
}
.fa-face-smile-beam,
.fa-smile-beam {
  --fa:"\f5b8";
}
.fa-flag-checkered {
  --fa:"\f11e";
}
.fa-football,
.fa-football-ball {
  --fa:"\f44e";
}
.fa-school-circle-exclamation {
  --fa:"\e56c";
}
.fa-crop {
  --fa:"\f125";
}
.fa-angle-double-down,
.fa-angles-down {
  --fa:"\f103";
}
.fa-users-rectangle {
  --fa:"\e594";
}
.fa-people-roof {
  --fa:"\e537";
}
.fa-people-line {
  --fa:"\e534";
}
.fa-beer,
.fa-beer-mug-empty {
  --fa:"\f0fc";
}
.fa-diagram-predecessor {
  --fa:"\e477";
}
.fa-arrow-up-long,
.fa-long-arrow-up {
  --fa:"\f176";
}
.fa-burn,
.fa-fire-flame-simple {
  --fa:"\f46a";
}
.fa-male,
.fa-person {
  --fa:"\f183";
}
.fa-laptop {
  --fa:"\f109";
}
.fa-file-csv {
  --fa:"\f6dd";
}
.fa-menorah {
  --fa:"\f676";
}
.fa-truck-plane {
  --fa:"\e58f";
}
.fa-record-vinyl {
  --fa:"\f8d9";
}
.fa-face-grin-stars,
.fa-grin-stars {
  --fa:"\f587";
}
.fa-bong {
  --fa:"\f55c";
}
.fa-pastafarianism,
.fa-spaghetti-monster-flying {
  --fa:"\f67b";
}
.fa-arrow-down-up-across-line {
  --fa:"\e4af";
}
.fa-spoon,
.fa-utensil-spoon {
  --fa:"\f2e5";
}
.fa-jar-wheat {
  --fa:"\e517";
}
.fa-envelopes-bulk,
.fa-mail-bulk {
  --fa:"\f674";
}
.fa-file-circle-exclamation {
  --fa:"\e4eb";
}
.fa-circle-h,
.fa-hospital-symbol {
  --fa:"\f47e";
}
.fa-pager {
  --fa:"\f815";
}
.fa-address-book,
.fa-contact-book {
  --fa:"\f2b9";
}
.fa-strikethrough {
  --fa:"\f0cc";
}
.fa-k {
  --fa:"K";
}
.fa-landmark-flag {
  --fa:"\e51c";
}
.fa-pencil,
.fa-pencil-alt {
  --fa:"\f303";
}
.fa-backward {
  --fa:"\f04a";
}
.fa-caret-right {
  --fa:"\f0da";
}
.fa-comments {
  --fa:"\f086";
}
.fa-file-clipboard,
.fa-paste {
  --fa:"\f0ea";
}
.fa-code-pull-request {
  --fa:"\e13c";
}
.fa-clipboard-list {
  --fa:"\f46d";
}
.fa-truck-loading,
.fa-truck-ramp-box {
  --fa:"\f4de";
}
.fa-user-check {
  --fa:"\f4fc";
}
.fa-vial-virus {
  --fa:"\e597";
}
.fa-sheet-plastic {
  --fa:"\e571";
}
.fa-blog {
  --fa:"\f781";
}
.fa-user-ninja {
  --fa:"\f504";
}
.fa-person-arrow-up-from-line {
  --fa:"\e539";
}
.fa-scroll-torah,
.fa-torah {
  --fa:"\f6a0";
}
.fa-broom-ball,
.fa-quidditch,
.fa-quidditch-broom-ball {
  --fa:"\f458";
}
.fa-toggle-off {
  --fa:"\f204";
}
.fa-archive,
.fa-box-archive {
  --fa:"\f187";
}
.fa-person-drowning {
  --fa:"\e545";
}
.fa-arrow-down-9-1,
.fa-sort-numeric-desc,
.fa-sort-numeric-down-alt {
  --fa:"\f886";
}
.fa-face-grin-tongue-squint,
.fa-grin-tongue-squint {
  --fa:"\f58a";
}
.fa-spray-can {
  --fa:"\f5bd";
}
.fa-truck-monster {
  --fa:"\f63b";
}
.fa-w {
  --fa:"W";
}
.fa-earth-africa,
.fa-globe-africa {
  --fa:"\f57c";
}
.fa-rainbow {
  --fa:"\f75b";
}
.fa-circle-notch {
  --fa:"\f1ce";
}
.fa-tablet-alt,
.fa-tablet-screen-button {
  --fa:"\f3fa";
}
.fa-paw {
  --fa:"\f1b0";
}
.fa-cloud {
  --fa:"\f0c2";
}
.fa-trowel-bricks {
  --fa:"\e58a";
}
.fa-face-flushed,
.fa-flushed {
  --fa:"\f579";
}
.fa-hospital-user {
  --fa:"\f80d";
}
.fa-tent-arrow-left-right {
  --fa:"\e57f";
}
.fa-gavel,
.fa-legal {
  --fa:"\f0e3";
}
.fa-binoculars {
  --fa:"\f1e5";
}
.fa-microphone-slash {
  --fa:"\f131";
}
.fa-box-tissue {
  --fa:"\e05b";
}
.fa-motorcycle {
  --fa:"\f21c";
}
.fa-bell-concierge,
.fa-concierge-bell {
  --fa:"\f562";
}
.fa-pen-ruler,
.fa-pencil-ruler {
  --fa:"\f5ae";
}
.fa-people-arrows,
.fa-people-arrows-left-right {
  --fa:"\e068";
}
.fa-mars-and-venus-burst {
  --fa:"\e523";
}
.fa-caret-square-right,
.fa-square-caret-right {
  --fa:"\f152";
}
.fa-cut,
.fa-scissors {
  --fa:"\f0c4";
}
.fa-sun-plant-wilt {
  --fa:"\e57a";
}
.fa-toilets-portable {
  --fa:"\e584";
}
.fa-hockey-puck {
  --fa:"\f453";
}
.fa-table {
  --fa:"\f0ce";
}
.fa-magnifying-glass-arrow-right {
  --fa:"\e521";
}
.fa-digital-tachograph,
.fa-tachograph-digital {
  --fa:"\f566";
}
.fa-users-slash {
  --fa:"\e073";
}
.fa-clover {
  --fa:"\e139";
}
.fa-mail-reply,
.fa-reply {
  --fa:"\f3e5";
}
.fa-star-and-crescent {
  --fa:"\f699";
}
.fa-house-fire {
  --fa:"\e50c";
}
.fa-minus-square,
.fa-square-minus {
  --fa:"\f146";
}
.fa-helicopter {
  --fa:"\f533";
}
.fa-compass {
  --fa:"\f14e";
}
.fa-caret-square-down,
.fa-square-caret-down {
  --fa:"\f150";
}
.fa-file-circle-question {
  --fa:"\e4ef";
}
.fa-laptop-code {
  --fa:"\f5fc";
}
.fa-swatchbook {
  --fa:"\f5c3";
}
.fa-prescription-bottle {
  --fa:"\f485";
}
.fa-bars,
.fa-navicon {
  --fa:"\f0c9";
}
.fa-people-group {
  --fa:"\e533";
}
.fa-hourglass-3,
.fa-hourglass-end {
  --fa:"\f253";
}
.fa-heart-broken,
.fa-heart-crack {
  --fa:"\f7a9";
}
.fa-external-link-square-alt,
.fa-square-up-right {
  --fa:"\f360";
}
.fa-face-kiss-beam,
.fa-kiss-beam {
  --fa:"\f597";
}
.fa-film {
  --fa:"\f008";
}
.fa-ruler-horizontal {
  --fa:"\f547";
}
.fa-people-robbery {
  --fa:"\e536";
}
.fa-lightbulb {
  --fa:"\f0eb";
}
.fa-caret-left {
  --fa:"\f0d9";
}
.fa-circle-exclamation,
.fa-exclamation-circle {
  --fa:"\f06a";
}
.fa-school-circle-xmark {
  --fa:"\e56d";
}
.fa-arrow-right-from-bracket,
.fa-sign-out {
  --fa:"\f08b";
}
.fa-chevron-circle-down,
.fa-circle-chevron-down {
  --fa:"\f13a";
}
.fa-unlock-alt,
.fa-unlock-keyhole {
  --fa:"\f13e";
}
.fa-cloud-showers-heavy {
  --fa:"\f740";
}
.fa-headphones-alt,
.fa-headphones-simple {
  --fa:"\f58f";
}
.fa-sitemap {
  --fa:"\f0e8";
}
.fa-circle-dollar-to-slot,
.fa-donate {
  --fa:"\f4b9";
}
.fa-memory {
  --fa:"\f538";
}
.fa-road-spikes {
  --fa:"\e568";
}
.fa-fire-burner {
  --fa:"\e4f1";
}
.fa-flag {
  --fa:"\f024";
}
.fa-hanukiah {
  --fa:"\f6e6";
}
.fa-feather {
  --fa:"\f52d";
}
.fa-volume-down,
.fa-volume-low {
  --fa:"\f027";
}
.fa-comment-slash {
  --fa:"\f4b3";
}
.fa-cloud-sun-rain {
  --fa:"\f743";
}
.fa-compress {
  --fa:"\f066";
}
.fa-wheat-alt,
.fa-wheat-awn {
  --fa:"\e2cd";
}
.fa-ankh {
  --fa:"\f644";
}
.fa-hands-holding-child {
  --fa:"\e4fa";
}
.fa-asterisk {
  --fa:"*";
}
.fa-check-square,
.fa-square-check {
  --fa:"\f14a";
}
.fa-peseta-sign {
  --fa:"\e221";
}
.fa-header,
.fa-heading {
  --fa:"\f1dc";
}
.fa-ghost {
  --fa:"\f6e2";
}
.fa-list,
.fa-list-squares {
  --fa:"\f03a";
}
.fa-phone-square-alt,
.fa-square-phone-flip {
  --fa:"\f87b";
}
.fa-cart-plus {
  --fa:"\f217";
}
.fa-gamepad {
  --fa:"\f11b";
}
.fa-circle-dot,
.fa-dot-circle {
  --fa:"\f192";
}
.fa-dizzy,
.fa-face-dizzy {
  --fa:"\f567";
}
.fa-egg {
  --fa:"\f7fb";
}
.fa-house-medical-circle-xmark {
  --fa:"\e513";
}
.fa-campground {
  --fa:"\f6bb";
}
.fa-folder-plus {
  --fa:"\f65e";
}
.fa-futbol,
.fa-futbol-ball,
.fa-soccer-ball {
  --fa:"\f1e3";
}
.fa-paint-brush,
.fa-paintbrush {
  --fa:"\f1fc";
}
.fa-lock {
  --fa:"\f023";
}
.fa-gas-pump {
  --fa:"\f52f";
}
.fa-hot-tub,
.fa-hot-tub-person {
  --fa:"\f593";
}
.fa-map-location,
.fa-map-marked {
  --fa:"\f59f";
}
.fa-house-flood-water {
  --fa:"\e50e";
}
.fa-tree {
  --fa:"\f1bb";
}
.fa-bridge-lock {
  --fa:"\e4cc";
}
.fa-sack-dollar {
  --fa:"\f81d";
}
.fa-edit,
.fa-pen-to-square {
  --fa:"\f044";
}
.fa-car-side {
  --fa:"\f5e4";
}
.fa-share-alt,
.fa-share-nodes {
  --fa:"\f1e0";
}
.fa-heart-circle-minus {
  --fa:"\e4ff";
}
.fa-hourglass-2,
.fa-hourglass-half {
  --fa:"\f252";
}
.fa-microscope {
  --fa:"\f610";
}
.fa-sink {
  --fa:"\e06d";
}
.fa-bag-shopping,
.fa-shopping-bag {
  --fa:"\f290";
}
.fa-arrow-down-z-a,
.fa-sort-alpha-desc,
.fa-sort-alpha-down-alt {
  --fa:"\f881";
}
.fa-mitten {
  --fa:"\f7b5";
}
.fa-person-rays {
  --fa:"\e54d";
}
.fa-users {
  --fa:"\f0c0";
}
.fa-eye-slash {
  --fa:"\f070";
}
.fa-flask-vial {
  --fa:"\e4f3";
}
.fa-hand,
.fa-hand-paper {
  --fa:"\f256";
}
.fa-om {
  --fa:"\f679";
}
.fa-worm {
  --fa:"\e599";
}
.fa-house-circle-xmark {
  --fa:"\e50b";
}
.fa-plug {
  --fa:"\f1e6";
}
.fa-chevron-up {
  --fa:"\f077";
}
.fa-hand-spock {
  --fa:"\f259";
}
.fa-stopwatch {
  --fa:"\f2f2";
}
.fa-face-kiss,
.fa-kiss {
  --fa:"\f596";
}
.fa-bridge-circle-xmark {
  --fa:"\e4cb";
}
.fa-face-grin-tongue,
.fa-grin-tongue {
  --fa:"\f589";
}
.fa-chess-bishop {
  --fa:"\f43a";
}
.fa-face-grin-wink,
.fa-grin-wink {
  --fa:"\f58c";
}
.fa-deaf,
.fa-deafness,
.fa-ear-deaf,
.fa-hard-of-hearing {
  --fa:"\f2a4";
}
.fa-road-circle-check {
  --fa:"\e564";
}
.fa-dice-five {
  --fa:"\f523";
}
.fa-rss-square,
.fa-square-rss {
  --fa:"\f143";
}
.fa-land-mine-on {
  --fa:"\e51b";
}
.fa-i-cursor {
  --fa:"\f246";
}
.fa-stamp {
  --fa:"\f5bf";
}
.fa-stairs {
  --fa:"\e289";
}
.fa-i {
  --fa:"I";
}
.fa-hryvnia,
.fa-hryvnia-sign {
  --fa:"\f6f2";
}
.fa-pills {
  --fa:"\f484";
}
.fa-face-grin-wide,
.fa-grin-alt {
  --fa:"\f581";
}
.fa-tooth {
  --fa:"\f5c9";
}
.fa-v {
  --fa:"V";
}
.fa-bangladeshi-taka-sign {
  --fa:"\e2e6";
}
.fa-bicycle {
  --fa:"\f206";
}
.fa-rod-asclepius,
.fa-rod-snake,
.fa-staff-aesculapius,
.fa-staff-snake {
  --fa:"\e579";
}
.fa-head-side-cough-slash {
  --fa:"\e062";
}
.fa-ambulance,
.fa-truck-medical {
  --fa:"\f0f9";
}
.fa-wheat-awn-circle-exclamation {
  --fa:"\e598";
}
.fa-snowman {
  --fa:"\f7d0";
}
.fa-mortar-pestle {
  --fa:"\f5a7";
}
.fa-road-barrier {
  --fa:"\e562";
}
.fa-school {
  --fa:"\f549";
}
.fa-igloo {
  --fa:"\f7ae";
}
.fa-joint {
  --fa:"\f595";
}
.fa-angle-right {
  --fa:"\f105";
}
.fa-horse {
  --fa:"\f6f0";
}
.fa-q {
  --fa:"Q";
}
.fa-g {
  --fa:"G";
}
.fa-notes-medical {
  --fa:"\f481";
}
.fa-temperature-2,
.fa-temperature-half,
.fa-thermometer-2,
.fa-thermometer-half {
  --fa:"\f2c9";
}
.fa-dong-sign {
  --fa:"\e169";
}
.fa-capsules {
  --fa:"\f46b";
}
.fa-poo-bolt,
.fa-poo-storm {
  --fa:"\f75a";
}
.fa-face-frown-open,
.fa-frown-open {
  --fa:"\f57a";
}
.fa-hand-point-up {
  --fa:"\f0a6";
}
.fa-money-bill {
  --fa:"\f0d6";
}
.fa-bookmark {
  --fa:"\f02e";
}
.fa-align-justify {
  --fa:"\f039";
}
.fa-umbrella-beach {
  --fa:"\f5ca";
}
.fa-helmet-un {
  --fa:"\e503";
}
.fa-bullseye {
  --fa:"\f140";
}
.fa-bacon {
  --fa:"\f7e5";
}
.fa-hand-point-down {
  --fa:"\f0a7";
}
.fa-arrow-up-from-bracket {
  --fa:"\e09a";
}
.fa-folder,
.fa-folder-blank {
  --fa:"\f07b";
}
.fa-file-medical-alt,
.fa-file-waveform {
  --fa:"\f478";
}
.fa-radiation {
  --fa:"\f7b9";
}
.fa-chart-simple {
  --fa:"\e473";
}
.fa-mars-stroke {
  --fa:"\f229";
}
.fa-vial {
  --fa:"\f492";
}
.fa-dashboard,
.fa-gauge,
.fa-gauge-med,
.fa-tachometer-alt-average {
  --fa:"\f624";
}
.fa-magic-wand-sparkles,
.fa-wand-magic-sparkles {
  --fa:"\e2ca";
}
.fa-e {
  --fa:"E";
}
.fa-pen-alt,
.fa-pen-clip {
  --fa:"\f305";
}
.fa-bridge-circle-exclamation {
  --fa:"\e4ca";
}
.fa-user {
  --fa:"\f007";
}
.fa-school-circle-check {
  --fa:"\e56b";
}
.fa-dumpster {
  --fa:"\f793";
}
.fa-shuttle-van,
.fa-van-shuttle {
  --fa:"\f5b6";
}
.fa-building-user {
  --fa:"\e4da";
}
.fa-caret-square-left,
.fa-square-caret-left {
  --fa:"\f191";
}
.fa-highlighter {
  --fa:"\f591";
}
.fa-key {
  --fa:"\f084";
}
.fa-bullhorn {
  --fa:"\f0a1";
}
.fa-globe {
  --fa:"\f0ac";
}
.fa-synagogue {
  --fa:"\f69b";
}
.fa-person-half-dress {
  --fa:"\e548";
}
.fa-road-bridge {
  --fa:"\e563";
}
.fa-location-arrow {
  --fa:"\f124";
}
.fa-c {
  --fa:"C";
}
.fa-tablet-button {
  --fa:"\f10a";
}
.fa-building-lock {
  --fa:"\e4d6";
}
.fa-pizza-slice {
  --fa:"\f818";
}
.fa-money-bill-wave {
  --fa:"\f53a";
}
.fa-area-chart,
.fa-chart-area {
  --fa:"\f1fe";
}
.fa-house-flag {
  --fa:"\e50d";
}
.fa-person-circle-minus {
  --fa:"\e540";
}
.fa-ban,
.fa-cancel {
  --fa:"\f05e";
}
.fa-camera-rotate {
  --fa:"\e0d8";
}
.fa-air-freshener,
.fa-spray-can-sparkles {
  --fa:"\f5d0";
}
.fa-star {
  --fa:"\f005";
}
.fa-repeat {
  --fa:"\f363";
}
.fa-cross {
  --fa:"\f654";
}
.fa-box {
  --fa:"\f466";
}
.fa-venus-mars {
  --fa:"\f228";
}
.fa-arrow-pointer,
.fa-mouse-pointer {
  --fa:"\f245";
}
.fa-expand-arrows-alt,
.fa-maximize {
  --fa:"\f31e";
}
.fa-charging-station {
  --fa:"\f5e7";
}
.fa-shapes,
.fa-triangle-circle-square {
  --fa:"\f61f";
}
.fa-random,
.fa-shuffle {
  --fa:"\f074";
}
.fa-person-running,
.fa-running {
  --fa:"\f70c";
}
.fa-mobile-retro {
  --fa:"\e527";
}
.fa-grip-lines-vertical {
  --fa:"\f7a5";
}
.fa-spider {
  --fa:"\f717";
}
.fa-hands-bound {
  --fa:"\e4f9";
}
.fa-file-invoice-dollar {
  --fa:"\f571";
}
.fa-plane-circle-exclamation {
  --fa:"\e556";
}
.fa-x-ray {
  --fa:"\f497";
}
.fa-spell-check {
  --fa:"\f891";
}
.fa-slash {
  --fa:"\f715";
}
.fa-computer-mouse,
.fa-mouse {
  --fa:"\f8cc";
}
.fa-arrow-right-to-bracket,
.fa-sign-in {
  --fa:"\f090";
}
.fa-shop-slash,
.fa-store-alt-slash {
  --fa:"\e070";
}
.fa-server {
  --fa:"\f233";
}
.fa-virus-covid-slash {
  --fa:"\e4a9";
}
.fa-shop-lock {
  --fa:"\e4a5";
}
.fa-hourglass-1,
.fa-hourglass-start {
  --fa:"\f251";
}
.fa-blender-phone {
  --fa:"\f6b6";
}
.fa-building-wheat {
  --fa:"\e4db";
}
.fa-person-breastfeeding {
  --fa:"\e53a";
}
.fa-right-to-bracket,
.fa-sign-in-alt {
  --fa:"\f2f6";
}
.fa-venus {
  --fa:"\f221";
}
.fa-passport {
  --fa:"\f5ab";
}
.fa-thumb-tack-slash,
.fa-thumbtack-slash {
  --fa:"\e68f";
}
.fa-heart-pulse,
.fa-heartbeat {
  --fa:"\f21e";
}
.fa-people-carry,
.fa-people-carry-box {
  --fa:"\f4ce";
}
.fa-temperature-high {
  --fa:"\f769";
}
.fa-microchip {
  --fa:"\f2db";
}
.fa-crown {
  --fa:"\f521";
}
.fa-weight-hanging {
  --fa:"\f5cd";
}
.fa-xmarks-lines {
  --fa:"\e59a";
}
.fa-file-prescription {
  --fa:"\f572";
}
.fa-weight,
.fa-weight-scale {
  --fa:"\f496";
}
.fa-user-friends,
.fa-user-group {
  --fa:"\f500";
}
.fa-arrow-up-a-z,
.fa-sort-alpha-up {
  --fa:"\f15e";
}
.fa-chess-knight {
  --fa:"\f441";
}
.fa-face-laugh-squint,
.fa-laugh-squint {
  --fa:"\f59b";
}
.fa-wheelchair {
  --fa:"\f193";
}
.fa-arrow-circle-up,
.fa-circle-arrow-up {
  --fa:"\f0aa";
}
.fa-toggle-on {
  --fa:"\f205";
}
.fa-person-walking,
.fa-walking {
  --fa:"\f554";
}
.fa-l {
  --fa:"L";
}
.fa-fire {
  --fa:"\f06d";
}
.fa-bed-pulse,
.fa-procedures {
  --fa:"\f487";
}
.fa-shuttle-space,
.fa-space-shuttle {
  --fa:"\f197";
}
.fa-face-laugh,
.fa-laugh {
  --fa:"\f599";
}
.fa-folder-open {
  --fa:"\f07c";
}
.fa-heart-circle-plus {
  --fa:"\e500";
}
.fa-code-fork {
  --fa:"\e13b";
}
.fa-city {
  --fa:"\f64f";
}
.fa-microphone-alt,
.fa-microphone-lines {
  --fa:"\f3c9";
}
.fa-pepper-hot {
  --fa:"\f816";
}
.fa-unlock {
  --fa:"\f09c";
}
.fa-colon-sign {
  --fa:"\e140";
}
.fa-headset {
  --fa:"\f590";
}
.fa-store-slash {
  --fa:"\e071";
}
.fa-road-circle-xmark {
  --fa:"\e566";
}
.fa-user-minus {
  --fa:"\f503";
}
.fa-mars-stroke-up,
.fa-mars-stroke-v {
  --fa:"\f22a";
}
.fa-champagne-glasses,
.fa-glass-cheers {
  --fa:"\f79f";
}
.fa-clipboard {
  --fa:"\f328";
}
.fa-house-circle-exclamation {
  --fa:"\e50a";
}
.fa-file-arrow-up,
.fa-file-upload {
  --fa:"\f574";
}
.fa-wifi,
.fa-wifi-3,
.fa-wifi-strong {
  --fa:"\f1eb";
}
.fa-bath,
.fa-bathtub {
  --fa:"\f2cd";
}
.fa-underline {
  --fa:"\f0cd";
}
.fa-user-edit,
.fa-user-pen {
  --fa:"\f4ff";
}
.fa-signature {
  --fa:"\f5b7";
}
.fa-stroopwafel {
  --fa:"\f551";
}
.fa-bold {
  --fa:"\f032";
}
.fa-anchor-lock {
  --fa:"\e4ad";
}
.fa-building-ngo {
  --fa:"\e4d7";
}
.fa-manat-sign {
  --fa:"\e1d5";
}
.fa-not-equal {
  --fa:"\f53e";
}
.fa-border-style,
.fa-border-top-left {
  --fa:"\f853";
}
.fa-map-location-dot,
.fa-map-marked-alt {
  --fa:"\f5a0";
}
.fa-jedi {
  --fa:"\f669";
}
.fa-poll,
.fa-square-poll-vertical {
  --fa:"\f681";
}
.fa-mug-hot {
  --fa:"\f7b6";
}
.fa-battery-car,
.fa-car-battery {
  --fa:"\f5df";
}
.fa-gift {
  --fa:"\f06b";
}
.fa-dice-two {
  --fa:"\f528";
}
.fa-chess-queen {
  --fa:"\f445";
}
.fa-glasses {
  --fa:"\f530";
}
.fa-chess-board {
  --fa:"\f43c";
}
.fa-building-circle-check {
  --fa:"\e4d2";
}
.fa-person-chalkboard {
  --fa:"\e53d";
}
.fa-mars-stroke-h,
.fa-mars-stroke-right {
  --fa:"\f22b";
}
.fa-hand-back-fist,
.fa-hand-rock {
  --fa:"\f255";
}
.fa-caret-square-up,
.fa-square-caret-up {
  --fa:"\f151";
}
.fa-cloud-showers-water {
  --fa:"\e4e4";
}
.fa-bar-chart,
.fa-chart-bar {
  --fa:"\f080";
}
.fa-hands-bubbles,
.fa-hands-wash {
  --fa:"\e05e";
}
.fa-less-than-equal {
  --fa:"\f537";
}
.fa-train {
  --fa:"\f238";
}
.fa-eye-low-vision,
.fa-low-vision {
  --fa:"\f2a8";
}
.fa-crow {
  --fa:"\f520";
}
.fa-sailboat {
  --fa:"\e445";
}
.fa-window-restore {
  --fa:"\f2d2";
}
.fa-plus-square,
.fa-square-plus {
  --fa:"\f0fe";
}
.fa-torii-gate {
  --fa:"\f6a1";
}
.fa-frog {
  --fa:"\f52e";
}
.fa-bucket {
  --fa:"\e4cf";
}
.fa-image {
  --fa:"\f03e";
}
.fa-microphone {
  --fa:"\f130";
}
.fa-cow {
  --fa:"\f6c8";
}
.fa-caret-up {
  --fa:"\f0d8";
}
.fa-screwdriver {
  --fa:"\f54a";
}
.fa-folder-closed {
  --fa:"\e185";
}
.fa-house-tsunami {
  --fa:"\e515";
}
.fa-square-nfi {
  --fa:"\e576";
}
.fa-arrow-up-from-ground-water {
  --fa:"\e4b5";
}
.fa-glass-martini-alt,
.fa-martini-glass {
  --fa:"\f57b";
}
.fa-square-binary {
  --fa:"\e69b";
}
.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
  --fa:"\f2ea";
}
.fa-columns,
.fa-table-columns {
  --fa:"\f0db";
}
.fa-lemon {
  --fa:"\f094";
}
.fa-head-side-mask {
  --fa:"\e063";
}
.fa-handshake {
  --fa:"\f2b5";
}
.fa-gem {
  --fa:"\f3a5";
}
.fa-dolly,
.fa-dolly-box {
  --fa:"\f472";
}
.fa-smoking {
  --fa:"\f48d";
}
.fa-compress-arrows-alt,
.fa-minimize {
  --fa:"\f78c";
}
.fa-monument {
  --fa:"\f5a6";
}
.fa-snowplow {
  --fa:"\f7d2";
}
.fa-angle-double-right,
.fa-angles-right {
  --fa:"\f101";
}
.fa-cannabis {
  --fa:"\f55f";
}
.fa-circle-play,
.fa-play-circle {
  --fa:"\f144";
}
.fa-tablets {
  --fa:"\f490";
}
.fa-ethernet {
  --fa:"\f796";
}
.fa-eur,
.fa-euro,
.fa-euro-sign {
  --fa:"\f153";
}
.fa-chair {
  --fa:"\f6c0";
}
.fa-check-circle,
.fa-circle-check {
  --fa:"\f058";
}
.fa-circle-stop,
.fa-stop-circle {
  --fa:"\f28d";
}
.fa-compass-drafting,
.fa-drafting-compass {
  --fa:"\f568";
}
.fa-plate-wheat {
  --fa:"\e55a";
}
.fa-icicles {
  --fa:"\f7ad";
}
.fa-person-shelter {
  --fa:"\e54f";
}
.fa-neuter {
  --fa:"\f22c";
}
.fa-id-badge {
  --fa:"\f2c1";
}
.fa-marker {
  --fa:"\f5a1";
}
.fa-face-laugh-beam,
.fa-laugh-beam {
  --fa:"\f59a";
}
.fa-helicopter-symbol {
  --fa:"\e502";
}
.fa-universal-access {
  --fa:"\f29a";
}
.fa-chevron-circle-up,
.fa-circle-chevron-up {
  --fa:"\f139";
}
.fa-lari-sign {
  --fa:"\e1c8";
}
.fa-volcano {
  --fa:"\f770";
}
.fa-person-walking-dashed-line-arrow-right {
  --fa:"\e553";
}
.fa-gbp,
.fa-pound-sign,
.fa-sterling-sign {
  --fa:"\f154";
}
.fa-viruses {
  --fa:"\e076";
}
.fa-square-person-confined {
  --fa:"\e577";
}
.fa-user-tie {
  --fa:"\f508";
}
.fa-arrow-down-long,
.fa-long-arrow-down {
  --fa:"\f175";
}
.fa-tent-arrow-down-to-line {
  --fa:"\e57e";
}
.fa-certificate {
  --fa:"\f0a3";
}
.fa-mail-reply-all,
.fa-reply-all {
  --fa:"\f122";
}
.fa-suitcase {
  --fa:"\f0f2";
}
.fa-person-skating,
.fa-skating {
  --fa:"\f7c5";
}
.fa-filter-circle-dollar,
.fa-funnel-dollar {
  --fa:"\f662";
}
.fa-camera-retro {
  --fa:"\f083";
}
.fa-arrow-circle-down,
.fa-circle-arrow-down {
  --fa:"\f0ab";
}
.fa-arrow-right-to-file,
.fa-file-import {
  --fa:"\f56f";
}
.fa-external-link-square,
.fa-square-arrow-up-right {
  --fa:"\f14c";
}
.fa-box-open {
  --fa:"\f49e";
}
.fa-scroll {
  --fa:"\f70e";
}
.fa-spa {
  --fa:"\f5bb";
}
.fa-location-pin-lock {
  --fa:"\e51f";
}
.fa-pause {
  --fa:"\f04c";
}
.fa-hill-avalanche {
  --fa:"\e507";
}
.fa-temperature-0,
.fa-temperature-empty,
.fa-thermometer-0,
.fa-thermometer-empty {
  --fa:"\f2cb";
}
.fa-bomb {
  --fa:"\f1e2";
}
.fa-registered {
  --fa:"\f25d";
}
.fa-address-card,
.fa-contact-card,
.fa-vcard {
  --fa:"\f2bb";
}
.fa-balance-scale-right,
.fa-scale-unbalanced-flip {
  --fa:"\f516";
}
.fa-subscript {
  --fa:"\f12c";
}
.fa-diamond-turn-right,
.fa-directions {
  --fa:"\f5eb";
}
.fa-burst {
  --fa:"\e4dc";
}
.fa-house-laptop,
.fa-laptop-house {
  --fa:"\e066";
}
.fa-face-tired,
.fa-tired {
  --fa:"\f5c8";
}
.fa-money-bills {
  --fa:"\e1f3";
}
.fa-smog {
  --fa:"\f75f";
}
.fa-crutch {
  --fa:"\f7f7";
}
.fa-cloud-arrow-up,
.fa-cloud-upload,
.fa-cloud-upload-alt {
  --fa:"\f0ee";
}
.fa-palette {
  --fa:"\f53f";
}
.fa-arrows-turn-right {
  --fa:"\e4c0";
}
.fa-vest {
  --fa:"\e085";
}
.fa-ferry {
  --fa:"\e4ea";
}
.fa-arrows-down-to-people {
  --fa:"\e4b9";
}
.fa-seedling,
.fa-sprout {
  --fa:"\f4d8";
}
.fa-arrows-alt-h,
.fa-left-right {
  --fa:"\f337";
}
.fa-boxes-packing {
  --fa:"\e4c7";
}
.fa-arrow-circle-left,
.fa-circle-arrow-left {
  --fa:"\f0a8";
}
.fa-group-arrows-rotate {
  --fa:"\e4f6";
}
.fa-bowl-food {
  --fa:"\e4c6";
}
.fa-candy-cane {
  --fa:"\f786";
}
.fa-arrow-down-wide-short,
.fa-sort-amount-asc,
.fa-sort-amount-down {
  --fa:"\f160";
}
.fa-cloud-bolt,
.fa-thunderstorm {
  --fa:"\f76c";
}
.fa-remove-format,
.fa-text-slash {
  --fa:"\f87d";
}
.fa-face-smile-wink,
.fa-smile-wink {
  --fa:"\f4da";
}
.fa-file-word {
  --fa:"\f1c2";
}
.fa-file-powerpoint {
  --fa:"\f1c4";
}
.fa-arrows-h,
.fa-arrows-left-right {
  --fa:"\f07e";
}
.fa-house-lock {
  --fa:"\e510";
}
.fa-cloud-arrow-down,
.fa-cloud-download,
.fa-cloud-download-alt {
  --fa:"\f0ed";
}
.fa-children {
  --fa:"\e4e1";
}
.fa-blackboard,
.fa-chalkboard {
  --fa:"\f51b";
}
.fa-user-alt-slash,
.fa-user-large-slash {
  --fa:"\f4fa";
}
.fa-envelope-open {
  --fa:"\f2b6";
}
.fa-handshake-alt-slash,
.fa-handshake-simple-slash {
  --fa:"\e05f";
}
.fa-mattress-pillow {
  --fa:"\e525";
}
.fa-guarani-sign {
  --fa:"\e19a";
}
.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
  --fa:"\f021";
}
.fa-fire-extinguisher {
  --fa:"\f134";
}
.fa-cruzeiro-sign {
  --fa:"\e152";
}
.fa-greater-than-equal {
  --fa:"\f532";
}
.fa-shield-alt,
.fa-shield-halved {
  --fa:"\f3ed";
}
.fa-atlas,
.fa-book-atlas {
  --fa:"\f558";
}
.fa-virus {
  --fa:"\e074";
}
.fa-envelope-circle-check {
  --fa:"\e4e8";
}
.fa-layer-group {
  --fa:"\f5fd";
}
.fa-arrows-to-dot {
  --fa:"\e4be";
}
.fa-archway {
  --fa:"\f557";
}
.fa-heart-circle-check {
  --fa:"\e4fd";
}
.fa-house-chimney-crack,
.fa-house-damage {
  --fa:"\f6f1";
}
.fa-file-archive,
.fa-file-zipper {
  --fa:"\f1c6";
}
.fa-square {
  --fa:"\f0c8";
}
.fa-glass-martini,
.fa-martini-glass-empty {
  --fa:"\f000";
}
.fa-couch {
  --fa:"\f4b8";
}
.fa-cedi-sign {
  --fa:"\e0df";
}
.fa-italic {
  --fa:"\f033";
}
.fa-table-cells-column-lock {
  --fa:"\e678";
}
.fa-church {
  --fa:"\f51d";
}
.fa-comments-dollar {
  --fa:"\f653";
}
.fa-democrat {
  --fa:"\f747";
}
.fa-z {
  --fa:"Z";
}
.fa-person-skiing,
.fa-skiing {
  --fa:"\f7c9";
}
.fa-road-lock {
  --fa:"\e567";
}
.fa-a {
  --fa:"A";
}
.fa-temperature-arrow-down,
.fa-temperature-down {
  --fa:"\e03f";
}
.fa-feather-alt,
.fa-feather-pointed {
  --fa:"\f56b";
}
.fa-p {
  --fa:"P";
}
.fa-snowflake {
  --fa:"\f2dc";
}
.fa-newspaper {
  --fa:"\f1ea";
}
.fa-ad,
.fa-rectangle-ad {
  --fa:"\f641";
}
.fa-arrow-circle-right,
.fa-circle-arrow-right {
  --fa:"\f0a9";
}
.fa-filter-circle-xmark {
  --fa:"\e17b";
}
.fa-locust {
  --fa:"\e520";
}
.fa-sort,
.fa-unsorted {
  --fa:"\f0dc";
}
.fa-list-1-2,
.fa-list-numeric,
.fa-list-ol {
  --fa:"\f0cb";
}
.fa-person-dress-burst {
  --fa:"\e544";
}
.fa-money-check-alt,
.fa-money-check-dollar {
  --fa:"\f53d";
}
.fa-vector-square {
  --fa:"\f5cb";
}
.fa-bread-slice {
  --fa:"\f7ec";
}
.fa-language {
  --fa:"\f1ab";
}
.fa-face-kiss-wink-heart,
.fa-kiss-wink-heart {
  --fa:"\f598";
}
.fa-filter {
  --fa:"\f0b0";
}
.fa-question {
  --fa:"?";
}
.fa-file-signature {
  --fa:"\f573";
}
.fa-arrows-alt,
.fa-up-down-left-right {
  --fa:"\f0b2";
}
.fa-house-chimney-user {
  --fa:"\e065";
}
.fa-hand-holding-heart {
  --fa:"\f4be";
}
.fa-puzzle-piece {
  --fa:"\f12e";
}
.fa-money-check {
  --fa:"\f53c";
}
.fa-star-half-alt,
.fa-star-half-stroke {
  --fa:"\f5c0";
}
.fa-code {
  --fa:"\f121";
}
.fa-glass-whiskey,
.fa-whiskey-glass {
  --fa:"\f7a0";
}
.fa-building-circle-exclamation {
  --fa:"\e4d3";
}
.fa-magnifying-glass-chart {
  --fa:"\e522";
}
.fa-arrow-up-right-from-square,
.fa-external-link {
  --fa:"\f08e";
}
.fa-cubes-stacked {
  --fa:"\e4e6";
}
.fa-krw,
.fa-won,
.fa-won-sign {
  --fa:"\f159";
}
.fa-virus-covid {
  --fa:"\e4a8";
}
.fa-austral-sign {
  --fa:"\e0a9";
}
.fa-f {
  --fa:"F";
}
.fa-leaf {
  --fa:"\f06c";
}
.fa-road {
  --fa:"\f018";
}
.fa-cab,
.fa-taxi {
  --fa:"\f1ba";
}
.fa-person-circle-plus {
  --fa:"\e541";
}
.fa-chart-pie,
.fa-pie-chart {
  --fa:"\f200";
}
.fa-bolt-lightning {
  --fa:"\e0b7";
}
.fa-sack-xmark {
  --fa:"\e56a";
}
.fa-file-excel {
  --fa:"\f1c3";
}
.fa-file-contract {
  --fa:"\f56c";
}
.fa-fish-fins {
  --fa:"\e4f2";
}
.fa-building-flag {
  --fa:"\e4d5";
}
.fa-face-grin-beam,
.fa-grin-beam {
  --fa:"\f582";
}
.fa-object-ungroup {
  --fa:"\f248";
}
.fa-poop {
  --fa:"\f619";
}
.fa-location-pin,
.fa-map-marker {
  --fa:"\f041";
}
.fa-kaaba {
  --fa:"\f66b";
}
.fa-toilet-paper {
  --fa:"\f71e";
}
.fa-hard-hat,
.fa-hat-hard,
.fa-helmet-safety {
  --fa:"\f807";
}
.fa-eject {
  --fa:"\f052";
}
.fa-arrow-alt-circle-right,
.fa-circle-right {
  --fa:"\f35a";
}
.fa-plane-circle-check {
  --fa:"\e555";
}
.fa-face-rolling-eyes,
.fa-meh-rolling-eyes {
  --fa:"\f5a5";
}
.fa-object-group {
  --fa:"\f247";
}
.fa-chart-line,
.fa-line-chart {
  --fa:"\f201";
}
.fa-mask-ventilator {
  --fa:"\e524";
}
.fa-arrow-right {
  --fa:"\f061";
}
.fa-map-signs,
.fa-signs-post {
  --fa:"\f277";
}
.fa-cash-register {
  --fa:"\f788";
}
.fa-person-circle-question {
  --fa:"\e542";
}
.fa-h {
  --fa:"H";
}
.fa-tarp {
  --fa:"\e57b";
}
.fa-screwdriver-wrench,
.fa-tools {
  --fa:"\f7d9";
}
.fa-arrows-to-eye {
  --fa:"\e4bf";
}
.fa-plug-circle-bolt {
  --fa:"\e55b";
}
.fa-heart {
  --fa:"\f004";
}
.fa-mars-and-venus {
  --fa:"\f224";
}
.fa-home-user,
.fa-house-user {
  --fa:"\e1b0";
}
.fa-dumpster-fire {
  --fa:"\f794";
}
.fa-house-crack {
  --fa:"\e3b1";
}
.fa-cocktail,
.fa-martini-glass-citrus {
  --fa:"\f561";
}
.fa-face-surprise,
.fa-surprise {
  --fa:"\f5c2";
}
.fa-bottle-water {
  --fa:"\e4c5";
}
.fa-circle-pause,
.fa-pause-circle {
  --fa:"\f28b";
}
.fa-toilet-paper-slash {
  --fa:"\e072";
}
.fa-apple-alt,
.fa-apple-whole {
  --fa:"\f5d1";
}
.fa-kitchen-set {
  --fa:"\e51a";
}
.fa-r {
  --fa:"R";
}
.fa-temperature-1,
.fa-temperature-quarter,
.fa-thermometer-1,
.fa-thermometer-quarter {
  --fa:"\f2ca";
}
.fa-cube {
  --fa:"\f1b2";
}
.fa-bitcoin-sign {
  --fa:"\e0b4";
}
.fa-shield-dog {
  --fa:"\e573";
}
.fa-solar-panel {
  --fa:"\f5ba";
}
.fa-lock-open {
  --fa:"\f3c1";
}
.fa-elevator {
  --fa:"\e16d";
}
.fa-money-bill-transfer {
  --fa:"\e528";
}
.fa-money-bill-trend-up {
  --fa:"\e529";
}
.fa-house-flood-water-circle-arrow-right {
  --fa:"\e50f";
}
.fa-poll-h,
.fa-square-poll-horizontal {
  --fa:"\f682";
}
.fa-circle {
  --fa:"\f111";
}
.fa-backward-fast,
.fa-fast-backward {
  --fa:"\f049";
}
.fa-recycle {
  --fa:"\f1b8";
}
.fa-user-astronaut {
  --fa:"\f4fb";
}
.fa-plane-slash {
  --fa:"\e069";
}
.fa-trademark {
  --fa:"\f25c";
}
.fa-basketball,
.fa-basketball-ball {
  --fa:"\f434";
}
.fa-satellite-dish {
  --fa:"\f7c0";
}
.fa-arrow-alt-circle-up,
.fa-circle-up {
  --fa:"\f35b";
}
.fa-mobile-alt,
.fa-mobile-screen-button {
  --fa:"\f3cd";
}
.fa-volume-high,
.fa-volume-up {
  --fa:"\f028";
}
.fa-users-rays {
  --fa:"\e593";
}
.fa-wallet {
  --fa:"\f555";
}
.fa-clipboard-check {
  --fa:"\f46c";
}
.fa-file-audio {
  --fa:"\f1c7";
}
.fa-burger,
.fa-hamburger {
  --fa:"\f805";
}
.fa-wrench {
  --fa:"\f0ad";
}
.fa-bugs {
  --fa:"\e4d0";
}
.fa-rupee,
.fa-rupee-sign {
  --fa:"\f156";
}
.fa-file-image {
  --fa:"\f1c5";
}
.fa-circle-question,
.fa-question-circle {
  --fa:"\f059";
}
.fa-plane-departure {
  --fa:"\f5b0";
}
.fa-handshake-slash {
  --fa:"\e060";
}
.fa-book-bookmark {
  --fa:"\e0bb";
}
.fa-code-branch {
  --fa:"\f126";
}
.fa-hat-cowboy {
  --fa:"\f8c0";
}
.fa-bridge {
  --fa:"\e4c8";
}
.fa-phone-alt,
.fa-phone-flip {
  --fa:"\f879";
}
.fa-truck-front {
  --fa:"\e2b7";
}
.fa-cat {
  --fa:"\f6be";
}
.fa-anchor-circle-exclamation {
  --fa:"\e4ab";
}
.fa-truck-field {
  --fa:"\e58d";
}
.fa-route {
  --fa:"\f4d7";
}
.fa-clipboard-question {
  --fa:"\e4e3";
}
.fa-panorama {
  --fa:"\e209";
}
.fa-comment-medical {
  --fa:"\f7f5";
}
.fa-teeth-open {
  --fa:"\f62f";
}
.fa-file-circle-minus {
  --fa:"\e4ed";
}
.fa-tags {
  --fa:"\f02c";
}
.fa-wine-glass {
  --fa:"\f4e3";
}
.fa-fast-forward,
.fa-forward-fast {
  --fa:"\f050";
}
.fa-face-meh-blank,
.fa-meh-blank {
  --fa:"\f5a4";
}
.fa-parking,
.fa-square-parking {
  --fa:"\f540";
}
.fa-house-signal {
  --fa:"\e012";
}
.fa-bars-progress,
.fa-tasks-alt {
  --fa:"\f828";
}
.fa-faucet-drip {
  --fa:"\e006";
}
.fa-cart-flatbed,
.fa-dolly-flatbed {
  --fa:"\f474";
}
.fa-ban-smoking,
.fa-smoking-ban {
  --fa:"\f54d";
}
.fa-terminal {
  --fa:"\f120";
}
.fa-mobile-button {
  --fa:"\f10b";
}
.fa-house-medical-flag {
  --fa:"\e514";
}
.fa-basket-shopping,
.fa-shopping-basket {
  --fa:"\f291";
}
.fa-tape {
  --fa:"\f4db";
}
.fa-bus-alt,
.fa-bus-simple {
  --fa:"\f55e";
}
.fa-eye {
  --fa:"\f06e";
}
.fa-face-sad-cry,
.fa-sad-cry {
  --fa:"\f5b3";
}
.fa-audio-description {
  --fa:"\f29e";
}
.fa-person-military-to-person {
  --fa:"\e54c";
}
.fa-file-shield {
  --fa:"\e4f0";
}
.fa-user-slash {
  --fa:"\f506";
}
.fa-pen {
  --fa:"\f304";
}
.fa-tower-observation {
  --fa:"\e586";
}
.fa-file-code {
  --fa:"\f1c9";
}
.fa-signal,
.fa-signal-5,
.fa-signal-perfect {
  --fa:"\f012";
}
.fa-bus {
  --fa:"\f207";
}
.fa-heart-circle-xmark {
  --fa:"\e501";
}
.fa-home-lg,
.fa-house-chimney {
  --fa:"\e3af";
}
.fa-window-maximize {
  --fa:"\f2d0";
}
.fa-face-frown,
.fa-frown {
  --fa:"\f119";
}
.fa-prescription {
  --fa:"\f5b1";
}
.fa-shop,
.fa-store-alt {
  --fa:"\f54f";
}
.fa-floppy-disk,
.fa-save {
  --fa:"\f0c7";
}
.fa-vihara {
  --fa:"\f6a7";
}
.fa-balance-scale-left,
.fa-scale-unbalanced {
  --fa:"\f515";
}
.fa-sort-asc,
.fa-sort-up {
  --fa:"\f0de";
}
.fa-comment-dots,
.fa-commenting {
  --fa:"\f4ad";
}
.fa-plant-wilt {
  --fa:"\e5aa";
}
.fa-diamond {
  --fa:"\f219";
}
.fa-face-grin-squint,
.fa-grin-squint {
  --fa:"\f585";
}
.fa-hand-holding-dollar,
.fa-hand-holding-usd {
  --fa:"\f4c0";
}
.fa-chart-diagram {
  --fa:"\e695";
}
.fa-bacterium {
  --fa:"\e05a";
}
.fa-hand-pointer {
  --fa:"\f25a";
}
.fa-drum-steelpan {
  --fa:"\f56a";
}
.fa-hand-scissors {
  --fa:"\f257";
}
.fa-hands-praying,
.fa-praying-hands {
  --fa:"\f684";
}
.fa-arrow-right-rotate,
.fa-arrow-rotate-forward,
.fa-arrow-rotate-right,
.fa-redo {
  --fa:"\f01e";
}
.fa-biohazard {
  --fa:"\f780";
}
.fa-location,
.fa-location-crosshairs {
  --fa:"\f601";
}
.fa-mars-double {
  --fa:"\f227";
}
.fa-child-dress {
  --fa:"\e59c";
}
.fa-users-between-lines {
  --fa:"\e591";
}
.fa-lungs-virus {
  --fa:"\e067";
}
.fa-face-grin-tears,
.fa-grin-tears {
  --fa:"\f588";
}
.fa-phone {
  --fa:"\f095";
}
.fa-calendar-times,
.fa-calendar-xmark {
  --fa:"\f273";
}
.fa-child-reaching {
  --fa:"\e59d";
}
.fa-head-side-virus {
  --fa:"\e064";
}
.fa-user-cog,
.fa-user-gear {
  --fa:"\f4fe";
}
.fa-arrow-up-1-9,
.fa-sort-numeric-up {
  --fa:"\f163";
}
.fa-door-closed {
  --fa:"\f52a";
}
.fa-shield-virus {
  --fa:"\e06c";
}
.fa-dice-six {
  --fa:"\f526";
}
.fa-mosquito-net {
  --fa:"\e52c";
}
.fa-file-fragment {
  --fa:"\e697";
}
.fa-bridge-water {
  --fa:"\e4ce";
}
.fa-person-booth {
  --fa:"\f756";
}
.fa-text-width {
  --fa:"\f035";
}
.fa-hat-wizard {
  --fa:"\f6e8";
}
.fa-pen-fancy {
  --fa:"\f5ac";
}
.fa-digging,
.fa-person-digging {
  --fa:"\f85e";
}
.fa-trash {
  --fa:"\f1f8";
}
.fa-gauge-simple,
.fa-gauge-simple-med,
.fa-tachometer-average {
  --fa:"\f629";
}
.fa-book-medical {
  --fa:"\f7e6";
}
.fa-poo {
  --fa:"\f2fe";
}
.fa-quote-right,
.fa-quote-right-alt {
  --fa:"\f10e";
}
.fa-shirt,
.fa-t-shirt,
.fa-tshirt {
  --fa:"\f553";
}
.fa-cubes {
  --fa:"\f1b3";
}
.fa-divide {
  --fa:"\f529";
}
.fa-tenge,
.fa-tenge-sign {
  --fa:"\f7d7";
}
.fa-headphones {
  --fa:"\f025";
}
.fa-hands-holding {
  --fa:"\f4c2";
}
.fa-hands-clapping {
  --fa:"\e1a8";
}
.fa-republican {
  --fa:"\f75e";
}
.fa-arrow-left {
  --fa:"\f060";
}
.fa-person-circle-xmark {
  --fa:"\e543";
}
.fa-ruler {
  --fa:"\f545";
}
.fa-align-left {
  --fa:"\f036";
}
.fa-dice-d6 {
  --fa:"\f6d1";
}
.fa-restroom {
  --fa:"\f7bd";
}
.fa-j {
  --fa:"J";
}
.fa-users-viewfinder {
  --fa:"\e595";
}
.fa-file-video {
  --fa:"\f1c8";
}
.fa-external-link-alt,
.fa-up-right-from-square {
  --fa:"\f35d";
}
.fa-table-cells,
.fa-th {
  --fa:"\f00a";
}
.fa-file-pdf {
  --fa:"\f1c1";
}
.fa-bible,
.fa-book-bible {
  --fa:"\f647";
}
.fa-o {
  --fa:"O";
}
.fa-medkit,
.fa-suitcase-medical {
  --fa:"\f0fa";
}
.fa-user-secret {
  --fa:"\f21b";
}
.fa-otter {
  --fa:"\f700";
}
.fa-female,
.fa-person-dress {
  --fa:"\f182";
}
.fa-comment-dollar {
  --fa:"\f651";
}
.fa-briefcase-clock,
.fa-business-time {
  --fa:"\f64a";
}
.fa-table-cells-large,
.fa-th-large {
  --fa:"\f009";
}
.fa-book-tanakh,
.fa-tanakh {
  --fa:"\f827";
}
.fa-phone-volume,
.fa-volume-control-phone {
  --fa:"\f2a0";
}
.fa-hat-cowboy-side {
  --fa:"\f8c1";
}
.fa-clipboard-user {
  --fa:"\f7f3";
}
.fa-child {
  --fa:"\f1ae";
}
.fa-lira-sign {
  --fa:"\f195";
}
.fa-satellite {
  --fa:"\f7bf";
}
.fa-plane-lock {
  --fa:"\e558";
}
.fa-tag {
  --fa:"\f02b";
}
.fa-comment {
  --fa:"\f075";
}
.fa-birthday-cake,
.fa-cake,
.fa-cake-candles {
  --fa:"\f1fd";
}
.fa-envelope {
  --fa:"\f0e0";
}
.fa-angle-double-up,
.fa-angles-up {
  --fa:"\f102";
}
.fa-paperclip {
  --fa:"\f0c6";
}
.fa-arrow-right-to-city {
  --fa:"\e4b3";
}
.fa-ribbon {
  --fa:"\f4d6";
}
.fa-lungs {
  --fa:"\f604";
}
.fa-arrow-up-9-1,
.fa-sort-numeric-up-alt {
  --fa:"\f887";
}
.fa-litecoin-sign {
  --fa:"\e1d3";
}
.fa-border-none {
  --fa:"\f850";
}
.fa-circle-nodes {
  --fa:"\e4e2";
}
.fa-parachute-box {
  --fa:"\f4cd";
}
.fa-indent {
  --fa:"\f03c";
}
.fa-truck-field-un {
  --fa:"\e58e";
}
.fa-hourglass,
.fa-hourglass-empty {
  --fa:"\f254";
}
.fa-mountain {
  --fa:"\f6fc";
}
.fa-user-doctor,
.fa-user-md {
  --fa:"\f0f0";
}
.fa-circle-info,
.fa-info-circle {
  --fa:"\f05a";
}
.fa-cloud-meatball {
  --fa:"\f73b";
}
.fa-camera,
.fa-camera-alt {
  --fa:"\f030";
}
.fa-square-virus {
  --fa:"\e578";
}
.fa-meteor {
  --fa:"\f753";
}
.fa-car-on {
  --fa:"\e4dd";
}
.fa-sleigh {
  --fa:"\f7cc";
}
.fa-arrow-down-1-9,
.fa-sort-numeric-asc,
.fa-sort-numeric-down {
  --fa:"\f162";
}
.fa-hand-holding-droplet,
.fa-hand-holding-water {
  --fa:"\f4c1";
}
.fa-water {
  --fa:"\f773";
}
.fa-calendar-check {
  --fa:"\f274";
}
.fa-braille {
  --fa:"\f2a1";
}
.fa-prescription-bottle-alt,
.fa-prescription-bottle-medical {
  --fa:"\f486";
}
.fa-landmark {
  --fa:"\f66f";
}
.fa-truck {
  --fa:"\f0d1";
}
.fa-crosshairs {
  --fa:"\f05b";
}
.fa-person-cane {
  --fa:"\e53c";
}
.fa-tent {
  --fa:"\e57d";
}
.fa-vest-patches {
  --fa:"\e086";
}
.fa-check-double {
  --fa:"\f560";
}
.fa-arrow-down-a-z,
.fa-sort-alpha-asc,
.fa-sort-alpha-down {
  --fa:"\f15d";
}
.fa-money-bill-wheat {
  --fa:"\e52a";
}
.fa-cookie {
  --fa:"\f563";
}
.fa-arrow-left-rotate,
.fa-arrow-rotate-back,
.fa-arrow-rotate-backward,
.fa-arrow-rotate-left,
.fa-undo {
  --fa:"\f0e2";
}
.fa-hard-drive,
.fa-hdd {
  --fa:"\f0a0";
}
.fa-face-grin-squint-tears,
.fa-grin-squint-tears {
  --fa:"\f586";
}
.fa-dumbbell {
  --fa:"\f44b";
}
.fa-list-alt,
.fa-rectangle-list {
  --fa:"\f022";
}
.fa-tarp-droplet {
  --fa:"\e57c";
}
.fa-house-medical-circle-check {
  --fa:"\e511";
}
.fa-person-skiing-nordic,
.fa-skiing-nordic {
  --fa:"\f7ca";
}
.fa-calendar-plus {
  --fa:"\f271";
}
.fa-plane-arrival {
  --fa:"\f5af";
}
.fa-arrow-alt-circle-left,
.fa-circle-left {
  --fa:"\f359";
}
.fa-subway,
.fa-train-subway {
  --fa:"\f239";
}
.fa-chart-gantt {
  --fa:"\e0e4";
}
.fa-indian-rupee,
.fa-indian-rupee-sign,
.fa-inr {
  --fa:"\e1bc";
}
.fa-crop-alt,
.fa-crop-simple {
  --fa:"\f565";
}
.fa-money-bill-1,
.fa-money-bill-alt {
  --fa:"\f3d1";
}
.fa-left-long,
.fa-long-arrow-alt-left {
  --fa:"\f30a";
}
.fa-dna {
  --fa:"\f471";
}
.fa-virus-slash {
  --fa:"\e075";
}
.fa-minus,
.fa-subtract {
  --fa:"\f068";
}
.fa-chess {
  --fa:"\f439";
}
.fa-arrow-left-long,
.fa-long-arrow-left {
  --fa:"\f177";
}
.fa-plug-circle-check {
  --fa:"\e55c";
}
.fa-street-view {
  --fa:"\f21d";
}
.fa-franc-sign {
  --fa:"\e18f";
}
.fa-volume-off {
  --fa:"\f026";
}
.fa-american-sign-language-interpreting,
.fa-asl-interpreting,
.fa-hands-american-sign-language-interpreting,
.fa-hands-asl-interpreting {
  --fa:"\f2a3";
}
.fa-cog,
.fa-gear {
  --fa:"\f013";
}
.fa-droplet-slash,
.fa-tint-slash {
  --fa:"\f5c7";
}
.fa-mosque {
  --fa:"\f678";
}
.fa-mosquito {
  --fa:"\e52b";
}
.fa-star-of-david {
  --fa:"\f69a";
}
.fa-person-military-rifle {
  --fa:"\e54b";
}
.fa-cart-shopping,
.fa-shopping-cart {
  --fa:"\f07a";
}
.fa-vials {
  --fa:"\f493";
}
.fa-plug-circle-plus {
  --fa:"\e55f";
}
.fa-place-of-worship {
  --fa:"\f67f";
}
.fa-grip-vertical {
  --fa:"\f58e";
}
.fa-hexagon-nodes {
  --fa:"\e699";
}
.fa-arrow-turn-up,
.fa-level-up {
  --fa:"\f148";
}
.fa-u {
  --fa:"U";
}
.fa-square-root-alt,
.fa-square-root-variable {
  --fa:"\f698";
}
.fa-clock,
.fa-clock-four {
  --fa:"\f017";
}
.fa-backward-step,
.fa-step-backward {
  --fa:"\f048";
}
.fa-pallet {
  --fa:"\f482";
}
.fa-faucet {
  --fa:"\e005";
}
.fa-baseball-bat-ball {
  --fa:"\f432";
}
.fa-s {
  --fa:"S";
}
.fa-timeline {
  --fa:"\e29c";
}
.fa-keyboard {
  --fa:"\f11c";
}
.fa-caret-down {
  --fa:"\f0d7";
}
.fa-clinic-medical,
.fa-house-chimney-medical {
  --fa:"\f7f2";
}
.fa-temperature-3,
.fa-temperature-three-quarters,
.fa-thermometer-3,
.fa-thermometer-three-quarters {
  --fa:"\f2c8";
}
.fa-mobile-android-alt,
.fa-mobile-screen {
  --fa:"\f3cf";
}
.fa-plane-up {
  --fa:"\e22d";
}
.fa-piggy-bank {
  --fa:"\f4d3";
}
.fa-battery-3,
.fa-battery-half {
  --fa:"\f242";
}
.fa-mountain-city {
  --fa:"\e52e";
}
.fa-coins {
  --fa:"\f51e";
}
.fa-khanda {
  --fa:"\f66d";
}
.fa-sliders,
.fa-sliders-h {
  --fa:"\f1de";
}
.fa-folder-tree {
  --fa:"\f802";
}
.fa-network-wired {
  --fa:"\f6ff";
}
.fa-map-pin {
  --fa:"\f276";
}
.fa-hamsa {
  --fa:"\f665";
}
.fa-cent-sign {
  --fa:"\e3f5";
}
.fa-flask {
  --fa:"\f0c3";
}
.fa-person-pregnant {
  --fa:"\e31e";
}
.fa-wand-sparkles {
  --fa:"\f72b";
}
.fa-ellipsis-v,
.fa-ellipsis-vertical {
  --fa:"\f142";
}
.fa-ticket {
  --fa:"\f145";
}
.fa-power-off {
  --fa:"\f011";
}
.fa-long-arrow-alt-right,
.fa-right-long {
  --fa:"\f30b";
}
.fa-flag-usa {
  --fa:"\f74d";
}
.fa-laptop-file {
  --fa:"\e51d";
}
.fa-teletype,
.fa-tty {
  --fa:"\f1e4";
}
.fa-diagram-next {
  --fa:"\e476";
}
.fa-person-rifle {
  --fa:"\e54e";
}
.fa-house-medical-circle-exclamation {
  --fa:"\e512";
}
.fa-closed-captioning {
  --fa:"\f20a";
}
.fa-hiking,
.fa-person-hiking {
  --fa:"\f6ec";
}
.fa-venus-double {
  --fa:"\f226";
}
.fa-images {
  --fa:"\f302";
}
.fa-calculator {
  --fa:"\f1ec";
}
.fa-people-pulling {
  --fa:"\e535";
}
.fa-n {
  --fa:"N";
}
.fa-cable-car,
.fa-tram {
  --fa:"\f7da";
}
.fa-cloud-rain {
  --fa:"\f73d";
}
.fa-building-circle-xmark {
  --fa:"\e4d4";
}
.fa-ship {
  --fa:"\f21a";
}
.fa-arrows-down-to-line {
  --fa:"\e4b8";
}
.fa-download {
  --fa:"\f019";
}
.fa-face-grin,
.fa-grin {
  --fa:"\f580";
}
.fa-backspace,
.fa-delete-left {
  --fa:"\f55a";
}
.fa-eye-dropper,
.fa-eye-dropper-empty,
.fa-eyedropper {
  --fa:"\f1fb";
}
.fa-file-circle-check {
  --fa:"\e5a0";
}
.fa-forward {
  --fa:"\f04e";
}
.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
  --fa:"\f3ce";
}
.fa-face-meh,
.fa-meh {
  --fa:"\f11a";
}
.fa-align-center {
  --fa:"\f037";
}
.fa-book-dead,
.fa-book-skull {
  --fa:"\f6b7";
}
.fa-drivers-license,
.fa-id-card {
  --fa:"\f2c2";
}
.fa-dedent,
.fa-outdent {
  --fa:"\f03b";
}
.fa-heart-circle-exclamation {
  --fa:"\e4fe";
}
.fa-home,
.fa-home-alt,
.fa-home-lg-alt,
.fa-house {
  --fa:"\f015";
}
.fa-calendar-week {
  --fa:"\f784";
}
.fa-laptop-medical {
  --fa:"\f812";
}
.fa-b {
  --fa:"B";
}
.fa-file-medical {
  --fa:"\f477";
}
.fa-dice-one {
  --fa:"\f525";
}
.fa-kiwi-bird {
  --fa:"\f535";
}
.fa-arrow-right-arrow-left,
.fa-exchange {
  --fa:"\f0ec";
}
.fa-redo-alt,
.fa-rotate-forward,
.fa-rotate-right {
  --fa:"\f2f9";
}
.fa-cutlery,
.fa-utensils {
  --fa:"\f2e7";
}
.fa-arrow-up-wide-short,
.fa-sort-amount-up {
  --fa:"\f161";
}
.fa-mill-sign {
  --fa:"\e1ed";
}
.fa-bowl-rice {
  --fa:"\e2eb";
}
.fa-skull {
  --fa:"\f54c";
}
.fa-broadcast-tower,
.fa-tower-broadcast {
  --fa:"\f519";
}
.fa-truck-pickup {
  --fa:"\f63c";
}
.fa-long-arrow-alt-up,
.fa-up-long {
  --fa:"\f30c";
}
.fa-stop {
  --fa:"\f04d";
}
.fa-code-merge {
  --fa:"\f387";
}
.fa-upload {
  --fa:"\f093";
}
.fa-hurricane {
  --fa:"\f751";
}
.fa-mound {
  --fa:"\e52d";
}
.fa-toilet-portable {
  --fa:"\e583";
}
.fa-compact-disc {
  --fa:"\f51f";
}
.fa-file-arrow-down,
.fa-file-download {
  --fa:"\f56d";
}
.fa-caravan {
  --fa:"\f8ff";
}
.fa-shield-cat {
  --fa:"\e572";
}
.fa-bolt,
.fa-zap {
  --fa:"\f0e7";
}
.fa-glass-water {
  --fa:"\e4f4";
}
.fa-oil-well {
  --fa:"\e532";
}
.fa-vault {
  --fa:"\e2c5";
}
.fa-mars {
  --fa:"\f222";
}
.fa-toilet {
  --fa:"\f7d8";
}
.fa-plane-circle-xmark {
  --fa:"\e557";
}
.fa-cny,
.fa-jpy,
.fa-rmb,
.fa-yen,
.fa-yen-sign {
  --fa:"\f157";
}
.fa-rouble,
.fa-rub,
.fa-ruble,
.fa-ruble-sign {
  --fa:"\f158";
}
.fa-sun {
  --fa:"\f185";
}
.fa-guitar {
  --fa:"\f7a6";
}
.fa-face-laugh-wink,
.fa-laugh-wink {
  --fa:"\f59c";
}
.fa-horse-head {
  --fa:"\f7ab";
}
.fa-bore-hole {
  --fa:"\e4c3";
}
.fa-industry {
  --fa:"\f275";
}
.fa-arrow-alt-circle-down,
.fa-circle-down {
  --fa:"\f358";
}
.fa-arrows-turn-to-dots {
  --fa:"\e4c1";
}
.fa-florin-sign {
  --fa:"\e184";
}
.fa-arrow-down-short-wide,
.fa-sort-amount-desc,
.fa-sort-amount-down-alt {
  --fa:"\f884";
}
.fa-less-than {
  --fa:"<";
}
.fa-angle-down {
  --fa:"\f107";
}
.fa-car-tunnel {
  --fa:"\e4de";
}
.fa-head-side-cough {
  --fa:"\e061";
}
.fa-grip-lines {
  --fa:"\f7a4";
}
.fa-thumbs-down {
  --fa:"\f165";
}
.fa-user-lock {
  --fa:"\f502";
}
.fa-arrow-right-long,
.fa-long-arrow-right {
  --fa:"\f178";
}
.fa-anchor-circle-xmark {
  --fa:"\e4ac";
}
.fa-ellipsis,
.fa-ellipsis-h {
  --fa:"\f141";
}
.fa-chess-pawn {
  --fa:"\f443";
}
.fa-first-aid,
.fa-kit-medical {
  --fa:"\f479";
}
.fa-person-through-window {
  --fa:"\e5a9";
}
.fa-toolbox {
  --fa:"\f552";
}
.fa-hands-holding-circle {
  --fa:"\e4fb";
}
.fa-bug {
  --fa:"\f188";
}
.fa-credit-card,
.fa-credit-card-alt {
  --fa:"\f09d";
}
.fa-automobile,
.fa-car {
  --fa:"\f1b9";
}
.fa-hand-holding-hand {
  --fa:"\e4f7";
}
.fa-book-open-reader,
.fa-book-reader {
  --fa:"\f5da";
}
.fa-mountain-sun {
  --fa:"\e52f";
}
.fa-arrows-left-right-to-line {
  --fa:"\e4ba";
}
.fa-dice-d20 {
  --fa:"\f6cf";
}
.fa-truck-droplet {
  --fa:"\e58c";
}
.fa-file-circle-xmark {
  --fa:"\e5a1";
}
.fa-temperature-arrow-up,
.fa-temperature-up {
  --fa:"\e040";
}
.fa-medal {
  --fa:"\f5a2";
}
.fa-bed {
  --fa:"\f236";
}
.fa-h-square,
.fa-square-h {
  --fa:"\f0fd";
}
.fa-podcast {
  --fa:"\f2ce";
}
.fa-temperature-4,
.fa-temperature-full,
.fa-thermometer-4,
.fa-thermometer-full {
  --fa:"\f2c7";
}
.fa-bell {
  --fa:"\f0f3";
}
.fa-superscript {
  --fa:"\f12b";
}
.fa-plug-circle-xmark {
  --fa:"\e560";
}
.fa-star-of-life {
  --fa:"\f621";
}
.fa-phone-slash {
  --fa:"\f3dd";
}
.fa-paint-roller {
  --fa:"\f5aa";
}
.fa-hands-helping,
.fa-handshake-angle {
  --fa:"\f4c4";
}
.fa-location-dot,
.fa-map-marker-alt {
  --fa:"\f3c5";
}
.fa-file {
  --fa:"\f15b";
}
.fa-greater-than {
  --fa:">";
}
.fa-person-swimming,
.fa-swimmer {
  --fa:"\f5c4";
}
.fa-arrow-down {
  --fa:"\f063";
}
.fa-droplet,
.fa-tint {
  --fa:"\f043";
}
.fa-eraser {
  --fa:"\f12d";
}
.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
  --fa:"\f57d";
}
.fa-person-burst {
  --fa:"\e53b";
}
.fa-dove {
  --fa:"\f4ba";
}
.fa-battery-0,
.fa-battery-empty {
  --fa:"\f244";
}
.fa-socks {
  --fa:"\f696";
}
.fa-inbox {
  --fa:"\f01c";
}
.fa-section {
  --fa:"\e447";
}
.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
  --fa:"\f625";
}
.fa-envelope-open-text {
  --fa:"\f658";
}
.fa-hospital,
.fa-hospital-alt,
.fa-hospital-wide {
  --fa:"\f0f8";
}
.fa-wine-bottle {
  --fa:"\f72f";
}
.fa-chess-rook {
  --fa:"\f447";
}
.fa-bars-staggered,
.fa-reorder,
.fa-stream {
  --fa:"\f550";
}
.fa-dharmachakra {
  --fa:"\f655";
}
.fa-hotdog {
  --fa:"\f80f";
}
.fa-blind,
.fa-person-walking-with-cane {
  --fa:"\f29d";
}
.fa-drum {
  --fa:"\f569";
}
.fa-ice-cream {
  --fa:"\f810";
}
.fa-heart-circle-bolt {
  --fa:"\e4fc";
}
.fa-fax {
  --fa:"\f1ac";
}
.fa-paragraph {
  --fa:"\f1dd";
}
.fa-check-to-slot,
.fa-vote-yea {
  --fa:"\f772";
}
.fa-star-half {
  --fa:"\f089";
}
.fa-boxes,
.fa-boxes-alt,
.fa-boxes-stacked {
  --fa:"\f468";
}
.fa-chain,
.fa-link {
  --fa:"\f0c1";
}
.fa-assistive-listening-systems,
.fa-ear-listen {
  --fa:"\f2a2";
}
.fa-tree-city {
  --fa:"\e587";
}
.fa-play {
  --fa:"\f04b";
}
.fa-font {
  --fa:"\f031";
}
.fa-table-cells-row-lock {
  --fa:"\e67a";
}
.fa-rupiah-sign {
  --fa:"\e23d";
}
.fa-magnifying-glass,
.fa-search {
  --fa:"\f002";
}
.fa-ping-pong-paddle-ball,
.fa-table-tennis,
.fa-table-tennis-paddle-ball {
  --fa:"\f45d";
}
.fa-diagnoses,
.fa-person-dots-from-line {
  --fa:"\f470";
}
.fa-trash-can-arrow-up,
.fa-trash-restore-alt {
  --fa:"\f82a";
}
.fa-naira-sign {
  --fa:"\e1f6";
}
.fa-cart-arrow-down {
  --fa:"\f218";
}
.fa-walkie-talkie {
  --fa:"\f8ef";
}
.fa-file-edit,
.fa-file-pen {
  --fa:"\f31c";
}
.fa-receipt {
  --fa:"\f543";
}
.fa-pen-square,
.fa-pencil-square,
.fa-square-pen {
  --fa:"\f14b";
}
.fa-suitcase-rolling {
  --fa:"\f5c1";
}
.fa-person-circle-exclamation {
  --fa:"\e53f";
}
.fa-chevron-down {
  --fa:"\f078";
}
.fa-battery,
.fa-battery-5,
.fa-battery-full {
  --fa:"\f240";
}
.fa-skull-crossbones {
  --fa:"\f714";
}
.fa-code-compare {
  --fa:"\e13a";
}
.fa-list-dots,
.fa-list-ul {
  --fa:"\f0ca";
}
.fa-school-lock {
  --fa:"\e56f";
}
.fa-tower-cell {
  --fa:"\e585";
}
.fa-down-long,
.fa-long-arrow-alt-down {
  --fa:"\f309";
}
.fa-ranking-star {
  --fa:"\e561";
}
.fa-chess-king {
  --fa:"\f43f";
}
.fa-person-harassing {
  --fa:"\e549";
}
.fa-brazilian-real-sign {
  --fa:"\e46c";
}
.fa-landmark-alt,
.fa-landmark-dome {
  --fa:"\f752";
}
.fa-arrow-up {
  --fa:"\f062";
}
.fa-television,
.fa-tv,
.fa-tv-alt {
  --fa:"\f26c";
}
.fa-shrimp {
  --fa:"\e448";
}
.fa-list-check,
.fa-tasks {
  --fa:"\f0ae";
}
.fa-jug-detergent {
  --fa:"\e519";
}
.fa-circle-user,
.fa-user-circle {
  --fa:"\f2bd";
}
.fa-user-shield {
  --fa:"\f505";
}
.fa-wind {
  --fa:"\f72e";
}
.fa-car-burst,
.fa-car-crash {
  --fa:"\f5e1";
}
.fa-y {
  --fa:"Y";
}
.fa-person-snowboarding,
.fa-snowboarding {
  --fa:"\f7ce";
}
.fa-shipping-fast,
.fa-truck-fast {
  --fa:"\f48b";
}
.fa-fish {
  --fa:"\f578";
}
.fa-user-graduate {
  --fa:"\f501";
}
.fa-adjust,
.fa-circle-half-stroke {
  --fa:"\f042";
}
.fa-clapperboard {
  --fa:"\e131";
}
.fa-circle-radiation,
.fa-radiation-alt {
  --fa:"\f7ba";
}
.fa-baseball,
.fa-baseball-ball {
  --fa:"\f433";
}
.fa-jet-fighter-up {
  --fa:"\e518";
}
.fa-diagram-project,
.fa-project-diagram {
  --fa:"\f542";
}
.fa-copy {
  --fa:"\f0c5";
}
.fa-volume-mute,
.fa-volume-times,
.fa-volume-xmark {
  --fa:"\f6a9";
}
.fa-hand-sparkles {
  --fa:"\e05d";
}
.fa-grip,
.fa-grip-horizontal {
  --fa:"\f58d";
}
.fa-share-from-square,
.fa-share-square {
  --fa:"\f14d";
}
.fa-child-combatant,
.fa-child-rifle {
  --fa:"\e4e0";
}
.fa-gun {
  --fa:"\e19b";
}
.fa-phone-square,
.fa-square-phone {
  --fa:"\f098";
}
.fa-add,
.fa-plus {
  --fa:"+";
}
.fa-expand {
  --fa:"\f065";
}
.fa-computer {
  --fa:"\e4e5";
}
.fa-close,
.fa-multiply,
.fa-remove,
.fa-times,
.fa-xmark {
  --fa:"\f00d";
}
.fa-arrows,
.fa-arrows-up-down-left-right {
  --fa:"\f047";
}
.fa-chalkboard-teacher,
.fa-chalkboard-user {
  --fa:"\f51c";
}
.fa-peso-sign {
  --fa:"\e222";
}
.fa-building-shield {
  --fa:"\e4d8";
}
.fa-baby {
  --fa:"\f77c";
}
.fa-users-line {
  --fa:"\e592";
}
.fa-quote-left,
.fa-quote-left-alt {
  --fa:"\f10d";
}
.fa-tractor {
  --fa:"\f722";
}
.fa-trash-arrow-up,
.fa-trash-restore {
  --fa:"\f829";
}
.fa-arrow-down-up-lock {
  --fa:"\e4b0";
}
.fa-lines-leaning {
  --fa:"\e51e";
}
.fa-ruler-combined {
  --fa:"\f546";
}
.fa-copyright {
  --fa:"\f1f9";
}
.fa-equals {
  --fa:"=";
}
.fa-blender {
  --fa:"\f517";
}
.fa-teeth {
  --fa:"\f62e";
}
.fa-ils,
.fa-shekel,
.fa-shekel-sign,
.fa-sheqel,
.fa-sheqel-sign {
  --fa:"\f20b";
}
.fa-map {
  --fa:"\f279";
}
.fa-rocket {
  --fa:"\f135";
}
.fa-photo-film,
.fa-photo-video {
  --fa:"\f87c";
}
.fa-folder-minus {
  --fa:"\f65d";
}
.fa-hexagon-nodes-bolt {
  --fa:"\e69a";
}
.fa-store {
  --fa:"\f54e";
}
.fa-arrow-trend-up {
  --fa:"\e098";
}
.fa-plug-circle-minus {
  --fa:"\e55e";
}
.fa-sign,
.fa-sign-hanging {
  --fa:"\f4d9";
}
.fa-bezier-curve {
  --fa:"\f55b";
}
.fa-bell-slash {
  --fa:"\f1f6";
}
.fa-tablet,
.fa-tablet-android {
  --fa:"\f3fb";
}
.fa-school-flag {
  --fa:"\e56e";
}
.fa-fill {
  --fa:"\f575";
}
.fa-angle-up {
  --fa:"\f106";
}
.fa-drumstick-bite {
  --fa:"\f6d7";
}
.fa-holly-berry {
  --fa:"\f7aa";
}
.fa-chevron-left {
  --fa:"\f053";
}
.fa-bacteria {
  --fa:"\e059";
}
.fa-hand-lizard {
  --fa:"\f258";
}
.fa-notdef {
  --fa:"\e1fe";
}
.fa-disease {
  --fa:"\f7fa";
}
.fa-briefcase-medical {
  --fa:"\f469";
}
.fa-genderless {
  --fa:"\f22d";
}
.fa-chevron-right {
  --fa:"\f054";
}
.fa-retweet {
  --fa:"\f079";
}
.fa-car-alt,
.fa-car-rear {
  --fa:"\f5de";
}
.fa-pump-soap {
  --fa:"\e06b";
}
.fa-video-slash {
  --fa:"\f4e2";
}
.fa-battery-2,
.fa-battery-quarter {
  --fa:"\f243";
}
.fa-radio {
  --fa:"\f8d7";
}
.fa-baby-carriage,
.fa-carriage-baby {
  --fa:"\f77d";
}
.fa-traffic-light {
  --fa:"\f637";
}
.fa-thermometer {
  --fa:"\f491";
}
.fa-vr-cardboard {
  --fa:"\f729";
}
.fa-hand-middle-finger {
  --fa:"\f806";
}
.fa-percent,
.fa-percentage {
  --fa:"%";
}
.fa-truck-moving {
  --fa:"\f4df";
}
.fa-glass-water-droplet {
  --fa:"\e4f5";
}
.fa-display {
  --fa:"\e163";
}
.fa-face-smile,
.fa-smile {
  --fa:"\f118";
}
.fa-thumb-tack,
.fa-thumbtack {
  --fa:"\f08d";
}
.fa-trophy {
  --fa:"\f091";
}
.fa-person-praying,
.fa-pray {
  --fa:"\f683";
}
.fa-hammer {
  --fa:"\f6e3";
}
.fa-hand-peace {
  --fa:"\f25b";
}
.fa-rotate,
.fa-sync-alt {
  --fa:"\f2f1";
}
.fa-spinner {
  --fa:"\f110";
}
.fa-robot {
  --fa:"\f544";
}
.fa-peace {
  --fa:"\f67c";
}
.fa-cogs,
.fa-gears {
  --fa:"\f085";
}
.fa-warehouse {
  --fa:"\f494";
}
.fa-arrow-up-right-dots {
  --fa:"\e4b7";
}
.fa-splotch {
  --fa:"\f5bc";
}
.fa-face-grin-hearts,
.fa-grin-hearts {
  --fa:"\f584";
}
.fa-dice-four {
  --fa:"\f524";
}
.fa-sim-card {
  --fa:"\f7c4";
}
.fa-transgender,
.fa-transgender-alt {
  --fa:"\f225";
}
.fa-mercury {
  --fa:"\f223";
}
.fa-arrow-turn-down,
.fa-level-down {
  --fa:"\f149";
}
.fa-person-falling-burst {
  --fa:"\e547";
}
.fa-award {
  --fa:"\f559";
}
.fa-ticket-alt,
.fa-ticket-simple {
  --fa:"\f3ff";
}
.fa-building {
  --fa:"\f1ad";
}
.fa-angle-double-left,
.fa-angles-left {
  --fa:"\f100";
}
.fa-qrcode {
  --fa:"\f029";
}
.fa-clock-rotate-left,
.fa-history {
  --fa:"\f1da";
}
.fa-face-grin-beam-sweat,
.fa-grin-beam-sweat {
  --fa:"\f583";
}
.fa-arrow-right-from-file,
.fa-file-export {
  --fa:"\f56e";
}
.fa-shield,
.fa-shield-blank {
  --fa:"\f132";
}
.fa-arrow-up-short-wide,
.fa-sort-amount-up-alt {
  --fa:"\f885";
}
.fa-comment-nodes {
  --fa:"\e696";
}
.fa-house-medical {
  --fa:"\e3b2";
}
.fa-golf-ball,
.fa-golf-ball-tee {
  --fa:"\f450";
}
.fa-chevron-circle-left,
.fa-circle-chevron-left {
  --fa:"\f137";
}
.fa-house-chimney-window {
  --fa:"\e00d";
}
.fa-pen-nib {
  --fa:"\f5ad";
}
.fa-tent-arrow-turn-left {
  --fa:"\e580";
}
.fa-tents {
  --fa:"\e582";
}
.fa-magic,
.fa-wand-magic {
  --fa:"\f0d0";
}
.fa-dog {
  --fa:"\f6d3";
}
.fa-carrot {
  --fa:"\f787";
}
.fa-moon {
  --fa:"\f186";
}
.fa-wine-glass-alt,
.fa-wine-glass-empty {
  --fa:"\f5ce";
}
.fa-cheese {
  --fa:"\f7ef";
}
.fa-yin-yang {
  --fa:"\f6ad";
}
.fa-music {
  --fa:"\f001";
}
.fa-code-commit {
  --fa:"\f386";
}
.fa-temperature-low {
  --fa:"\f76b";
}
.fa-biking,
.fa-person-biking {
  --fa:"\f84a";
}
.fa-broom {
  --fa:"\f51a";
}
.fa-shield-heart {
  --fa:"\e574";
}
.fa-gopuram {
  --fa:"\f664";
}
.fa-earth-oceania,
.fa-globe-oceania {
  --fa:"\e47b";
}
.fa-square-xmark,
.fa-times-square,
.fa-xmark-square {
  --fa:"\f2d3";
}
.fa-hashtag {
  --fa:"#";
}
.fa-expand-alt,
.fa-up-right-and-down-left-from-center {
  --fa:"\f424";
}
.fa-oil-can {
  --fa:"\f613";
}
.fa-t {
  --fa:"T";
}
.fa-hippo {
  --fa:"\f6ed";
}
.fa-chart-column {
  --fa:"\e0e3";
}
.fa-infinity {
  --fa:"\f534";
}
.fa-vial-circle-check {
  --fa:"\e596";
}
.fa-person-arrow-down-to-line {
  --fa:"\e538";
}
.fa-voicemail {
  --fa:"\f897";
}
.fa-fan {
  --fa:"\f863";
}
.fa-person-walking-luggage {
  --fa:"\e554";
}
.fa-arrows-alt-v,
.fa-up-down {
  --fa:"\f338";
}
.fa-cloud-moon-rain {
  --fa:"\f73c";
}
.fa-calendar {
  --fa:"\f133";
}
.fa-trailer {
  --fa:"\e041";
}
.fa-bahai,
.fa-haykal {
  --fa:"\f666";
}
.fa-sd-card {
  --fa:"\f7c2";
}
.fa-dragon {
  --fa:"\f6d5";
}
.fa-shoe-prints {
  --fa:"\f54b";
}
.fa-circle-plus,
.fa-plus-circle {
  --fa:"\f055";
}
.fa-face-grin-tongue-wink,
.fa-grin-tongue-wink {
  --fa:"\f58b";
}
.fa-hand-holding {
  --fa:"\f4bd";
}
.fa-plug-circle-exclamation {
  --fa:"\e55d";
}
.fa-chain-broken,
.fa-chain-slash,
.fa-link-slash,
.fa-unlink {
  --fa:"\f127";
}
.fa-clone {
  --fa:"\f24d";
}
.fa-person-walking-arrow-loop-left {
  --fa:"\e551";
}
.fa-arrow-up-z-a,
.fa-sort-alpha-up-alt {
  --fa:"\f882";
}
.fa-fire-alt,
.fa-fire-flame-curved {
  --fa:"\f7e4";
}
.fa-tornado {
  --fa:"\f76f";
}
.fa-file-circle-plus {
  --fa:"\e494";
}
.fa-book-quran,
.fa-quran {
  --fa:"\f687";
}
.fa-anchor {
  --fa:"\f13d";
}
.fa-border-all {
  --fa:"\f84c";
}
.fa-angry,
.fa-face-angry {
  --fa:"\f556";
}
.fa-cookie-bite {
  --fa:"\f564";
}
.fa-arrow-trend-down {
  --fa:"\e097";
}
.fa-feed,
.fa-rss {
  --fa:"\f09e";
}
.fa-draw-polygon {
  --fa:"\f5ee";
}
.fa-balance-scale,
.fa-scale-balanced {
  --fa:"\f24e";
}
.fa-gauge-simple-high,
.fa-tachometer,
.fa-tachometer-fast {
  --fa:"\f62a";
}
.fa-shower {
  --fa:"\f2cc";
}
.fa-desktop,
.fa-desktop-alt {
  --fa:"\f390";
}
.fa-m {
  --fa:"M";
}
.fa-table-list,
.fa-th-list {
  --fa:"\f00b";
}
.fa-comment-sms,
.fa-sms {
  --fa:"\f7cd";
}
.fa-book {
  --fa:"\f02d";
}
.fa-user-plus {
  --fa:"\f234";
}
.fa-check {
  --fa:"\f00c";
}
.fa-battery-4,
.fa-battery-three-quarters {
  --fa:"\f241";
}
.fa-house-circle-check {
  --fa:"\e509";
}
.fa-angle-left {
  --fa:"\f104";
}
.fa-diagram-successor {
  --fa:"\e47a";
}
.fa-truck-arrow-right {
  --fa:"\e58b";
}
.fa-arrows-split-up-and-left {
  --fa:"\e4bc";
}
.fa-fist-raised,
.fa-hand-fist {
  --fa:"\f6de";
}
.fa-cloud-moon {
  --fa:"\f6c3";
}
.fa-briefcase {
  --fa:"\f0b1";
}
.fa-person-falling {
  --fa:"\e546";
}
.fa-image-portrait,
.fa-portrait {
  --fa:"\f3e0";
}
.fa-user-tag {
  --fa:"\f507";
}
.fa-rug {
  --fa:"\e569";
}
.fa-earth-europe,
.fa-globe-europe {
  --fa:"\f7a2";
}
.fa-cart-flatbed-suitcase,
.fa-luggage-cart {
  --fa:"\f59d";
}
.fa-rectangle-times,
.fa-rectangle-xmark,
.fa-times-rectangle,
.fa-window-close {
  --fa:"\f410";
}
.fa-baht-sign {
  --fa:"\e0ac";
}
.fa-book-open {
  --fa:"\f518";
}
.fa-book-journal-whills,
.fa-journal-whills {
  --fa:"\f66a";
}
.fa-handcuffs {
  --fa:"\e4f8";
}
.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-warning {
  --fa:"\f071";
}
.fa-database {
  --fa:"\f1c0";
}
.fa-mail-forward,
.fa-share {
  --fa:"\f064";
}
.fa-bottle-droplet {
  --fa:"\e4c4";
}
.fa-mask-face {
  --fa:"\e1d7";
}
.fa-hill-rockslide {
  --fa:"\e508";
}
.fa-exchange-alt,
.fa-right-left {
  --fa:"\f362";
}
.fa-paper-plane {
  --fa:"\f1d8";
}
.fa-road-circle-exclamation {
  --fa:"\e565";
}
.fa-dungeon {
  --fa:"\f6d9";
}
.fa-align-right {
  --fa:"\f038";
}
.fa-money-bill-1-wave,
.fa-money-bill-wave-alt {
  --fa:"\f53b";
}
.fa-life-ring {
  --fa:"\f1cd";
}
.fa-hands,
.fa-sign-language,
.fa-signing {
  --fa:"\f2a7";
}
.fa-calendar-day {
  --fa:"\f783";
}
.fa-ladder-water,
.fa-swimming-pool,
.fa-water-ladder {
  --fa:"\f5c5";
}
.fa-arrows-up-down,
.fa-arrows-v {
  --fa:"\f07d";
}
.fa-face-grimace,
.fa-grimace {
  --fa:"\f57f";
}
.fa-wheelchair-alt,
.fa-wheelchair-move {
  --fa:"\e2ce";
}
.fa-level-down-alt,
.fa-turn-down {
  --fa:"\f3be";
}
.fa-person-walking-arrow-right {
  --fa:"\e552";
}
.fa-envelope-square,
.fa-square-envelope {
  --fa:"\f199";
}
.fa-dice {
  --fa:"\f522";
}
.fa-bowling-ball {
  --fa:"\f436";
}
.fa-brain {
  --fa:"\f5dc";
}
.fa-band-aid,
.fa-bandage {
  --fa:"\f462";
}
.fa-calendar-minus {
  --fa:"\f272";
}
.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
  --fa:"\f057";
}
.fa-gifts {
  --fa:"\f79c";
}
.fa-hotel {
  --fa:"\f594";
}
.fa-earth-asia,
.fa-globe-asia {
  --fa:"\f57e";
}
.fa-id-card-alt,
.fa-id-card-clip {
  --fa:"\f47f";
}
.fa-magnifying-glass-plus,
.fa-search-plus {
  --fa:"\f00e";
}
.fa-thumbs-up {
  --fa:"\f164";
}
.fa-user-clock {
  --fa:"\f4fd";
}
.fa-allergies,
.fa-hand-dots {
  --fa:"\f461";
}
.fa-file-invoice {
  --fa:"\f570";
}
.fa-window-minimize {
  --fa:"\f2d1";
}
.fa-coffee,
.fa-mug-saucer {
  --fa:"\f0f4";
}
.fa-brush {
  --fa:"\f55d";
}
.fa-file-half-dashed {
  --fa:"\e698";
}
.fa-mask {
  --fa:"\f6fa";
}
.fa-magnifying-glass-minus,
.fa-search-minus {
  --fa:"\f010";
}
.fa-ruler-vertical {
  --fa:"\f548";
}
.fa-user-alt,
.fa-user-large {
  --fa:"\f406";
}
.fa-train-tram {
  --fa:"\e5b4";
}
.fa-user-nurse {
  --fa:"\f82f";
}
.fa-syringe {
  --fa:"\f48e";
}
.fa-cloud-sun {
  --fa:"\f6c4";
}
.fa-stopwatch-20 {
  --fa:"\e06f";
}
.fa-square-full {
  --fa:"\f45c";
}
.fa-magnet {
  --fa:"\f076";
}
.fa-jar {
  --fa:"\e516";
}
.fa-note-sticky,
.fa-sticky-note {
  --fa:"\f249";
}
.fa-bug-slash {
  --fa:"\e490";
}
.fa-arrow-up-from-water-pump {
  --fa:"\e4b6";
}
.fa-bone {
  --fa:"\f5d7";
}
.fa-table-cells-row-unlock {
  --fa:"\e691";
}
.fa-user-injured {
  --fa:"\f728";
}
.fa-face-sad-tear,
.fa-sad-tear {
  --fa:"\f5b4";
}
.fa-plane {
  --fa:"\f072";
}
.fa-tent-arrows-down {
  --fa:"\e581";
}
.fa-exclamation {
  --fa:"!";
}
.fa-arrows-spin {
  --fa:"\e4bb";
}
.fa-print {
  --fa:"\f02f";
}
.fa-try,
.fa-turkish-lira,
.fa-turkish-lira-sign {
  --fa:"\e2bb";
}
.fa-dollar,
.fa-dollar-sign,
.fa-usd {
  --fa:"$";
}
.fa-x {
  --fa:"X";
}
.fa-magnifying-glass-dollar,
.fa-search-dollar {
  --fa:"\f688";
}
.fa-users-cog,
.fa-users-gear {
  --fa:"\f509";
}
.fa-person-military-pointing {
  --fa:"\e54a";
}
.fa-bank,
.fa-building-columns,
.fa-institution,
.fa-museum,
.fa-university {
  --fa:"\f19c";
}
.fa-umbrella {
  --fa:"\f0e9";
}
.fa-trowel {
  --fa:"\e589";
}
.fa-d {
  --fa:"D";
}
.fa-stapler {
  --fa:"\e5af";
}
.fa-masks-theater,
.fa-theater-masks {
  --fa:"\f630";
}
.fa-kip-sign {
  --fa:"\e1c4";
}
.fa-hand-point-left {
  --fa:"\f0a5";
}
.fa-handshake-alt,
.fa-handshake-simple {
  --fa:"\f4c6";
}
.fa-fighter-jet,
.fa-jet-fighter {
  --fa:"\f0fb";
}
.fa-share-alt-square,
.fa-square-share-nodes {
  --fa:"\f1e1";
}
.fa-barcode {
  --fa:"\f02a";
}
.fa-plus-minus {
  --fa:"\e43c";
}
.fa-video,
.fa-video-camera {
  --fa:"\f03d";
}
.fa-graduation-cap,
.fa-mortar-board {
  --fa:"\f19d";
}
.fa-hand-holding-medical {
  --fa:"\e05c";
}
.fa-person-circle-check {
  --fa:"\e53e";
}
.fa-level-up-alt,
.fa-turn-up {
  --fa:"\f3bf";
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:host,
:root {
  --fa-style-family-brands:"Font Awesome 6 Brands";
  --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/fa-brands-400-Q3XCMWHQ.woff2") format("woff2"), url("./media/fa-brands-400-R2XQZCET.ttf") format("truetype");
}
.fa-brands,
.fab {
  font-weight: 400;
}
.fa-monero {
  --fa:"\f3d0";
}
.fa-hooli {
  --fa:"\f427";
}
.fa-yelp {
  --fa:"\f1e9";
}
.fa-cc-visa {
  --fa:"\f1f0";
}
.fa-lastfm {
  --fa:"\f202";
}
.fa-shopware {
  --fa:"\f5b5";
}
.fa-creative-commons-nc {
  --fa:"\f4e8";
}
.fa-aws {
  --fa:"\f375";
}
.fa-redhat {
  --fa:"\f7bc";
}
.fa-yoast {
  --fa:"\f2b1";
}
.fa-cloudflare {
  --fa:"\e07d";
}
.fa-ups {
  --fa:"\f7e0";
}
.fa-pixiv {
  --fa:"\e640";
}
.fa-wpexplorer {
  --fa:"\f2de";
}
.fa-dyalog {
  --fa:"\f399";
}
.fa-bity {
  --fa:"\f37a";
}
.fa-stackpath {
  --fa:"\f842";
}
.fa-buysellads {
  --fa:"\f20d";
}
.fa-first-order {
  --fa:"\f2b0";
}
.fa-modx {
  --fa:"\f285";
}
.fa-guilded {
  --fa:"\e07e";
}
.fa-vnv {
  --fa:"\f40b";
}
.fa-js-square,
.fa-square-js {
  --fa:"\f3b9";
}
.fa-microsoft {
  --fa:"\f3ca";
}
.fa-qq {
  --fa:"\f1d6";
}
.fa-orcid {
  --fa:"\f8d2";
}
.fa-java {
  --fa:"\f4e4";
}
.fa-invision {
  --fa:"\f7b0";
}
.fa-creative-commons-pd-alt {
  --fa:"\f4ed";
}
.fa-centercode {
  --fa:"\f380";
}
.fa-glide-g {
  --fa:"\f2a6";
}
.fa-drupal {
  --fa:"\f1a9";
}
.fa-jxl {
  --fa:"\e67b";
}
.fa-dart-lang {
  --fa:"\e693";
}
.fa-hire-a-helper {
  --fa:"\f3b0";
}
.fa-creative-commons-by {
  --fa:"\f4e7";
}
.fa-unity {
  --fa:"\e049";
}
.fa-whmcs {
  --fa:"\f40d";
}
.fa-rocketchat {
  --fa:"\f3e8";
}
.fa-vk {
  --fa:"\f189";
}
.fa-untappd {
  --fa:"\f405";
}
.fa-mailchimp {
  --fa:"\f59e";
}
.fa-css3-alt {
  --fa:"\f38b";
}
.fa-reddit-square,
.fa-square-reddit {
  --fa:"\f1a2";
}
.fa-vimeo-v {
  --fa:"\f27d";
}
.fa-contao {
  --fa:"\f26d";
}
.fa-square-font-awesome {
  --fa:"\e5ad";
}
.fa-deskpro {
  --fa:"\f38f";
}
.fa-brave {
  --fa:"\e63c";
}
.fa-sistrix {
  --fa:"\f3ee";
}
.fa-instagram-square,
.fa-square-instagram {
  --fa:"\e055";
}
.fa-battle-net {
  --fa:"\f835";
}
.fa-the-red-yeti {
  --fa:"\f69d";
}
.fa-hacker-news-square,
.fa-square-hacker-news {
  --fa:"\f3af";
}
.fa-edge {
  --fa:"\f282";
}
.fa-threads {
  --fa:"\e618";
}
.fa-napster {
  --fa:"\f3d2";
}
.fa-snapchat-square,
.fa-square-snapchat {
  --fa:"\f2ad";
}
.fa-google-plus-g {
  --fa:"\f0d5";
}
.fa-artstation {
  --fa:"\f77a";
}
.fa-markdown {
  --fa:"\f60f";
}
.fa-sourcetree {
  --fa:"\f7d3";
}
.fa-google-plus {
  --fa:"\f2b3";
}
.fa-diaspora {
  --fa:"\f791";
}
.fa-foursquare {
  --fa:"\f180";
}
.fa-stack-overflow {
  --fa:"\f16c";
}
.fa-github-alt {
  --fa:"\f113";
}
.fa-phoenix-squadron {
  --fa:"\f511";
}
.fa-pagelines {
  --fa:"\f18c";
}
.fa-algolia {
  --fa:"\f36c";
}
.fa-red-river {
  --fa:"\f3e3";
}
.fa-creative-commons-sa {
  --fa:"\f4ef";
}
.fa-safari {
  --fa:"\f267";
}
.fa-google {
  --fa:"\f1a0";
}
.fa-font-awesome-alt,
.fa-square-font-awesome-stroke {
  --fa:"\f35c";
}
.fa-atlassian {
  --fa:"\f77b";
}
.fa-linkedin-in {
  --fa:"\f0e1";
}
.fa-digital-ocean {
  --fa:"\f391";
}
.fa-nimblr {
  --fa:"\f5a8";
}
.fa-chromecast {
  --fa:"\f838";
}
.fa-evernote {
  --fa:"\f839";
}
.fa-hacker-news {
  --fa:"\f1d4";
}
.fa-creative-commons-sampling {
  --fa:"\f4f0";
}
.fa-adversal {
  --fa:"\f36a";
}
.fa-creative-commons {
  --fa:"\f25e";
}
.fa-watchman-monitoring {
  --fa:"\e087";
}
.fa-fonticons {
  --fa:"\f280";
}
.fa-weixin {
  --fa:"\f1d7";
}
.fa-shirtsinbulk {
  --fa:"\f214";
}
.fa-codepen {
  --fa:"\f1cb";
}
.fa-git-alt {
  --fa:"\f841";
}
.fa-lyft {
  --fa:"\f3c3";
}
.fa-rev {
  --fa:"\f5b2";
}
.fa-windows {
  --fa:"\f17a";
}
.fa-wizards-of-the-coast {
  --fa:"\f730";
}
.fa-square-viadeo,
.fa-viadeo-square {
  --fa:"\f2aa";
}
.fa-meetup {
  --fa:"\f2e0";
}
.fa-centos {
  --fa:"\f789";
}
.fa-adn {
  --fa:"\f170";
}
.fa-cloudsmith {
  --fa:"\f384";
}
.fa-opensuse {
  --fa:"\e62b";
}
.fa-pied-piper-alt {
  --fa:"\f1a8";
}
.fa-dribbble-square,
.fa-square-dribbble {
  --fa:"\f397";
}
.fa-codiepie {
  --fa:"\f284";
}
.fa-node {
  --fa:"\f419";
}
.fa-mix {
  --fa:"\f3cb";
}
.fa-steam {
  --fa:"\f1b6";
}
.fa-cc-apple-pay {
  --fa:"\f416";
}
.fa-scribd {
  --fa:"\f28a";
}
.fa-debian {
  --fa:"\e60b";
}
.fa-openid {
  --fa:"\f19b";
}
.fa-instalod {
  --fa:"\e081";
}
.fa-files-pinwheel {
  --fa:"\e69f";
}
.fa-expeditedssl {
  --fa:"\f23e";
}
.fa-sellcast {
  --fa:"\f2da";
}
.fa-square-twitter,
.fa-twitter-square {
  --fa:"\f081";
}
.fa-r-project {
  --fa:"\f4f7";
}
.fa-delicious {
  --fa:"\f1a5";
}
.fa-freebsd {
  --fa:"\f3a4";
}
.fa-vuejs {
  --fa:"\f41f";
}
.fa-accusoft {
  --fa:"\f369";
}
.fa-ioxhost {
  --fa:"\f208";
}
.fa-fonticons-fi {
  --fa:"\f3a2";
}
.fa-app-store {
  --fa:"\f36f";
}
.fa-cc-mastercard {
  --fa:"\f1f1";
}
.fa-itunes-note {
  --fa:"\f3b5";
}
.fa-golang {
  --fa:"\e40f";
}
.fa-kickstarter,
.fa-square-kickstarter {
  --fa:"\f3bb";
}
.fa-grav {
  --fa:"\f2d6";
}
.fa-weibo {
  --fa:"\f18a";
}
.fa-uncharted {
  --fa:"\e084";
}
.fa-firstdraft {
  --fa:"\f3a1";
}
.fa-square-youtube,
.fa-youtube-square {
  --fa:"\f431";
}
.fa-wikipedia-w {
  --fa:"\f266";
}
.fa-rendact,
.fa-wpressr {
  --fa:"\f3e4";
}
.fa-angellist {
  --fa:"\f209";
}
.fa-galactic-republic {
  --fa:"\f50c";
}
.fa-nfc-directional {
  --fa:"\e530";
}
.fa-skype {
  --fa:"\f17e";
}
.fa-joget {
  --fa:"\f3b7";
}
.fa-fedora {
  --fa:"\f798";
}
.fa-stripe-s {
  --fa:"\f42a";
}
.fa-meta {
  --fa:"\e49b";
}
.fa-laravel {
  --fa:"\f3bd";
}
.fa-hotjar {
  --fa:"\f3b1";
}
.fa-bluetooth-b {
  --fa:"\f294";
}
.fa-square-letterboxd {
  --fa:"\e62e";
}
.fa-sticker-mule {
  --fa:"\f3f7";
}
.fa-creative-commons-zero {
  --fa:"\f4f3";
}
.fa-hips {
  --fa:"\f452";
}
.fa-css {
  --fa:"\e6a2";
}
.fa-behance {
  --fa:"\f1b4";
}
.fa-reddit {
  --fa:"\f1a1";
}
.fa-discord {
  --fa:"\f392";
}
.fa-chrome {
  --fa:"\f268";
}
.fa-app-store-ios {
  --fa:"\f370";
}
.fa-cc-discover {
  --fa:"\f1f2";
}
.fa-wpbeginner {
  --fa:"\f297";
}
.fa-confluence {
  --fa:"\f78d";
}
.fa-shoelace {
  --fa:"\e60c";
}
.fa-mdb {
  --fa:"\f8ca";
}
.fa-dochub {
  --fa:"\f394";
}
.fa-accessible-icon {
  --fa:"\f368";
}
.fa-ebay {
  --fa:"\f4f4";
}
.fa-amazon {
  --fa:"\f270";
}
.fa-unsplash {
  --fa:"\e07c";
}
.fa-yarn {
  --fa:"\f7e3";
}
.fa-square-steam,
.fa-steam-square {
  --fa:"\f1b7";
}
.fa-500px {
  --fa:"\f26e";
}
.fa-square-vimeo,
.fa-vimeo-square {
  --fa:"\f194";
}
.fa-asymmetrik {
  --fa:"\f372";
}
.fa-font-awesome,
.fa-font-awesome-flag,
.fa-font-awesome-logo-full {
  --fa:"\f2b4";
}
.fa-gratipay {
  --fa:"\f184";
}
.fa-apple {
  --fa:"\f179";
}
.fa-hive {
  --fa:"\e07f";
}
.fa-gitkraken {
  --fa:"\f3a6";
}
.fa-keybase {
  --fa:"\f4f5";
}
.fa-apple-pay {
  --fa:"\f415";
}
.fa-padlet {
  --fa:"\e4a0";
}
.fa-amazon-pay {
  --fa:"\f42c";
}
.fa-github-square,
.fa-square-github {
  --fa:"\f092";
}
.fa-stumbleupon {
  --fa:"\f1a4";
}
.fa-fedex {
  --fa:"\f797";
}
.fa-phoenix-framework {
  --fa:"\f3dc";
}
.fa-shopify {
  --fa:"\e057";
}
.fa-neos {
  --fa:"\f612";
}
.fa-square-threads {
  --fa:"\e619";
}
.fa-hackerrank {
  --fa:"\f5f7";
}
.fa-researchgate {
  --fa:"\f4f8";
}
.fa-swift {
  --fa:"\f8e1";
}
.fa-angular {
  --fa:"\f420";
}
.fa-speakap {
  --fa:"\f3f3";
}
.fa-angrycreative {
  --fa:"\f36e";
}
.fa-y-combinator {
  --fa:"\f23b";
}
.fa-empire {
  --fa:"\f1d1";
}
.fa-envira {
  --fa:"\f299";
}
.fa-google-scholar {
  --fa:"\e63b";
}
.fa-gitlab-square,
.fa-square-gitlab {
  --fa:"\e5ae";
}
.fa-studiovinari {
  --fa:"\f3f8";
}
.fa-pied-piper {
  --fa:"\f2ae";
}
.fa-wordpress {
  --fa:"\f19a";
}
.fa-product-hunt {
  --fa:"\f288";
}
.fa-firefox {
  --fa:"\f269";
}
.fa-linode {
  --fa:"\f2b8";
}
.fa-goodreads {
  --fa:"\f3a8";
}
.fa-odnoklassniki-square,
.fa-square-odnoklassniki {
  --fa:"\f264";
}
.fa-jsfiddle {
  --fa:"\f1cc";
}
.fa-sith {
  --fa:"\f512";
}
.fa-themeisle {
  --fa:"\f2b2";
}
.fa-page4 {
  --fa:"\f3d7";
}
.fa-hashnode {
  --fa:"\e499";
}
.fa-react {
  --fa:"\f41b";
}
.fa-cc-paypal {
  --fa:"\f1f4";
}
.fa-squarespace {
  --fa:"\f5be";
}
.fa-cc-stripe {
  --fa:"\f1f5";
}
.fa-creative-commons-share {
  --fa:"\f4f2";
}
.fa-bitcoin {
  --fa:"\f379";
}
.fa-keycdn {
  --fa:"\f3ba";
}
.fa-opera {
  --fa:"\f26a";
}
.fa-itch-io {
  --fa:"\f83a";
}
.fa-umbraco {
  --fa:"\f8e8";
}
.fa-galactic-senate {
  --fa:"\f50d";
}
.fa-ubuntu {
  --fa:"\f7df";
}
.fa-draft2digital {
  --fa:"\f396";
}
.fa-stripe {
  --fa:"\f429";
}
.fa-houzz {
  --fa:"\f27c";
}
.fa-gg {
  --fa:"\f260";
}
.fa-dhl {
  --fa:"\f790";
}
.fa-pinterest-square,
.fa-square-pinterest {
  --fa:"\f0d3";
}
.fa-xing {
  --fa:"\f168";
}
.fa-blackberry {
  --fa:"\f37b";
}
.fa-creative-commons-pd {
  --fa:"\f4ec";
}
.fa-playstation {
  --fa:"\f3df";
}
.fa-quinscape {
  --fa:"\f459";
}
.fa-less {
  --fa:"\f41d";
}
.fa-blogger-b {
  --fa:"\f37d";
}
.fa-opencart {
  --fa:"\f23d";
}
.fa-vine {
  --fa:"\f1ca";
}
.fa-signal-messenger {
  --fa:"\e663";
}
.fa-paypal {
  --fa:"\f1ed";
}
.fa-gitlab {
  --fa:"\f296";
}
.fa-typo3 {
  --fa:"\f42b";
}
.fa-reddit-alien {
  --fa:"\f281";
}
.fa-yahoo {
  --fa:"\f19e";
}
.fa-dailymotion {
  --fa:"\e052";
}
.fa-affiliatetheme {
  --fa:"\f36b";
}
.fa-pied-piper-pp {
  --fa:"\f1a7";
}
.fa-bootstrap {
  --fa:"\f836";
}
.fa-odnoklassniki {
  --fa:"\f263";
}
.fa-nfc-symbol {
  --fa:"\e531";
}
.fa-mintbit {
  --fa:"\e62f";
}
.fa-ethereum {
  --fa:"\f42e";
}
.fa-speaker-deck {
  --fa:"\f83c";
}
.fa-creative-commons-nc-eu {
  --fa:"\f4e9";
}
.fa-patreon {
  --fa:"\f3d9";
}
.fa-avianex {
  --fa:"\f374";
}
.fa-ello {
  --fa:"\f5f1";
}
.fa-gofore {
  --fa:"\f3a7";
}
.fa-bimobject {
  --fa:"\f378";
}
.fa-brave-reverse {
  --fa:"\e63d";
}
.fa-facebook-f {
  --fa:"\f39e";
}
.fa-google-plus-square,
.fa-square-google-plus {
  --fa:"\f0d4";
}
.fa-web-awesome {
  --fa:"\e682";
}
.fa-mandalorian {
  --fa:"\f50f";
}
.fa-first-order-alt {
  --fa:"\f50a";
}
.fa-osi {
  --fa:"\f41a";
}
.fa-google-wallet {
  --fa:"\f1ee";
}
.fa-d-and-d-beyond {
  --fa:"\f6ca";
}
.fa-periscope {
  --fa:"\f3da";
}
.fa-fulcrum {
  --fa:"\f50b";
}
.fa-cloudscale {
  --fa:"\f383";
}
.fa-forumbee {
  --fa:"\f211";
}
.fa-mizuni {
  --fa:"\f3cc";
}
.fa-schlix {
  --fa:"\f3ea";
}
.fa-square-xing,
.fa-xing-square {
  --fa:"\f169";
}
.fa-bandcamp {
  --fa:"\f2d5";
}
.fa-wpforms {
  --fa:"\f298";
}
.fa-cloudversify {
  --fa:"\f385";
}
.fa-usps {
  --fa:"\f7e1";
}
.fa-megaport {
  --fa:"\f5a3";
}
.fa-magento {
  --fa:"\f3c4";
}
.fa-spotify {
  --fa:"\f1bc";
}
.fa-optin-monster {
  --fa:"\f23c";
}
.fa-fly {
  --fa:"\f417";
}
.fa-square-bluesky {
  --fa:"\e6a3";
}
.fa-aviato {
  --fa:"\f421";
}
.fa-itunes {
  --fa:"\f3b4";
}
.fa-cuttlefish {
  --fa:"\f38c";
}
.fa-blogger {
  --fa:"\f37c";
}
.fa-flickr {
  --fa:"\f16e";
}
.fa-viber {
  --fa:"\f409";
}
.fa-soundcloud {
  --fa:"\f1be";
}
.fa-digg {
  --fa:"\f1a6";
}
.fa-tencent-weibo {
  --fa:"\f1d5";
}
.fa-letterboxd {
  --fa:"\e62d";
}
.fa-symfony {
  --fa:"\f83d";
}
.fa-maxcdn {
  --fa:"\f136";
}
.fa-etsy {
  --fa:"\f2d7";
}
.fa-facebook-messenger {
  --fa:"\f39f";
}
.fa-audible {
  --fa:"\f373";
}
.fa-think-peaks {
  --fa:"\f731";
}
.fa-bilibili {
  --fa:"\e3d9";
}
.fa-erlang {
  --fa:"\f39d";
}
.fa-x-twitter {
  --fa:"\e61b";
}
.fa-cotton-bureau {
  --fa:"\f89e";
}
.fa-dashcube {
  --fa:"\f210";
}
.fa-42-group,
.fa-innosoft {
  --fa:"\e080";
}
.fa-stack-exchange {
  --fa:"\f18d";
}
.fa-elementor {
  --fa:"\f430";
}
.fa-pied-piper-square,
.fa-square-pied-piper {
  --fa:"\e01e";
}
.fa-creative-commons-nd {
  --fa:"\f4eb";
}
.fa-palfed {
  --fa:"\f3d8";
}
.fa-superpowers {
  --fa:"\f2dd";
}
.fa-resolving {
  --fa:"\f3e7";
}
.fa-xbox {
  --fa:"\f412";
}
.fa-square-web-awesome-stroke {
  --fa:"\e684";
}
.fa-searchengin {
  --fa:"\f3eb";
}
.fa-tiktok {
  --fa:"\e07b";
}
.fa-facebook-square,
.fa-square-facebook {
  --fa:"\f082";
}
.fa-renren {
  --fa:"\f18b";
}
.fa-linux {
  --fa:"\f17c";
}
.fa-glide {
  --fa:"\f2a5";
}
.fa-linkedin {
  --fa:"\f08c";
}
.fa-hubspot {
  --fa:"\f3b2";
}
.fa-deploydog {
  --fa:"\f38e";
}
.fa-twitch {
  --fa:"\f1e8";
}
.fa-flutter {
  --fa:"\e694";
}
.fa-ravelry {
  --fa:"\f2d9";
}
.fa-mixer {
  --fa:"\e056";
}
.fa-lastfm-square,
.fa-square-lastfm {
  --fa:"\f203";
}
.fa-vimeo {
  --fa:"\f40a";
}
.fa-mendeley {
  --fa:"\f7b3";
}
.fa-uniregistry {
  --fa:"\f404";
}
.fa-figma {
  --fa:"\f799";
}
.fa-creative-commons-remix {
  --fa:"\f4ee";
}
.fa-cc-amazon-pay {
  --fa:"\f42d";
}
.fa-dropbox {
  --fa:"\f16b";
}
.fa-instagram {
  --fa:"\f16d";
}
.fa-cmplid {
  --fa:"\e360";
}
.fa-upwork {
  --fa:"\e641";
}
.fa-facebook {
  --fa:"\f09a";
}
.fa-gripfire {
  --fa:"\f3ac";
}
.fa-jedi-order {
  --fa:"\f50e";
}
.fa-uikit {
  --fa:"\f403";
}
.fa-fort-awesome-alt {
  --fa:"\f3a3";
}
.fa-phabricator {
  --fa:"\f3db";
}
.fa-ussunnah {
  --fa:"\f407";
}
.fa-earlybirds {
  --fa:"\f39a";
}
.fa-trade-federation {
  --fa:"\f513";
}
.fa-autoprefixer {
  --fa:"\f41c";
}
.fa-whatsapp {
  --fa:"\f232";
}
.fa-square-upwork {
  --fa:"\e67c";
}
.fa-slideshare {
  --fa:"\f1e7";
}
.fa-google-play {
  --fa:"\f3ab";
}
.fa-viadeo {
  --fa:"\f2a9";
}
.fa-line {
  --fa:"\f3c0";
}
.fa-google-drive {
  --fa:"\f3aa";
}
.fa-servicestack {
  --fa:"\f3ec";
}
.fa-simplybuilt {
  --fa:"\f215";
}
.fa-bitbucket {
  --fa:"\f171";
}
.fa-imdb {
  --fa:"\f2d8";
}
.fa-deezer {
  --fa:"\e077";
}
.fa-raspberry-pi {
  --fa:"\f7bb";
}
.fa-jira {
  --fa:"\f7b1";
}
.fa-docker {
  --fa:"\f395";
}
.fa-screenpal {
  --fa:"\e570";
}
.fa-bluetooth {
  --fa:"\f293";
}
.fa-gitter {
  --fa:"\f426";
}
.fa-d-and-d {
  --fa:"\f38d";
}
.fa-microblog {
  --fa:"\e01a";
}
.fa-cc-diners-club {
  --fa:"\f24c";
}
.fa-gg-circle {
  --fa:"\f261";
}
.fa-pied-piper-hat {
  --fa:"\f4e5";
}
.fa-kickstarter-k {
  --fa:"\f3bc";
}
.fa-yandex {
  --fa:"\f413";
}
.fa-readme {
  --fa:"\f4d5";
}
.fa-html5 {
  --fa:"\f13b";
}
.fa-sellsy {
  --fa:"\f213";
}
.fa-square-web-awesome {
  --fa:"\e683";
}
.fa-sass {
  --fa:"\f41e";
}
.fa-wirsindhandwerk,
.fa-wsh {
  --fa:"\e2d0";
}
.fa-buromobelexperte {
  --fa:"\f37f";
}
.fa-salesforce {
  --fa:"\f83b";
}
.fa-octopus-deploy {
  --fa:"\e082";
}
.fa-medapps {
  --fa:"\f3c6";
}
.fa-ns8 {
  --fa:"\f3d5";
}
.fa-pinterest-p {
  --fa:"\f231";
}
.fa-apper {
  --fa:"\f371";
}
.fa-fort-awesome {
  --fa:"\f286";
}
.fa-waze {
  --fa:"\f83f";
}
.fa-bluesky {
  --fa:"\e671";
}
.fa-cc-jcb {
  --fa:"\f24b";
}
.fa-snapchat,
.fa-snapchat-ghost {
  --fa:"\f2ab";
}
.fa-fantasy-flight-games {
  --fa:"\f6dc";
}
.fa-rust {
  --fa:"\e07a";
}
.fa-wix {
  --fa:"\f5cf";
}
.fa-behance-square,
.fa-square-behance {
  --fa:"\f1b5";
}
.fa-supple {
  --fa:"\f3f9";
}
.fa-webflow {
  --fa:"\e65c";
}
.fa-rebel {
  --fa:"\f1d0";
}
.fa-css3 {
  --fa:"\f13c";
}
.fa-staylinked {
  --fa:"\f3f5";
}
.fa-kaggle {
  --fa:"\f5fa";
}
.fa-space-awesome {
  --fa:"\e5ac";
}
.fa-deviantart {
  --fa:"\f1bd";
}
.fa-cpanel {
  --fa:"\f388";
}
.fa-goodreads-g {
  --fa:"\f3a9";
}
.fa-git-square,
.fa-square-git {
  --fa:"\f1d2";
}
.fa-square-tumblr,
.fa-tumblr-square {
  --fa:"\f174";
}
.fa-trello {
  --fa:"\f181";
}
.fa-creative-commons-nc-jp {
  --fa:"\f4ea";
}
.fa-get-pocket {
  --fa:"\f265";
}
.fa-perbyte {
  --fa:"\e083";
}
.fa-grunt {
  --fa:"\f3ad";
}
.fa-weebly {
  --fa:"\f5cc";
}
.fa-connectdevelop {
  --fa:"\f20e";
}
.fa-leanpub {
  --fa:"\f212";
}
.fa-black-tie {
  --fa:"\f27e";
}
.fa-themeco {
  --fa:"\f5c6";
}
.fa-python {
  --fa:"\f3e2";
}
.fa-android {
  --fa:"\f17b";
}
.fa-bots {
  --fa:"\e340";
}
.fa-free-code-camp {
  --fa:"\f2c5";
}
.fa-hornbill {
  --fa:"\f592";
}
.fa-js {
  --fa:"\f3b8";
}
.fa-ideal {
  --fa:"\e013";
}
.fa-git {
  --fa:"\f1d3";
}
.fa-dev {
  --fa:"\f6cc";
}
.fa-sketch {
  --fa:"\f7c6";
}
.fa-yandex-international {
  --fa:"\f414";
}
.fa-cc-amex {
  --fa:"\f1f3";
}
.fa-uber {
  --fa:"\f402";
}
.fa-github {
  --fa:"\f09b";
}
.fa-php {
  --fa:"\f457";
}
.fa-alipay {
  --fa:"\f642";
}
.fa-youtube {
  --fa:"\f167";
}
.fa-skyatlas {
  --fa:"\f216";
}
.fa-firefox-browser {
  --fa:"\e007";
}
.fa-replyd {
  --fa:"\f3e6";
}
.fa-suse {
  --fa:"\f7d6";
}
.fa-jenkins {
  --fa:"\f3b6";
}
.fa-twitter {
  --fa:"\f099";
}
.fa-rockrms {
  --fa:"\f3e9";
}
.fa-pinterest {
  --fa:"\f0d2";
}
.fa-buffer {
  --fa:"\f837";
}
.fa-npm {
  --fa:"\f3d4";
}
.fa-yammer {
  --fa:"\f840";
}
.fa-btc {
  --fa:"\f15a";
}
.fa-dribbble {
  --fa:"\f17d";
}
.fa-stumbleupon-circle {
  --fa:"\f1a3";
}
.fa-internet-explorer {
  --fa:"\f26b";
}
.fa-stubber {
  --fa:"\e5c7";
}
.fa-telegram,
.fa-telegram-plane {
  --fa:"\f2c6";
}
.fa-old-republic {
  --fa:"\f510";
}
.fa-odysee {
  --fa:"\e5c6";
}
.fa-square-whatsapp,
.fa-whatsapp-square {
  --fa:"\f40c";
}
.fa-node-js {
  --fa:"\f3d3";
}
.fa-edge-legacy {
  --fa:"\e078";
}
.fa-slack,
.fa-slack-hash {
  --fa:"\f198";
}
.fa-medrt {
  --fa:"\f3c8";
}
.fa-usb {
  --fa:"\f287";
}
.fa-tumblr {
  --fa:"\f173";
}
.fa-vaadin {
  --fa:"\f408";
}
.fa-quora {
  --fa:"\f2c4";
}
.fa-square-x-twitter {
  --fa:"\e61a";
}
.fa-reacteurope {
  --fa:"\f75d";
}
.fa-medium,
.fa-medium-m {
  --fa:"\f23a";
}
.fa-amilia {
  --fa:"\f36d";
}
.fa-mixcloud {
  --fa:"\f289";
}
.fa-flipboard {
  --fa:"\f44d";
}
.fa-viacoin {
  --fa:"\f237";
}
.fa-critical-role {
  --fa:"\f6c9";
}
.fa-sitrox {
  --fa:"\e44a";
}
.fa-discourse {
  --fa:"\f393";
}
.fa-joomla {
  --fa:"\f1aa";
}
.fa-mastodon {
  --fa:"\f4f6";
}
.fa-airbnb {
  --fa:"\f834";
}
.fa-wolf-pack-battalion {
  --fa:"\f514";
}
.fa-buy-n-large {
  --fa:"\f8a6";
}
.fa-gulp {
  --fa:"\f3ae";
}
.fa-creative-commons-sampling-plus {
  --fa:"\f4f1";
}
.fa-strava {
  --fa:"\f428";
}
.fa-ember {
  --fa:"\f423";
}
.fa-canadian-maple-leaf {
  --fa:"\f785";
}
.fa-teamspeak {
  --fa:"\f4f9";
}
.fa-pushed {
  --fa:"\f3e1";
}
.fa-wordpress-simple {
  --fa:"\f411";
}
.fa-nutritionix {
  --fa:"\f3d6";
}
.fa-wodu {
  --fa:"\e088";
}
.fa-google-pay {
  --fa:"\e079";
}
.fa-intercom {
  --fa:"\f7af";
}
.fa-zhihu {
  --fa:"\f63f";
}
.fa-korvue {
  --fa:"\f42f";
}
.fa-pix {
  --fa:"\e43a";
}
.fa-steam-symbol {
  --fa:"\f3f6";
}
:host,
:root {
  --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/fa-regular-400-QSNYFYRT.woff2") format("woff2"), url("./media/fa-regular-400-XUOPSR7E.ttf") format("truetype");
}
.fa-regular,
.far {
  font-weight: 400;
}
:host,
:root {
  --fa-style-family-classic:"Font Awesome 6 Free";
  --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./media/fa-solid-900-5ZUYHGA7.woff2") format("woff2"), url("./media/fa-solid-900-PJNKLK6W.ttf") format("truetype");
}
.fa-solid,
.fas {
  font-weight: 900;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("./media/fa-brands-400-Q3XCMWHQ.woff2") format("woff2"), url("./media/fa-brands-400-R2XQZCET.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("./media/fa-solid-900-5ZUYHGA7.woff2") format("woff2"), url("./media/fa-solid-900-PJNKLK6W.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("./media/fa-regular-400-QSNYFYRT.woff2") format("woff2"), url("./media/fa-regular-400-XUOPSR7E.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("./media/fa-solid-900-5ZUYHGA7.woff2") format("woff2"), url("./media/fa-solid-900-PJNKLK6W.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("./media/fa-brands-400-Q3XCMWHQ.woff2") format("woff2"), url("./media/fa-brands-400-R2XQZCET.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("./media/fa-regular-400-QSNYFYRT.woff2") format("woff2"), url("./media/fa-regular-400-XUOPSR7E.ttf") format("truetype");
  unicode-range:
    u+f003,
    u+f006,
    u+f014,
    u+f016-f017,
    u+f01a-f01b,
    u+f01d,
    u+f022,
    u+f03e,
    u+f044,
    u+f046,
    u+f05c-f05d,
    u+f06e,
    u+f070,
    u+f087-f088,
    u+f08a,
    u+f094,
    u+f096-f097,
    u+f09d,
    u+f0a0,
    u+f0a2,
    u+f0a4-f0a7,
    u+f0c5,
    u+f0c7,
    u+f0e5-f0e6,
    u+f0eb,
    u+f0f6-f0f8,
    u+f10c,
    u+f114-f115,
    u+f118-f11a,
    u+f11c-f11d,
    u+f133,
    u+f147,
    u+f14e,
    u+f150-f152,
    u+f185-f186,
    u+f18e,
    u+f190-f192,
    u+f196,
    u+f1c1-f1c9,
    u+f1d9,
    u+f1db,
    u+f1e3,
    u+f1ea,
    u+f1f7,
    u+f1f9,
    u+f20a,
    u+f247-f248,
    u+f24a,
    u+f24d,
    u+f255-f25b,
    u+f25d,
    u+f271-f274,
    u+f278,
    u+f27b,
    u+f28c,
    u+f28e,
    u+f29c,
    u+f2b5,
    u+f2b7,
    u+f2ba,
    u+f2bc,
    u+f2be,
    u+f2c0-f2c1,
    u+f2c3,
    u+f2d0,
    u+f2d2,
    u+f2d4,
    u+f2dc;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("./media/fa-v4compatibility-LFEHZI6Y.woff2") format("woff2"), url("./media/fa-v4compatibility-YY67RJWG.ttf") format("truetype");
  unicode-range:
    u+f041,
    u+f047,
    u+f065-f066,
    u+f07d-f07e,
    u+f080,
    u+f08b,
    u+f08e,
    u+f090,
    u+f09a,
    u+f0ac,
    u+f0ae,
    u+f0b2,
    u+f0d0,
    u+f0d6,
    u+f0e4,
    u+f0ec,
    u+f10a-f10b,
    u+f123,
    u+f13e,
    u+f148-f149,
    u+f14c,
    u+f156,
    u+f15e,
    u+f160-f161,
    u+f163,
    u+f175-f178,
    u+f195,
    u+f1f8,
    u+f219,
    u+f27a;
}

/* src/styles.scss */
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url("./media/roboto-regular-webfont-4IATVJY4.woff2") format("woff2"), url("./media/roboto-regular-webfont-LBLWC6UA.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url("./media/roboto-bold-webfont-V52ZVSEZ.woff2") format("woff2"), url("./media/roboto-bold-webfont-P6GKFNFU.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: italic;
  src: url("./media/roboto-bolditalic-webfont-OASSFW6T.woff2") format("woff2"), url("./media/roboto-bolditalic-webfont-YRC5X2WE.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  src: url("./media/roboto-black-webfont-NKKGAHFZ.woff2") format("woff2"), url("./media/roboto-black-webfont-UFYMHAMA.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: italic;
  src: url("./media/roboto-blackitalic-webfont-KHXJSGAJ.woff2") format("woff2"), url("./media/roboto-blackitalic-webfont-KRUTBBW5.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Material Icons Outlined";
  font-weight: 400;
  font-style: normal;
  src: url("./media/material-icons-outlined-7BWLPMFK.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Icons";
  font-weight: 400;
  font-style: normal;
  src: url("./media/material-icons-regular-LEZCGFVT.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  src: url("./media/material-icons-round-WEHMTW23.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Icons Sharp";
  font-weight: 400;
  font-style: normal;
  src: url("./media/material-icons-sharp-HCCYMPXE.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-weight: 400;
  font-style: normal;
  src: url("./media/material-icons-two-tone-M5N5K6F5.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url("./media/material-symbols-outlined-QRBPXWJM.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  src: url("./media/material-symbols-rounded-WEQZERUQ.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  src: url("./media/material-symbols-sharp-GDAKN5FM.woff2") format("woff2");
  font-display: block;
}
.icon-button:hover {
  cursor: pointer;
}
.sc-button {
  padding: 10px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
}
.sc-button.blue {
  background-color: #40b4e2;
  color: #ffffff;
}
.mini-button {
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
}
.sc-line-control .sc-control,
.sc-line-control .sc-text {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
.sc-line-control .sc-control .mat-mdc-select,
.sc-line-control .sc-text .mat-mdc-select {
  display: block;
  flex-grow: 1;
  width: unset;
}
.sc-form .mat-datepicker-input {
  padding-top: 10px;
}
.mat-mdc-select {
  height: 36px;
  line-height: 36px;
  font-size: 1.3em;
  position: relative;
  color: #7b6e65;
}
.mat-mdc-select .mat-mdc-select-value-text {
  color: #7b6e65;
  padding-left: 3px;
}
.mat-mdc-select .mat-mdc-select-arrow-wrapper {
  position: relative;
  right: 5px;
}
.dynamic-grid {
  display: block;
  height: 100%;
}
.dynamic-grid p-table {
  display: block;
  height: 100%;
}
.dynamic-grid p-table .p-datatable {
  height: 100%;
}
.dynamic-grid p-table .p-datatable .p-datatable-table-container {
  height: 100%;
}
.toggleable-columns-grid .p-datatable-table-container {
  height: calc(100vh - 255px) !important;
}
.toggleable-grid-footer .toggleable-columns-grid .p-datatable-table-container {
  height: calc(100vh - 326px) !important;
}
.full-height-grid .p-datatable-table-container {
  height: calc(100vh - 200px);
}
.height-grid-100 .p-datatable-table-container {
  height: calc(100vh - 190px);
}
.sc-with-footer .p-datatable-table-container {
  height: calc(100vh - 256px) !important;
}
.sc-form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  flex-flow: column;
  flex: 1;
}
.sc-form .sc-form-row {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  gap: 10px;
}
.sc-form-control {
  flex: 1 1 calc(25% - 10px);
  min-width: 150px;
  max-width: calc(50% - 5px);
}
.sc-100 {
  max-width: 100% !important;
}
.sc-width-50 {
  margin: 0 auto;
  max-width: 50%;
}
form.careers > div {
  margin: 15px;
}
form.careers,
.careers-form {
  padding-bottom: 56px;
}
form.careers .mat-mdc-card,
.careers-form .mat-mdc-card {
}
form.careers .card-title-text,
.careers-form .card-title-text {
  padding: 15px !important;
  color: #7b6e65;
  font-size: 1em;
}
form.careers .mat-mdc-card-content,
.careers-form .mat-mdc-card-content {
  padding: 15px !important;
  color: #7b6e65;
}
form.careers .mat-mdc-card-content label,
.careers-form .mat-mdc-card-content label {
  font-size: 1.2em;
  position: relative;
  top: -2px;
}
form.careers .mat-mdc-card-content input[type=text],
form.careers .mat-mdc-card-content input[type=number],
.careers-form .mat-mdc-card-content input[type=text],
.careers-form .mat-mdc-card-content input[type=number] {
  height: 36px;
  line-height: 36px;
  font-size: 1.3em;
  color: #7b6e65;
}
form.careers .mat-mdc-card-content .sc-form-row,
.careers-form .mat-mdc-card-content .sc-form-row {
  margin: 5px 0 0;
}
form.careers .mat-mdc-card-content textarea,
form.careers .mat-mdc-card-content textarea.sc-text-area,
.careers-form .mat-mdc-card-content textarea,
.careers-form .mat-mdc-card-content textarea.sc-text-area {
  font-size: 1.3em;
  color: #7b6e65;
  padding: 5px;
}
form.careers .mat-mdc-card-content quill-editor,
.careers-form .mat-mdc-card-content quill-editor {
  display: block;
}
form.careers .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.careers-form .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding: 0;
}
form.careers .mat-mdc-card-content .sabis-datepicker mat-form-field:hover,
.careers-form .mat-mdc-card-content .sabis-datepicker mat-form-field:hover {
  background: none !important;
}
form.careers .mat-mdc-card-content .sabis-datepicker mat-form-field input,
.careers-form .mat-mdc-card-content .sabis-datepicker mat-form-field input {
  caret-color: #7b6e65;
}
form.careers .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple,
form.careers .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper .mdc-floating-label,
.careers-form .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple,
.careers-form .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper .mdc-floating-label {
  display: none;
}
form.careers .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper,
.careers-form .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper {
  background: none;
  border: 1px solid #b6ada5;
  border-radius: 0;
}
form.careers .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper:hover,
.careers-form .mat-mdc-card-content .sabis-datepicker mat-form-field .mat-mdc-text-field-wrapper:hover {
  background: none;
}
form.careers:after,
.careers-form:after {
  content: "";
  width: 100%;
  height: 100px;
}
.sidebar-closed form.careers footer {
  width: 100%;
}
.sidebar-closed footer {
  width: 100%;
}
footer {
  position: fixed;
  bottom: 40px;
  height: 56px;
  width: calc(100% - 15rem);
  background: #f7f4f2;
  display: flex;
  flex-flow: row;
  gap: 10px;
  justify-content: flex-end;
  padding: 10px;
  transition: 0.1s all;
  z-index: 1000;
  border-top: 1px solid #e3dbd3;
}
.dynamicforminstance-wrapper {
  margin: 15px;
}
.reset-fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.card-no-margin .mat-mdc-card {
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.card-no-margin .card-title-text {
  padding: 5px !important;
  padding-left: 10px !important;
}
.card-no-margin .mat-mdc-card-content {
  padding: 10px !important;
  padding-top: 0 !important;
}
.card-no-borders .mat-mdc-card {
  border: 0;
}
.no-form-card-content {
  display: flex !important;
  flex-flow: column;
  gap: 15px;
}
.sca-list {
  display: flex;
  flex-flow: column;
}
.sca-list .sca-item {
  border-bottom: 1px solid #f7f4f2;
  display: flex;
  gap: 5px;
}
.sca-list .sca-item .no-min-height .mat-mdc-menu-item {
  min-height: 0;
}
.sca-list .col {
  flex-flow: column;
}
.sca-list .row {
  flex-flow: row;
}
.sc-full-height .modal-body {
  max-height: calc(100vh - 157px);
  overflow: auto;
}
.fullscreen-dialog {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100%;
  height: 100%;
}
.largescreen-dialog {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 95%;
  height: 90%;
}
.my-requisitions {
  background-color: rgb(0, 160, 214);
  color: #ffffff;
}
.general-applications {
  background-color: rgb(189, 52, 147);
  color: #ffffff;
}
.unprocessed-general-applications {
  background-color: rgb(241, 94, 79);
  color: #ffffff;
}
.live-postings {
  background-color: rgb(1, 104, 54);
  color: #ffffff;
}
.expired-postings {
  background-color: rgb(182, 173, 164);
  color: #ffffff;
}
.expiring-postings {
  background-color: rgb(251, 196, 48);
  color: #ffffff;
}
.pending-approval-requisitions {
  background-color: rgb(157, 22, 46);
  color: #ffffff;
}
.failed-emails {
  background-color: rgb(229, 60, 46);
  color: #ffffff;
}
body {
  --google-font-color-materialiconstwotone: none;
}
.material-icons {
  font-family: "Material Icons";
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
}
.material-icons-round {
  font-family: "Material Icons Round";
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
}
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
}
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.mdc-switch {
  --mat-slide-toggle-selected-focus-state-layer-color: $lighter-blue-color !important;
  --mat-slide-toggle-selected-handle-color: $lighter-blue-color !important;
  --mat-slide-toggle-selected-hover-state-layer-color: $lighter-blue-color !important;
  --mat-slide-toggle-selected-pressed-state-layer-color: $lighter-blue-color !important;
}
.mdc-switch__track::before,
.mdc-switch__track::after {
  background-color: #dfeff9 !important;
}
.mdc-switch__handle::after {
  background-color: #0080bb !important;
}
.mdc-switch__icon {
  fill: #dfeff9 !important;
}
sabis-dynamicform .sabis-dynamicform article {
  width: 100%;
}
sabis-dynamicform .sabis-dynamicform article .form {
  width: 100%;
}
sabis-dynamicform .sabis-dynamicform article .form textarea {
  width: 100%;
  height: 200px;
}
sabis-dynamicform .sabis-dynamicform article .form form {
  width: 100% !important;
}
.sabis-dynamicform.print h1 {
  text-align: center;
}
.sabis-dynamicform.print fieldset {
  border: none !important;
}
.sabis-dynamicform.print .required {
  display: none;
}
.sabis-dynamicform.print form {
  width: 100% !important;
}
.sabis-dynamicform.print .image img {
  max-width: 50% !important;
}
.sabis-dynamicform .apply-container article form fieldset .form-control input,
.inner-page.apply-online .apply-container article form fieldset .form-control select {
  background: inherit !important;
}
.modal-overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  transition: 0.4s all;
}
.modal-overlay .modal {
  opacity: 0;
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 1001;
  max-height: 80%;
  transition: 0.4s all;
  transition-delay: 0.1s;
  display: flex;
  flex-direction: column;
}
.modal-overlay .modal h2 {
  font-weight: 300;
  border-bottom: 1px solid #b6ada4;
  padding-bottom: 20px;
}
.modal-overlay .modal h2 button {
  float: right;
  background: none;
  font-weight: 700;
  font-size: 18px;
  color: #000000;
  border: none;
}
.modal-overlay .modal .body {
  overflow-y: auto;
  margin: 20px 0;
}
.modal-overlay .modal .body ul {
  list-style: inside;
}
.modal-overlay .modal .body ul li {
  padding-left: 10px;
  margin: 5px 0;
}
.modal-overlay .modal .body ul li:last-child {
  display: none;
}
.modal-overlay .modal button {
  padding: 8px;
  text-align: center;
  background: #016836;
  transition: 0.3s all ease-in-out;
  text-transform: uppercase;
  border: 1px solid #016836;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.1em;
}
.modal-overlay .modal button:hover {
  background: #ffffff;
  color: #016836;
}
.modal-overlay .modal.validation {
  border-top: 10px solid #EC5542;
}
.modal-overlay .modal.validation h2 {
  color: #EC5542;
}
.modal-overlay .modal.validation button {
  background: #EC5542;
  border: 1px solid #EC5542;
}
.modal-overlay .modal.validation button:hover {
  background: #ffffff;
  color: #EC5542;
}
.modal-overlay .modal.reuse,
.modal-overlay .modal.save-progress {
  width: 600px;
}
.modal-overlay .modal.reuse p,
.modal-overlay .modal.reuse label,
.modal-overlay .modal.save-progress p,
.modal-overlay .modal.save-progress label {
  margin: 10px 0;
}
.modal-overlay .modal.reuse input,
.modal-overlay .modal.save-progress input {
  width: 100%;
}
.modal-overlay .modal.reuse .validation,
.modal-overlay .modal.save-progress .validation {
  color: #EC5542;
}
.modal-overlay.visible {
  opacity: 1;
}
.modal-overlay.visible .modal {
  opacity: 1;
  top: 50%;
}
.careers-qr-code {
  display: flex;
  justify-content: flex-end;
}
.careers-qr-code__container {
  position: relative;
  border: 1px solid #e3dbd3;
  width: 250px;
  height: 250px;
}
.careers-qr-code__container img {
  opacity: 1;
  transition: 0.5s ease;
  backface-visibility: hidden;
  object-fit: cover;
}
.careers-qr-code__container:hover img {
  opacity: 0.1;
}
.careers-qr-code__container:hover .careers-qr-code__container__download {
  opacity: 1;
}
.careers-qr-code__container__download {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.careers-qr-code__container__download a .material-symbols-outlined {
  font-size: 3rem;
}
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\d7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close) {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before,
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::after {
  visibility: visible;
}
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
* {
  font-family:
    "Roboto",
    Arial,
    sans-serif;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  color: #656565;
}
.candidates-column {
  min-width: 150px;
}
.candidates-column__fit-content {
  min-width: inherit;
}
.candidate-history .multi-cards-row mat-card-content {
  height: 500px;
  overflow: auto;
}
.entities-button {
  text-align: left;
}
.mdc-menu-surface.mat-mdc-autocomplete-panel {
  max-height: 500px !important;
}
.p-column-filter-menu-button,
p-column-filter-clear-button {
  display: none !important;
}
sca-report-builder .mat-mdc-tab-body-wrapper {
  padding: 5px;
}
sca-report-builder .with-grid .mat-mdc-tab-body-wrapper {
  height: 300px;
}
a {
  text-decoration: none;
  color: #0080bb;
}
a:hover {
  color: #40b4e2;
  text-decoration: none;
}
a:hover svg path {
  fill: #40b4e2;
}
a:focus {
  text-decoration: none;
}
a[disabled] {
  pointer-events: none;
  color: #b6ada4;
  cursor: default;
}
a svg path {
  fill: #0080bb;
}

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
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;
}
html {
  --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;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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);
}
html {
  --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;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
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;
}
html {
  --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-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-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);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
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;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-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);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-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);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-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 {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-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 {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-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-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-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);
}
html {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --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;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.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--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .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 {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.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 {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
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;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-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);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-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);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-small-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);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-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);
  --mat-fab-small-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);
  --mat-fab-small-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);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --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);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --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;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.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-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --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;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-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);
  --mat-datepicker-calendar-container-touch-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);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --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: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --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: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --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: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
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;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --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;
}
html {
  --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;
}
html {
  --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-elevation-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-sidenav-container-width: auto;
}
html {
  --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);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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;
}
.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;
}
.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;
}
html {
  --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;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --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;
}
html {
  --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;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-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);
}
html {
  --mat-timepicker-container-background-color: white;
}
.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: 0.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: 0.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: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.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: 0.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: 0.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: 0.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: -0.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: 0.0073529412em;
  margin: 0 0 64px;
}

/* dist/sabis-components2/assets/scss/styles.scss */
.input-label {
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 5px;
  font-size: 16px;
  color: #7b6d65;
}
.input-label.disabled,
.input-label [disabled],
.input-label[readonly] {
  color: #b6ada4;
}
textarea {
  font-family: Arial;
}
.sc-required:after {
  content: "*";
  color: #e53c2e;
}
.sc-action-bar {
  margin-bottom: 15px;
  background-color: #f7f4f2;
  height: 30px;
  font-size: 16px;
}
.sc-action-bar a {
  padding: 0 10px;
  line-height: 30px;
  color: #0080bb;
  text-decoration: none;
}
.sc-action-bar a:hover {
  color: #40b4e2;
}
.sc-action-bar-pager {
  padding-right: 10px;
  float: right;
}
.sabis-text {
  font-size: 16px;
  border: 1px solid #e3dbd3;
  border-radius: 0 !important;
  color: #7b6d65 !important;
  resize: none;
  box-shadow: none !important;
  padding: 3px 8px;
  height: 36px;
}
.sabis-text:focus {
  border-color: #81c6e9;
  box-shadow: none !important;
  outline: none;
}
.sabis-text::placeholder {
  color: #b6ada4 !important;
}
.sabis-text::-webkit-input-placeholder {
  color: #b6ada4 !important;
}
.sabis-text::-moz-placeholder {
  color: #b6ada4 !important;
}
.sabis-text:-ms-input-placeholder {
  color: #b6ada4 !important;
}
.sabis-text :-moz-placeholder {
  color: #b6ada4 !important;
}
.sabis-text:-webkit-autofill {
  background-color: #ffffff !important;
  box-shadow: inset 0 0 0px 9999px #ffffff;
  -webkit-box-shadow: inset 0 0 0px 9999px #ffffff !important;
  -webkit-text-fill-color: #7b6d65;
}
.sabis-text::-ms-clear {
  display: none;
}
.sabis-text:disabled {
  background-color: #f7f4f2;
  color: #b6ada4 !important;
  cursor: default !important;
}
.sabis-text:disabled::placeholder {
  color: #e3dbd3 !important;
}
.btn-clear:hover svg path {
  fill: #e53c2e;
}
.disabled .btn-clear:hover svg path {
  fill: #b6ada4;
}
.sc-button,
.sc-button-red,
.sc-button-green,
.sc-button-blue {
  color: #ffffff;
  font-size: 16px;
  border-radius: 8px !important;
  height: 30px;
  min-width: 75px;
  outline: none;
  box-shadow: none;
  cursor: pointer;
}
.sc-button:hover,
.sc-button-red:hover,
.sc-button-green:hover,
.sc-button-blue:hover,
.sc-button:focus,
.sc-button-red:focus,
.sc-button-green:focus,
.sc-button-blue:focus {
  outline: none !important;
  box-shadow: none !important;
}
.sc-button[disabled],
[disabled].sc-button-red,
[disabled].sc-button-green,
[disabled].sc-button-blue {
  background-color: #b6ada4;
  cursor: default;
}
.sc-button[disabled]:hover,
[disabled].sc-button-red:hover,
[disabled].sc-button-green:hover,
[disabled].sc-button-blue:hover {
  background-color: #b6ada4;
  cursor: default !important;
}
.sc-button-blue {
  background-color: #0080bb;
  color: #ffffff;
}
.sc-button-blue:hover,
.sc-button-blue:focus {
  background-color: #40b4e2;
  color: #ffffff;
}
.sc-button-green {
  background-color: #016836;
}
.sc-button-green:hover,
.sc-button-green:focus {
  background-color: #b6ada4;
  color: #ffffff;
}
.sc-button-red {
  background-color: #e53c2e;
}
.sc-button-red:hover,
.sc-button-red:focus {
  background-color: #f3755f;
  color: #ffffff;
}
.sc-modal {
}
.sc-modal .mdc-dialog__surface {
  border-radius: 0 !important;
}
.sc-modal .modal-footer sabis-ngx-button {
  margin: 0 5px;
}
.sc-modal .modal-footer sabis-ngx-button:last-child {
  margin-right: 0;
}
.mat-mdc-select {
  background: white;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.sc-field {
  margin: 10px 0 5px;
}
.sc-field-label {
  margin: 10px 0 5px;
}
.p-10 {
  padding: 10px;
}
.p-b-10 {
  padding-bottom: 10px;
}
.p-15 {
  padding: 15px;
}
.w100 {
  width: 100%;
}
.row.p5 {
  margin-right: -5px;
  margin-left: -5px;
}
.row.p5 [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.row.p0 {
  margin-right: 0px;
  margin-left: 0px;
}
.row.p0 [class*=col-] {
  padding-right: 0px;
  padding-left: 0px;
}
.f-right {
  float: right;
}
.ta-left {
  text-align: left;
}
.ta-center {
  text-align: center;
}
.ta-right {
  text-align: right;
}
.d-ib {
  display: inline-block;
}
#toast-container > .toast-success {
  background-color: #016836;
}
#toast-container > .toast-error {
  background-color: #e53c2e;
}
#toast-container > .toast-warning {
  background-color: #fbc430;
}
#toast-container > .toast-info {
  background-color: #fbc430;
}
.sc-error-message {
  color: #e53c2e;
  font-size: 12px;
}
strong {
  font-weight: bold !important;
}
.modal-footer .btn {
  margin-left: 10px;
}
.arrow-icon {
  width: 10px;
  height: 25px;
  fill: #7b6d65;
  margin: auto;
  display: block;
}
.arrow-icon.left {
  transform: rotate(90deg);
}
.arrow-icon.right {
  transform: rotate(-90deg);
}
.arrow-container:hover .arrow-icon {
  fill: #0080bb;
}
.arrow-container.disabled .arrow-icon {
  fill: #b6ada4;
}
.sc-clickable {
  cursor: pointer;
}
.control-label {
  color: #7b6d65;
}

/* node_modules/perfect-scrollbar/css/perfect-scrollbar.css */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

/* node_modules/flag-icons/css/flag-icons.min.css */
.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: "\a0";
}
.fi.fis {
  width: 1em;
}
.fi-xx {
  background-image: url("./media/xx-PLWBNAIN.svg");
}
.fi-xx.fis {
  background-image: url("./media/xx-G3UIP7DW.svg");
}
.fi-ad {
  background-image: url("./media/ad-DX6D6P35.svg");
}
.fi-ad.fis {
  background-image: url("./media/ad-KVXQV3EL.svg");
}
.fi-ae {
  background-image: url("./media/ae-ICAMTCAR.svg");
}
.fi-ae.fis {
  background-image: url("./media/ae-B5QKIR2Q.svg");
}
.fi-af {
  background-image: url("./media/af-VAKD7WWU.svg");
}
.fi-af.fis {
  background-image: url("./media/af-XK552AD7.svg");
}
.fi-ag {
  background-image: url("./media/ag-3P63ZZH7.svg");
}
.fi-ag.fis {
  background-image: url("./media/ag-E7PNEUTV.svg");
}
.fi-ai {
  background-image: url("./media/ai-GDCCT3PR.svg");
}
.fi-ai.fis {
  background-image: url("./media/ai-X6EYIEK7.svg");
}
.fi-al {
  background-image: url("./media/al-4PIKK7NJ.svg");
}
.fi-al.fis {
  background-image: url("./media/al-LQBEGGN6.svg");
}
.fi-am {
  background-image: url("./media/am-P5ZIE6XV.svg");
}
.fi-am.fis {
  background-image: url("./media/am-GSESEJM5.svg");
}
.fi-ao {
  background-image: url("./media/ao-IDQ66LVW.svg");
}
.fi-ao.fis {
  background-image: url("./media/ao-ZHXITSFN.svg");
}
.fi-aq {
  background-image: url("./media/aq-M762DUH3.svg");
}
.fi-aq.fis {
  background-image: url("./media/aq-VRV3GXRO.svg");
}
.fi-ar {
  background-image: url("./media/ar-MEQXUBLS.svg");
}
.fi-ar.fis {
  background-image: url("./media/ar-CUWFYZCE.svg");
}
.fi-as {
  background-image: url("./media/as-7VEIEZXH.svg");
}
.fi-as.fis {
  background-image: url("./media/as-L5TXI7RK.svg");
}
.fi-at {
  background-image: url("./media/at-P53PFVFI.svg");
}
.fi-at.fis {
  background-image: url("./media/at-CPALIWFC.svg");
}
.fi-au {
  background-image: url("./media/au-OMD4QESS.svg");
}
.fi-au.fis {
  background-image: url("./media/au-2PONISSC.svg");
}
.fi-aw {
  background-image: url("./media/aw-J422VQZM.svg");
}
.fi-aw.fis {
  background-image: url("./media/aw-3SXKGASA.svg");
}
.fi-ax {
  background-image: url("./media/ax-KKUASZ2E.svg");
}
.fi-ax.fis {
  background-image: url("./media/ax-74KRLXQ4.svg");
}
.fi-az {
  background-image: url("./media/az-JZV3NJUP.svg");
}
.fi-az.fis {
  background-image: url("./media/az-PGS55UPJ.svg");
}
.fi-ba {
  background-image: url("./media/ba-YNS2UIM6.svg");
}
.fi-ba.fis {
  background-image: url("./media/ba-ZSQLKNHK.svg");
}
.fi-bb {
  background-image: url("./media/bb-BEDIQBE3.svg");
}
.fi-bb.fis {
  background-image: url("./media/bb-BN6R6DVW.svg");
}
.fi-bd {
  background-image: url("./media/bd-HMCXBQD3.svg");
}
.fi-bd.fis {
  background-image: url("./media/bd-3WQOALJA.svg");
}
.fi-be {
  background-image: url("./media/be-Y7RGT6WN.svg");
}
.fi-be.fis {
  background-image: url("./media/be-7U62Y5YU.svg");
}
.fi-bf {
  background-image: url("./media/bf-IFOTMWPV.svg");
}
.fi-bf.fis {
  background-image: url("./media/bf-LAHWWADE.svg");
}
.fi-bg {
  background-image: url("./media/bg-QKOWF4RG.svg");
}
.fi-bg.fis {
  background-image: url("./media/bg-33JB2ZQG.svg");
}
.fi-bh {
  background-image: url("./media/bh-F7YG7A6Z.svg");
}
.fi-bh.fis {
  background-image: url("./media/bh-QSDHTEIW.svg");
}
.fi-bi {
  background-image: url("./media/bi-U2ZALGUG.svg");
}
.fi-bi.fis {
  background-image: url("./media/bi-TJQ3UZ7A.svg");
}
.fi-bj {
  background-image: url("./media/bj-CN25RSKN.svg");
}
.fi-bj.fis {
  background-image: url("./media/bj-CSYFBYJX.svg");
}
.fi-bl {
  background-image: url("./media/bl-BVLZS6N6.svg");
}
.fi-bl.fis {
  background-image: url("./media/bl-FQR6M52P.svg");
}
.fi-bm {
  background-image: url("./media/bm-BEG7425E.svg");
}
.fi-bm.fis {
  background-image: url("./media/bm-DQ5P6CIH.svg");
}
.fi-bn {
  background-image: url("./media/bn-VKNDUUIF.svg");
}
.fi-bn.fis {
  background-image: url("./media/bn-SSWEZWPY.svg");
}
.fi-bo {
  background-image: url("./media/bo-72QF3CQ4.svg");
}
.fi-bo.fis {
  background-image: url("./media/bo-CQ7VQ4BM.svg");
}
.fi-bq {
  background-image: url("./media/bq-63KYFP2P.svg");
}
.fi-bq.fis {
  background-image: url("./media/bq-NCZV5VRJ.svg");
}
.fi-br {
  background-image: url("./media/br-E7SKW6QV.svg");
}
.fi-br.fis {
  background-image: url("./media/br-34YHZTK5.svg");
}
.fi-bs {
  background-image: url("./media/bs-NXGG7PUI.svg");
}
.fi-bs.fis {
  background-image: url("./media/bs-X2A64SWL.svg");
}
.fi-bt {
  background-image: url("./media/bt-ILNGCG6V.svg");
}
.fi-bt.fis {
  background-image: url("./media/bt-VCQOJOAT.svg");
}
.fi-bv {
  background-image: url("./media/bv-3PDSPR4E.svg");
}
.fi-bv.fis {
  background-image: url("./media/bv-WN3KBQRU.svg");
}
.fi-bw {
  background-image: url("./media/bw-GTCF3QZV.svg");
}
.fi-bw.fis {
  background-image: url("./media/bw-OQ3WEU2X.svg");
}
.fi-by {
  background-image: url("./media/by-S2MUQNB3.svg");
}
.fi-by.fis {
  background-image: url("./media/by-FODZCZIL.svg");
}
.fi-bz {
  background-image: url("./media/bz-B5NQHM4N.svg");
}
.fi-bz.fis {
  background-image: url("./media/bz-ZUEFJKKY.svg");
}
.fi-ca {
  background-image: url("./media/ca-WZPQPA7E.svg");
}
.fi-ca.fis {
  background-image: url("./media/ca-P4P47KUZ.svg");
}
.fi-cc {
  background-image: url("./media/cc-EV5QPUKJ.svg");
}
.fi-cc.fis {
  background-image: url("./media/cc-M76OBTJ5.svg");
}
.fi-cd {
  background-image: url("./media/cd-WTKKN7EX.svg");
}
.fi-cd.fis {
  background-image: url("./media/cd-2XXHFPFS.svg");
}
.fi-cf {
  background-image: url("./media/cf-XZ4EZSBL.svg");
}
.fi-cf.fis {
  background-image: url("./media/cf-NT7STPUR.svg");
}
.fi-cg {
  background-image: url("./media/cg-5WDML3CY.svg");
}
.fi-cg.fis {
  background-image: url("./media/cg-QQD5CN2Z.svg");
}
.fi-ch {
  background-image: url("./media/ch-USJZZOGC.svg");
}
.fi-ch.fis {
  background-image: url("./media/ch-XK5AFUZJ.svg");
}
.fi-ci {
  background-image: url("./media/ci-KFEINJVJ.svg");
}
.fi-ci.fis {
  background-image: url("./media/ci-M54FCW6L.svg");
}
.fi-ck {
  background-image: url("./media/ck-ATMQHHMA.svg");
}
.fi-ck.fis {
  background-image: url("./media/ck-2Z4BDAPR.svg");
}
.fi-cl {
  background-image: url("./media/cl-IPHE466T.svg");
}
.fi-cl.fis {
  background-image: url("./media/cl-NZ5JVL5D.svg");
}
.fi-cm {
  background-image: url("./media/cm-UKMPYCC7.svg");
}
.fi-cm.fis {
  background-image: url("./media/cm-6SBA3VM6.svg");
}
.fi-cn {
  background-image: url("./media/cn-P7M3XOME.svg");
}
.fi-cn.fis {
  background-image: url("./media/cn-ZNJNV4IL.svg");
}
.fi-co {
  background-image: url("./media/co-NN4OA66V.svg");
}
.fi-co.fis {
  background-image: url("./media/co-O2ECSUVX.svg");
}
.fi-cr {
  background-image: url("./media/cr-ZQEISEUX.svg");
}
.fi-cr.fis {
  background-image: url("./media/cr-DMRHIMC5.svg");
}
.fi-cu {
  background-image: url("./media/cu-S36A4KVL.svg");
}
.fi-cu.fis {
  background-image: url("./media/cu-AAQZTF4P.svg");
}
.fi-cv {
  background-image: url("./media/cv-RMXBYFLP.svg");
}
.fi-cv.fis {
  background-image: url("./media/cv-KJX5SGW5.svg");
}
.fi-cw {
  background-image: url("./media/cw-SO4F3P5A.svg");
}
.fi-cw.fis {
  background-image: url("./media/cw-AJKHVX6T.svg");
}
.fi-cx {
  background-image: url("./media/cx-KK4ASLRO.svg");
}
.fi-cx.fis {
  background-image: url("./media/cx-V5SIBH7H.svg");
}
.fi-cy {
  background-image: url("./media/cy-QQ2KID3R.svg");
}
.fi-cy.fis {
  background-image: url("./media/cy-Q5M6S6U5.svg");
}
.fi-cz {
  background-image: url("./media/cz-PSDLWGGB.svg");
}
.fi-cz.fis {
  background-image: url("./media/cz-QNKUAFG6.svg");
}
.fi-de {
  background-image: url("./media/de-UZ33VXB7.svg");
}
.fi-de.fis {
  background-image: url("./media/de-AFMAEIP2.svg");
}
.fi-dj {
  background-image: url("./media/dj-3PHKOVAC.svg");
}
.fi-dj.fis {
  background-image: url("./media/dj-A3KMI5T7.svg");
}
.fi-dk {
  background-image: url("./media/dk-JMBRHM34.svg");
}
.fi-dk.fis {
  background-image: url("./media/dk-RGBW7M2U.svg");
}
.fi-dm {
  background-image: url("./media/dm-RF3ON5YE.svg");
}
.fi-dm.fis {
  background-image: url("./media/dm-7GNW5WUZ.svg");
}
.fi-do {
  background-image: url("./media/do-OWB34DRQ.svg");
}
.fi-do.fis {
  background-image: url("./media/do-TOKW7QQK.svg");
}
.fi-dz {
  background-image: url("./media/dz-5TGC2F6O.svg");
}
.fi-dz.fis {
  background-image: url("./media/dz-JVBE53J2.svg");
}
.fi-ec {
  background-image: url("./media/ec-RVY2TDQY.svg");
}
.fi-ec.fis {
  background-image: url("./media/ec-LFDYGYJO.svg");
}
.fi-ee {
  background-image: url("./media/ee-ESNNK5FI.svg");
}
.fi-ee.fis {
  background-image: url("./media/ee-2PXKUCRH.svg");
}
.fi-eg {
  background-image: url("./media/eg-RUTUGPDO.svg");
}
.fi-eg.fis {
  background-image: url("./media/eg-N7F2DBDM.svg");
}
.fi-eh {
  background-image: url("./media/eh-PZ5GAWSL.svg");
}
.fi-eh.fis {
  background-image: url("./media/eh-U3FDJIAW.svg");
}
.fi-er {
  background-image: url("./media/er-24JCI44Y.svg");
}
.fi-er.fis {
  background-image: url("./media/er-GTVPXXYK.svg");
}
.fi-es {
  background-image: url("./media/es-W6LDJAST.svg");
}
.fi-es.fis {
  background-image: url("./media/es-HTPFF6UT.svg");
}
.fi-et {
  background-image: url("./media/et-7F44NNKM.svg");
}
.fi-et.fis {
  background-image: url("./media/et-RCADASW2.svg");
}
.fi-fi {
  background-image: url("./media/fi-S5EH7BG6.svg");
}
.fi-fi.fis {
  background-image: url("./media/fi-E3JGQ7PL.svg");
}
.fi-fj {
  background-image: url("./media/fj-DUYN2KL3.svg");
}
.fi-fj.fis {
  background-image: url("./media/fj-IWQTC7DQ.svg");
}
.fi-fk {
  background-image: url("./media/fk-GFIIYGEI.svg");
}
.fi-fk.fis {
  background-image: url("./media/fk-EFK377KH.svg");
}
.fi-fm {
  background-image: url("./media/fm-MJGAIAPB.svg");
}
.fi-fm.fis {
  background-image: url("./media/fm-T5U4ITOY.svg");
}
.fi-fo {
  background-image: url("./media/fo-56FJQAHT.svg");
}
.fi-fo.fis {
  background-image: url("./media/fo-NYIO3I52.svg");
}
.fi-fr {
  background-image: url("./media/fr-6U4A3EWN.svg");
}
.fi-fr.fis {
  background-image: url("./media/fr-TMQYSRPC.svg");
}
.fi-ga {
  background-image: url("./media/ga-YVFEOFTR.svg");
}
.fi-ga.fis {
  background-image: url("./media/ga-5UURDNUX.svg");
}
.fi-gb {
  background-image: url("./media/gb-SC7363TA.svg");
}
.fi-gb.fis {
  background-image: url("./media/gb-EEL6TRZB.svg");
}
.fi-gd {
  background-image: url("./media/gd-V2GSJJJB.svg");
}
.fi-gd.fis {
  background-image: url("./media/gd-6O6L5ITE.svg");
}
.fi-ge {
  background-image: url("./media/ge-N4W5AZQT.svg");
}
.fi-ge.fis {
  background-image: url("./media/ge-YLEGFX43.svg");
}
.fi-gf {
  background-image: url("./media/gf-GQZN5HJ5.svg");
}
.fi-gf.fis {
  background-image: url("./media/gf-5PJTSXDP.svg");
}
.fi-gg {
  background-image: url("./media/gg-FIL6D5PB.svg");
}
.fi-gg.fis {
  background-image: url("./media/gg-EAZW2EKW.svg");
}
.fi-gh {
  background-image: url("./media/gh-SZBUUZXW.svg");
}
.fi-gh.fis {
  background-image: url("./media/gh-QPBCPAXP.svg");
}
.fi-gi {
  background-image: url("./media/gi-QUGV4Y4M.svg");
}
.fi-gi.fis {
  background-image: url("./media/gi-EIWCEBV2.svg");
}
.fi-gl {
  background-image: url("./media/gl-PA2YIJP7.svg");
}
.fi-gl.fis {
  background-image: url("./media/gl-KRCL3NCK.svg");
}
.fi-gm {
  background-image: url("./media/gm-5WF3VK63.svg");
}
.fi-gm.fis {
  background-image: url("./media/gm-7HY34KI6.svg");
}
.fi-gn {
  background-image: url("./media/gn-MSN2M353.svg");
}
.fi-gn.fis {
  background-image: url("./media/gn-6GDXA6D7.svg");
}
.fi-gp {
  background-image: url("./media/gp-XPVJBMQZ.svg");
}
.fi-gp.fis {
  background-image: url("./media/gp-N7HRXPRG.svg");
}
.fi-gq {
  background-image: url("./media/gq-EYN2DF4Z.svg");
}
.fi-gq.fis {
  background-image: url("./media/gq-OQ5IPDUR.svg");
}
.fi-gr {
  background-image: url("./media/gr-YRG5TXUI.svg");
}
.fi-gr.fis {
  background-image: url("./media/gr-WKNXHTGC.svg");
}
.fi-gs {
  background-image: url("./media/gs-MTKPDITZ.svg");
}
.fi-gs.fis {
  background-image: url("./media/gs-IPLL723B.svg");
}
.fi-gt {
  background-image: url("./media/gt-4LG2EKDU.svg");
}
.fi-gt.fis {
  background-image: url("./media/gt-G5YP3QAW.svg");
}
.fi-gu {
  background-image: url("./media/gu-JNZQCVDO.svg");
}
.fi-gu.fis {
  background-image: url("./media/gu-SSCAHRXG.svg");
}
.fi-gw {
  background-image: url("./media/gw-VZVBK2SR.svg");
}
.fi-gw.fis {
  background-image: url("./media/gw-NYLKZQT3.svg");
}
.fi-gy {
  background-image: url("./media/gy-C6UGO63R.svg");
}
.fi-gy.fis {
  background-image: url("./media/gy-6NI6WEDW.svg");
}
.fi-hk {
  background-image: url("./media/hk-KAABRID4.svg");
}
.fi-hk.fis {
  background-image: url("./media/hk-3TQIFL4W.svg");
}
.fi-hm {
  background-image: url("./media/hm-TXKONVYT.svg");
}
.fi-hm.fis {
  background-image: url("./media/hm-A6PY7F64.svg");
}
.fi-hn {
  background-image: url("./media/hn-E5B7VZX4.svg");
}
.fi-hn.fis {
  background-image: url("./media/hn-ATO4TSJZ.svg");
}
.fi-hr {
  background-image: url("./media/hr-NVU4QH2D.svg");
}
.fi-hr.fis {
  background-image: url("./media/hr-B2HAQ3OJ.svg");
}
.fi-ht {
  background-image: url("./media/ht-USA5U6XG.svg");
}
.fi-ht.fis {
  background-image: url("./media/ht-DN3ZA632.svg");
}
.fi-hu {
  background-image: url("./media/hu-C3DDGX7P.svg");
}
.fi-hu.fis {
  background-image: url("./media/hu-3ULY6T2N.svg");
}
.fi-id {
  background-image: url("./media/id-JSWZPKEB.svg");
}
.fi-id.fis {
  background-image: url("./media/id-CT342IAA.svg");
}
.fi-ie {
  background-image: url("./media/ie-QFERZM3U.svg");
}
.fi-ie.fis {
  background-image: url("./media/ie-H76CLZVR.svg");
}
.fi-il {
  background-image: url("./media/il-HFTY4SM2.svg");
}
.fi-il.fis {
  background-image: url("./media/il-6HPCWATU.svg");
}
.fi-im {
  background-image: url("./media/im-PEZ6WSOP.svg");
}
.fi-im.fis {
  background-image: url("./media/im-WBBCKMUU.svg");
}
.fi-in {
  background-image: url("./media/in-43GO2VKS.svg");
}
.fi-in.fis {
  background-image: url("./media/in-IAFK4MUJ.svg");
}
.fi-io {
  background-image: url("./media/io-R2KGOKFH.svg");
}
.fi-io.fis {
  background-image: url("./media/io-KN4AQNRZ.svg");
}
.fi-iq {
  background-image: url("./media/iq-QZWNALEO.svg");
}
.fi-iq.fis {
  background-image: url("./media/iq-DIVOGZOV.svg");
}
.fi-ir {
  background-image: url("./media/ir-I56CAXHS.svg");
}
.fi-ir.fis {
  background-image: url("./media/ir-IYZARG7Z.svg");
}
.fi-is {
  background-image: url("./media/is-66BR5RTB.svg");
}
.fi-is.fis {
  background-image: url("./media/is-KE5HGFEH.svg");
}
.fi-it {
  background-image: url("./media/it-SGJZRZTG.svg");
}
.fi-it.fis {
  background-image: url("./media/it-UM7O24C7.svg");
}
.fi-je {
  background-image: url("./media/je-YCQBAETR.svg");
}
.fi-je.fis {
  background-image: url("./media/je-VJG3YOG6.svg");
}
.fi-jm {
  background-image: url("./media/jm-WELCOSBK.svg");
}
.fi-jm.fis {
  background-image: url("./media/jm-3ITF6YY2.svg");
}
.fi-jo {
  background-image: url("./media/jo-LXUEZQS4.svg");
}
.fi-jo.fis {
  background-image: url("./media/jo-7CFC27NE.svg");
}
.fi-jp {
  background-image: url("./media/jp-I2KXFJBD.svg");
}
.fi-jp.fis {
  background-image: url("./media/jp-65TZY7K2.svg");
}
.fi-ke {
  background-image: url("./media/ke-ADJV7W7V.svg");
}
.fi-ke.fis {
  background-image: url("./media/ke-QHPCGYXS.svg");
}
.fi-kg {
  background-image: url("./media/kg-ZYUAV6MB.svg");
}
.fi-kg.fis {
  background-image: url("./media/kg-J7GQVDLW.svg");
}
.fi-kh {
  background-image: url("./media/kh-PJSVDH4J.svg");
}
.fi-kh.fis {
  background-image: url("./media/kh-KVPDUWQP.svg");
}
.fi-ki {
  background-image: url("./media/ki-QZ3SZXB5.svg");
}
.fi-ki.fis {
  background-image: url("./media/ki-HACPQTPP.svg");
}
.fi-km {
  background-image: url("./media/km-C2YKXQMZ.svg");
}
.fi-km.fis {
  background-image: url("./media/km-PTRN2K4F.svg");
}
.fi-kn {
  background-image: url("./media/kn-4TYTBEW6.svg");
}
.fi-kn.fis {
  background-image: url("./media/kn-BSYKWOIW.svg");
}
.fi-kp {
  background-image: url("./media/kp-SBBYDW77.svg");
}
.fi-kp.fis {
  background-image: url("./media/kp-HS3OMD26.svg");
}
.fi-kr {
  background-image: url("./media/kr-55V233NG.svg");
}
.fi-kr.fis {
  background-image: url("./media/kr-PZA7WGK4.svg");
}
.fi-kw {
  background-image: url("./media/kw-A6R2ISPG.svg");
}
.fi-kw.fis {
  background-image: url("./media/kw-NILJWT4Z.svg");
}
.fi-ky {
  background-image: url("./media/ky-G3HR6CJ4.svg");
}
.fi-ky.fis {
  background-image: url("./media/ky-MBYSW4AE.svg");
}
.fi-kz {
  background-image: url("./media/kz-GMFEPSRT.svg");
}
.fi-kz.fis {
  background-image: url("./media/kz-JNIWTJX6.svg");
}
.fi-la {
  background-image: url("./media/la-NJH3GHNB.svg");
}
.fi-la.fis {
  background-image: url("./media/la-BH4EF7L7.svg");
}
.fi-lb {
  background-image: url("./media/lb-CWE5EIOS.svg");
}
.fi-lb.fis {
  background-image: url("./media/lb-RCEVECON.svg");
}
.fi-lc {
  background-image: url("./media/lc-SHXL3I23.svg");
}
.fi-lc.fis {
  background-image: url("./media/lc-ZM4Y2R67.svg");
}
.fi-li {
  background-image: url("./media/li-SJFB23DA.svg");
}
.fi-li.fis {
  background-image: url("./media/li-X6O7DGJX.svg");
}
.fi-lk {
  background-image: url("./media/lk-HUPVT3IO.svg");
}
.fi-lk.fis {
  background-image: url("./media/lk-OLBTFUBX.svg");
}
.fi-lr {
  background-image: url("./media/lr-H7SF5FRM.svg");
}
.fi-lr.fis {
  background-image: url("./media/lr-SJMH4HCB.svg");
}
.fi-ls {
  background-image: url("./media/ls-DQYSLKA4.svg");
}
.fi-ls.fis {
  background-image: url("./media/ls-5ZBA3EUG.svg");
}
.fi-lt {
  background-image: url("./media/lt-X5H273BZ.svg");
}
.fi-lt.fis {
  background-image: url("./media/lt-RSVM7DR2.svg");
}
.fi-lu {
  background-image: url("./media/lu-Y7CETSZZ.svg");
}
.fi-lu.fis {
  background-image: url("./media/lu-65TEHPWQ.svg");
}
.fi-lv {
  background-image: url("./media/lv-UD2OKAKZ.svg");
}
.fi-lv.fis {
  background-image: url("./media/lv-JFY5ZN55.svg");
}
.fi-ly {
  background-image: url("./media/ly-HDADEWRO.svg");
}
.fi-ly.fis {
  background-image: url("./media/ly-QGOUYNRG.svg");
}
.fi-ma {
  background-image: url("./media/ma-VSPIMR33.svg");
}
.fi-ma.fis {
  background-image: url("./media/ma-AELGTMLU.svg");
}
.fi-mc {
  background-image: url("./media/mc-IV2TK64Y.svg");
}
.fi-mc.fis {
  background-image: url("./media/mc-RWDN7GBP.svg");
}
.fi-md {
  background-image: url("./media/md-Z2KRCTSL.svg");
}
.fi-md.fis {
  background-image: url("./media/md-ALS43QIU.svg");
}
.fi-me {
  background-image: url("./media/me-GJ5HAC7T.svg");
}
.fi-me.fis {
  background-image: url("./media/me-7M3MHJVS.svg");
}
.fi-mf {
  background-image: url("./media/mf-5RTEBV3V.svg");
}
.fi-mf.fis {
  background-image: url("./media/mf-XQEUTB33.svg");
}
.fi-mg {
  background-image: url("./media/mg-7XGP7WEH.svg");
}
.fi-mg.fis {
  background-image: url("./media/mg-JB33C2RL.svg");
}
.fi-mh {
  background-image: url("./media/mh-7N2SSCJ3.svg");
}
.fi-mh.fis {
  background-image: url("./media/mh-E2GTTPCR.svg");
}
.fi-mk {
  background-image: url("./media/mk-4CGYETXE.svg");
}
.fi-mk.fis {
  background-image: url("./media/mk-F2FINWYG.svg");
}
.fi-ml {
  background-image: url("./media/ml-REJ3NIH6.svg");
}
.fi-ml.fis {
  background-image: url("./media/ml-XJ6OQGYU.svg");
}
.fi-mm {
  background-image: url("./media/mm-RDY24G3G.svg");
}
.fi-mm.fis {
  background-image: url("./media/mm-LCHQEOG3.svg");
}
.fi-mn {
  background-image: url("./media/mn-BJSDDV3C.svg");
}
.fi-mn.fis {
  background-image: url("./media/mn-LQTVT4RE.svg");
}
.fi-mo {
  background-image: url("./media/mo-7FUU6M3E.svg");
}
.fi-mo.fis {
  background-image: url("./media/mo-SM6MHHIR.svg");
}
.fi-mp {
  background-image: url("./media/mp-64QSYE7H.svg");
}
.fi-mp.fis {
  background-image: url("./media/mp-NFFBJYEL.svg");
}
.fi-mq {
  background-image: url("./media/mq-KUXVEPE7.svg");
}
.fi-mq.fis {
  background-image: url("./media/mq-76GWDJXU.svg");
}
.fi-mr {
  background-image: url("./media/mr-KMSAAQLZ.svg");
}
.fi-mr.fis {
  background-image: url("./media/mr-VT4NP6PZ.svg");
}
.fi-ms {
  background-image: url("./media/ms-K2T5DFEF.svg");
}
.fi-ms.fis {
  background-image: url("./media/ms-QLU6YYYZ.svg");
}
.fi-mt {
  background-image: url("./media/mt-STOVIWU4.svg");
}
.fi-mt.fis {
  background-image: url("./media/mt-Q3QSDLLH.svg");
}
.fi-mu {
  background-image: url("./media/mu-ZHDOJ3TI.svg");
}
.fi-mu.fis {
  background-image: url("./media/mu-IKV5OAGF.svg");
}
.fi-mv {
  background-image: url("./media/mv-6NYHRQLF.svg");
}
.fi-mv.fis {
  background-image: url("./media/mv-ZWMFKUNA.svg");
}
.fi-mw {
  background-image: url("./media/mw-AXRAJH26.svg");
}
.fi-mw.fis {
  background-image: url("./media/mw-FGHESOS7.svg");
}
.fi-mx {
  background-image: url("./media/mx-IJ6XM5NN.svg");
}
.fi-mx.fis {
  background-image: url("./media/mx-DES2R3TC.svg");
}
.fi-my {
  background-image: url("./media/my-L4V4SFXK.svg");
}
.fi-my.fis {
  background-image: url("./media/my-IOOPH2VL.svg");
}
.fi-mz {
  background-image: url("./media/mz-6C45AHHE.svg");
}
.fi-mz.fis {
  background-image: url("./media/mz-KHTCMF64.svg");
}
.fi-na {
  background-image: url("./media/na-KENBGPR5.svg");
}
.fi-na.fis {
  background-image: url("./media/na-KD76ZTVC.svg");
}
.fi-nc {
  background-image: url("./media/nc-JJHA6YCG.svg");
}
.fi-nc.fis {
  background-image: url("./media/nc-U4COTDRB.svg");
}
.fi-ne {
  background-image: url("./media/ne-NIQVZJOH.svg");
}
.fi-ne.fis {
  background-image: url("./media/ne-3WV2VAGZ.svg");
}
.fi-nf {
  background-image: url("./media/nf-6GXJMQE5.svg");
}
.fi-nf.fis {
  background-image: url("./media/nf-HBCF2NWO.svg");
}
.fi-ng {
  background-image: url("./media/ng-5QXHJYS4.svg");
}
.fi-ng.fis {
  background-image: url("./media/ng-KJDQPHTZ.svg");
}
.fi-ni {
  background-image: url("./media/ni-AEKY2MAZ.svg");
}
.fi-ni.fis {
  background-image: url("./media/ni-T2KNFGNY.svg");
}
.fi-nl {
  background-image: url("./media/nl-QVISKFUO.svg");
}
.fi-nl.fis {
  background-image: url("./media/nl-B6ILO3OI.svg");
}
.fi-no {
  background-image: url("./media/no-JTVUCTCT.svg");
}
.fi-no.fis {
  background-image: url("./media/no-UUM3YD7C.svg");
}
.fi-np {
  background-image: url("./media/np-IZPSR3GU.svg");
}
.fi-np.fis {
  background-image: url("./media/np-DRY52BCK.svg");
}
.fi-nr {
  background-image: url("./media/nr-7GG6ZEK3.svg");
}
.fi-nr.fis {
  background-image: url("./media/nr-VA5HA23D.svg");
}
.fi-nu {
  background-image: url("./media/nu-4OUEUAXX.svg");
}
.fi-nu.fis {
  background-image: url("./media/nu-VN2VZZK5.svg");
}
.fi-nz {
  background-image: url("./media/nz-CYQS4UPV.svg");
}
.fi-nz.fis {
  background-image: url("./media/nz-4KLKVJVG.svg");
}
.fi-om {
  background-image: url("./media/om-WBLOUASY.svg");
}
.fi-om.fis {
  background-image: url("./media/om-3RIPFJ57.svg");
}
.fi-pa {
  background-image: url("./media/pa-PC5ZUPN6.svg");
}
.fi-pa.fis {
  background-image: url("./media/pa-IKMVWHGS.svg");
}
.fi-pe {
  background-image: url("./media/pe-CMQM2GTM.svg");
}
.fi-pe.fis {
  background-image: url("./media/pe-OTUAVF3F.svg");
}
.fi-pf {
  background-image: url("./media/pf-ENVNLPQ7.svg");
}
.fi-pf.fis {
  background-image: url("./media/pf-EGOMBMMN.svg");
}
.fi-pg {
  background-image: url("./media/pg-R7GWNRSB.svg");
}
.fi-pg.fis {
  background-image: url("./media/pg-A2BDGMMS.svg");
}
.fi-ph {
  background-image: url("./media/ph-QSRFK225.svg");
}
.fi-ph.fis {
  background-image: url("./media/ph-MPCDK3KN.svg");
}
.fi-pk {
  background-image: url("./media/pk-JY3ZXGQC.svg");
}
.fi-pk.fis {
  background-image: url("./media/pk-UNTCZZRI.svg");
}
.fi-pl {
  background-image: url("./media/pl-JSSZW3KY.svg");
}
.fi-pl.fis {
  background-image: url("./media/pl-W7YEMTF5.svg");
}
.fi-pm {
  background-image: url("./media/pm-UVIIXDZR.svg");
}
.fi-pm.fis {
  background-image: url("./media/pm-NY5YOR5H.svg");
}
.fi-pn {
  background-image: url("./media/pn-SGVNEM75.svg");
}
.fi-pn.fis {
  background-image: url("./media/pn-5PESLEZK.svg");
}
.fi-pr {
  background-image: url("./media/pr-YWVQ3EZG.svg");
}
.fi-pr.fis {
  background-image: url("./media/pr-G5A665ZC.svg");
}
.fi-ps {
  background-image: url("./media/ps-KF5DLE4C.svg");
}
.fi-ps.fis {
  background-image: url("./media/ps-7DLWIG6L.svg");
}
.fi-pt {
  background-image: url("./media/pt-M5ECPJDQ.svg");
}
.fi-pt.fis {
  background-image: url("./media/pt-UMLFPSHL.svg");
}
.fi-pw {
  background-image: url("./media/pw-VBUKIQZ2.svg");
}
.fi-pw.fis {
  background-image: url("./media/pw-4R6NRIC7.svg");
}
.fi-py {
  background-image: url("./media/py-NZB2X4RN.svg");
}
.fi-py.fis {
  background-image: url("./media/py-UXRQYQWO.svg");
}
.fi-qa {
  background-image: url("./media/qa-O6NUQ5WE.svg");
}
.fi-qa.fis {
  background-image: url("./media/qa-OAR2YOMD.svg");
}
.fi-re {
  background-image: url("./media/re-2PCPYGMW.svg");
}
.fi-re.fis {
  background-image: url("./media/re-JUMEK724.svg");
}
.fi-ro {
  background-image: url("./media/ro-YBPUPSYC.svg");
}
.fi-ro.fis {
  background-image: url("./media/ro-JCC2KRGD.svg");
}
.fi-rs {
  background-image: url("./media/rs-6KKPRAGY.svg");
}
.fi-rs.fis {
  background-image: url("./media/rs-SFQ4YB5N.svg");
}
.fi-ru {
  background-image: url("./media/ru-NVSR5C27.svg");
}
.fi-ru.fis {
  background-image: url("./media/ru-MOJSUNNC.svg");
}
.fi-rw {
  background-image: url("./media/rw-ZBPAPAP4.svg");
}
.fi-rw.fis {
  background-image: url("./media/rw-ATVPPEBH.svg");
}
.fi-sa {
  background-image: url("./media/sa-ZY5Z2EGR.svg");
}
.fi-sa.fis {
  background-image: url("./media/sa-RM4JSLT5.svg");
}
.fi-sb {
  background-image: url("./media/sb-MSAGR2MU.svg");
}
.fi-sb.fis {
  background-image: url("./media/sb-35D2UJSQ.svg");
}
.fi-sc {
  background-image: url("./media/sc-V2MOTRIU.svg");
}
.fi-sc.fis {
  background-image: url("./media/sc-SWRDLW3S.svg");
}
.fi-sd {
  background-image: url("./media/sd-HFBRPI6J.svg");
}
.fi-sd.fis {
  background-image: url("./media/sd-C4SWX6D5.svg");
}
.fi-se {
  background-image: url("./media/se-3UJAVTP2.svg");
}
.fi-se.fis {
  background-image: url("./media/se-7GSLWWRQ.svg");
}
.fi-sg {
  background-image: url("./media/sg-PLMFMQ2U.svg");
}
.fi-sg.fis {
  background-image: url("./media/sg-DXN5E3UP.svg");
}
.fi-sh {
  background-image: url("./media/sh-Q33YUU7C.svg");
}
.fi-sh.fis {
  background-image: url("./media/sh-QL3L2VLT.svg");
}
.fi-si {
  background-image: url("./media/si-DPN2WQLH.svg");
}
.fi-si.fis {
  background-image: url("./media/si-DKOYHAS4.svg");
}
.fi-sj {
  background-image: url("./media/sj-EOPZSLCL.svg");
}
.fi-sj.fis {
  background-image: url("./media/sj-QYYJ3R3Y.svg");
}
.fi-sk {
  background-image: url("./media/sk-Z5T3FAV3.svg");
}
.fi-sk.fis {
  background-image: url("./media/sk-BQVDHWO3.svg");
}
.fi-sl {
  background-image: url("./media/sl-DE7XOWOL.svg");
}
.fi-sl.fis {
  background-image: url("./media/sl-XDRPTSE3.svg");
}
.fi-sm {
  background-image: url("./media/sm-OSI7YZKX.svg");
}
.fi-sm.fis {
  background-image: url("./media/sm-JVS3KTZW.svg");
}
.fi-sn {
  background-image: url("./media/sn-KYWABXNT.svg");
}
.fi-sn.fis {
  background-image: url("./media/sn-HK436VOQ.svg");
}
.fi-so {
  background-image: url("./media/so-IHI5PEN3.svg");
}
.fi-so.fis {
  background-image: url("./media/so-UFACQTLV.svg");
}
.fi-sr {
  background-image: url("./media/sr-HMODPFV5.svg");
}
.fi-sr.fis {
  background-image: url("./media/sr-BFJ2NIE7.svg");
}
.fi-ss {
  background-image: url("./media/ss-R7O73JRT.svg");
}
.fi-ss.fis {
  background-image: url("./media/ss-VCBG6S66.svg");
}
.fi-st {
  background-image: url("./media/st-XNHAC4LQ.svg");
}
.fi-st.fis {
  background-image: url("./media/st-W6IT74OZ.svg");
}
.fi-sv {
  background-image: url("./media/sv-BBEPJIJB.svg");
}
.fi-sv.fis {
  background-image: url("./media/sv-ZHJOYZS4.svg");
}
.fi-sx {
  background-image: url("./media/sx-6PXU3BOP.svg");
}
.fi-sx.fis {
  background-image: url("./media/sx-SUXUEIIT.svg");
}
.fi-sy {
  background-image: url("./media/sy-HTLBFL4F.svg");
}
.fi-sy.fis {
  background-image: url("./media/sy-G53KI62Y.svg");
}
.fi-sz {
  background-image: url("./media/sz-YX4G4FF4.svg");
}
.fi-sz.fis {
  background-image: url("./media/sz-HO5LA3MH.svg");
}
.fi-tc {
  background-image: url("./media/tc-GB6HTUOO.svg");
}
.fi-tc.fis {
  background-image: url("./media/tc-XLU54RF2.svg");
}
.fi-td {
  background-image: url("./media/td-IEJMZVM7.svg");
}
.fi-td.fis {
  background-image: url("./media/td-L4QKZRA4.svg");
}
.fi-tf {
  background-image: url("./media/tf-NW4HOTZD.svg");
}
.fi-tf.fis {
  background-image: url("./media/tf-H6X2ASZP.svg");
}
.fi-tg {
  background-image: url("./media/tg-AIJ5IBEL.svg");
}
.fi-tg.fis {
  background-image: url("./media/tg-5TLJFT74.svg");
}
.fi-th {
  background-image: url("./media/th-WAHAQKQK.svg");
}
.fi-th.fis {
  background-image: url("./media/th-543UAZS4.svg");
}
.fi-tj {
  background-image: url("./media/tj-TRIH4F2A.svg");
}
.fi-tj.fis {
  background-image: url("./media/tj-QQ7K2HNN.svg");
}
.fi-tk {
  background-image: url("./media/tk-G765JUVP.svg");
}
.fi-tk.fis {
  background-image: url("./media/tk-XKQFZK67.svg");
}
.fi-tl {
  background-image: url("./media/tl-MQXEMZYW.svg");
}
.fi-tl.fis {
  background-image: url("./media/tl-XBGOH5S2.svg");
}
.fi-tm {
  background-image: url("./media/tm-I3YAVOKZ.svg");
}
.fi-tm.fis {
  background-image: url("./media/tm-ZYBQI3Y3.svg");
}
.fi-tn {
  background-image: url("./media/tn-NXUR5BRC.svg");
}
.fi-tn.fis {
  background-image: url("./media/tn-XG7EZ4V7.svg");
}
.fi-to {
  background-image: url("./media/to-4IPHWATD.svg");
}
.fi-to.fis {
  background-image: url("./media/to-Y3ZWK7GO.svg");
}
.fi-tr {
  background-image: url("./media/tr-KC7PK4TT.svg");
}
.fi-tr.fis {
  background-image: url("./media/tr-XZNEX4WU.svg");
}
.fi-tt {
  background-image: url("./media/tt-IVVKXXFH.svg");
}
.fi-tt.fis {
  background-image: url("./media/tt-4XVTA5HE.svg");
}
.fi-tv {
  background-image: url("./media/tv-HASL2ZPX.svg");
}
.fi-tv.fis {
  background-image: url("./media/tv-NEB4WA2N.svg");
}
.fi-tw {
  background-image: url("./media/tw-OOSFQCFC.svg");
}
.fi-tw.fis {
  background-image: url("./media/tw-X2EV3JOS.svg");
}
.fi-tz {
  background-image: url("./media/tz-XBTR54G2.svg");
}
.fi-tz.fis {
  background-image: url("./media/tz-B2TRWRO5.svg");
}
.fi-ua {
  background-image: url("./media/ua-6L6MVDVK.svg");
}
.fi-ua.fis {
  background-image: url("./media/ua-DEDK3LCD.svg");
}
.fi-ug {
  background-image: url("./media/ug-E4TW6D67.svg");
}
.fi-ug.fis {
  background-image: url("./media/ug-NTQ2ET4L.svg");
}
.fi-um {
  background-image: url("./media/um-RVF55XUQ.svg");
}
.fi-um.fis {
  background-image: url("./media/um-B6AJXFHN.svg");
}
.fi-us {
  background-image: url("./media/us-J4WVK5FY.svg");
}
.fi-us.fis {
  background-image: url("./media/us-AGSAPZHQ.svg");
}
.fi-uy {
  background-image: url("./media/uy-SU32MXNU.svg");
}
.fi-uy.fis {
  background-image: url("./media/uy-2LGNGCBQ.svg");
}
.fi-uz {
  background-image: url("./media/uz-6LD3WNBK.svg");
}
.fi-uz.fis {
  background-image: url("./media/uz-KR6UXLJE.svg");
}
.fi-va {
  background-image: url("./media/va-QHA7M4G5.svg");
}
.fi-va.fis {
  background-image: url("./media/va-PRY3CO7O.svg");
}
.fi-vc {
  background-image: url("./media/vc-F4EKLJYW.svg");
}
.fi-vc.fis {
  background-image: url("./media/vc-E2OQIPCP.svg");
}
.fi-ve {
  background-image: url("./media/ve-7QMM4EDR.svg");
}
.fi-ve.fis {
  background-image: url("./media/ve-7LNK7AU5.svg");
}
.fi-vg {
  background-image: url("./media/vg-D5ALFDGY.svg");
}
.fi-vg.fis {
  background-image: url("./media/vg-EXODCMWC.svg");
}
.fi-vi {
  background-image: url("./media/vi-3GTW3NPY.svg");
}
.fi-vi.fis {
  background-image: url("./media/vi-FH42UVDS.svg");
}
.fi-vn {
  background-image: url("./media/vn-OLY63DMY.svg");
}
.fi-vn.fis {
  background-image: url("./media/vn-DNGCDGIJ.svg");
}
.fi-vu {
  background-image: url("./media/vu-FFBDWBGE.svg");
}
.fi-vu.fis {
  background-image: url("./media/vu-OZZSXKAY.svg");
}
.fi-wf {
  background-image: url("./media/wf-XSUYVC54.svg");
}
.fi-wf.fis {
  background-image: url("./media/wf-64XCGZ3D.svg");
}
.fi-ws {
  background-image: url("./media/ws-PVUKQ4PE.svg");
}
.fi-ws.fis {
  background-image: url("./media/ws-P5MXR5ZW.svg");
}
.fi-ye {
  background-image: url("./media/ye-NQNPF5YD.svg");
}
.fi-ye.fis {
  background-image: url("./media/ye-UV36AEFC.svg");
}
.fi-yt {
  background-image: url("./media/yt-ARO4LFTS.svg");
}
.fi-yt.fis {
  background-image: url("./media/yt-UUCGT7AF.svg");
}
.fi-za {
  background-image: url("./media/za-NC5XMWKE.svg");
}
.fi-za.fis {
  background-image: url("./media/za-CGR4PB2O.svg");
}
.fi-zm {
  background-image: url("./media/zm-QL5V6ZHN.svg");
}
.fi-zm.fis {
  background-image: url("./media/zm-PQZLZ5UD.svg");
}
.fi-zw {
  background-image: url("./media/zw-MVOMWTFF.svg");
}
.fi-zw.fis {
  background-image: url("./media/zw-TBOTLWGX.svg");
}
.fi-arab {
  background-image: url("./media/arab-DLVAJOTU.svg");
}
.fi-arab.fis {
  background-image: url("./media/arab-NI5HSQVQ.svg");
}
.fi-cefta {
  background-image: url("./media/cefta-HR3KQ2EO.svg");
}
.fi-cefta.fis {
  background-image: url("./media/cefta-NTUUUQSZ.svg");
}
.fi-cp {
  background-image: url("./media/cp-2DVX35UB.svg");
}
.fi-cp.fis {
  background-image: url("./media/cp-6QAMTOXH.svg");
}
.fi-dg {
  background-image: url("./media/dg-WGKXS4QM.svg");
}
.fi-dg.fis {
  background-image: url("./media/dg-TW4ENKPY.svg");
}
.fi-eac {
  background-image: url("./media/eac-C3NAGLZL.svg");
}
.fi-eac.fis {
  background-image: url("./media/eac-AQNY5RPG.svg");
}
.fi-es-ct {
  background-image: url("./media/es-ct-LZMYMK2E.svg");
}
.fi-es-ct.fis {
  background-image: url("./media/es-ct-YZMY3BN2.svg");
}
.fi-es-ga {
  background-image: url("./media/es-ga-WIDSGT6F.svg");
}
.fi-es-ga.fis {
  background-image: url("./media/es-ga-YBH2PLD4.svg");
}
.fi-es-pv {
  background-image: url("./media/es-pv-OPYNYK2T.svg");
}
.fi-es-pv.fis {
  background-image: url("./media/es-pv-TCDUGVHX.svg");
}
.fi-eu {
  background-image: url("./media/eu-Z34VKHYH.svg");
}
.fi-eu.fis {
  background-image: url("./media/eu-N4MK7TMC.svg");
}
.fi-gb-eng {
  background-image: url("./media/gb-eng-4H6GWTY6.svg");
}
.fi-gb-eng.fis {
  background-image: url("./media/gb-eng-KED2JQT6.svg");
}
.fi-gb-nir {
  background-image: url("./media/gb-nir-FOHSP3SQ.svg");
}
.fi-gb-nir.fis {
  background-image: url("./media/gb-nir-QYMZIBKB.svg");
}
.fi-gb-sct {
  background-image: url("./media/gb-sct-CDZZA2QR.svg");
}
.fi-gb-sct.fis {
  background-image: url("./media/gb-sct-MYMPELAJ.svg");
}
.fi-gb-wls {
  background-image: url("./media/gb-wls-5V2TWHQ5.svg");
}
.fi-gb-wls.fis {
  background-image: url("./media/gb-wls-C55W5YOV.svg");
}
.fi-ic {
  background-image: url("./media/ic-CQCOSBIQ.svg");
}
.fi-ic.fis {
  background-image: url("./media/ic-XC4APDRB.svg");
}
.fi-pc {
  background-image: url("./media/pc-6T4TIMFO.svg");
}
.fi-pc.fis {
  background-image: url("./media/pc-OWMPOVAF.svg");
}
.fi-sh-ac {
  background-image: url("./media/sh-ac-CLIRG7LV.svg");
}
.fi-sh-ac.fis {
  background-image: url("./media/sh-ac-6I7JALOU.svg");
}
.fi-sh-hl {
  background-image: url("./media/sh-hl-TXYXQLNJ.svg");
}
.fi-sh-hl.fis {
  background-image: url("./media/sh-hl-IRD4VXPE.svg");
}
.fi-sh-ta {
  background-image: url("./media/sh-ta-PASOHFNL.svg");
}
.fi-sh-ta.fis {
  background-image: url("./media/sh-ta-5DKBAJTB.svg");
}
.fi-un {
  background-image: url("./media/un-PVSQTRCG.svg");
}
.fi-un.fis {
  background-image: url("./media/un-KAQASZOQ.svg");
}
.fi-xk {
  background-image: url("./media/xk-KBS6HKWR.svg");
}
.fi-xk.fis {
  background-image: url("./media/xk-2KP4C3OF.svg");
}

/* src/vendor/pace/pace-theme-min.css */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #ffd97d;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* src/assets/theme/styles/app.scss */
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spin {
  animation: spin 2s infinite linear;
}
html {
  font-size: 16px;
}
html,
body {
  width: 100%;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family:
    Archivo,
    "Helvetica Neue",
    sans-serif;
}
[tabindex="-1"]:focus {
  outline: none;
}
select,
button,
textarea,
input {
  vertical-align: baseline;
}
div {
  box-sizing: border-box;
}
html[dir=rtl],
html[dir=ltr],
body[dir=rtl],
body[dir=ltr] {
  unicode-bidi: embed;
}
bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}
bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.mat-mdc-card {
  font-size: 0.875rem;
}
img:not(.mat-mdc-card-image) {
  max-width: 100%;
}
p {
  margin: 0 0 16px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}
.h1,
h1 {
  font-size: 2rem;
}
.h2,
h2 {
  font-size: 1.75rem;
}
.h3,
h3 {
  font-size: 1.5rem;
}
.h4,
h4 {
  font-size: 1.25rem;
}
.h5,
h5 {
  font-size: 1rem;
}
.h6,
h6 {
  font-size: 0.875rem;
}
code {
  padding: 8px;
  background: rgba(0, 0, 0, 0.08);
}
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px;
}
.bg-none {
  background: transparent !important;
}
.bg-white {
  background: #ffffff !important;
}
.h-full {
  min-height: 100vh;
}
.fix {
  position: relative;
  overflow: hidden;
}
.fix-elm::after {
  display: table;
  width: 100%;
  content: "";
}
.mat-box-shadow {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.light-gray {
  background: rgba(0, 0, 0, 0.024);
}
.light-mat-gray {
  background: rgba(0, 0, 0, 0.08);
}
.mat-blue {
  background: #247ba0;
  color: #fefefe;
}
.mat-red {
  background-color: #f44336 !important;
  color: #fff !important;
}
.mat-indigo {
  background-color: #3f51b5 !important;
  color: #fff !important;
}
.mat-brown {
  background-color: #785548 !important;
  color: #fefefe;
}
.mat-teal {
  background-color: #009688 !important;
  color: #fff !important;
}
.mat-purple {
  background-color: #9c27b0 !important;
  color: hsla(0, 0%, 100%, 0.87) !important;
}
.fz-1 {
  font-size: 1rem !important;
}
.fz-2 {
  font-size: 2rem !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: normal !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}
.text-muted-white {
  color: rgba(255, 255, 255, 0.7) !important;
}
.text-gray {
  color: rgba(0, 0, 0, 0.7) !important;
}
.text-sm {
  font-size: 0.813rem;
}
.list-item-active {
  border-left: 3px solid;
}
.material-icons.icon-sm {
  font-size: 18px !important;
  line-height: 18px !important;
  height: 18px;
  width: 18px;
}
.material-icons.icon-xs {
  font-size: 13px !important;
  line-height: 13px;
  height: 13px;
  width: 13px;
}
.mat-mdc-button,
.mat-mdc-raised-button {
  font-weight: 400 !important;
}
[mat-lg-button] {
  padding: 0 32px !important;
  font-size: 18px;
  line-height: 56px !important;
}
.mat-mdc-icon-button[mat-sm-button] {
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.mat-mdc-icon-button[mat-xs-button] {
  height: 20px;
  width: 20px;
  line-height: 20px;
}
.mat-mdc-icon-button[mat-xs-button] .mat-icon {
  font-size: 16px;
  line-height: 20px !important;
  height: 20px;
  width: 20px;
}
.mat-mdc-chip[mat-sm-chip] {
  padding: 4px 6px 4px 6px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  line-height: 12px !important;
  max-height: 20px;
  box-sizing: border-box;
}
.mat-mdc-icon-button.img-button img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.compact-list .mat-mdc-list-item {
  line-height: 1.1;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.compact-list .mat-mdc-list-item:hover {
  background: rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.list-tasktype .tasktype-item {
  padding: 12px;
}
.list-tasktype .tasktype-item:hover {
  background: rgba(0, 0, 0, 0.08);
}
.list-tasktype .tasktype-item .tasktype-action {
  visibility: hidden;
}
.list-tasktype .tasktype-item:hover .tasktype-action {
  visibility: visible;
}
.doughnut-grid {
  border-radius: 2px;
  overflow: hidden;
}
.doughnut-grid .doughnut-grid-item {
  padding: 1rem;
}
.doughnut-grid .doughnut-grid-item p {
  margin: 0;
}
.doughnut-grid .doughnut-grid-item .chart {
  margin: 0 0 8px;
}
.logo-group {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.toolbar-avatar {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 24px;
}
.toolbar-avatar > img {
  width: 40px !important;
  border-radius: 50%;
}
.toolbar-avatar.md,
.toolbar-avatar.md > img {
  width: 48px !important;
  height: 48px;
}
.toolbar-avatar > .status-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 25px;
  right: -2px;
  border: 2px solid #ffffff;
  background: #ccc;
}
.full-width {
  width: 100% !important;
}
.dnd-item {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}
.icon-circle {
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  border-radius: 50%;
}
.mat-sidenav .mat-mdc-list-item:hover {
  background: rgba(0, 0, 0, 0.035) !important;
}
.mat-mdc-chip {
  position: relative;
  overflow: hidden;
}
.text-small {
  font-size: 0.813rem;
}
.text-small .mat-icon {
  font-size: 1rem;
  vertical-align: sub;
  margin: 0 2px;
}
.icon-chip {
  font-size: 11px !important;
  padding: 4px 8px !important;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.icon-chip .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
.mat-mdc-chip:not(.mat-mdc-basic-chip) {
  display: inline-block;
  padding: 8px 12px 8px 12px;
  border-radius: 24px;
  font-size: 13px;
  line-height: 16px;
}
.ql-container .ql-editor {
  min-height: 200px;
}
.chart {
  display: block;
  width: 100%;
}
.form-error-msg {
  color: #f44336;
  display: block;
  padding: 5px 0;
}
.accordion-handle {
  cursor: pointer;
}
.app-accordion {
  max-height: 200px;
  transition: max-height 0.3s ease;
}
.app-accordion.open {
  max-height: 1000px;
}
.app-accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.app-accordion.open .accordion-content {
  max-height: 800px;
}
.app-accordion.open .hidden-on-open {
  display: none !important;
}
.app-accordion:not(.open) .show-on-open {
  display: none !important;
}
mat-list a[mat-list-item] .mat-mdc-list-item-content,
mat-list mat-list-item .mat-list-item-content,
mat-nav-list a[mat-list-item] .mat-list-item-content,
mat-nav-list mat-list-item .mat-list-item-content,
[mat-menu-item],
.mat-option,
body .mat-select-trigger {
  font-size: 0.875rem !important;
}
.mat-ripple {
  position: relative;
}
.fileupload-drop-zone {
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  padding: 48px;
  height: 120px;
}
.default-table {
  text-align: left;
}
.default-table > thead tr th {
  font-weight: 400;
  padding: 0.9rem 1.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.default-table tbody tr td {
  padding: 0.9rem 1.2rem;
}
.app-error {
  text-align: center;
  width: 320px;
  max-width: 320px;
  margin: 0 auto;
}
.app-error .error-icon {
  height: 120px;
  width: 120px;
  font-size: 120px;
  float: left;
}
.app-error .error-text {
  float: right;
  width: 200px;
  max-width: 200px;
}
.app-error .error-title {
  font-size: 5rem;
  font-weight: 900;
  margin: 0;
}
.app-error .error-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}
.app-error .error-actions {
  width: 100%;
  overflow: hidden;
  min-height: 54px;
  margin-top: 100px;
}
.app-loader,
.view-loader {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: auto;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.view-loader {
  display: block;
  padding-top: 160px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9999;
}
.view-loader * {
  margin: auto;
}
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.p-0.mat-mdc-card-content .ql-container {
  border: 0 !important;
}
.p-0.mat-mdc-card-content .ql-toolbar.ql-snow {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.ps__scrollbar-y-rail {
  z-index: 999;
}
.collapsed-menu .ps__scrollbar-y-rail {
  z-index: auto;
}
.ngx-datatable.material {
  box-shadow: 0 8px 12px rgba(47, 60, 74, 0.04), 0 2px 6px rgba(47, 60, 74, 0.08) !important;
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
  background-color: inherit !important;
}
.datatable-body-cell {
  display: inline-flex !important;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.datatable-body-cell-label {
  width: 100%;
  display: flex;
}
.agm-info-window-content {
  color: rgba(0, 0, 0, 0.87);
}
.chart {
  margin-left: -10px;
}
.ps__rail-y {
  right: 0 !important;
  left: auto !important;
}
[dir=rtl] .ps__rail-y {
  right: auto !important;
  left: 0 !important;
}
[dir=rtl] .ps__thumb-y {
  right: auto !important;
  left: 1px !important;
}
[dir=rtl] .ngx-datatable .datatable-footer .datatable-pager .pager {
  float: left;
}
[dir=rtl] .user-card .user-details .mat-icon {
  margin-right: 0;
  margin-left: 0.5rem;
}
[dir=rtl] .search-bar-wide .search-close {
  top: 20px;
  right: auto !important;
  left: 15px;
}
@media (max-width: 767px) {
  .mat-mdc-card-title .mat-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .accordion-handle {
    flex-direction: column !important;
  }
  .app-error .error-icon {
    height: 100px;
    width: 100px;
    font-size: 100px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  margin-top: 0;
  font-weight: 500;
  line-height: 1.3;
  color: inherit;
}
h1,
.h1 {
  font-size: 24px;
}
h2,
.h2 {
  font-size: 20px;
}
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 15px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 13px;
}
button {
  outline: 0;
}
figure {
  margin: 0;
}
strong,
b {
  font-weight: 700;
}
.mat-mdc-card-title {
  font-size: 18px;
  font-weight: 500;
}
.strikethrough {
  text-decoration: line-through;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-10 {
  font-size: 10px;
}
.text-10.mat-icon {
  width: 10px !important;
  height: 10px !important;
  line-height: 10px !important;
}
.text-11 {
  font-size: 11px;
}
.text-11.mat-icon {
  width: 11px !important;
  height: 11px !important;
  line-height: 11px !important;
}
.text-12 {
  font-size: 12px;
}
.text-12.mat-icon {
  width: 12px !important;
  height: 12px !important;
  line-height: 12px !important;
}
.text-13 {
  font-size: 13px;
}
.text-13.mat-icon {
  width: 13px !important;
  height: 13px !important;
  line-height: 13px !important;
}
.text-14 {
  font-size: 14px;
}
.text-14.mat-icon {
  width: 14px !important;
  height: 14px !important;
  line-height: 14px !important;
}
.text-15 {
  font-size: 15px;
}
.text-15.mat-icon {
  width: 15px !important;
  height: 15px !important;
  line-height: 15px !important;
}
.text-16 {
  font-size: 16px;
}
.text-16.mat-icon {
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
}
.text-17 {
  font-size: 17px;
}
.text-17.mat-icon {
  width: 17px !important;
  height: 17px !important;
  line-height: 17px !important;
}
.text-18 {
  font-size: 18px;
}
.text-18.mat-icon {
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
}
.text-19 {
  font-size: 19px;
}
.text-19.mat-icon {
  width: 19px !important;
  height: 19px !important;
  line-height: 19px !important;
}
.text-20 {
  font-size: 20px;
}
.text-20.mat-icon {
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.text-21 {
  font-size: 21px;
}
.text-21.mat-icon {
  width: 21px !important;
  height: 21px !important;
  line-height: 21px !important;
}
.text-22 {
  font-size: 22px;
}
.text-22.mat-icon {
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
}
.text-23 {
  font-size: 23px;
}
.text-23.mat-icon {
  width: 23px !important;
  height: 23px !important;
  line-height: 23px !important;
}
.text-24 {
  font-size: 24px;
}
.text-24.mat-icon {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
}
.text-25 {
  font-size: 25px;
}
.text-25.mat-icon {
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
}
.text-26 {
  font-size: 26px;
}
.text-26.mat-icon {
  width: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
}
.text-27 {
  font-size: 27px;
}
.text-27.mat-icon {
  width: 27px !important;
  height: 27px !important;
  line-height: 27px !important;
}
.text-28 {
  font-size: 28px;
}
.text-28.mat-icon {
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
}
.text-29 {
  font-size: 29px;
}
.text-29.mat-icon {
  width: 29px !important;
  height: 29px !important;
  line-height: 29px !important;
}
.text-30 {
  font-size: 30px;
}
.text-30.mat-icon {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
}
.text-31 {
  font-size: 31px;
}
.text-31.mat-icon {
  width: 31px !important;
  height: 31px !important;
  line-height: 31px !important;
}
.text-32 {
  font-size: 32px;
}
.text-32.mat-icon {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
}
.text-33 {
  font-size: 33px;
}
.text-33.mat-icon {
  width: 33px !important;
  height: 33px !important;
  line-height: 33px !important;
}
.text-34 {
  font-size: 34px;
}
.text-34.mat-icon {
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
}
.text-35 {
  font-size: 35px;
}
.text-35.mat-icon {
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
}
.text-36 {
  font-size: 36px;
}
.text-36.mat-icon {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
}
.text-37 {
  font-size: 37px;
}
.text-37.mat-icon {
  width: 37px !important;
  height: 37px !important;
  line-height: 37px !important;
}
.text-38 {
  font-size: 38px;
}
.text-38.mat-icon {
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
}
.text-39 {
  font-size: 39px;
}
.text-39.mat-icon {
  width: 39px !important;
  height: 39px !important;
  line-height: 39px !important;
}
.text-40 {
  font-size: 40px;
}
.text-40.mat-icon {
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
}
.text-41 {
  font-size: 41px;
}
.text-41.mat-icon {
  width: 41px !important;
  height: 41px !important;
  line-height: 41px !important;
}
.text-42 {
  font-size: 42px;
}
.text-42.mat-icon {
  width: 42px !important;
  height: 42px !important;
  line-height: 42px !important;
}
.text-43 {
  font-size: 43px;
}
.text-43.mat-icon {
  width: 43px !important;
  height: 43px !important;
  line-height: 43px !important;
}
.text-44 {
  font-size: 44px;
}
.text-44.mat-icon {
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
}
.text-45 {
  font-size: 45px;
}
.text-45.mat-icon {
  width: 45px !important;
  height: 45px !important;
  line-height: 45px !important;
}
.text-46 {
  font-size: 46px;
}
.text-46.mat-icon {
  width: 46px !important;
  height: 46px !important;
  line-height: 46px !important;
}
.text-47 {
  font-size: 47px;
}
.text-47.mat-icon {
  width: 47px !important;
  height: 47px !important;
  line-height: 47px !important;
}
.text-48 {
  font-size: 48px;
}
.text-48.mat-icon {
  width: 48px !important;
  height: 48px !important;
  line-height: 48px !important;
}
.text-49 {
  font-size: 49px;
}
.text-49.mat-icon {
  width: 49px !important;
  height: 49px !important;
  line-height: 49px !important;
}
.text-50 {
  font-size: 50px;
}
.text-50.mat-icon {
  width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
}
.text-51 {
  font-size: 51px;
}
.text-51.mat-icon {
  width: 51px !important;
  height: 51px !important;
  line-height: 51px !important;
}
.text-52 {
  font-size: 52px;
}
.text-52.mat-icon {
  width: 52px !important;
  height: 52px !important;
  line-height: 52px !important;
}
.text-53 {
  font-size: 53px;
}
.text-53.mat-icon {
  width: 53px !important;
  height: 53px !important;
  line-height: 53px !important;
}
.text-54 {
  font-size: 54px;
}
.text-54.mat-icon {
  width: 54px !important;
  height: 54px !important;
  line-height: 54px !important;
}
.text-55 {
  font-size: 55px;
}
.text-55.mat-icon {
  width: 55px !important;
  height: 55px !important;
  line-height: 55px !important;
}
.text-56 {
  font-size: 56px;
}
.text-56.mat-icon {
  width: 56px !important;
  height: 56px !important;
  line-height: 56px !important;
}
.text-57 {
  font-size: 57px;
}
.text-57.mat-icon {
  width: 57px !important;
  height: 57px !important;
  line-height: 57px !important;
}
.text-58 {
  font-size: 58px;
}
.text-58.mat-icon {
  width: 58px !important;
  height: 58px !important;
  line-height: 58px !important;
}
.text-59 {
  font-size: 59px;
}
.text-59.mat-icon {
  width: 59px !important;
  height: 59px !important;
  line-height: 59px !important;
}
.text-60 {
  font-size: 60px;
}
.text-60.mat-icon {
  width: 60px !important;
  height: 60px !important;
  line-height: 60px !important;
}
.text-61 {
  font-size: 61px;
}
.text-61.mat-icon {
  width: 61px !important;
  height: 61px !important;
  line-height: 61px !important;
}
.text-62 {
  font-size: 62px;
}
.text-62.mat-icon {
  width: 62px !important;
  height: 62px !important;
  line-height: 62px !important;
}
.text-63 {
  font-size: 63px;
}
.text-63.mat-icon {
  width: 63px !important;
  height: 63px !important;
  line-height: 63px !important;
}
.text-64 {
  font-size: 64px;
}
.text-64.mat-icon {
  width: 64px !important;
  height: 64px !important;
  line-height: 64px !important;
}
.text-65 {
  font-size: 65px;
}
.text-65.mat-icon {
  width: 65px !important;
  height: 65px !important;
  line-height: 65px !important;
}
.text-66 {
  font-size: 66px;
}
.text-66.mat-icon {
  width: 66px !important;
  height: 66px !important;
  line-height: 66px !important;
}
.text-67 {
  font-size: 67px;
}
.text-67.mat-icon {
  width: 67px !important;
  height: 67px !important;
  line-height: 67px !important;
}
.text-68 {
  font-size: 68px;
}
.text-68.mat-icon {
  width: 68px !important;
  height: 68px !important;
  line-height: 68px !important;
}
.text-69 {
  font-size: 69px;
}
.text-69.mat-icon {
  width: 69px !important;
  height: 69px !important;
  line-height: 69px !important;
}
.text-70 {
  font-size: 70px;
}
.text-70.mat-icon {
  width: 70px !important;
  height: 70px !important;
  line-height: 70px !important;
}
.text-71 {
  font-size: 71px;
}
.text-71.mat-icon {
  width: 71px !important;
  height: 71px !important;
  line-height: 71px !important;
}
.text-72 {
  font-size: 72px;
}
.text-72.mat-icon {
  width: 72px !important;
  height: 72px !important;
  line-height: 72px !important;
}
.text-73 {
  font-size: 73px;
}
.text-73.mat-icon {
  width: 73px !important;
  height: 73px !important;
  line-height: 73px !important;
}
.text-74 {
  font-size: 74px;
}
.text-74.mat-icon {
  width: 74px !important;
  height: 74px !important;
  line-height: 74px !important;
}
.text-75 {
  font-size: 75px;
}
.text-75.mat-icon {
  width: 75px !important;
  height: 75px !important;
  line-height: 75px !important;
}
.text-76 {
  font-size: 76px;
}
.text-76.mat-icon {
  width: 76px !important;
  height: 76px !important;
  line-height: 76px !important;
}
.text-77 {
  font-size: 77px;
}
.text-77.mat-icon {
  width: 77px !important;
  height: 77px !important;
  line-height: 77px !important;
}
.text-78 {
  font-size: 78px;
}
.text-78.mat-icon {
  width: 78px !important;
  height: 78px !important;
  line-height: 78px !important;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-normal {
  font-weight: 400;
}
.font-weight-bold {
  font-weight: bold;
}
.font-weight-inherit {
  font-weight: inherit;
}
.line-height-1 {
  line-height: 1 !important;
}
.mat-heading-label {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.92px;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 1rem;
}
.app-admin-wrap {
  height: 100vh;
  overflow: hidden;
}
.app-admin-container {
  max-width: 100%;
  height: 100vh;
}
.app-admin-container .rightside-content-hold {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 0;
  overflow-x: hidden;
  position: relative;
  min-height: 450px;
}
.container-dynamic {
  background-color: #ffffff;
  height: calc(100vh - 202px);
  overflow: auto;
}
.container-dynamic:has(.container-dynamic__without-actions) {
  height: calc(100vh - 147px);
}
.container-dynamic:has(.container-dynamic__without-actions-no-scroll) {
  height: calc(100vh - 147px);
  overflow: hidden;
}
.careers-page-container {
  padding: 0px 15px;
}
.careers-page-container footer {
  margin-left: -15px;
}
.container-breadcrumb {
  background-color: #f7f4f2;
  height: 55px;
  border-bottom: 1px solid #e3dbd3;
}
.sidebar-panel {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100vh;
  z-index: 10001;
  width: 15rem;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: hidden;
}
.sidebar-panel .sidebar-hold {
  width: 15rem;
}
.sidebar-panel .navigation-hold {
  position: absolute;
  height: calc(100% - 51px);
  width: 100%;
  margin-top: 51px;
  background: #f7f4f2 !important;
  left: 0;
  padding-bottom: 45px;
}
.sidebar-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-content-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  float: right;
  height: 100vh;
  transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.main-content-wrap.ps > .ps__rail-y {
  z-index: 9999;
}
.sidebar-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  display: block;
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.sidebar-backdrop.visible {
  visibility: visible;
  opacity: 1;
}
.app-admin-container.sidebar-full:not(.compact-toggle-active) .main-content-wrap {
  width: calc(100% - 15rem);
}
.app-admin-container.sidebar-full:not(.compact-toggle-active) .sidebar-panel {
  width: 15rem;
  overflow: hidden;
}
.app-admin-container.compact-toggle-active.sidebar-full mat-sidenav-content footer,
.app-admin-container.compact-toggle-active.sidebar-compact mat-sidenav-content footer {
  width: calc(100% - 64px);
}
.app-admin-container.compact-toggle-active .main-content-wrap {
  width: calc(100% - 64px);
}
.app-admin-container.sidebar-compact .sidebar-panel,
.app-admin-container.sidebar-compact .sidebar-hold {
  width: 64px;
}
.app-admin-container.sidebar-compact-big .main-content-wrap {
  width: calc(100% - 150px);
}
.app-admin-container.sidebar-compact-big .sidebar-panel {
  width: 150px;
}
.app-admin-container.sidebar-compact-big .sidebar-panel .branding {
  width: 150px;
}
.app-admin-container.sidebar-compact-big .sidebar-panel .branding .app-logo {
  margin: auto;
}
.app-admin-container.sidebar-compact-big .sidebar-panel .navigation-hold {
  overflow: visible !important;
}
.app-admin-container.sidebar-closed .sidebar-panel {
  overflow: hidden;
  left: -15rem;
}
.app-admin-container.sidebar-closed .sidebar-panel .branding {
  left: -15rem;
}
.app-admin-container.sidebar-closed .main-content-wrap {
  width: 100%;
}
.fixed-topbar .rightside-content-hold {
  overflow: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 64px;
}
.layout-intransition .branding {
  display: none !important;
}
.layout-intransition .app-user-controls,
.layout-intransition .app-user-name {
  opacity: 0 !important;
}
.app-admin-container.sidebar-full.navigation-top .sidebar-panel {
  left: 0;
}
.app-admin-container.navigation-top .main-content-wrap {
  float: none;
  width: 100% !important;
}
.app-admin-container.navigation-top .rightside-content-hold {
  max-width: 1400px;
  min-width: 70%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 48px;
}
.app-admin-container.navigation-top .sidebar-panel {
  overflow: hidden;
  left: -15rem;
}
.app-admin-container.navigation-top .sidebar-panel .navigation-hold {
  margin-top: 48px;
  height: calc(100% - 48px);
}
[dir=rtl].app-admin-container.sidebar-closed .sidebar-panel {
  right: -15rem;
}
[dir=rtl].app-admin-container.sidebar-closed .branding {
  left: auto !important;
  right: -15rem;
}
[dir=rtl] .main-content-wrap {
  float: left;
}
[dir=rtl] .sidebar-panel {
  right: 0;
  left: auto !important;
}
@media (max-width: 959px) {
  .app-admin-container.sidebar-full .main-content-wrap {
    width: 100% !important;
  }
}
.notification-number {
  position: absolute;
  top: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
sca-app-search {
  margin: 0 7px 0 5px;
  width: 100%;
}
#langToggle .mat-select-trigger {
  width: 80px;
  min-width: 80px;
}
.theme-list .mat-mdc-menu-item {
  width: 48px;
  height: 48px;
  padding: 5px;
}
.theme-list .mat-mdc-menu-item .matx-swatch {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.theme-list .mat-mdc-menu-item .active-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  color: #ffffff;
}
.topbar-button-right {
  margin: 0 0.5rem !important;
}
.username {
  font-size: 14px;
}
.user-button {
  background: transparent;
  border: 0;
}
.help-link {
  color: #ffffff;
  display: flex !important;
  align-items: center !important;
}
.help-link:hover {
  color: #40b4e2;
}
.help-link span {
  font-size: 34px !important;
}
.profile-initials {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: white;
  color: #0080bb;
  border-radius: 50%;
  padding: 5px;
  width: 35px;
  height: 35px;
}
.profile-initials:hover {
  color: #40b4e2;
}
.sidenav-hold {
  padding: 0;
  padding-top: 5px !important;
}
.sidenav-hold .menuitem-badge {
  padding: 3px 10px;
  line-height: 12px;
  color: #ffffff !important;
  font-weight: 400;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 8px;
}
.sidenav-hold .icon-menu {
  opacity: 1;
  transition: all 0.3s ease-in;
}
.sidenav-hold .icon-menu .icon-menu-title {
  padding: 0 24px !important;
}
.sidenav-hold .icon-menu .icon-menu-item {
  display: inline-block;
}
.sidenav-hold .icon-menu .icon-menu-item button {
  min-width: auto;
  margin: 4px;
}
.sidenav-hold .icon-menu > .mat-divider {
  margin: 1rem 0;
}
.sidenav-hold .nav-item-sep {
  padding: 0;
  margin: 1rem 0;
}
.sidenav-hold .nav-item-sep .icon-menu-title {
  padding-left: 0px;
  margin-left: -8px;
}
.sidenav-hold .nav-item-sep span {
  padding: 0 0 0 16px;
  display: block;
  font-size: 12px;
  margin-top: 8px;
  font-weight: 500;
}
.sidenav-hold .sidenav li {
  cursor: pointer;
}
.sidenav-hold .sidenav li ul.sidenav {
  max-height: 0;
  overflow: hidden;
  opacity: 1;
}
.sidenav-hold .sidenav li ul.sidenav a {
  height: 44px;
  padding: 0 10px;
}
.sidenav-hold .sidenav a {
  position: relative;
  width: 100%;
  padding: 0 16px 0 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  text-decoration: none;
}
.sidenav-hold .sidenav a .mat-icon:not(.menu-caret) {
  text-align: center;
  margin-right: 3px;
  height: 48px;
  width: 48px;
  font-size: 16px;
  line-height: 48px;
}
.sidenav-hold .sidenav a .menu-caret {
  font-size: 1rem;
  line-height: 1;
  height: 16px;
  width: 16px;
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.sidebar-full .sidenav-hold li ul {
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.35, 0, 0.25, 1);
}
.sidebar-full .sidenav-hold li.open > div > div > ul,
.sidebar-full .sidenav-hold li.open > ul {
  max-height: 8000px;
  background: rgba(0, 0, 0, 0.005);
}
.sidebar-full .sidenav-hold li.open > div > a .menu-caret,
.sidebar-full .sidenav-hold li.open > a .menu-caret {
  transform: rotate(90deg);
}
.sidebar-full .sidenav-hold a {
  height: 48px;
  overflow: hidden;
}
.sidebar-compact .sidenav-hold,
.sidebar-compact-big .sidenav-hold {
  padding: 0 8px !important;
}
.sidebar-compact .sidenav-hold .icon-menu .nav-item-sep,
.sidebar-compact-big .sidenav-hold .icon-menu .nav-item-sep {
  display: none;
}
.sidebar-compact .sidenav-hold .nav-item-sep,
.sidebar-compact-big .sidenav-hold .nav-item-sep {
  margin: 1rem 0;
}
.sidebar-compact .sidenav-hold .nav-item-sep span,
.sidebar-compact-big .sidenav-hold .nav-item-sep span {
  display: none;
}
.sidebar-compact .sidenav-hold a,
.sidebar-compact-big .sidenav-hold a {
  padding: 0 !important;
}
.sidebar-compact .sidenav-hold li,
.sidebar-compact-big .sidenav-hold li {
  position: relative;
  z-index: 10001;
}
.sidebar-compact .sidenav-hold li .lvl1 > a > .mat-icon.menu-caret,
.sidebar-compact .sidenav-hold li .menuitem-badge,
.sidebar-compact-big .sidenav-hold li .lvl1 > a > .mat-icon.menu-caret,
.sidebar-compact-big .sidenav-hold li .menuitem-badge {
  display: none;
}
.sidebar-compact .sidenav-hold li:hover > div > ul.sidenav,
.sidebar-compact .sidenav-hold li:hover > ul.sidenav,
.sidebar-compact-big .sidenav-hold li:hover > div > ul.sidenav,
.sidebar-compact-big .sidenav-hold li:hover > ul.sidenav {
  max-height: 1000px;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.4s cubic-bezier(0.35, 0, 0.25, 1);
}
.sidebar-compact .sidenav-hold li ul.sidenav,
.sidebar-compact-big .sidenav-hold li ul.sidenav {
  overflow: visible;
  position: absolute;
  left: 100%;
  top: 0;
  width: 200px;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.sidebar-compact .sidenav-hold li ul.sidenav.lvl2 > li > a,
.sidebar-compact .sidenav-hold li ul.sidenav.lvl3 > li > a,
.sidebar-compact-big .sidenav-hold li ul.sidenav.lvl2 > li > a,
.sidebar-compact-big .sidenav-hold li ul.sidenav.lvl3 > li > a {
  height: 36px;
  line-height: 36px;
  padding: 0 16px !important;
}
.sidebar-compact .icon-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sidebar-compact .icon-menu .icon-menu-item button {
  margin: 0 0 8px 0;
  padding: 0 12px;
  box-shadow: none;
}
.sidebar-compact .sidenav-hold .sidenav .mat-icon:not(.menu-caret) {
  margin: 0 !important;
  width: 64px !important;
}
.sidebar-compact .sidenav-hold .item-name.lvl1 {
  display: none;
}
.sidebar-compact-big .sidenav > li > div > a {
  text-align: center;
  display: block !important;
  padding: 16px 0;
}
.sidebar-compact-big .sidenav > li > div > a .item-name.lvl1 {
  font-size: 0.87rem;
}
.sidebar-compact-big .sidenav .mat-icon:not(.menu-caret) {
  height: 36px;
  width: 150px;
  font-size: 24px;
  line-height: 36px;
  margin: 0;
}
.layout-intransition .sidenav ul.sidenav {
  opacity: 0 !important;
}
[dir=rtl].sidebar-full .sidenav-hold a {
  padding: 0 0 0 16px;
}
[dir=rtl].sidebar-compact .sidenav-hold a,
[dir=rtl].sidebar-compact-big .sidenav-hold a {
  padding: 0 !important;
}
[dir=rtl].sidebar-compact .sidenav-hold li ul.sidenav,
[dir=rtl].sidebar-compact-big .sidenav-hold li ul.sidenav {
  left: auto !important;
  right: 100%;
}
[dir=rtl].sidebar-compact .sidenav-hold li ul.sidenav.lvl2 > li > a,
[dir=rtl].sidebar-compact .sidenav-hold li ul.sidenav.lvl3 > li > a,
[dir=rtl].sidebar-compact-big .sidenav-hold li ul.sidenav.lvl2 > li > a,
[dir=rtl].sidebar-compact-big .sidenav-hold li ul.sidenav.lvl3 > li > a {
  padding: 0 16px !important;
}
[dir=rtl] .sidenav-hold .sidenav a {
  padding: 0 0 0 16px;
}
[dir=rtl] .sidenav-hold .sidenav a .mat-icon:not(.menu-caret) {
  border-left: none;
  border-right: 3px solid;
  margin-right: 1px;
  border-color: transparent;
}
[dir=rtl] .sidenav-hold .sidenav li ul.sidenav.lvl2 > li > a {
  padding: 0 55px 0 16px;
}
[dir=rtl] .sidenav-hold .sidenav li ul.sidenav.lvl3 > li > a {
  padding: 0 64px 0 16px;
}
[dir=rtl] .sidenav-hold .nav-item-sep .icon-menu-title {
  padding-right: 0 !important;
  margin: 0 -6px 0 0 !important;
}
[dir=rtl] .sidenav-hold .nav-item-sep span {
  padding: 16px 20px 0 0;
}
.main-footer {
  padding: 0 0.667rem;
}
.main-footer > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 28px;
  justify-content: right;
}
.navigation-top .main-footer {
  margin: 0 -1rem -0.333rem;
}
.breadcrumb {
  display: block;
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  list-style: none;
  float: left;
}
.breadcrumb li:not(:first-child):before {
  content: "/\a0";
  padding: 0 8px;
}
.breadcrumb li a.last-link {
  color: #0080bb;
  font-weight: 500 !important;
}
.breadcrumb li a:hover {
  color: #40b4e2;
}
.breadcrumb-bar {
  position: relative;
  width: 100%;
}
.breadcrumb-bar .breadcrumb {
  padding: 0 1rem;
  overflow: hidden;
  margin-top: 0;
}
.breadcrumb-bar .breadcrumb li {
  line-height: 40px;
}
.breadcrumb-bar .breadcrumb li:not(:first-child):before {
  padding: 0 8px;
}
.breadcrumb-bar .breadcrumb li a {
  font-weight: 400;
  font-size: 1rem;
}
.breadcrumb-title {
  display: flex;
  align-items: center;
  height: 56px;
  padding-left: 0.7rem;
  font-size: 1.3em !important;
  gap: 10px;
}
.breadcrumb-title .bc-title {
  font-size: 14px;
  margin: 0;
  line-height: 40px;
}
.breadcrumb-title .breadcrumb {
  position: relative;
  margin-left: 24px;
}
.breadcrumb-title .breadcrumb::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 2px;
  background: #6a6a6a;
  left: -12px;
  top: 8px;
}
[dir=rtl] .breadcrumb-bar .breadcrumb li,
[dir=rtl] .breadcrumb-title .breadcrumb li {
  float: right;
}
[dir=rtl] .breadcrumb-title .breadcrumb {
  margin-left: 0;
  margin-right: 24px;
}
[dir=rtl] .breadcrumb-title .breadcrumb::before {
  left: auto;
  right: -12px;
}
.navigation-top .notification-panel {
  padding-top: 48px;
}
.notification-panel {
  margin-bottom: 40px;
}
.notification-list {
  min-width: 240px;
}
.notification-list .notific-item a {
  outline: 0;
  width: 100%;
  color: #0080bb;
}
.notification-list .notific-item a:hover {
  color: #40b4e2;
}
.notification-list .notific-item .message {
  font-size: 0.875rem !important;
}
.notification-list .notific-item .time {
  font-size: 0.75rem !important;
}
.notifications-header {
  background-color: #0080bb;
  color: #fff;
  display: flex;
  padding: 10px 15px;
  align-items: center;
  gap: 5px;
}
.no-notifications {
  text-align: center;
  padding: 15px 0;
  color: #7b6d65;
}
.no-notifications h2 {
  color: #0080bb;
}
.no-notifications p {
  font-size: 0.8rem;
}
.sidebar-compact-switch {
  position: relative;
  width: 24px;
  height: 12px;
  border-radius: 10px;
  border: 1px solid #666;
  cursor: pointer;
  z-index: 999999;
  opacity: 1;
  transition: left 0.3s, opacity 0.1s;
}
.sidebar-compact-switch span {
  position: absolute;
  left: 1px;
  top: 1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #666;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.sidebar-compact-switch.active {
  background: #444;
}
.sidebar-compact-switch.active span {
  left: 13px;
  background: #ffffff;
}
.branding {
  display: flex;
  align-items: center;
  position: fixed;
  padding: 0 16px;
  width: 15rem;
  height: 50px;
  line-height: 50px;
  top: 0;
  left: 0;
  z-index: 999;
  color: #444;
  background: #ffffff;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: hidden;
}
.branding .app-logo {
  width: auto;
  height: 20px;
  margin-right: 8px;
}
.branding .app-logo-text {
  width: auto;
  font-size: 20px;
  font-weight: 400;
  white-space: nowrap;
}
.branding .app-logo-text sup {
  vertical-align: baseline;
  position: relative;
  top: -4px;
  font-size: 0.9rem;
}
.app-user {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0px 20px;
  margin: 2rem 0px;
}
.app-user .app-user-photo {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  box-sizing: border-box;
  border-radius: 50%;
  margin-left: 16px;
}
.app-user .app-user-controls .mat-mdc-icon-button:not(:first-child) {
  margin: 0 2px;
}
.app-user img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.app-user .app-user-name {
  display: block;
  font-size: 0.875rem;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.96);
}
.app-admin-container.sidebar-compact .sidebar-compact-switch {
  opacity: 0;
  left: -2rem;
}
.app-admin-container.sidebar-compact .branding {
  width: 64px;
  padding: 0;
}
.app-admin-container.sidebar-compact .branding .app-logo {
  margin: auto;
}
.app-admin-container.sidebar-compact .app-user {
  padding: 0.5rem 0;
}
.app-admin-container.sidebar-compact .app-user .app-user-photo {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 12px;
}
.app-admin-container.sidebar-compact .app-user-name,
.app-admin-container.sidebar-compact .app-user-controls,
.app-admin-container.sidebar-compact .app-logo-text {
  display: none !important;
}
[dir=rtl] .sidebar-compact-switch {
  left: auto;
  right: 12rem;
}
[dir=rtl] .branding {
  top: 0;
  left: auto !important;
  right: 0;
}
[dir=rtl] .branding .app-logo {
  margin-right: 0;
  margin-left: 8px;
}
.topbar.mat-toolbar {
  position: relative;
  min-height: 50px;
  height: 50px;
  box-shadow: 0 10px 30px 0 rgba(47, 60, 74, 0.08);
  z-index: 1001;
}
.topbar {
}
.topbar .mat-select-value {
  font-weight: 400;
  color: #ffffff;
}
.toggle-collapsed {
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.sidebar-compact .toggle-collapsed {
  transform: rotate(180deg);
}
.search-bar .top-search-form {
  position: relative;
  background: #fff;
  border-radius: 40px;
  margin-right: 1rem;
  display: block;
  max-width: 220px;
  margin-left: 20px;
  box-shadow: inset 0 0 2px 2px rgba(136, 136, 136, 0.2);
}
.search-bar .top-search-form .material-icons {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -12px;
  color: rgba(0, 0, 0, 0.87);
}
.search-bar .top-search-form input {
  font-size: 1rem;
  padding: 0.6rem 0.75rem;
  z-index: 2;
  cursor: text;
  text-indent: 30px;
  border: none;
  background: transparent;
  width: 100%;
  outline: 0;
}
.topnav:after {
  content: "";
  display: table;
  clear: both;
}
.topnav label.menu-toggle {
  height: 48px;
  width: 48px;
  box-sizing: border-box;
  padding: 12px;
  border-radius: 50%;
}
.topnav label.menu-toggle .mat-icon {
  font-size: 24px;
}
.topnav .toggle,
.topnav [id^=drop] {
  display: none;
}
.topnav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.topnav ul:not(.menu) {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.topnav ul.menu {
  float: left;
  height: 48px;
  padding-right: 45px;
}
.topnav ul.menu > li {
  float: left;
}
.topnav ul.menu > li > div > a,
.topnav ul.menu > li > div > div {
  border-bottom: 2px solid;
  height: 48px;
  box-sizing: border-box;
  border-color: transparent;
  margin: 0 6px;
}
.topnav ul li {
  margin: 0px;
  display: inline-block;
}
.topnav a,
.topnav label {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 13px 20px;
  height: 44px;
  font-size: 0.875rem;
  text-decoration: none;
  box-sizing: border-box;
}
.topnav a .mat-icon,
.topnav label .mat-icon {
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  margin-right: 2px;
}
.topnav ul ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  top: 48px;
  transform: translateY(-10px);
  transition: all 0.15s ease-in-out;
  z-index: -1;
}
.topnav ul li:hover > div > div > ul,
.topnav ul li:hover > div > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.topnav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}
.topnav ul ul ul {
  top: 0;
  left: 170px;
}
.topnav ul ul ul li {
  position: relative;
  top: 0;
}
.topnav li > a:after {
  content: " +";
}
.topnav li > a:only-child:after {
  content: "";
}
@media all and (max-width: 768px) {
  .topnav {
    margin: 0;
  }
  .topnav .toggle + a {
    display: none;
  }
  .topnav .menu {
    opacity: 0;
    visibility: hidden;
    height: auto !important;
    width: 100%;
  }
  .topnav .menu li a {
    border: none !important;
  }
  .topnav .toggle {
    display: flex;
    text-decoration: none;
    border: none;
  }
  .topnav ul {
    overflow: hidden;
    max-height: 0px;
    transform: translateY(0px) !important;
    transition: max-height 0.3s ease-in-out;
  }
  .topnav [id^=drop]:checked + ul {
    opacity: 1;
    visibility: visible;
    max-height: 2000px;
  }
  .topnav [id^=drop]:checked + ul.menu {
    max-height: 300px;
    overflow-y: scroll;
  }
  .topnav ul li {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 100%;
    z-index: 1;
  }
  .topnav ul ul .toggle,
  .topnav ul ul a {
    padding: 0 40px;
  }
  .topnav ul ul ul a {
    padding: 0 80px;
  }
  .topnav ul li ul li .toggle,
  .topnav ul ul a,
  .topnav ul ul ul a {
    padding: 14px 20px;
  }
  .topnav {
  }
  .topnav ul ul {
    float: none;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none !important;
    z-index: 1;
  }
  .topnav {
  }
  .topnav ul li:hover > div > div > ul,
  .topnav ul li:hover > div > ul {
    opacity: 0;
    visibility: hidden;
  }
  .topnav ul ul li {
    opacity: 1;
    visibility: visible;
    width: 100%;
  }
  .topnav ul ul ul {
    left: 0;
  }
  .topnav ul ul ul li {
    position: static;
  }
}
@media all and (max-width: 330px) {
  .topnav ul li {
    display: block;
    width: 94%;
  }
}
[dir=rtl] .topnav a .mat-icon,
[dir=rtl] .topnav label .mat-icon {
  margin-right: 0;
  margin-left: 2px;
}
.header-topnav {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  top: 0;
  z-index: 999;
}
.header-topnav .container {
  padding: 0;
}
.header-topnav .topbar-branding {
  float: left;
  height: 48px;
  padding: 8px;
  margin: 0 8px;
}
.header-topnav .topbar-branding img {
  height: 100%;
  width: auto;
}
.header-topnav .topnav {
  display: flex;
  align-items: center;
}
.header-topnav .header-topnav-right {
  float: right;
  height: 48px;
  display: flex;
  align-items: center;
  padding-right: 0.67rem;
}
@media (max-width: 959px) {
  .header-topnav-right {
    position: absolute;
    right: 6px;
    top: 0;
  }
}
[dir=rtl] .header-topnav .topnav {
  flex-direction: row-reverse;
}
.matx-navy {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0081ff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.matx-navy .mat-accent {
  --mat-option-selected-state-label-text-color: #ff8a48;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.matx-navy .mat-warn {
  --mat-option-selected-state-label-text-color: #ff3d57;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.matx-navy {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #ff8a48;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff8a48;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.matx-navy .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0081ff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0081ff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.matx-navy .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff8a48;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff8a48;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.matx-navy .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff3d57;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff3d57;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.matx-navy {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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);
}
.matx-navy .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0081ff;
  --mat-progress-bar-track-color: rgba(0, 129, 255, 0.25);
}
.matx-navy .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff8a48;
  --mat-progress-bar-track-color: rgba(255, 138, 72, 0.25);
}
.matx-navy .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #ff3d57;
  --mat-progress-bar-track-color: rgba(255, 61, 87, 0.25);
}
.matx-navy {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0081ff 87%, transparent);
  --mat-form-field-filled-caret-color: #0081ff;
  --mat-form-field-filled-focus-active-indicator-color: #0081ff;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0081ff 87%, transparent);
  --mat-form-field-outlined-caret-color: #0081ff;
  --mat-form-field-outlined-focus-outline-color: #0081ff;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0081ff 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ff3d57;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #ff3d57;
  --mat-form-field-filled-error-focus-label-text-color: #ff3d57;
  --mat-form-field-filled-error-label-text-color: #ff3d57;
  --mat-form-field-filled-error-caret-color: #ff3d57;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #ff3d57;
  --mat-form-field-filled-error-focus-active-indicator-color: #ff3d57;
  --mat-form-field-filled-error-hover-active-indicator-color: #ff3d57;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #ff3d57;
  --mat-form-field-outlined-error-focus-label-text-color: #ff3d57;
  --mat-form-field-outlined-error-label-text-color: #ff3d57;
  --mat-form-field-outlined-error-hover-label-text-color: #ff3d57;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #ff3d57;
  --mat-form-field-outlined-error-hover-outline-color: #ff3d57;
  --mat-form-field-outlined-error-outline-color: #ff3d57;
}
.matx-navy .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff8a48 87%, transparent);
  --mat-form-field-filled-caret-color: #ff8a48;
  --mat-form-field-filled-focus-active-indicator-color: #ff8a48;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff8a48 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff8a48;
  --mat-form-field-outlined-focus-outline-color: #ff8a48;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff8a48 87%, transparent);
}
.matx-navy .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff3d57 87%, transparent);
  --mat-form-field-filled-caret-color: #ff3d57;
  --mat-form-field-filled-focus-active-indicator-color: #ff3d57;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff3d57 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff3d57;
  --mat-form-field-outlined-focus-outline-color: #ff3d57;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff3d57 87%, transparent);
}
.matx-navy {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0081ff;
  --mat-select-invalid-arrow-color: #ff3d57;
}
.matx-navy .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff8a48;
  --mat-select-invalid-arrow-color: #ff3d57;
}
.matx-navy .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff3d57;
  --mat-select-invalid-arrow-color: #ff3d57;
}
.matx-navy {
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.matx-navy .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.matx-navy .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #0081ff;
  --mat-chip-elevated-disabled-container-color: #0081ff;
  --mat-chip-elevated-selected-container-color: #0081ff;
  --mat-chip-flat-disabled-selected-container-color: #0081ff;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.matx-navy .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.matx-navy .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #ff8a48;
  --mat-chip-elevated-disabled-container-color: #ff8a48;
  --mat-chip-elevated-selected-container-color: #ff8a48;
  --mat-chip-flat-disabled-selected-container-color: #ff8a48;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.matx-navy .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff3d57;
  --mat-chip-elevated-disabled-container-color: #ff3d57;
  --mat-chip-elevated-selected-container-color: #ff3d57;
  --mat-chip-flat-disabled-selected-container-color: #ff3d57;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.matx-navy {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #0081ff;
  --mat-slide-toggle-selected-handle-color: #0081ff;
  --mat-slide-toggle-selected-hover-state-layer-color: #0081ff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0081ff;
  --mat-slide-toggle-selected-focus-handle-color: #0081ff;
  --mat-slide-toggle-selected-hover-handle-color: #0081ff;
  --mat-slide-toggle-selected-pressed-handle-color: #0081ff;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.matx-navy .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #ff8a48;
  --mat-slide-toggle-selected-handle-color: #ff8a48;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff8a48;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff8a48;
  --mat-slide-toggle-selected-focus-handle-color: #ff8a48;
  --mat-slide-toggle-selected-hover-handle-color: #ff8a48;
  --mat-slide-toggle-selected-pressed-handle-color: #ff8a48;
}
.matx-navy .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff3d57;
  --mat-slide-toggle-selected-handle-color: #ff3d57;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff3d57;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff3d57;
  --mat-slide-toggle-selected-focus-handle-color: #ff3d57;
  --mat-slide-toggle-selected-hover-handle-color: #ff3d57;
  --mat-slide-toggle-selected-pressed-handle-color: #ff3d57;
}
.matx-navy .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0081ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0081ff;
  --mat-radio-selected-hover-icon-color: #0081ff;
  --mat-radio-selected-icon-color: #0081ff;
  --mat-radio-selected-pressed-icon-color: #0081ff;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff8a48;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff8a48;
  --mat-radio-selected-hover-icon-color: #ff8a48;
  --mat-radio-selected-icon-color: #ff8a48;
  --mat-radio-selected-pressed-icon-color: #ff8a48;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #ff3d57;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff3d57;
  --mat-radio-selected-hover-icon-color: #ff3d57;
  --mat-radio-selected-icon-color: #ff3d57;
  --mat-radio-selected-pressed-icon-color: #ff3d57;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy {
  --mat-slider-active-track-color: #0081ff;
  --mat-slider-focus-handle-color: #0081ff;
  --mat-slider-handle-color: #0081ff;
  --mat-slider-hover-handle-color: #0081ff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0081ff 4%, transparent);
  --mat-slider-inactive-track-color: #0081ff;
  --mat-slider-ripple-color: #0081ff;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #0081ff;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-accent {
  --mat-slider-active-track-color: #ff8a48;
  --mat-slider-focus-handle-color: #ff8a48;
  --mat-slider-handle-color: #ff8a48;
  --mat-slider-hover-handle-color: #ff8a48;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff8a48 4%, transparent);
  --mat-slider-inactive-track-color: #ff8a48;
  --mat-slider-ripple-color: #ff8a48;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #ff8a48;
}
.matx-navy .mat-warn {
  --mat-slider-active-track-color: #ff3d57;
  --mat-slider-focus-handle-color: #ff3d57;
  --mat-slider-handle-color: #ff3d57;
  --mat-slider-hover-handle-color: #ff3d57;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff3d57 4%, transparent);
  --mat-slider-inactive-track-color: #ff3d57;
  --mat-slider-ripple-color: #ff3d57;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff3d57;
}
.matx-navy {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.matx-navy .mdc-list-item__start,
.matx-navy .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0081ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0081ff;
  --mat-radio-selected-hover-icon-color: #0081ff;
  --mat-radio-selected-icon-color: #0081ff;
  --mat-radio-selected-pressed-icon-color: #0081ff;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-accent .mdc-list-item__start,
.matx-navy .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff8a48;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff8a48;
  --mat-radio-selected-hover-icon-color: #ff8a48;
  --mat-radio-selected-icon-color: #ff8a48;
  --mat-radio-selected-pressed-icon-color: #ff8a48;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-warn .mdc-list-item__start,
.matx-navy .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff3d57;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff3d57;
  --mat-radio-selected-hover-icon-color: #ff3d57;
  --mat-radio-selected-icon-color: #ff3d57;
  --mat-radio-selected-pressed-icon-color: #ff3d57;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #0081ff;
  --mat-checkbox-selected-hover-icon-color: #0081ff;
  --mat-checkbox-selected-icon-color: #0081ff;
  --mat-checkbox-selected-pressed-icon-color: #0081ff;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0081ff;
  --mat-checkbox-selected-hover-state-layer-color: #0081ff;
  --mat-checkbox-selected-pressed-state-layer-color: #0081ff;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ff8a48;
  --mat-checkbox-selected-hover-icon-color: #ff8a48;
  --mat-checkbox-selected-icon-color: #ff8a48;
  --mat-checkbox-selected-pressed-icon-color: #ff8a48;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff8a48;
  --mat-checkbox-selected-hover-state-layer-color: #ff8a48;
  --mat-checkbox-selected-pressed-state-layer-color: #ff8a48;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff3d57;
  --mat-checkbox-selected-hover-icon-color: #ff3d57;
  --mat-checkbox-selected-icon-color: #ff3d57;
  --mat-checkbox-selected-pressed-icon-color: #ff3d57;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff3d57;
  --mat-checkbox-selected-hover-state-layer-color: #ff3d57;
  --mat-checkbox-selected-pressed-state-layer-color: #ff3d57;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.matx-navy .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.matx-navy .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.matx-navy .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0081ff;
}
.matx-navy .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.matx-navy .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.matx-navy .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.matx-navy {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.matx-navy .mat-mdc-tab-group,
.matx-navy .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0081ff;
  --mat-tab-active-ripple-color: #0081ff;
  --mat-tab-inactive-ripple-color: #0081ff;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0081ff;
  --mat-tab-active-hover-label-text-color: #0081ff;
  --mat-tab-active-focus-indicator-color: #0081ff;
  --mat-tab-active-hover-indicator-color: #0081ff;
  --mat-tab-active-indicator-color: #0081ff;
}
.matx-navy .mat-mdc-tab-group.mat-accent,
.matx-navy .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff8a48;
  --mat-tab-active-ripple-color: #ff8a48;
  --mat-tab-inactive-ripple-color: #ff8a48;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff8a48;
  --mat-tab-active-hover-label-text-color: #ff8a48;
  --mat-tab-active-focus-indicator-color: #ff8a48;
  --mat-tab-active-hover-indicator-color: #ff8a48;
  --mat-tab-active-indicator-color: #ff8a48;
}
.matx-navy .mat-mdc-tab-group.mat-warn,
.matx-navy .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff3d57;
  --mat-tab-active-ripple-color: #ff3d57;
  --mat-tab-inactive-ripple-color: #ff3d57;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff3d57;
  --mat-tab-active-hover-label-text-color: #ff3d57;
  --mat-tab-active-focus-indicator-color: #ff3d57;
  --mat-tab-active-hover-indicator-color: #ff3d57;
  --mat-tab-active-indicator-color: #ff3d57;
}
.matx-navy .mat-mdc-tab-group.mat-background-primary,
.matx-navy .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0081ff;
  --mat-tab-foreground-color: white;
}
.matx-navy .mat-mdc-tab-group.mat-background-accent,
.matx-navy .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff8a48;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-tab-group.mat-background-warn,
.matx-navy .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #ff3d57;
  --mat-tab-foreground-color: white;
}
.matx-navy {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ff8a48;
  --mat-checkbox-selected-hover-icon-color: #ff8a48;
  --mat-checkbox-selected-icon-color: #ff8a48;
  --mat-checkbox-selected-pressed-icon-color: #ff8a48;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff8a48;
  --mat-checkbox-selected-hover-state-layer-color: #ff8a48;
  --mat-checkbox-selected-pressed-state-layer-color: #ff8a48;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #0081ff;
  --mat-checkbox-selected-hover-icon-color: #0081ff;
  --mat-checkbox-selected-icon-color: #0081ff;
  --mat-checkbox-selected-pressed-icon-color: #0081ff;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0081ff;
  --mat-checkbox-selected-hover-state-layer-color: #0081ff;
  --mat-checkbox-selected-pressed-state-layer-color: #0081ff;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff3d57;
  --mat-checkbox-selected-hover-icon-color: #ff3d57;
  --mat-checkbox-selected-icon-color: #ff3d57;
  --mat-checkbox-selected-pressed-icon-color: #ff3d57;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff3d57;
  --mat-checkbox-selected-hover-state-layer-color: #ff3d57;
  --mat-checkbox-selected-pressed-state-layer-color: #ff3d57;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-button.mat-primary,
.matx-navy .mat-mdc-unelevated-button.mat-primary,
.matx-navy .mat-mdc-raised-button.mat-primary,
.matx-navy .mat-mdc-outlined-button.mat-primary,
.matx-navy .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0081ff;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #0081ff;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-button-outlined-state-layer-color: #0081ff;
  --mat-button-protected-container-color: #0081ff;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #0081ff;
  --mat-button-text-ripple-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-button-text-state-layer-color: #0081ff;
  --mat-button-tonal-container-color: #0081ff;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.matx-navy .mat-mdc-button.mat-accent,
.matx-navy .mat-mdc-unelevated-button.mat-accent,
.matx-navy .mat-mdc-raised-button.mat-accent,
.matx-navy .mat-mdc-outlined-button.mat-accent,
.matx-navy .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff8a48;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #ff8a48;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff8a48;
  --mat-button-protected-container-color: #ff8a48;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #ff8a48;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-button-text-state-layer-color: #ff8a48;
  --mat-button-tonal-container-color: #ff8a48;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-button.mat-warn,
.matx-navy .mat-mdc-unelevated-button.mat-warn,
.matx-navy .mat-mdc-raised-button.mat-warn,
.matx-navy .mat-mdc-outlined-button.mat-warn,
.matx-navy .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #ff3d57;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff3d57;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff3d57;
  --mat-button-protected-container-color: #ff3d57;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff3d57;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-button-text-state-layer-color: #ff3d57;
  --mat-button-tonal-container-color: #ff3d57;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.matx-navy {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0081ff;
  --mat-icon-button-state-layer-color: #0081ff;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0081ff 12%, transparent);
}
.matx-navy .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff8a48;
  --mat-icon-button-state-layer-color: #ff8a48;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff8a48 12%, transparent);
}
.matx-navy .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #ff3d57;
  --mat-icon-button-state-layer-color: #ff3d57;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff3d57 12%, transparent);
}
.matx-navy {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-fab.mat-primary,
.matx-navy .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0081ff;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-fab-small-container-color: #0081ff;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.matx-navy .mat-mdc-fab.mat-accent,
.matx-navy .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff8a48;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-fab-small-container-color: #ff8a48;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-mdc-fab.mat-warn,
.matx-navy .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #ff3d57;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-fab-small-container-color: #ff3d57;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.matx-navy {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --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-progress-spinner-active-indicator-color: #0081ff;
}
.matx-navy .mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff8a48;
}
.matx-navy .mat-warn {
  --mat-progress-spinner-active-indicator-color: #ff3d57;
}
.matx-navy {
  --mat-badge-background-color: #0081ff;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.matx-navy .mat-badge-accent {
  --mat-badge-background-color: #ff8a48;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-badge-warn {
  --mat-badge-background-color: #ff3d57;
  --mat-badge-text-color: white;
}
.matx-navy {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0081ff 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff8a48 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0081ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0081ff 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0081ff 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0081ff;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-datepicker-content.mat-accent,
.matx-navy .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff8a48 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff8a48 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ff8a48;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff8a48 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff8a48 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff8a48;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-datepicker-content.mat-warn,
.matx-navy .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff3d57 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff8a48 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff3d57;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff3d57 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff3d57 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff3d57;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.matx-navy {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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-icon-color: inherit;
}
.matx-navy .mat-icon.mat-primary {
  --mat-icon-color: #0081ff;
}
.matx-navy .mat-icon.mat-accent {
  --mat-icon-color: #ff8a48;
}
.matx-navy .mat-icon.mat-warn {
  --mat-icon-color: #ff3d57;
}
.matx-navy {
  --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: #0081ff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0081ff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0081ff;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #ff3d57;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ff3d57;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.matx-navy .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ff8a48;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ff8a48;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ff8a48;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff3d57;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff3d57;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff3d57;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.matx-navy {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0081ff;
  --mat-toolbar-container-text-color: white;
}
.matx-navy .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff8a48;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.matx-navy .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff3d57;
  --mat-toolbar-container-text-color: white;
}
.matx-navy {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-timepicker-container-background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.matx-navy .text-muted,
.matx-navy .mat-heading-label {
  color: rgba(0, 0, 0, 0.54) !important;
}
.matx-navy .text-primary {
  color: #0081ff;
}
.matx-navy .text-accent {
  color: #ff8a48;
}
.matx-navy .text-warn {
  color: #ff3d57;
}
.matx-navy .mat-bg-primary {
  background-color: #0081ff;
}
.matx-navy .mat-bg-accent {
  background-color: #ff8a48;
}
.matx-navy .mat-bg-warn {
  background-color: #ff3d57;
}
.matx-navy .mat-bg-chip {
  background-color: #e0e0e0;
}
.matx-navy .mat-bg-card {
  background-color: white;
}
.matx-navy .mat-bg-default {
  background-color: #fafafa;
}
.matx-navy .branding {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 959px) {
  .matx-navy .mat-bg-default--mobile {
    background-color: #fafafa;
  }
  .matx-navy .mat-bg-card--mobile {
    background-color: white;
  }
}
.matx-navy .cal-month-view {
  background-color: white !important;
}
.matx-navy .cal-month-view .cal-day-cell:not(:last-child),
.matx-navy .cal-month-view .cal-days .cal-cell-row,
.matx-navy .cal-month-view .cal-days {
  border-color: rgba(0, 0, 0, 0.12) !important;
}
.matx-navy .cal-month-view .cal-cell-row .cal-cell:hover,
.matx-navy .cal-month-view .cal-cell.cal-has-events.cal-open,
.matx-navy .cal-month-view .cal-cell-row:hover,
.matx-navy .cal-month-view .cal-day-cell.cal-today {
  background-color: #fafafa;
}
.matx-navy div.hopscotch-bubble {
  background-color: white !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.matx-navy div.hopscotch-bubble .hopscotch-title {
  color: rgba(0, 0, 0, 0.87) !important;
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-number {
  background-image: none !important;
  background-color: #0081ff;
}
.matx-navy .hopscotch-next {
  background-color: #0081ff !important;
}
.matx-navy {
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 17px solid rgba(0, 0, 0, 0.12);
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 17px solid white;
  top: -16px;
}
.matx-navy {
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 17px solid rgba(0, 0, 0, 0.12);
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-left: 17px solid white;
  left: -1px;
}
.matx-navy {
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 17px solid rgba(0, 0, 0, 0.12);
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 17px solid white;
  top: -18px;
}
.matx-navy {
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 17px solid rgba(0, 0, 0, 0.12);
}
.matx-navy div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  left: 1px;
  border-right: 17px solid white;
}
.matx-navy .header-topnav,
.matx-navy .topnav ul ul {
  background-color: white;
}
.matx-navy .topnav ul li ul li:hover,
.matx-navy .topnav ul li ul li.open {
  background: #fafafa;
}
.matx-navy .header-topnav a {
  color: rgba(0, 0, 0, 0.87);
}
.matx-navy .sidenav-hold .sidenav li.open {
  background: #f7f4f2;
}
.matx-navy .sidenav-hold .sidenav li.open div .mat-divider {
  opacity: 0;
}
.matx-navy .sidenav-hold .sidenav li.open div ul li {
  background: rgba(255, 255, 255, 0.87);
}
.matx-navy .sidenav-hold .sidenav li.open div ul li .mat-divider {
  opacity: 0;
}
.matx-navy .sidenav-hold .sidenav li.open div ul li:last-child .mat-divider {
  opacity: 1;
}
.matx-navy .sidenav-hold .sidenav a.open {
  background-color: #0081ff;
  color: white !important;
}
.matx-navy .info-card.primary {
  border-color: rgba(0, 129, 255, 0.3);
  background-color: rgba(0, 129, 255, 0.07);
}
.matx-navy .info-card.primary .description {
  color: rgb(0, 51.6, 102);
}
.matx-navy .info-card.accent {
  border-color: rgba(255, 138, 72, 0.3);
  background-color: rgba(255, 138, 72, 0.07);
}
.matx-navy .info-card.accent .description {
  color: rgb(174, 62.7540983607, 0);
}
.matx-navy .info-card.warn {
  border-color: rgba(255, 61, 87, 0.3);
  background-color: rgba(255, 61, 87, 0.07);
}
.matx-navy .info-card.warn .description {
  color: rgb(163, 0, 21.8453608247);
}
.matx-navy-dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-label-text-color: #0081ff;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.matx-navy-dark .mat-accent {
  --mat-option-selected-state-label-text-color: #ff8a48;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.matx-navy-dark .mat-warn {
  --mat-option-selected-state-label-text-color: #ff3d57;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.matx-navy-dark {
  --mat-optgroup-label-text-color: white;
  --mat-pseudo-checkbox-full-selected-icon-color: #ff8a48;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff8a48;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.matx-navy-dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0081ff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0081ff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.matx-navy-dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff8a48;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff8a48;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.matx-navy-dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff3d57;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff3d57;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.matx-navy-dark {
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: #424242;
  --mat-card-outlined-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-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-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);
}
.matx-navy-dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0081ff;
  --mat-progress-bar-track-color: rgba(0, 129, 255, 0.25);
}
.matx-navy-dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff8a48;
  --mat-progress-bar-track-color: rgba(255, 138, 72, 0.25);
}
.matx-navy-dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #ff3d57;
  --mat-progress-bar-track-color: rgba(255, 61, 87, 0.25);
}
.matx-navy-dark {
  --mat-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0081ff 87%, transparent);
  --mat-form-field-filled-caret-color: #0081ff;
  --mat-form-field-filled-focus-active-indicator-color: #0081ff;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0081ff 87%, transparent);
  --mat-form-field-outlined-caret-color: #0081ff;
  --mat-form-field-outlined-focus-outline-color: #0081ff;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0081ff 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: #ff3d57;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: #ff3d57;
  --mat-form-field-filled-error-focus-label-text-color: #ff3d57;
  --mat-form-field-filled-error-label-text-color: #ff3d57;
  --mat-form-field-filled-error-caret-color: #ff3d57;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: #ff3d57;
  --mat-form-field-filled-error-focus-active-indicator-color: #ff3d57;
  --mat-form-field-filled-error-hover-active-indicator-color: #ff3d57;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: #ff3d57;
  --mat-form-field-outlined-error-focus-label-text-color: #ff3d57;
  --mat-form-field-outlined-error-label-text-color: #ff3d57;
  --mat-form-field-outlined-error-hover-label-text-color: #ff3d57;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: #ff3d57;
  --mat-form-field-outlined-error-hover-outline-color: #ff3d57;
  --mat-form-field-outlined-error-outline-color: #ff3d57;
}
.matx-navy-dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff8a48 87%, transparent);
  --mat-form-field-filled-caret-color: #ff8a48;
  --mat-form-field-filled-focus-active-indicator-color: #ff8a48;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff8a48 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff8a48;
  --mat-form-field-outlined-focus-outline-color: #ff8a48;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff8a48 87%, transparent);
}
.matx-navy-dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff3d57 87%, transparent);
  --mat-form-field-filled-caret-color: #ff3d57;
  --mat-form-field-filled-focus-active-indicator-color: #ff3d57;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff3d57 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff3d57;
  --mat-form-field-outlined-focus-outline-color: #ff3d57;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff3d57 87%, transparent);
}
.matx-navy-dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #0081ff;
  --mat-select-invalid-arrow-color: #ff3d57;
}
.matx-navy-dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #ff8a48;
  --mat-select-invalid-arrow-color: #ff3d57;
}
.matx-navy-dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #ff3d57;
  --mat-select-invalid-arrow-color: #ff3d57;
}
.matx-navy-dark {
  --mat-autocomplete-background-color: #424242;
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
}
.matx-navy-dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.matx-navy-dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.matx-navy-dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #0081ff;
  --mat-chip-elevated-disabled-container-color: #0081ff;
  --mat-chip-elevated-selected-container-color: #0081ff;
  --mat-chip-flat-disabled-selected-container-color: #0081ff;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.matx-navy-dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.matx-navy-dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #ff8a48;
  --mat-chip-elevated-disabled-container-color: #ff8a48;
  --mat-chip-elevated-selected-container-color: #ff8a48;
  --mat-chip-flat-disabled-selected-container-color: #ff8a48;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.matx-navy-dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.matx-navy-dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff3d57;
  --mat-chip-elevated-disabled-container-color: #ff3d57;
  --mat-chip-elevated-selected-container-color: #ff3d57;
  --mat-chip-flat-disabled-selected-container-color: #ff3d57;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.matx-navy-dark {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #0081ff;
  --mat-slide-toggle-selected-handle-color: #0081ff;
  --mat-slide-toggle-selected-hover-state-layer-color: #0081ff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0081ff;
  --mat-slide-toggle-selected-focus-handle-color: #0081ff;
  --mat-slide-toggle-selected-hover-handle-color: #0081ff;
  --mat-slide-toggle-selected-pressed-handle-color: #0081ff;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
}
.matx-navy-dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #ff8a48;
  --mat-slide-toggle-selected-handle-color: #ff8a48;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff8a48;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff8a48;
  --mat-slide-toggle-selected-focus-handle-color: #ff8a48;
  --mat-slide-toggle-selected-hover-handle-color: #ff8a48;
  --mat-slide-toggle-selected-pressed-handle-color: #ff8a48;
}
.matx-navy-dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff3d57;
  --mat-slide-toggle-selected-handle-color: #ff3d57;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff3d57;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff3d57;
  --mat-slide-toggle-selected-focus-handle-color: #ff3d57;
  --mat-slide-toggle-selected-hover-handle-color: #ff3d57;
  --mat-slide-toggle-selected-pressed-handle-color: #ff3d57;
}
.matx-navy-dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0081ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #0081ff;
  --mat-radio-selected-hover-icon-color: #0081ff;
  --mat-radio-selected-icon-color: #0081ff;
  --mat-radio-selected-pressed-icon-color: #0081ff;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.matx-navy-dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff8a48;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #ff8a48;
  --mat-radio-selected-hover-icon-color: #ff8a48;
  --mat-radio-selected-icon-color: #ff8a48;
  --mat-radio-selected-pressed-icon-color: #ff8a48;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.matx-navy-dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #ff3d57;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #ff3d57;
  --mat-radio-selected-hover-icon-color: #ff3d57;
  --mat-radio-selected-icon-color: #ff3d57;
  --mat-radio-selected-pressed-icon-color: #ff3d57;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.matx-navy-dark {
  --mat-slider-active-track-color: #0081ff;
  --mat-slider-focus-handle-color: #0081ff;
  --mat-slider-handle-color: #0081ff;
  --mat-slider-hover-handle-color: #0081ff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0081ff 4%, transparent);
  --mat-slider-inactive-track-color: #0081ff;
  --mat-slider-ripple-color: #0081ff;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #0081ff;
  --mat-slider-disabled-active-track-color: white;
  --mat-slider-disabled-handle-color: white;
  --mat-slider-disabled-inactive-track-color: white;
  --mat-slider-label-container-color: white;
  --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: white;
  --mat-slider-with-tick-marks-disabled-container-color: white;
}
.matx-navy-dark .mat-accent {
  --mat-slider-active-track-color: #ff8a48;
  --mat-slider-focus-handle-color: #ff8a48;
  --mat-slider-handle-color: #ff8a48;
  --mat-slider-hover-handle-color: #ff8a48;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff8a48 4%, transparent);
  --mat-slider-inactive-track-color: #ff8a48;
  --mat-slider-ripple-color: #ff8a48;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #ff8a48;
}
.matx-navy-dark .mat-warn {
  --mat-slider-active-track-color: #ff3d57;
  --mat-slider-focus-handle-color: #ff3d57;
  --mat-slider-handle-color: #ff3d57;
  --mat-slider-hover-handle-color: #ff3d57;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff3d57 4%, transparent);
  --mat-slider-inactive-track-color: #ff3d57;
  --mat-slider-ripple-color: #ff3d57;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff3d57;
}
.matx-navy-dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.matx-navy-dark .mdc-list-item__start,
.matx-navy-dark .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0081ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #0081ff;
  --mat-radio-selected-hover-icon-color: #0081ff;
  --mat-radio-selected-icon-color: #0081ff;
  --mat-radio-selected-pressed-icon-color: #0081ff;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.matx-navy-dark .mat-accent .mdc-list-item__start,
.matx-navy-dark .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff8a48;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #ff8a48;
  --mat-radio-selected-hover-icon-color: #ff8a48;
  --mat-radio-selected-icon-color: #ff8a48;
  --mat-radio-selected-pressed-icon-color: #ff8a48;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.matx-navy-dark .mat-warn .mdc-list-item__start,
.matx-navy-dark .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff3d57;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #ff3d57;
  --mat-radio-selected-hover-icon-color: #ff3d57;
  --mat-radio-selected-icon-color: #ff3d57;
  --mat-radio-selected-pressed-icon-color: #ff3d57;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.matx-navy-dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #0081ff;
  --mat-checkbox-selected-hover-icon-color: #0081ff;
  --mat-checkbox-selected-icon-color: #0081ff;
  --mat-checkbox-selected-pressed-icon-color: #0081ff;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #0081ff;
  --mat-checkbox-selected-hover-state-layer-color: #0081ff;
  --mat-checkbox-selected-pressed-state-layer-color: #0081ff;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ff8a48;
  --mat-checkbox-selected-hover-icon-color: #ff8a48;
  --mat-checkbox-selected-icon-color: #ff8a48;
  --mat-checkbox-selected-pressed-icon-color: #ff8a48;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #ff8a48;
  --mat-checkbox-selected-hover-state-layer-color: #ff8a48;
  --mat-checkbox-selected-pressed-state-layer-color: #ff8a48;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff3d57;
  --mat-checkbox-selected-hover-icon-color: #ff3d57;
  --mat-checkbox-selected-icon-color: #ff3d57;
  --mat-checkbox-selected-pressed-icon-color: #ff3d57;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #ff3d57;
  --mat-checkbox-selected-hover-state-layer-color: #ff3d57;
  --mat-checkbox-selected-pressed-state-layer-color: #ff3d57;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.matx-navy-dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.matx-navy-dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.matx-navy-dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0081ff;
}
.matx-navy-dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.matx-navy-dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.matx-navy-dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.matx-navy-dark {
  --mat-paginator-container-text-color: white;
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
}
.matx-navy-dark .mat-mdc-tab-group,
.matx-navy-dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #0081ff;
  --mat-tab-active-ripple-color: #0081ff;
  --mat-tab-inactive-ripple-color: #0081ff;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #0081ff;
  --mat-tab-active-hover-label-text-color: #0081ff;
  --mat-tab-active-focus-indicator-color: #0081ff;
  --mat-tab-active-hover-indicator-color: #0081ff;
  --mat-tab-active-indicator-color: #0081ff;
}
.matx-navy-dark .mat-mdc-tab-group.mat-accent,
.matx-navy-dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #ff8a48;
  --mat-tab-active-ripple-color: #ff8a48;
  --mat-tab-inactive-ripple-color: #ff8a48;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #ff8a48;
  --mat-tab-active-hover-label-text-color: #ff8a48;
  --mat-tab-active-focus-indicator-color: #ff8a48;
  --mat-tab-active-hover-indicator-color: #ff8a48;
  --mat-tab-active-indicator-color: #ff8a48;
}
.matx-navy-dark .mat-mdc-tab-group.mat-warn,
.matx-navy-dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #ff3d57;
  --mat-tab-active-ripple-color: #ff3d57;
  --mat-tab-inactive-ripple-color: #ff3d57;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #ff3d57;
  --mat-tab-active-hover-label-text-color: #ff3d57;
  --mat-tab-active-focus-indicator-color: #ff3d57;
  --mat-tab-active-hover-indicator-color: #ff3d57;
  --mat-tab-active-indicator-color: #ff3d57;
}
.matx-navy-dark .mat-mdc-tab-group.mat-background-primary,
.matx-navy-dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0081ff;
  --mat-tab-foreground-color: white;
}
.matx-navy-dark .mat-mdc-tab-group.mat-background-accent,
.matx-navy-dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff8a48;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.matx-navy-dark .mat-mdc-tab-group.mat-background-warn,
.matx-navy-dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #ff3d57;
  --mat-tab-foreground-color: white;
}
.matx-navy-dark {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ff8a48;
  --mat-checkbox-selected-hover-icon-color: #ff8a48;
  --mat-checkbox-selected-icon-color: #ff8a48;
  --mat-checkbox-selected-pressed-icon-color: #ff8a48;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #ff8a48;
  --mat-checkbox-selected-hover-state-layer-color: #ff8a48;
  --mat-checkbox-selected-pressed-state-layer-color: #ff8a48;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #0081ff;
  --mat-checkbox-selected-hover-icon-color: #0081ff;
  --mat-checkbox-selected-icon-color: #0081ff;
  --mat-checkbox-selected-pressed-icon-color: #0081ff;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #0081ff;
  --mat-checkbox-selected-hover-state-layer-color: #0081ff;
  --mat-checkbox-selected-pressed-state-layer-color: #0081ff;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff3d57;
  --mat-checkbox-selected-hover-icon-color: #ff3d57;
  --mat-checkbox-selected-icon-color: #ff3d57;
  --mat-checkbox-selected-pressed-icon-color: #ff3d57;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #ff3d57;
  --mat-checkbox-selected-hover-state-layer-color: #ff3d57;
  --mat-checkbox-selected-pressed-state-layer-color: #ff3d57;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.matx-navy-dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-button.mat-primary,
.matx-navy-dark .mat-mdc-unelevated-button.mat-primary,
.matx-navy-dark .mat-mdc-raised-button.mat-primary,
.matx-navy-dark .mat-mdc-outlined-button.mat-primary,
.matx-navy-dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0081ff;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #0081ff;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-button-outlined-state-layer-color: #0081ff;
  --mat-button-protected-container-color: #0081ff;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #0081ff;
  --mat-button-text-ripple-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-button-text-state-layer-color: #0081ff;
  --mat-button-tonal-container-color: #0081ff;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-button.mat-accent,
.matx-navy-dark .mat-mdc-unelevated-button.mat-accent,
.matx-navy-dark .mat-mdc-raised-button.mat-accent,
.matx-navy-dark .mat-mdc-outlined-button.mat-accent,
.matx-navy-dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff8a48;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #ff8a48;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff8a48;
  --mat-button-protected-container-color: #ff8a48;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #ff8a48;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-button-text-state-layer-color: #ff8a48;
  --mat-button-tonal-container-color: #ff8a48;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy-dark .mat-mdc-button.mat-warn,
.matx-navy-dark .mat-mdc-unelevated-button.mat-warn,
.matx-navy-dark .mat-mdc-raised-button.mat-warn,
.matx-navy-dark .mat-mdc-outlined-button.mat-warn,
.matx-navy-dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #ff3d57;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff3d57;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff3d57;
  --mat-button-protected-container-color: #ff3d57;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff3d57;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-button-text-state-layer-color: #ff3d57;
  --mat-button-tonal-container-color: #ff3d57;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.matx-navy-dark {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-icon-button-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0081ff;
  --mat-icon-button-state-layer-color: #0081ff;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0081ff 12%, transparent);
}
.matx-navy-dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff8a48;
  --mat-icon-button-state-layer-color: #ff8a48;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff8a48 12%, transparent);
}
.matx-navy-dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #ff3d57;
  --mat-icon-button-state-layer-color: #ff3d57;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff3d57 12%, transparent);
}
.matx-navy-dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-fab.mat-primary,
.matx-navy-dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0081ff;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-fab-small-container-color: #0081ff;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.matx-navy-dark .mat-mdc-fab.mat-accent,
.matx-navy-dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff8a48;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-fab-small-container-color: #ff8a48;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.matx-navy-dark .mat-mdc-fab.mat-warn,
.matx-navy-dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #ff3d57;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-fab-small-container-color: #ff3d57;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.matx-navy-dark {
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-progress-spinner-active-indicator-color: #0081ff;
}
.matx-navy-dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff8a48;
}
.matx-navy-dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #ff3d57;
}
.matx-navy-dark {
  --mat-badge-background-color: #0081ff;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
}
.matx-navy-dark .mat-badge-accent {
  --mat-badge-background-color: #ff8a48;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.matx-navy-dark .mat-badge-warn {
  --mat-badge-background-color: #ff3d57;
  --mat-badge-text-color: white;
}
.matx-navy-dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0081ff 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff8a48 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0081ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0081ff 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0081ff 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0081ff 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0081ff;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.matx-navy-dark .mat-datepicker-content.mat-accent,
.matx-navy-dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff8a48 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff8a48 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ff8a48;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff8a48 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff8a48 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff8a48 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff8a48;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.matx-navy-dark .mat-datepicker-content.mat-warn,
.matx-navy-dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff3d57 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff8a48 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff3d57;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff3d57 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff3d57 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff3d57 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff3d57;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.matx-navy-dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-icon-color: inherit;
}
.matx-navy-dark .mat-icon.mat-primary {
  --mat-icon-color: #0081ff;
}
.matx-navy-dark .mat-icon.mat-accent {
  --mat-icon-color: #ff8a48;
}
.matx-navy-dark .mat-icon.mat-warn {
  --mat-icon-color: #ff3d57;
}
.matx-navy-dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #0081ff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0081ff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0081ff;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ff3d57;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #ff3d57;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.matx-navy-dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ff8a48;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ff8a48;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ff8a48;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.matx-navy-dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff3d57;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff3d57;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff3d57;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.matx-navy-dark {
  --mat-sort-arrow-color: white;
  --mat-toolbar-container-background-color: #424242;
  --mat-toolbar-container-text-color: white;
}
.matx-navy-dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0081ff;
  --mat-toolbar-container-text-color: white;
}
.matx-navy-dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff8a48;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.matx-navy-dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff3d57;
  --mat-toolbar-container-text-color: white;
}
.matx-navy-dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-timepicker-container-background-color: #424242;
  color: white;
}
.matx-navy-dark .text-muted,
.matx-navy-dark .mat-heading-label {
  color: rgba(255, 255, 255, 0.7) !important;
}
.matx-navy-dark .text-primary {
  color: #0081ff;
}
.matx-navy-dark .text-accent {
  color: #ff8a48;
}
.matx-navy-dark .text-warn {
  color: #ff3d57;
}
.matx-navy-dark .mat-bg-primary {
  background-color: #0081ff;
}
.matx-navy-dark .mat-bg-accent {
  background-color: #ff8a48;
}
.matx-navy-dark .mat-bg-warn {
  background-color: #ff3d57;
}
.matx-navy-dark .mat-bg-chip {
  background-color: #616161;
}
.matx-navy-dark .mat-bg-card {
  background-color: #424242;
}
.matx-navy-dark .mat-bg-default {
  background-color: #303030;
}
.matx-navy-dark .branding {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
@media only screen and (max-width: 959px) {
  .matx-navy-dark .mat-bg-default--mobile {
    background-color: #303030;
  }
  .matx-navy-dark .mat-bg-card--mobile {
    background-color: #424242;
  }
}
.matx-navy-dark .cal-month-view {
  background-color: #424242 !important;
}
.matx-navy-dark .cal-month-view .cal-day-cell:not(:last-child),
.matx-navy-dark .cal-month-view .cal-days .cal-cell-row,
.matx-navy-dark .cal-month-view .cal-days {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.matx-navy-dark .cal-month-view .cal-cell-row .cal-cell:hover,
.matx-navy-dark .cal-month-view .cal-cell.cal-has-events.cal-open,
.matx-navy-dark .cal-month-view .cal-cell-row:hover,
.matx-navy-dark .cal-month-view .cal-day-cell.cal-today {
  background-color: #303030;
}
.matx-navy-dark div.hopscotch-bubble {
  background-color: #424242 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: white !important;
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-title {
  color: white !important;
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-number {
  background-image: none !important;
  background-color: #0081ff;
}
.matx-navy-dark .hopscotch-next {
  background-color: #0081ff !important;
}
.matx-navy-dark {
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 17px solid rgba(255, 255, 255, 0.12);
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 17px solid #424242;
  top: -16px;
}
.matx-navy-dark {
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 17px solid rgba(255, 255, 255, 0.12);
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-left: 17px solid #424242;
  left: -1px;
}
.matx-navy-dark {
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 17px solid rgba(255, 255, 255, 0.12);
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 17px solid #424242;
  top: -18px;
}
.matx-navy-dark {
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 17px solid rgba(255, 255, 255, 0.12);
}
.matx-navy-dark div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  left: 1px;
  border-right: 17px solid #424242;
}
.matx-navy-dark .header-topnav,
.matx-navy-dark .topnav ul ul {
  background-color: #424242;
}
.matx-navy-dark .topnav ul li ul li:hover,
.matx-navy-dark .topnav ul li ul li.open {
  background: #303030;
}
.matx-navy-dark .header-topnav a {
  color: white;
}
.matx-navy-dark .sidenav-hold .sidenav li.open {
  background: #f7f4f2;
}
.matx-navy-dark .sidenav-hold .sidenav li.open div .mat-divider {
  opacity: 0;
}
.matx-navy-dark .sidenav-hold .sidenav li.open div ul li {
  background: rgba(255, 255, 255, 0.87);
}
.matx-navy-dark .sidenav-hold .sidenav li.open div ul li .mat-divider {
  opacity: 0;
}
.matx-navy-dark .sidenav-hold .sidenav li.open div ul li:last-child .mat-divider {
  opacity: 1;
}
.matx-navy-dark .sidenav-hold .sidenav a.open {
  background-color: #0081ff;
  color: white !important;
}
.matx-navy-dark .info-card.primary {
  border-color: rgba(0, 129, 255, 0.3);
  background-color: rgba(0, 129, 255, 0.07);
}
.matx-navy-dark .info-card.primary .description {
  color: rgb(0, 51.6, 102);
}
.matx-navy-dark .info-card.accent {
  border-color: rgba(255, 138, 72, 0.3);
  background-color: rgba(255, 138, 72, 0.07);
}
.matx-navy-dark .info-card.accent .description {
  color: rgb(174, 62.7540983607, 0);
}
.matx-navy-dark .info-card.warn {
  border-color: rgba(255, 61, 87, 0.3);
  background-color: rgba(255, 61, 87, 0.07);
}
.matx-navy-dark .info-card.warn .description {
  color: rgb(163, 0, 21.8453608247);
}
.sdp-blue {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0080bb;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.sdp-blue .mat-accent {
  --mat-option-selected-state-label-text-color: #b6ada4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.sdp-blue .mat-warn {
  --mat-option-selected-state-label-text-color: #e53c2e;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.sdp-blue {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #b6ada4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #b6ada4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sdp-blue .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0080bb;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0080bb;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sdp-blue .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #b6ada4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #b6ada4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sdp-blue .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e53c2e;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e53c2e;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sdp-blue {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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);
}
.sdp-blue .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0080bb;
  --mat-progress-bar-track-color: rgba(0, 128, 187, 0.25);
}
.sdp-blue .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #b6ada4;
  --mat-progress-bar-track-color: rgba(182, 173, 164, 0.25);
}
.sdp-blue .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e53c2e;
  --mat-progress-bar-track-color: rgba(229, 60, 46, 0.25);
}
.sdp-blue {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0080bb 87%, transparent);
  --mat-form-field-filled-caret-color: #0080bb;
  --mat-form-field-filled-focus-active-indicator-color: #0080bb;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0080bb 87%, transparent);
  --mat-form-field-outlined-caret-color: #0080bb;
  --mat-form-field-outlined-focus-outline-color: #0080bb;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0080bb 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e53c2e;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e53c2e;
  --mat-form-field-filled-error-focus-label-text-color: #e53c2e;
  --mat-form-field-filled-error-label-text-color: #e53c2e;
  --mat-form-field-filled-error-caret-color: #e53c2e;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e53c2e;
  --mat-form-field-filled-error-focus-active-indicator-color: #e53c2e;
  --mat-form-field-filled-error-hover-active-indicator-color: #e53c2e;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e53c2e;
  --mat-form-field-outlined-error-focus-label-text-color: #e53c2e;
  --mat-form-field-outlined-error-label-text-color: #e53c2e;
  --mat-form-field-outlined-error-hover-label-text-color: #e53c2e;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e53c2e;
  --mat-form-field-outlined-error-hover-outline-color: #e53c2e;
  --mat-form-field-outlined-error-outline-color: #e53c2e;
}
.sdp-blue .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #b6ada4 87%, transparent);
  --mat-form-field-filled-caret-color: #b6ada4;
  --mat-form-field-filled-focus-active-indicator-color: #b6ada4;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #b6ada4 87%, transparent);
  --mat-form-field-outlined-caret-color: #b6ada4;
  --mat-form-field-outlined-focus-outline-color: #b6ada4;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #b6ada4 87%, transparent);
}
.sdp-blue .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e53c2e 87%, transparent);
  --mat-form-field-filled-caret-color: #e53c2e;
  --mat-form-field-filled-focus-active-indicator-color: #e53c2e;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e53c2e 87%, transparent);
  --mat-form-field-outlined-caret-color: #e53c2e;
  --mat-form-field-outlined-focus-outline-color: #e53c2e;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e53c2e 87%, transparent);
}
.sdp-blue {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0080bb;
  --mat-select-invalid-arrow-color: #e53c2e;
}
.sdp-blue .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #b6ada4;
  --mat-select-invalid-arrow-color: #e53c2e;
}
.sdp-blue .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e53c2e;
  --mat-select-invalid-arrow-color: #e53c2e;
}
.sdp-blue {
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.sdp-blue .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.sdp-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #0080bb;
  --mat-chip-elevated-disabled-container-color: #0080bb;
  --mat-chip-elevated-selected-container-color: #0080bb;
  --mat-chip-flat-disabled-selected-container-color: #0080bb;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.sdp-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.sdp-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #b6ada4;
  --mat-chip-elevated-disabled-container-color: #b6ada4;
  --mat-chip-elevated-selected-container-color: #b6ada4;
  --mat-chip-flat-disabled-selected-container-color: #b6ada4;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.sdp-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #e53c2e;
  --mat-chip-elevated-disabled-container-color: #e53c2e;
  --mat-chip-elevated-selected-container-color: #e53c2e;
  --mat-chip-flat-disabled-selected-container-color: #e53c2e;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.sdp-blue {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #0080bb;
  --mat-slide-toggle-selected-handle-color: #0080bb;
  --mat-slide-toggle-selected-hover-state-layer-color: #0080bb;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0080bb;
  --mat-slide-toggle-selected-focus-handle-color: #0080bb;
  --mat-slide-toggle-selected-hover-handle-color: #0080bb;
  --mat-slide-toggle-selected-pressed-handle-color: #0080bb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.sdp-blue .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #b6ada4;
  --mat-slide-toggle-selected-handle-color: #b6ada4;
  --mat-slide-toggle-selected-hover-state-layer-color: #b6ada4;
  --mat-slide-toggle-selected-pressed-state-layer-color: #b6ada4;
  --mat-slide-toggle-selected-focus-handle-color: #b6ada4;
  --mat-slide-toggle-selected-hover-handle-color: #b6ada4;
  --mat-slide-toggle-selected-pressed-handle-color: #b6ada4;
}
.sdp-blue .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #e53c2e;
  --mat-slide-toggle-selected-handle-color: #e53c2e;
  --mat-slide-toggle-selected-hover-state-layer-color: #e53c2e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e53c2e;
  --mat-slide-toggle-selected-focus-handle-color: #e53c2e;
  --mat-slide-toggle-selected-hover-handle-color: #e53c2e;
  --mat-slide-toggle-selected-pressed-handle-color: #e53c2e;
}
.sdp-blue .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0080bb;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0080bb;
  --mat-radio-selected-hover-icon-color: #0080bb;
  --mat-radio-selected-icon-color: #0080bb;
  --mat-radio-selected-pressed-icon-color: #0080bb;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #b6ada4;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #b6ada4;
  --mat-radio-selected-hover-icon-color: #b6ada4;
  --mat-radio-selected-icon-color: #b6ada4;
  --mat-radio-selected-pressed-icon-color: #b6ada4;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e53c2e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e53c2e;
  --mat-radio-selected-hover-icon-color: #e53c2e;
  --mat-radio-selected-icon-color: #e53c2e;
  --mat-radio-selected-pressed-icon-color: #e53c2e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue {
  --mat-slider-active-track-color: #0080bb;
  --mat-slider-focus-handle-color: #0080bb;
  --mat-slider-handle-color: #0080bb;
  --mat-slider-hover-handle-color: #0080bb;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0080bb 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0080bb 4%, transparent);
  --mat-slider-inactive-track-color: #0080bb;
  --mat-slider-ripple-color: #0080bb;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #0080bb;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-accent {
  --mat-slider-active-track-color: #b6ada4;
  --mat-slider-focus-handle-color: #b6ada4;
  --mat-slider-handle-color: #b6ada4;
  --mat-slider-hover-handle-color: #b6ada4;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #b6ada4 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #b6ada4 4%, transparent);
  --mat-slider-inactive-track-color: #b6ada4;
  --mat-slider-ripple-color: #b6ada4;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #b6ada4;
}
.sdp-blue .mat-warn {
  --mat-slider-active-track-color: #e53c2e;
  --mat-slider-focus-handle-color: #e53c2e;
  --mat-slider-handle-color: #e53c2e;
  --mat-slider-hover-handle-color: #e53c2e;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e53c2e 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e53c2e 4%, transparent);
  --mat-slider-inactive-track-color: #e53c2e;
  --mat-slider-ripple-color: #e53c2e;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #e53c2e;
}
.sdp-blue {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.sdp-blue .mdc-list-item__start,
.sdp-blue .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0080bb;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0080bb;
  --mat-radio-selected-hover-icon-color: #0080bb;
  --mat-radio-selected-icon-color: #0080bb;
  --mat-radio-selected-pressed-icon-color: #0080bb;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-accent .mdc-list-item__start,
.sdp-blue .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #b6ada4;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #b6ada4;
  --mat-radio-selected-hover-icon-color: #b6ada4;
  --mat-radio-selected-icon-color: #b6ada4;
  --mat-radio-selected-pressed-icon-color: #b6ada4;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-warn .mdc-list-item__start,
.sdp-blue .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e53c2e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e53c2e;
  --mat-radio-selected-hover-icon-color: #e53c2e;
  --mat-radio-selected-icon-color: #e53c2e;
  --mat-radio-selected-pressed-icon-color: #e53c2e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #0080bb;
  --mat-checkbox-selected-hover-icon-color: #0080bb;
  --mat-checkbox-selected-icon-color: #0080bb;
  --mat-checkbox-selected-pressed-icon-color: #0080bb;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0080bb;
  --mat-checkbox-selected-hover-state-layer-color: #0080bb;
  --mat-checkbox-selected-pressed-state-layer-color: #0080bb;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #b6ada4;
  --mat-checkbox-selected-hover-icon-color: #b6ada4;
  --mat-checkbox-selected-icon-color: #b6ada4;
  --mat-checkbox-selected-pressed-icon-color: #b6ada4;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #b6ada4;
  --mat-checkbox-selected-hover-state-layer-color: #b6ada4;
  --mat-checkbox-selected-pressed-state-layer-color: #b6ada4;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e53c2e;
  --mat-checkbox-selected-hover-icon-color: #e53c2e;
  --mat-checkbox-selected-icon-color: #e53c2e;
  --mat-checkbox-selected-pressed-icon-color: #e53c2e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e53c2e;
  --mat-checkbox-selected-hover-state-layer-color: #e53c2e;
  --mat-checkbox-selected-pressed-state-layer-color: #e53c2e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.sdp-blue .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.sdp-blue .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.sdp-blue .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0080bb;
}
.sdp-blue .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.sdp-blue .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.sdp-blue .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.sdp-blue {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sdp-blue .mat-mdc-tab-group,
.sdp-blue .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0080bb;
  --mat-tab-active-ripple-color: #0080bb;
  --mat-tab-inactive-ripple-color: #0080bb;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0080bb;
  --mat-tab-active-hover-label-text-color: #0080bb;
  --mat-tab-active-focus-indicator-color: #0080bb;
  --mat-tab-active-hover-indicator-color: #0080bb;
  --mat-tab-active-indicator-color: #0080bb;
}
.sdp-blue .mat-mdc-tab-group.mat-accent,
.sdp-blue .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #b6ada4;
  --mat-tab-active-ripple-color: #b6ada4;
  --mat-tab-inactive-ripple-color: #b6ada4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #b6ada4;
  --mat-tab-active-hover-label-text-color: #b6ada4;
  --mat-tab-active-focus-indicator-color: #b6ada4;
  --mat-tab-active-hover-indicator-color: #b6ada4;
  --mat-tab-active-indicator-color: #b6ada4;
}
.sdp-blue .mat-mdc-tab-group.mat-warn,
.sdp-blue .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e53c2e;
  --mat-tab-active-ripple-color: #e53c2e;
  --mat-tab-inactive-ripple-color: #e53c2e;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e53c2e;
  --mat-tab-active-hover-label-text-color: #e53c2e;
  --mat-tab-active-focus-indicator-color: #e53c2e;
  --mat-tab-active-hover-indicator-color: #e53c2e;
  --mat-tab-active-indicator-color: #e53c2e;
}
.sdp-blue .mat-mdc-tab-group.mat-background-primary,
.sdp-blue .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0080bb;
  --mat-tab-foreground-color: white;
}
.sdp-blue .mat-mdc-tab-group.mat-background-accent,
.sdp-blue .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #b6ada4;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-tab-group.mat-background-warn,
.sdp-blue .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e53c2e;
  --mat-tab-foreground-color: white;
}
.sdp-blue {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #b6ada4;
  --mat-checkbox-selected-hover-icon-color: #b6ada4;
  --mat-checkbox-selected-icon-color: #b6ada4;
  --mat-checkbox-selected-pressed-icon-color: #b6ada4;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #b6ada4;
  --mat-checkbox-selected-hover-state-layer-color: #b6ada4;
  --mat-checkbox-selected-pressed-state-layer-color: #b6ada4;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #0080bb;
  --mat-checkbox-selected-hover-icon-color: #0080bb;
  --mat-checkbox-selected-icon-color: #0080bb;
  --mat-checkbox-selected-pressed-icon-color: #0080bb;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0080bb;
  --mat-checkbox-selected-hover-state-layer-color: #0080bb;
  --mat-checkbox-selected-pressed-state-layer-color: #0080bb;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e53c2e;
  --mat-checkbox-selected-hover-icon-color: #e53c2e;
  --mat-checkbox-selected-icon-color: #e53c2e;
  --mat-checkbox-selected-pressed-icon-color: #e53c2e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e53c2e;
  --mat-checkbox-selected-hover-state-layer-color: #e53c2e;
  --mat-checkbox-selected-pressed-state-layer-color: #e53c2e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-button.mat-primary,
.sdp-blue .mat-mdc-unelevated-button.mat-primary,
.sdp-blue .mat-mdc-raised-button.mat-primary,
.sdp-blue .mat-mdc-outlined-button.mat-primary,
.sdp-blue .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0080bb;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #0080bb;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0080bb 12%, transparent);
  --mat-button-outlined-state-layer-color: #0080bb;
  --mat-button-protected-container-color: #0080bb;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #0080bb;
  --mat-button-text-ripple-color: color-mix(in srgb, #0080bb 12%, transparent);
  --mat-button-text-state-layer-color: #0080bb;
  --mat-button-tonal-container-color: #0080bb;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.sdp-blue .mat-mdc-button.mat-accent,
.sdp-blue .mat-mdc-unelevated-button.mat-accent,
.sdp-blue .mat-mdc-raised-button.mat-accent,
.sdp-blue .mat-mdc-outlined-button.mat-accent,
.sdp-blue .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #b6ada4;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #b6ada4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #b6ada4 12%, transparent);
  --mat-button-outlined-state-layer-color: #b6ada4;
  --mat-button-protected-container-color: #b6ada4;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #b6ada4;
  --mat-button-text-ripple-color: color-mix(in srgb, #b6ada4 12%, transparent);
  --mat-button-text-state-layer-color: #b6ada4;
  --mat-button-tonal-container-color: #b6ada4;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-button.mat-warn,
.sdp-blue .mat-mdc-unelevated-button.mat-warn,
.sdp-blue .mat-mdc-raised-button.mat-warn,
.sdp-blue .mat-mdc-outlined-button.mat-warn,
.sdp-blue .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e53c2e;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #e53c2e;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e53c2e 12%, transparent);
  --mat-button-outlined-state-layer-color: #e53c2e;
  --mat-button-protected-container-color: #e53c2e;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #e53c2e;
  --mat-button-text-ripple-color: color-mix(in srgb, #e53c2e 12%, transparent);
  --mat-button-text-state-layer-color: #e53c2e;
  --mat-button-tonal-container-color: #e53c2e;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.sdp-blue {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0080bb;
  --mat-icon-button-state-layer-color: #0080bb;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0080bb 12%, transparent);
}
.sdp-blue .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #b6ada4;
  --mat-icon-button-state-layer-color: #b6ada4;
  --mat-icon-button-ripple-color: color-mix(in srgb, #b6ada4 12%, transparent);
}
.sdp-blue .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e53c2e;
  --mat-icon-button-state-layer-color: #e53c2e;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e53c2e 12%, transparent);
}
.sdp-blue {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-fab.mat-primary,
.sdp-blue .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0080bb;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #0080bb 12%, transparent);
  --mat-fab-small-container-color: #0080bb;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.sdp-blue .mat-mdc-fab.mat-accent,
.sdp-blue .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #b6ada4;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #b6ada4 12%, transparent);
  --mat-fab-small-container-color: #b6ada4;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-mdc-fab.mat-warn,
.sdp-blue .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e53c2e;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #e53c2e 12%, transparent);
  --mat-fab-small-container-color: #e53c2e;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.sdp-blue {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --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-progress-spinner-active-indicator-color: #0080bb;
}
.sdp-blue .mat-accent {
  --mat-progress-spinner-active-indicator-color: #b6ada4;
}
.sdp-blue .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e53c2e;
}
.sdp-blue {
  --mat-badge-background-color: #0080bb;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sdp-blue .mat-badge-accent {
  --mat-badge-background-color: #b6ada4;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-badge-warn {
  --mat-badge-background-color: #e53c2e;
  --mat-badge-text-color: white;
}
.sdp-blue {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0080bb 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #b6ada4 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0080bb;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0080bb 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0080bb 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0080bb 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0080bb;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-datepicker-content.mat-accent,
.sdp-blue .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #b6ada4 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #b6ada4 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #b6ada4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #b6ada4 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #b6ada4 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #b6ada4 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #b6ada4;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-datepicker-content.mat-warn,
.sdp-blue .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e53c2e 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #b6ada4 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e53c2e;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e53c2e 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e53c2e 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e53c2e 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e53c2e;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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-icon-color: inherit;
}
.sdp-blue .mat-icon.mat-primary {
  --mat-icon-color: #0080bb;
}
.sdp-blue .mat-icon.mat-accent {
  --mat-icon-color: #b6ada4;
}
.sdp-blue .mat-icon.mat-warn {
  --mat-icon-color: #e53c2e;
}
.sdp-blue {
  --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: #0080bb;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0080bb;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0080bb;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e53c2e;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e53c2e;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.sdp-blue .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #b6ada4;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #b6ada4;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #b6ada4;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e53c2e;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e53c2e;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e53c2e;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.sdp-blue {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0080bb;
  --mat-toolbar-container-text-color: white;
}
.sdp-blue .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #b6ada4;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e53c2e;
  --mat-toolbar-container-text-color: white;
}
.sdp-blue {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-timepicker-container-background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .text-muted,
.sdp-blue .mat-heading-label {
  color: rgba(0, 0, 0, 0.54) !important;
}
.sdp-blue .text-primary {
  color: #0080bb;
}
.sdp-blue .text-accent {
  color: #b6ada4;
}
.sdp-blue .text-warn {
  color: #e53c2e;
}
.sdp-blue .mat-bg-primary {
  background-color: #0080bb;
}
.sdp-blue .mat-bg-accent {
  background-color: #b6ada4;
}
.sdp-blue .mat-bg-warn {
  background-color: #e53c2e;
}
.sdp-blue .mat-bg-chip {
  background-color: #e0e0e0;
}
.sdp-blue .mat-bg-card {
  background-color: white;
}
.sdp-blue .mat-bg-default {
  background-color: #fafafa;
}
.sdp-blue .branding {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 959px) {
  .sdp-blue .mat-bg-default--mobile {
    background-color: #fafafa;
  }
  .sdp-blue .mat-bg-card--mobile {
    background-color: white;
  }
}
.sdp-blue .cal-month-view {
  background-color: white !important;
}
.sdp-blue .cal-month-view .cal-day-cell:not(:last-child),
.sdp-blue .cal-month-view .cal-days .cal-cell-row,
.sdp-blue .cal-month-view .cal-days {
  border-color: rgba(0, 0, 0, 0.12) !important;
}
.sdp-blue .cal-month-view .cal-cell-row .cal-cell:hover,
.sdp-blue .cal-month-view .cal-cell.cal-has-events.cal-open,
.sdp-blue .cal-month-view .cal-cell-row:hover,
.sdp-blue .cal-month-view .cal-day-cell.cal-today {
  background-color: #fafafa;
}
.sdp-blue div.hopscotch-bubble {
  background-color: white !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.sdp-blue div.hopscotch-bubble .hopscotch-title {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-number {
  background-image: none !important;
  background-color: #0080bb;
}
.sdp-blue .hopscotch-next {
  background-color: #0080bb !important;
}
.sdp-blue {
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 17px solid rgba(0, 0, 0, 0.12);
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 17px solid white;
  top: -16px;
}
.sdp-blue {
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 17px solid rgba(0, 0, 0, 0.12);
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-left: 17px solid white;
  left: -1px;
}
.sdp-blue {
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 17px solid rgba(0, 0, 0, 0.12);
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 17px solid white;
  top: -18px;
}
.sdp-blue {
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 17px solid rgba(0, 0, 0, 0.12);
}
.sdp-blue div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  left: 1px;
  border-right: 17px solid white;
}
.sdp-blue .header-topnav,
.sdp-blue .topnav ul ul {
  background-color: white;
}
.sdp-blue .topnav ul li ul li:hover,
.sdp-blue .topnav ul li ul li.open {
  background: #fafafa;
}
.sdp-blue .header-topnav a {
  color: rgba(0, 0, 0, 0.87);
}
.sdp-blue .sidenav-hold .sidenav li.open {
  background: #f7f4f2;
}
.sdp-blue .sidenav-hold .sidenav li.open div .mat-divider {
  opacity: 0;
}
.sdp-blue .sidenav-hold .sidenav li.open div ul li {
  background: rgba(255, 255, 255, 0.87);
}
.sdp-blue .sidenav-hold .sidenav li.open div ul li .mat-divider {
  opacity: 0;
}
.sdp-blue .sidenav-hold .sidenav li.open div ul li:last-child .mat-divider {
  opacity: 1;
}
.sdp-blue .sidenav-hold .sidenav a.open {
  background-color: #0080bb;
  color: white !important;
}
.sdp-blue .info-card.primary {
  border-color: rgba(0, 128, 187, 0.3);
  background-color: rgba(0, 128, 187, 0.07);
}
.sdp-blue .info-card.primary .description {
  color: rgb(0, 23.2727272727, 34);
}
.sdp-blue .info-card.accent {
  border-color: rgba(182, 173, 164, 0.3);
  background-color: rgba(182, 173, 164, 0.07);
}
.sdp-blue .info-card.accent .description {
  color: rgb(107.0914634146, 96.5, 85.9085365854);
}
.sdp-blue .info-card.warn {
  border-color: rgba(229, 60, 46, 0.3);
  background-color: rgba(229, 60, 46, 0.07);
}
.sdp-blue .info-card.warn .description {
  color: rgb(108.5021276596, 20.7659574468, 13.4978723404);
}
.m-033 {
  margin: 0.333333rem !important;
}
.m-333 {
  margin: 0.333333rem !important;
}
.margin-333 {
  margin: 0.333333rem !important;
}
[dir=rtl] .pr-16 {
  padding-left: 16px;
  padding-right: 0 !important;
}
[dir=rtl] .mr-16 {
  margin-right: 0 !important;
  margin-left: 16px;
}
.avatar-xs {
  width: 24px;
  height: 24px;
}
.avatar-sm {
  width: 36px;
  height: 36px;
}
.avatar-md {
  width: 54px;
  height: 54px;
}
.avatar-lg {
  width: 80px;
  height: 80px;
}
.h-0 {
  height: 0px;
}
.w-0 {
  width: 0px;
}
.h-20 {
  height: 20px;
}
.w-20 {
  width: 20px;
}
.h-32 {
  height: 32px;
}
.w-32 {
  width: 32px;
}
.h-40 {
  height: 40px;
}
.w-40 {
  width: 40px;
}
.h-80 {
  height: 80px;
}
.w-80 {
  width: 80px;
}
.h-120 {
  height: 120px;
}
.w-120 {
  width: 120px;
}
.h-160 {
  height: 160px;
}
.w-160 {
  width: 160px;
}
.h-200 {
  height: 200px;
}
.w-200 {
  width: 200px;
}
.h-240 {
  height: 240px;
}
.w-240 {
  width: 240px;
}
.h-260 {
  height: 260px;
}
.w-260 {
  width: 260px;
}
.h-300 {
  height: 300px;
}
.w-300 {
  width: 300px;
}
.w-full {
  width: 100%;
}
.w-full-screen {
  width: 100vh;
}
.h-full {
  height: 100%;
}
.h-full-screen {
  height: 100vh;
}
.h-100vh-70px {
  height: calc(100vh - 70px);
}
.h-100vh-280px {
  height: calc(100vh - 280px);
}
.rounded {
  border-radius: 8px;
}
.rounded-circle {
  border-radius: 50%;
}
.rounded {
}
.rounded.mat-mdc-progress-bar,
.rounded .mat-progress-bar-fill {
  border-radius: 10px;
  overflow: hidden;
}
.overflow-hidden {
  overflow: hidden !important;
}
.splitter {
  display: flex;
  flex-grow: 1;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-none {
  float: none;
}
.background-size-cover {
  background-size: cover;
}
.background-size-contain {
  background-size: contain;
}
.background-size-100 {
  background-size: 100%;
}
[dir=rtl] .float-left {
  float: right;
}
[dir=rtl] .float-right {
  float: left;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #0d6efd !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #198754 !important;
}
.border-info {
  border-color: #0dcaf0 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 3rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-primary {
  color: #0d6efd !important;
}
.text-secondary {
  color: #6c757d !important;
}
.text-success {
  color: #198754 !important;
}
.text-info {
  color: #0dcaf0 !important;
}
.text-warning {
  color: #ffc107 !important;
}
.text-danger {
  color: #dc3545 !important;
}
.text-light {
  color: #f8f9fa !important;
}
.text-dark {
  color: #343a40 !important;
}
.text-white {
  color: #fff !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
  color: inherit !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.bg-primary {
  background-color: #0d6efd !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
.bg-success {
  background-color: #198754 !important;
}
.bg-info {
  background-color: #0dcaf0 !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
.bg-body {
  background-color: #fff !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.font-italic {
  font-style: italic !important;
}
.font-normal {
  font-style: normal !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .pl-xl-5 {
    padding-left: 3rem !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .mr-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mr-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mr-xxl-3 {
    margin-right: 1rem !important;
  }
  .mr-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mr-xxl-5 {
    margin-right: 3rem !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-0 {
    margin-left: 0 !important;
  }
  .ml-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ml-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ml-xxl-3 {
    margin-left: 1rem !important;
  }
  .ml-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ml-xxl-5 {
    margin-left: 3rem !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-0 {
    padding-right: 0 !important;
  }
  .pr-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pr-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pr-xxl-3 {
    padding-right: 1rem !important;
  }
  .pr-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pr-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-0 {
    padding-left: 0 !important;
  }
  .pl-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .pl-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .pl-xxl-3 {
    padding-left: 1rem !important;
  }
  .pl-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .pl-xxl-5 {
    padding-left: 3rem !important;
  }
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.button-loading {
}
.button-loading .mat-button-wrapper {
  display: flex;
  align-items: center;
}
.btn-spinner {
  width: 1em;
  height: 1em;
  background: transparent;
  border-radius: 50%;
  margin: 0 16px 0 0;
  border: 2px solid transparent;
  animation: btn-glow 1s ease infinite;
}
@keyframes btn-glow {
  0% {
    box-shadow: 0 0 0 0.4em rgb(93.3924050633, 92.6075949367, 92.6075949367), 0 0 0 0.1em rgb(93.3924050633, 92.6075949367, 92.6075949367);
    transform: rotate(360deg);
  }
  50% {
    border-top-color: #777676;
  }
  100% {
    box-shadow: 0 0 0 0.4em rgb(93.3924050633, 92.6075949367, 92.6075949367), 0 0 0 3.6em transparent;
  }
}
.mat-mdc-card {
  margin: 0.75rem;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 8px 12px rgba(47, 60, 74, 0.04), 0 2px 6px rgba(47, 60, 74, 0.08) !important;
}
.mat-mdc-card.rounded-circle {
  border-radius: 200px !important;
}
.mat-mdc-card.default {
  padding: 0;
}
.mat-mdc-card.default .mat-mdc-card-title {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1;
  font-weight: 400;
}
.mat-mdc-card.default > :first-child {
  border-radius: 2px 2px 0 0;
}
.mat-mdc-card.default .mat-mdc-card-subtitle:first-child {
  padding-top: 1rem;
}
.mat-mdc-card.default .mat-mdc-card-subtitle {
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1;
}
.mat-mdc-card.default .mat-mdc-card-content {
  padding: 1rem;
  margin-bottom: 0;
  position: relative;
}
.mat-mdc-card.default .mat-mdc-card-actions,
.mat-card.default .mat-card-actions:last-child {
  padding: 0.5rem;
  margin: 0;
}
.mat-mdc-card.default > :last-child {
  border-radius: 0 0 2px 2px;
}
.mat-mdc-card .mat-mdc-card-title .mat-divider,
.mat-divider.full-width {
  margin-left: -24px;
  margin-right: -24px;
}
.mat-mdc-card.p-0 .mat-mdc-card-title .card-title-text {
  padding: 1rem 1.5rem;
}
.mat-mdc-card.p-0 .mat-mdc-card-title .card-title-text .card-control {
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.mat-mdc-card.p-0 .mat-mdc-card-title .card-title-text .mat-mdc-card-subtitle {
  margin: 0;
}
.mat-mdc-card.p-0 .mat-mdc-card-title .mat-divider {
  margin-left: 0;
  margin-right: 0;
  border-top-color: rgba(0, 0, 0, 0.04);
}
.mat-mdc-card.p-0 .mat-mdc-card-image {
  margin: 0 0 1rem !important;
}
.mat-mdc-card.p-0 .mat-mdc-card-content {
  padding: 1rem 1.5rem 1.5rem;
}
div.hopscotch-bubble,
div.hopscotch-bubble .hopscotch-title,
div.hopscotch-bubble .hopscotch-content,
div.hopscotch-bubble .hopscotch-nav-button {
  font-family:
    Archivo,
    "Helvetica Neue",
    sans-serif !important;
}
div.hopscotch-bubble {
  border: 1px solid;
  border-radius: 2px;
}
div.hopscotch-bubble .hopscotch-bubble-number {
  border-radius: 50%;
  box-sizing: border-box;
  padding: 0;
  font-weight: 500;
  height: 32px;
  width: 32px;
  line-height: 32px;
}
div.hopscotch-bubble .hopscotch-title {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.1px;
}
div.hopscotch-bubble .hopscotch-content {
  margin: -5px 0 16px;
}
div.hopscotch-bubble .hopscotch-bubble-close:active {
  outline: 0;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
  top: -17px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  right: -34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
  left: -17px;
}
div.hopscotch-bubble .hopscotch-nav-button {
  border: 0;
  border-radius: 2px;
  font-weight: normal;
  text-shadow: none !important;
  padding: 0 18px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  background-image: none !important;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transform: translate3d(0, 0, 0);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
div.hopscotch-bubble .hopscotch-nav-button:hover,
div.hopscotch-bubble .hopscotch-nav-button:active,
div.hopscotch-bubble .hopscotch-nav-button:focus {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  outline: none;
}
div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87);
}
.info-card {
  padding: 16px;
  border: 1px dashed;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 15px;
}
.info-card .description {
  font-weight: 500;
}
matx-sidebar {
  position: absolute;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 280px;
  z-index: 1000;
  float: left;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition-property:
    transform,
    width,
    min-width,
    max-width,
    -webkit-transform;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
}
matx-sidebar.sidebar-locked-open {
  position: relative !important;
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
matx-sidebar.open {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
matx-sidebar.position-right {
  left: auto !important;
  right: 0 !important;
  float: right;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.matx-sidebar-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.6);
}
.matx-example-viewer-accordion .code-wrap {
  max-height: 400px;
}
.matx-example-viewer-accordion pre {
  margin: 0 !important;
}
.matx-example-viewer-accordion > .mat-expansion-panel {
  box-shadow: none !important;
}
.matx-example-viewer-accordion .example-viewer-tab-wrap {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.matx-example-viewer-accordion .mat-expansion-panel-header {
  margin: 0 !important;
}
.matx-example-viewer-accordion .matx-example-viewer-header.mat-expansion-panel-header > .mat-expansion-indicator {
  display: none !important;
}
.matx-example-viewer-accordion .matx-example-viewer-header.mat-expansion-panel-header .mat-expansion-panel-header-title {
  align-items: center;
}
.red {
  background-color: #f44336 !important;
}
.red .mat-mdc-table {
  background: transparent !important;
}
.red .ngx-datatable.material *,
.red .mat-mdc-table,
.red .mat-mdc-cell,
.red .mat-mdc-header-cell {
  color: white !important;
}
.red .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.red .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #f44336, 5;
}
.text-red {
  color: #f44336;
}
.sidebar-red .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-red .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-red .navigation-hold {
  background: #f44336;
}
.sidebar-red .navigation-hold a,
.sidebar-red .navigation-hold .sidenav li.open > a > span,
.sidebar-red .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-red .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-red .navigation-hold a:not(.open):hover {
  background: rgba(185.8301886792, 22.1886792453, 10.1698113208, 0.2) !important;
}
.sidebar-red .navigation-hold .app-user .app-user-photo,
.sidebar-red .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-red .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(244, 67, 54, 0.96) !important;
}
.sidebar-red .navigation-hold li.open > a {
  background: rgba(185.8301886792, 22.1886792453, 10.1698113208, 0.2) !important;
}
.sidebar-red .navigation-hold .text-muted {
  color: white !important;
}
.topbar-red .topbar.mat-toolbar {
  background: #f44336 !important;
  color: white !important;
}
.footer-red .main-footer {
  background: #f44336 !important;
  color: white !important;
}
.red-50 {
  background-color: #ffebee !important;
}
.red-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-red-50 {
  color: #ffebee !important;
}
.red-100 {
  background-color: #ffcdd2 !important;
}
.red-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-red-100 {
  color: #ffcdd2 !important;
}
.red-200 {
  background-color: #ef9a9a !important;
}
.red-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-red-200 {
  color: #ef9a9a !important;
}
.red-300 {
  background-color: #e57373 !important;
}
.red-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-red-300 {
  color: #e57373 !important;
}
.red-400 {
  background-color: #ef5350 !important;
}
.red-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-red-400 {
  color: #ef5350 !important;
}
.red-500 {
  background-color: #f44336 !important;
}
.red-500-fg {
  color: white !important;
}
.text-red-500 {
  color: #f44336 !important;
}
.red-600 {
  background-color: #e53935 !important;
}
.red-600-fg {
  color: white !important;
}
.text-red-600 {
  color: #e53935 !important;
}
.red-700 {
  background-color: #d32f2f !important;
}
.red-700-fg {
  color: white !important;
}
.text-red-700 {
  color: #d32f2f !important;
}
.red-800 {
  background-color: #c62828 !important;
}
.red-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-red-800 {
  color: #c62828 !important;
}
.red-900 {
  background-color: #b71c1c !important;
}
.red-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-red-900 {
  color: #b71c1c !important;
}
.red-A100 {
  background-color: #ff8a80 !important;
}
.red-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-red-A100 {
  color: #ff8a80 !important;
}
.red-A200 {
  background-color: #ff5252 !important;
}
.red-A200-fg {
  color: white !important;
}
.text-red-A200 {
  color: #ff5252 !important;
}
.red-A400 {
  background-color: #ff1744 !important;
}
.red-A400-fg {
  color: white !important;
}
.text-red-A400 {
  color: #ff1744 !important;
}
.red-A700 {
  background-color: #d50000 !important;
}
.red-A700-fg {
  color: white !important;
}
.text-red-A700 {
  color: #d50000 !important;
}
.pink {
  background-color: #e91e63 !important;
}
.pink .mat-mdc-table {
  background: transparent !important;
}
.pink .ngx-datatable.material *,
.pink .mat-mdc-table,
.pink .mat-mdc-cell,
.pink .mat-mdc-header-cell {
  color: white !important;
}
.pink .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.pink .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #e91e63, 5;
}
.text-pink {
  color: #e91e63;
}
.sidebar-pink .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-pink .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-pink .navigation-hold {
  background: #e91e63;
}
.sidebar-pink .navigation-hold a,
.sidebar-pink .navigation-hold .sidenav li.open > a > span,
.sidebar-pink .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-pink .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-pink .navigation-hold a:not(.open):hover {
  background: rgba(146.6599190283, 14.3400809717, 59.3157894737, 0.2) !important;
}
.sidebar-pink .navigation-hold .app-user .app-user-photo,
.sidebar-pink .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-pink .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(233, 30, 99, 0.96) !important;
}
.sidebar-pink .navigation-hold li.open > a {
  background: rgba(146.6599190283, 14.3400809717, 59.3157894737, 0.2) !important;
}
.sidebar-pink .navigation-hold .text-muted {
  color: white !important;
}
.topbar-pink .topbar.mat-toolbar {
  background: #e91e63 !important;
  color: white !important;
}
.footer-pink .main-footer {
  background: #e91e63 !important;
  color: white !important;
}
.pink-50 {
  background-color: #fce4ec !important;
}
.pink-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-pink-50 {
  color: #fce4ec !important;
}
.pink-100 {
  background-color: #f8bbd0 !important;
}
.pink-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-pink-100 {
  color: #f8bbd0 !important;
}
.pink-200 {
  background-color: #f48fb1 !important;
}
.pink-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-pink-200 {
  color: #f48fb1 !important;
}
.pink-300 {
  background-color: #f06292 !important;
}
.pink-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-pink-300 {
  color: #f06292 !important;
}
.pink-400 {
  background-color: #ec407a !important;
}
.pink-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-pink-400 {
  color: #ec407a !important;
}
.pink-500 {
  background-color: #e91e63 !important;
}
.pink-500-fg {
  color: white !important;
}
.text-pink-500 {
  color: #e91e63 !important;
}
.pink-600 {
  background-color: #d81b60 !important;
}
.pink-600-fg {
  color: white !important;
}
.text-pink-600 {
  color: #d81b60 !important;
}
.pink-700 {
  background-color: #c2185b !important;
}
.pink-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-pink-700 {
  color: #c2185b !important;
}
.pink-800 {
  background-color: #ad1457 !important;
}
.pink-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-pink-800 {
  color: #ad1457 !important;
}
.pink-900 {
  background-color: #880e4f !important;
}
.pink-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-pink-900 {
  color: #880e4f !important;
}
.pink-A100 {
  background-color: #ff80ab !important;
}
.pink-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-pink-A100 {
  color: #ff80ab !important;
}
.pink-A200 {
  background-color: #ff4081 !important;
}
.pink-A200-fg {
  color: white !important;
}
.text-pink-A200 {
  color: #ff4081 !important;
}
.pink-A400 {
  background-color: #f50057 !important;
}
.pink-A400-fg {
  color: white !important;
}
.text-pink-A400 {
  color: #f50057 !important;
}
.pink-A700 {
  background-color: #c51162 !important;
}
.pink-A700-fg {
  color: white !important;
}
.text-pink-A700 {
  color: #c51162 !important;
}
.light-purple {
  background-color: #7367f0 !important;
}
.light-purple .mat-mdc-table {
  background: transparent !important;
}
.light-purple .ngx-datatable.material *,
.light-purple .mat-mdc-table,
.light-purple .mat-mdc-cell,
.light-purple .mat-mdc-header-cell {
  color: #ffffff !important;
}
.light-purple .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.light-purple .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #7367f0, 5;
}
.text-light-purple {
  color: #7367f0;
}
.sidebar-light-purple .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-light-purple .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-light-purple .navigation-hold {
  background: #7367f0;
}
.sidebar-light-purple .navigation-hold a,
.sidebar-light-purple .navigation-hold .sidenav li.open > a > span,
.sidebar-light-purple .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-light-purple .navigation-hold .app-user .app-user-name {
  color: #ffffff !important;
}
.sidebar-light-purple .navigation-hold a:not(.open):hover {
  background: rgba(38.9640718563, 21.6467065868, 219.3532934132, 0.2) !important;
}
.sidebar-light-purple .navigation-hold .app-user .app-user-photo,
.sidebar-light-purple .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: #ffffff !important;
}
.sidebar-light-purple .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(115, 103, 240, 0.96) !important;
}
.sidebar-light-purple .navigation-hold li.open > a {
  background: rgba(38.9640718563, 21.6467065868, 219.3532934132, 0.2) !important;
}
.sidebar-light-purple .navigation-hold .text-muted {
  color: white !important;
}
.topbar-light-purple .topbar.mat-toolbar {
  background: #7367f0 !important;
  color: #ffffff !important;
}
.footer-light-purple .main-footer {
  background: #7367f0 !important;
  color: #ffffff !important;
}
.light-purple-50 {
  background-color: #eeedfd !important;
}
.light-purple-50-fg {
  color: #000000 !important;
}
.text-light-purple-50 {
  color: #eeedfd !important;
}
.light-purple-100 {
  background-color: #d5d1fb !important;
}
.light-purple-100-fg {
  color: #000000 !important;
}
.text-light-purple-100 {
  color: #d5d1fb !important;
}
.light-purple-200 {
  background-color: #b9b3f8 !important;
}
.light-purple-200-fg {
  color: #000000 !important;
}
.text-light-purple-200 {
  color: #b9b3f8 !important;
}
.light-purple-300 {
  background-color: #9d95f5 !important;
}
.light-purple-300-fg {
  color: #000000 !important;
}
.text-light-purple-300 {
  color: #9d95f5 !important;
}
.light-purple-400 {
  background-color: #887ef2 !important;
}
.light-purple-400-fg {
  color: #000000 !important;
}
.text-light-purple-400 {
  color: #887ef2 !important;
}
.light-purple-500 {
  background-color: #7367f0 !important;
}
.light-purple-500-fg {
  color: #ffffff !important;
}
.text-light-purple-500 {
  color: #7367f0 !important;
}
.light-purple-600 {
  background-color: #6b5fee !important;
}
.light-purple-600-fg {
  color: #ffffff !important;
}
.text-light-purple-600 {
  color: #6b5fee !important;
}
.light-purple-700 {
  background-color: #6054ec !important;
}
.light-purple-700-fg {
  color: #ffffff !important;
}
.text-light-purple-700 {
  color: #6054ec !important;
}
.light-purple-800 {
  background-color: #564ae9 !important;
}
.light-purple-800-fg {
  color: #ffffff !important;
}
.text-light-purple-800 {
  color: #564ae9 !important;
}
.light-purple-900 {
  background-color: #4339e5 !important;
}
.light-purple-900-fg {
  color: #ffffff !important;
}
.text-light-purple-900 {
  color: #4339e5 !important;
}
.light-purple-A100 {
  background-color: #ffffff !important;
}
.light-purple-A100-fg {
  color: #000000 !important;
}
.text-light-purple-A100 {
  color: #ffffff !important;
}
.light-purple-A200 {
  background-color: #fcfcff !important;
}
.light-purple-A200-fg {
  color: #000000 !important;
}
.text-light-purple-A200 {
  color: #fcfcff !important;
}
.light-purple-A400 {
  background-color: #ccc9ff !important;
}
.light-purple-A400-fg {
  color: #000000 !important;
}
.text-light-purple-A400 {
  color: #ccc9ff !important;
}
.light-purple-A700 {
  background-color: #b3afff !important;
}
.light-purple-A700-fg {
  color: #000000 !important;
}
.text-light-purple-A700 {
  color: #b3afff !important;
}
.purple {
  background-color: #9c27b0 !important;
}
.purple .mat-mdc-table {
  background: transparent !important;
}
.purple .ngx-datatable.material *,
.purple .mat-mdc-table,
.purple .mat-mdc-cell,
.purple .mat-mdc-header-cell {
  color: rgba(255, 255, 255, 0.87) !important;
}
.purple .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.purple .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #9c27b0, 5;
}
.text-purple {
  color: #9c27b0;
}
.sidebar-purple .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-purple .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-purple .navigation-hold {
  background: #9c27b0;
}
.sidebar-purple .navigation-hold a,
.sidebar-purple .navigation-hold .sidenav li.open > a > span,
.sidebar-purple .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-purple .navigation-hold .app-user .app-user-name {
  color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-purple .navigation-hold a:not(.open):hover {
  background: rgba(81.9906976744, 20.4976744186, 92.5023255814, 0.2) !important;
}
.sidebar-purple .navigation-hold .app-user .app-user-photo,
.sidebar-purple .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-purple .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(156, 39, 176, 0.96) !important;
}
.sidebar-purple .navigation-hold li.open > a {
  background: rgba(81.9906976744, 20.4976744186, 92.5023255814, 0.2) !important;
}
.sidebar-purple .navigation-hold .text-muted {
  color: rgba(255, 255, 255, 0.87) !important;
}
.topbar-purple .topbar.mat-toolbar {
  background: #9c27b0 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.footer-purple .main-footer {
  background: #9c27b0 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.purple-50 {
  background-color: #f3e5f5 !important;
}
.purple-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-purple-50 {
  color: #f3e5f5 !important;
}
.purple-100 {
  background-color: #e1bee7 !important;
}
.purple-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-purple-100 {
  color: #e1bee7 !important;
}
.purple-200 {
  background-color: #ce93d8 !important;
}
.purple-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-purple-200 {
  color: #ce93d8 !important;
}
.purple-300 {
  background-color: #ba68c8 !important;
}
.purple-300-fg {
  color: white !important;
}
.text-purple-300 {
  color: #ba68c8 !important;
}
.purple-400 {
  background-color: #ab47bc !important;
}
.purple-400-fg {
  color: white !important;
}
.text-purple-400 {
  color: #ab47bc !important;
}
.purple-500 {
  background-color: #9c27b0 !important;
}
.purple-500-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-purple-500 {
  color: #9c27b0 !important;
}
.purple-600 {
  background-color: #8e24aa !important;
}
.purple-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-purple-600 {
  color: #8e24aa !important;
}
.purple-700 {
  background-color: #7b1fa2 !important;
}
.purple-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-purple-700 {
  color: #7b1fa2 !important;
}
.purple-800 {
  background-color: #6a1b9a !important;
}
.purple-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-purple-800 {
  color: #6a1b9a !important;
}
.purple-900 {
  background-color: #4a148c !important;
}
.purple-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-purple-900 {
  color: #4a148c !important;
}
.purple-A100 {
  background-color: #ea80fc !important;
}
.purple-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-purple-A100 {
  color: #ea80fc !important;
}
.purple-A200 {
  background-color: #e040fb !important;
}
.purple-A200-fg {
  color: white !important;
}
.text-purple-A200 {
  color: #e040fb !important;
}
.purple-A400 {
  background-color: #d500f9 !important;
}
.purple-A400-fg {
  color: white !important;
}
.text-purple-A400 {
  color: #d500f9 !important;
}
.purple-A700 {
  background-color: #aa00ff !important;
}
.purple-A700-fg {
  color: white !important;
}
.text-purple-A700 {
  color: #aa00ff !important;
}
.deep-purple {
  background-color: #673ab7 !important;
}
.deep-purple .mat-mdc-table {
  background: transparent !important;
}
.deep-purple .ngx-datatable.material *,
.deep-purple .mat-mdc-table,
.deep-purple .mat-mdc-cell,
.deep-purple .mat-mdc-header-cell {
  color: rgba(255, 255, 255, 0.87) !important;
}
.deep-purple .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.deep-purple .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #673ab7, 5;
}
.text-deep-purple {
  color: #673ab7;
}
.sidebar-deep-purple .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-deep-purple .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-deep-purple .navigation-hold {
  background: #673ab7;
}
.sidebar-deep-purple .navigation-hold a,
.sidebar-deep-purple .navigation-hold .sidenav li.open > a > span,
.sidebar-deep-purple .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-deep-purple .navigation-hold .app-user .app-user-name {
  color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-deep-purple .navigation-hold a:not(.open):hover {
  background: rgba(59.4066390041, 33.4522821577, 105.5477178423, 0.2) !important;
}
.sidebar-deep-purple .navigation-hold .app-user .app-user-photo,
.sidebar-deep-purple .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-deep-purple .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(103, 58, 183, 0.96) !important;
}
.sidebar-deep-purple .navigation-hold li.open > a {
  background: rgba(59.4066390041, 33.4522821577, 105.5477178423, 0.2) !important;
}
.sidebar-deep-purple .navigation-hold .text-muted {
  color: rgba(255, 255, 255, 0.87) !important;
}
.topbar-deep-purple .topbar.mat-toolbar {
  background: #673ab7 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.footer-deep-purple .main-footer {
  background: #673ab7 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.deep-purple-50 {
  background-color: #ede7f6 !important;
}
.deep-purple-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-purple-50 {
  color: #ede7f6 !important;
}
.deep-purple-100 {
  background-color: #d1c4e9 !important;
}
.deep-purple-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-purple-100 {
  color: #d1c4e9 !important;
}
.deep-purple-200 {
  background-color: #b39ddb !important;
}
.deep-purple-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-purple-200 {
  color: #b39ddb !important;
}
.deep-purple-300 {
  background-color: #9575cd !important;
}
.deep-purple-300-fg {
  color: white !important;
}
.text-deep-purple-300 {
  color: #9575cd !important;
}
.deep-purple-400 {
  background-color: #7e57c2 !important;
}
.deep-purple-400-fg {
  color: white !important;
}
.text-deep-purple-400 {
  color: #7e57c2 !important;
}
.deep-purple-500 {
  background-color: #673ab7 !important;
}
.deep-purple-500-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-deep-purple-500 {
  color: #673ab7 !important;
}
.deep-purple-600 {
  background-color: #5e35b1 !important;
}
.deep-purple-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-deep-purple-600 {
  color: #5e35b1 !important;
}
.deep-purple-700 {
  background-color: #512da8 !important;
}
.deep-purple-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-deep-purple-700 {
  color: #512da8 !important;
}
.deep-purple-800 {
  background-color: #4527a0 !important;
}
.deep-purple-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-deep-purple-800 {
  color: #4527a0 !important;
}
.deep-purple-900 {
  background-color: #311b92 !important;
}
.deep-purple-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-deep-purple-900 {
  color: #311b92 !important;
}
.deep-purple-A100 {
  background-color: #b388ff !important;
}
.deep-purple-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-purple-A100 {
  color: #b388ff !important;
}
.deep-purple-A200 {
  background-color: #7c4dff !important;
}
.deep-purple-A200-fg {
  color: white !important;
}
.text-deep-purple-A200 {
  color: #7c4dff !important;
}
.deep-purple-A400 {
  background-color: #651fff !important;
}
.deep-purple-A400-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-deep-purple-A400 {
  color: #651fff !important;
}
.deep-purple-A700 {
  background-color: #6200ea !important;
}
.deep-purple-A700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-deep-purple-A700 {
  color: #6200ea !important;
}
.indigo {
  background-color: #3f51b5 !important;
}
.indigo .mat-mdc-table {
  background: transparent !important;
}
.indigo .ngx-datatable.material *,
.indigo .mat-mdc-table,
.indigo .mat-mdc-cell,
.indigo .mat-mdc-header-cell {
  color: rgba(255, 255, 255, 0.87) !important;
}
.indigo .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.indigo .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #3f51b5, 5;
}
.text-indigo {
  color: #3f51b5;
}
.sidebar-indigo .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-indigo .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-indigo .navigation-hold {
  background: #3f51b5;
}
.sidebar-indigo .navigation-hold a,
.sidebar-indigo .navigation-hold .sidenav li.open > a > span,
.sidebar-indigo .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-indigo .navigation-hold .app-user .app-user-name {
  color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-indigo .navigation-hold a:not(.open):hover {
  background: rgba(36.6639344262, 47.1393442623, 105.3360655738, 0.2) !important;
}
.sidebar-indigo .navigation-hold .app-user .app-user-photo,
.sidebar-indigo .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-indigo .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(63, 81, 181, 0.96) !important;
}
.sidebar-indigo .navigation-hold li.open > a {
  background: rgba(36.6639344262, 47.1393442623, 105.3360655738, 0.2) !important;
}
.sidebar-indigo .navigation-hold .text-muted {
  color: rgba(255, 255, 255, 0.87) !important;
}
.topbar-indigo .topbar.mat-toolbar {
  background: #3f51b5 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.footer-indigo .main-footer {
  background: #3f51b5 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.indigo-50 {
  background-color: #e8eaf6 !important;
}
.indigo-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-indigo-50 {
  color: #e8eaf6 !important;
}
.indigo-100 {
  background-color: #c5cae9 !important;
}
.indigo-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-indigo-100 {
  color: #c5cae9 !important;
}
.indigo-200 {
  background-color: #9fa8da !important;
}
.indigo-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-indigo-200 {
  color: #9fa8da !important;
}
.indigo-300 {
  background-color: #7986cb !important;
}
.indigo-300-fg {
  color: white !important;
}
.text-indigo-300 {
  color: #7986cb !important;
}
.indigo-400 {
  background-color: #5c6bc0 !important;
}
.indigo-400-fg {
  color: white !important;
}
.text-indigo-400 {
  color: #5c6bc0 !important;
}
.indigo-500 {
  background-color: #3f51b5 !important;
}
.indigo-500-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-indigo-500 {
  color: #3f51b5 !important;
}
.indigo-600 {
  background-color: #3949ab !important;
}
.indigo-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-indigo-600 {
  color: #3949ab !important;
}
.indigo-700 {
  background-color: #303f9f !important;
}
.indigo-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-indigo-700 {
  color: #303f9f !important;
}
.indigo-800 {
  background-color: #283593 !important;
}
.indigo-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-indigo-800 {
  color: #283593 !important;
}
.indigo-900 {
  background-color: #1a237e !important;
}
.indigo-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-indigo-900 {
  color: #1a237e !important;
}
.indigo-A100 {
  background-color: #8c9eff !important;
}
.indigo-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-indigo-A100 {
  color: #8c9eff !important;
}
.indigo-A200 {
  background-color: #536dfe !important;
}
.indigo-A200-fg {
  color: white !important;
}
.text-indigo-A200 {
  color: #536dfe !important;
}
.indigo-A400 {
  background-color: #3d5afe !important;
}
.indigo-A400-fg {
  color: white !important;
}
.text-indigo-A400 {
  color: #3d5afe !important;
}
.indigo-A700 {
  background-color: #304ffe !important;
}
.indigo-A700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-indigo-A700 {
  color: #304ffe !important;
}
.blue {
  background-color: #2196f3 !important;
}
.blue .mat-mdc-table {
  background: transparent !important;
}
.blue .ngx-datatable.material *,
.blue .mat-mdc-table,
.blue .mat-mdc-cell,
.blue .mat-mdc-header-cell {
  color: white !important;
}
.blue .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.blue .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #2196f3, 5;
}
.text-blue {
  color: #2196f3;
}
.sidebar-blue .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-blue .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-blue .navigation-hold {
  background: #2196f3;
}
.sidebar-blue .navigation-hold a,
.sidebar-blue .navigation-hold .sidenav li.open > a > span,
.sidebar-blue .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-blue .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-blue .navigation-hold a:not(.open):hover {
  background: rgba(8.9230769231, 95.9230769231, 165.0769230769, 0.2) !important;
}
.sidebar-blue .navigation-hold .app-user .app-user-photo,
.sidebar-blue .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-blue .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(33, 150, 243, 0.96) !important;
}
.sidebar-blue .navigation-hold li.open > a {
  background: rgba(8.9230769231, 95.9230769231, 165.0769230769, 0.2) !important;
}
.sidebar-blue .navigation-hold .text-muted {
  color: white !important;
}
.topbar-blue .topbar.mat-toolbar {
  background: #2196f3 !important;
  color: white !important;
}
.footer-blue .main-footer {
  background: #2196f3 !important;
  color: white !important;
}
.blue-50 {
  background-color: #e3f2fd !important;
}
.blue-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-50 {
  color: #e3f2fd !important;
}
.blue-100 {
  background-color: #bbdefb !important;
}
.blue-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-100 {
  color: #bbdefb !important;
}
.blue-200 {
  background-color: #90caf9 !important;
}
.blue-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-200 {
  color: #90caf9 !important;
}
.blue-300 {
  background-color: #64b5f6 !important;
}
.blue-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-300 {
  color: #64b5f6 !important;
}
.blue-400 {
  background-color: #42a5f5 !important;
}
.blue-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-400 {
  color: #42a5f5 !important;
}
.blue-500 {
  background-color: #2196f3 !important;
}
.blue-500-fg {
  color: white !important;
}
.text-blue-500 {
  color: #2196f3 !important;
}
.blue-600 {
  background-color: #1e88e5 !important;
}
.blue-600-fg {
  color: white !important;
}
.text-blue-600 {
  color: #1e88e5 !important;
}
.blue-700 {
  background-color: #1976d2 !important;
}
.blue-700-fg {
  color: white !important;
}
.text-blue-700 {
  color: #1976d2 !important;
}
.blue-800 {
  background-color: #1565c0 !important;
}
.blue-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-blue-800 {
  color: #1565c0 !important;
}
.blue-900 {
  background-color: #0d47a1 !important;
}
.blue-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-blue-900 {
  color: #0d47a1 !important;
}
.blue-A100 {
  background-color: #82b1ff !important;
}
.blue-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-A100 {
  color: #82b1ff !important;
}
.blue-A200 {
  background-color: #448aff !important;
}
.blue-A200-fg {
  color: white !important;
}
.text-blue-A200 {
  color: #448aff !important;
}
.blue-A400 {
  background-color: #2979ff !important;
}
.blue-A400-fg {
  color: white !important;
}
.text-blue-A400 {
  color: #2979ff !important;
}
.blue-A700 {
  background-color: #2962ff !important;
}
.blue-A700-fg {
  color: white !important;
}
.text-blue-A700 {
  color: #2962ff !important;
}
.light-blue {
  background-color: #03a9f4 !important;
}
.light-blue .mat-mdc-table {
  background: transparent !important;
}
.light-blue .ngx-datatable.material *,
.light-blue .mat-mdc-table,
.light-blue .mat-mdc-cell,
.light-blue .mat-mdc-header-cell {
  color: white !important;
}
.light-blue .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.light-blue .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #03a9f4, 5;
}
.text-light-blue {
  color: #03a9f4;
}
.sidebar-light-blue .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-light-blue .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-light-blue .navigation-hold {
  background: #03a9f4;
}
.sidebar-light-blue .navigation-hold a,
.sidebar-light-blue .navigation-hold .sidenav li.open > a > span,
.sidebar-light-blue .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-light-blue .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-light-blue .navigation-hold a:not(.open):hover {
  background: rgba(1.7611336032, 99.2105263158, 143.2388663968, 0.2) !important;
}
.sidebar-light-blue .navigation-hold .app-user .app-user-photo,
.sidebar-light-blue .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-light-blue .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(3, 169, 244, 0.96) !important;
}
.sidebar-light-blue .navigation-hold li.open > a {
  background: rgba(1.7611336032, 99.2105263158, 143.2388663968, 0.2) !important;
}
.sidebar-light-blue .navigation-hold .text-muted {
  color: white !important;
}
.topbar-light-blue .topbar.mat-toolbar {
  background: #03a9f4 !important;
  color: white !important;
}
.footer-light-blue .main-footer {
  background: #03a9f4 !important;
  color: white !important;
}
.light-blue-50 {
  background-color: #e1f5fe !important;
}
.light-blue-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-blue-50 {
  color: #e1f5fe !important;
}
.light-blue-100 {
  background-color: #b3e5fc !important;
}
.light-blue-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-blue-100 {
  color: #b3e5fc !important;
}
.light-blue-200 {
  background-color: #81d4fa !important;
}
.light-blue-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-blue-200 {
  color: #81d4fa !important;
}
.light-blue-300 {
  background-color: #4fc3f7 !important;
}
.light-blue-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-blue-300 {
  color: #4fc3f7 !important;
}
.light-blue-400 {
  background-color: #29b6f6 !important;
}
.light-blue-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-blue-400 {
  color: #29b6f6 !important;
}
.light-blue-500 {
  background-color: #03a9f4 !important;
}
.light-blue-500-fg {
  color: white !important;
}
.text-light-blue-500 {
  color: #03a9f4 !important;
}
.light-blue-600 {
  background-color: #039be5 !important;
}
.light-blue-600-fg {
  color: white !important;
}
.text-light-blue-600 {
  color: #039be5 !important;
}
.light-blue-700 {
  background-color: #0288d1 !important;
}
.light-blue-700-fg {
  color: white !important;
}
.text-light-blue-700 {
  color: #0288d1 !important;
}
.light-blue-800 {
  background-color: #0277bd !important;
}
.light-blue-800-fg {
  color: white !important;
}
.text-light-blue-800 {
  color: #0277bd !important;
}
.light-blue-900 {
  background-color: #01579b !important;
}
.light-blue-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-light-blue-900 {
  color: #01579b !important;
}
.light-blue-A100 {
  background-color: #80d8ff !important;
}
.light-blue-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-blue-A100 {
  color: #80d8ff !important;
}
.light-blue-A200 {
  background-color: #40c4ff !important;
}
.light-blue-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-blue-A200 {
  color: #40c4ff !important;
}
.light-blue-A400 {
  background-color: #00b0ff !important;
}
.light-blue-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-blue-A400 {
  color: #00b0ff !important;
}
.light-blue-A700 {
  background-color: #0091ea !important;
}
.light-blue-A700-fg {
  color: white !important;
}
.text-light-blue-A700 {
  color: #0091ea !important;
}
.dark-blue {
  background-color: #10174c !important;
}
.dark-blue .mat-mdc-table {
  background: transparent !important;
}
.dark-blue .ngx-datatable.material *,
.dark-blue .mat-mdc-table,
.dark-blue .mat-mdc-cell,
.dark-blue .mat-mdc-header-cell {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-blue .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.dark-blue .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #10174c, 5;
}
.text-dark-blue {
  color: #10174c;
}
.sidebar-dark-blue .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-dark-blue .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-dark-blue .navigation-hold {
  background: #10174c;
}
.sidebar-dark-blue .navigation-hold a,
.sidebar-dark-blue .navigation-hold .sidenav li.open > a > span,
.sidebar-dark-blue .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-dark-blue .navigation-hold .app-user .app-user-name {
  color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-dark-blue .navigation-hold a:not(.open):hover {
  background: hsla(233, 65.2173913043%, -1.9607843137%, 0.2) !important;
}
.sidebar-dark-blue .navigation-hold .app-user .app-user-photo,
.sidebar-dark-blue .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-dark-blue .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(16, 23, 76, 0.96) !important;
}
.sidebar-dark-blue .navigation-hold li.open > a {
  background: hsla(233, 65.2173913043%, -1.9607843137%, 0.2) !important;
}
.sidebar-dark-blue .navigation-hold .text-muted {
  color: rgba(255, 255, 255, 0.87) !important;
}
.topbar-dark-blue .topbar.mat-toolbar {
  background: #10174c !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.footer-dark-blue .main-footer {
  background: #10174c !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-blue-50 {
  background-color: #e2e3ea !important;
}
.dark-blue-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-dark-blue-50 {
  color: #e2e3ea !important;
}
.dark-blue-100 {
  background-color: #b7b9c9 !important;
}
.dark-blue-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-dark-blue-100 {
  color: #b7b9c9 !important;
}
.dark-blue-200 {
  background-color: #888ba6 !important;
}
.dark-blue-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-dark-blue-200 {
  color: #888ba6 !important;
}
.dark-blue-300 {
  background-color: #585d82 !important;
}
.dark-blue-300-fg {
  color: white !important;
}
.text-dark-blue-300 {
  color: #585d82 !important;
}
.dark-blue-400 {
  background-color: #343a67 !important;
}
.dark-blue-400-fg {
  color: white !important;
}
.text-dark-blue-400 {
  color: #343a67 !important;
}
.dark-blue-500 {
  background-color: #10174c !important;
}
.dark-blue-500-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-dark-blue-500 {
  color: #10174c !important;
}
.dark-blue-600 {
  background-color: #0e1445 !important;
}
.dark-blue-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-dark-blue-600 {
  color: #0e1445 !important;
}
.dark-blue-700 {
  background-color: #0c113c !important;
}
.dark-blue-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-dark-blue-700 {
  color: #0c113c !important;
}
.dark-blue-800 {
  background-color: #090d33 !important;
}
.dark-blue-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-dark-blue-800 {
  color: #090d33 !important;
}
.dark-blue-900 {
  background-color: #050724 !important;
}
.dark-blue-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-dark-blue-900 {
  color: #050724 !important;
}
.dark-blue-A100 {
  background-color: #6068ff !important;
}
.dark-blue-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-dark-blue-A100 {
  color: #6068ff !important;
}
.dark-blue-A200 {
  background-color: #2d38ff !important;
}
.dark-blue-A200-fg {
  color: white !important;
}
.text-dark-blue-A200 {
  color: #2d38ff !important;
}
.dark-blue-A400 {
  background-color: #000df9 !important;
}
.dark-blue-A400-fg {
  color: white !important;
}
.text-dark-blue-A400 {
  color: #000df9 !important;
}
.dark-blue-A700 {
  background-color: #000be0 !important;
}
.dark-blue-A700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-dark-blue-A700 {
  color: #000be0 !important;
}
.cyan {
  background-color: #00bcd4 !important;
}
.cyan .mat-mdc-table {
  background: transparent !important;
}
.cyan .ngx-datatable.material *,
.cyan .mat-mdc-table,
.cyan .mat-mdc-cell,
.cyan .mat-mdc-header-cell {
  color: white !important;
}
.cyan .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.cyan .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #00bcd4, 5;
}
.text-cyan {
  color: #00bcd4;
}
.sidebar-cyan .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-cyan .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-cyan .navigation-hold {
  background: #00bcd4;
}
.sidebar-cyan .navigation-hold a,
.sidebar-cyan .navigation-hold .sidenav li.open > a > span,
.sidebar-cyan .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-cyan .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-cyan .navigation-hold a:not(.open):hover {
  background: rgba(0, 97.5471698113, 110, 0.2) !important;
}
.sidebar-cyan .navigation-hold .app-user .app-user-photo,
.sidebar-cyan .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-cyan .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(0, 188, 212, 0.96) !important;
}
.sidebar-cyan .navigation-hold li.open > a {
  background: rgba(0, 97.5471698113, 110, 0.2) !important;
}
.sidebar-cyan .navigation-hold .text-muted {
  color: white !important;
}
.topbar-cyan .topbar.mat-toolbar {
  background: #00bcd4 !important;
  color: white !important;
}
.footer-cyan .main-footer {
  background: #00bcd4 !important;
  color: white !important;
}
.cyan-50 {
  background-color: #e0f7fa !important;
}
.cyan-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-50 {
  color: #e0f7fa !important;
}
.cyan-100 {
  background-color: #b2ebf2 !important;
}
.cyan-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-100 {
  color: #b2ebf2 !important;
}
.cyan-200 {
  background-color: #80deea !important;
}
.cyan-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-200 {
  color: #80deea !important;
}
.cyan-300 {
  background-color: #4dd0e1 !important;
}
.cyan-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-300 {
  color: #4dd0e1 !important;
}
.cyan-400 {
  background-color: #26c6da !important;
}
.cyan-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-400 {
  color: #26c6da !important;
}
.cyan-500 {
  background-color: #00bcd4 !important;
}
.cyan-500-fg {
  color: white !important;
}
.text-cyan-500 {
  color: #00bcd4 !important;
}
.cyan-600 {
  background-color: #00acc1 !important;
}
.cyan-600-fg {
  color: white !important;
}
.text-cyan-600 {
  color: #00acc1 !important;
}
.cyan-700 {
  background-color: #0097a7 !important;
}
.cyan-700-fg {
  color: white !important;
}
.text-cyan-700 {
  color: #0097a7 !important;
}
.cyan-800 {
  background-color: #00838f !important;
}
.cyan-800-fg {
  color: white !important;
}
.text-cyan-800 {
  color: #00838f !important;
}
.cyan-900 {
  background-color: #006064 !important;
}
.cyan-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-cyan-900 {
  color: #006064 !important;
}
.cyan-A100 {
  background-color: #84ffff !important;
}
.cyan-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-A100 {
  color: #84ffff !important;
}
.cyan-A200 {
  background-color: #18ffff !important;
}
.cyan-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-A200 {
  color: #18ffff !important;
}
.cyan-A400 {
  background-color: #00e5ff !important;
}
.cyan-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-A400 {
  color: #00e5ff !important;
}
.cyan-A700 {
  background-color: #00b8d4 !important;
}
.cyan-A700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-cyan-A700 {
  color: #00b8d4 !important;
}
.teal {
  background-color: #009688 !important;
}
.teal .mat-mdc-table {
  background: transparent !important;
}
.teal .ngx-datatable.material *,
.teal .mat-mdc-table,
.teal .mat-mdc-cell,
.teal .mat-mdc-header-cell {
  color: white !important;
}
.teal .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.teal .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #009688, 5;
}
.text-teal {
  color: #009688;
}
.sidebar-teal .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-teal .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-teal .navigation-hold {
  background: #009688;
}
.sidebar-teal .navigation-hold a,
.sidebar-teal .navigation-hold .sidenav li.open > a > span,
.sidebar-teal .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-teal .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-teal .navigation-hold a:not(.open):hover {
  background: rgba(0, 48, 43.52, 0.2) !important;
}
.sidebar-teal .navigation-hold .app-user .app-user-photo,
.sidebar-teal .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-teal .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(0, 150, 136, 0.96) !important;
}
.sidebar-teal .navigation-hold li.open > a {
  background: rgba(0, 48, 43.52, 0.2) !important;
}
.sidebar-teal .navigation-hold .text-muted {
  color: white !important;
}
.topbar-teal .topbar.mat-toolbar {
  background: #009688 !important;
  color: white !important;
}
.footer-teal .main-footer {
  background: #009688 !important;
  color: white !important;
}
.teal-50 {
  background-color: #e0f2f1 !important;
}
.teal-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-50 {
  color: #e0f2f1 !important;
}
.teal-100 {
  background-color: #b2dfdb !important;
}
.teal-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-100 {
  color: #b2dfdb !important;
}
.teal-200 {
  background-color: #80cbc4 !important;
}
.teal-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-200 {
  color: #80cbc4 !important;
}
.teal-300 {
  background-color: #4db6ac !important;
}
.teal-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-300 {
  color: #4db6ac !important;
}
.teal-400 {
  background-color: #26a69a !important;
}
.teal-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-400 {
  color: #26a69a !important;
}
.teal-500 {
  background-color: #009688 !important;
}
.teal-500-fg {
  color: white !important;
}
.text-teal-500 {
  color: #009688 !important;
}
.teal-600 {
  background-color: #00897b !important;
}
.teal-600-fg {
  color: white !important;
}
.text-teal-600 {
  color: #00897b !important;
}
.teal-700 {
  background-color: #00796b !important;
}
.teal-700-fg {
  color: white !important;
}
.text-teal-700 {
  color: #00796b !important;
}
.teal-800 {
  background-color: #00695c !important;
}
.teal-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-teal-800 {
  color: #00695c !important;
}
.teal-900 {
  background-color: #004d40 !important;
}
.teal-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-teal-900 {
  color: #004d40 !important;
}
.teal-A100 {
  background-color: #a7ffeb !important;
}
.teal-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-A100 {
  color: #a7ffeb !important;
}
.teal-A200 {
  background-color: #64ffda !important;
}
.teal-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-A200 {
  color: #64ffda !important;
}
.teal-A400 {
  background-color: #1de9b6 !important;
}
.teal-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-A400 {
  color: #1de9b6 !important;
}
.teal-A700 {
  background-color: #00bfa5 !important;
}
.teal-A700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-teal-A700 {
  color: #00bfa5 !important;
}
.green {
  background-color: #4caf50 !important;
}
.green .mat-mdc-table {
  background: transparent !important;
}
.green .ngx-datatable.material *,
.green .mat-mdc-table,
.green .mat-mdc-cell,
.green .mat-mdc-header-cell {
  color: white !important;
}
.green .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.green .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #4caf50, 5;
}
.text-green {
  color: #4caf50;
}
.sidebar-green .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-green .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-green .navigation-hold {
  background: #4caf50;
}
.sidebar-green .navigation-hold a,
.sidebar-green .navigation-hold .sidenav li.open > a > span,
.sidebar-green .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-green .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-green .navigation-hold a:not(.open):hover {
  background: rgba(45.1155378486, 103.8844621514, 47.4900398406, 0.2) !important;
}
.sidebar-green .navigation-hold .app-user .app-user-photo,
.sidebar-green .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-green .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(76, 175, 80, 0.96) !important;
}
.sidebar-green .navigation-hold li.open > a {
  background: rgba(45.1155378486, 103.8844621514, 47.4900398406, 0.2) !important;
}
.sidebar-green .navigation-hold .text-muted {
  color: white !important;
}
.topbar-green .topbar.mat-toolbar {
  background: #4caf50 !important;
  color: white !important;
}
.footer-green .main-footer {
  background: #4caf50 !important;
  color: white !important;
}
.green-50 {
  background-color: #e8f5e9 !important;
}
.green-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-50 {
  color: #e8f5e9 !important;
}
.green-100 {
  background-color: #c8e6c9 !important;
}
.green-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-100 {
  color: #c8e6c9 !important;
}
.green-200 {
  background-color: #a5d6a7 !important;
}
.green-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-200 {
  color: #a5d6a7 !important;
}
.green-300 {
  background-color: #81c784 !important;
}
.green-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-300 {
  color: #81c784 !important;
}
.green-400 {
  background-color: #66bb6a !important;
}
.green-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-400 {
  color: #66bb6a !important;
}
.green-500 {
  background-color: #4caf50 !important;
}
.green-500-fg {
  color: white !important;
}
.text-green-500 {
  color: #4caf50 !important;
}
.green-600 {
  background-color: #43a047 !important;
}
.green-600-fg {
  color: white !important;
}
.text-green-600 {
  color: #43a047 !important;
}
.green-700 {
  background-color: #388e3c !important;
}
.green-700-fg {
  color: white !important;
}
.text-green-700 {
  color: #388e3c !important;
}
.green-800 {
  background-color: #2e7d32 !important;
}
.green-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-green-800 {
  color: #2e7d32 !important;
}
.green-900 {
  background-color: #1b5e20 !important;
}
.green-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-green-900 {
  color: #1b5e20 !important;
}
.green-A100 {
  background-color: #b9f6ca !important;
}
.green-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-A100 {
  color: #b9f6ca !important;
}
.green-A200 {
  background-color: #69f0ae !important;
}
.green-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-A200 {
  color: #69f0ae !important;
}
.green-A400 {
  background-color: #00e676 !important;
}
.green-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-A400 {
  color: #00e676 !important;
}
.green-A700 {
  background-color: #00c853 !important;
}
.green-A700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-green-A700 {
  color: #00c853 !important;
}
.light-green {
  background-color: #8bc34a !important;
}
.light-green .mat-mdc-table {
  background: transparent !important;
}
.light-green .ngx-datatable.material *,
.light-green .mat-mdc-table,
.light-green .mat-mdc-cell,
.light-green .mat-mdc-header-cell {
  color: rgba(0, 0, 0, 0.87) !important;
}
.light-green .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.light-green .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #8bc34a, 5;
}
.text-light-green {
  color: #8bc34a;
}
.sidebar-light-green .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-light-green .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-light-green .navigation-hold {
  background: #8bc34a;
}
.sidebar-light-green .navigation-hold a,
.sidebar-light-green .navigation-hold .sidenav li.open > a > span,
.sidebar-light-green .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-light-green .navigation-hold .app-user .app-user-name {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-light-green .navigation-hold a:not(.open):hover {
  background: rgba(86.6182572614, 125.4232365145, 41.5767634855, 0.2) !important;
}
.sidebar-light-green .navigation-hold .app-user .app-user-photo,
.sidebar-light-green .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-light-green .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(139, 195, 74, 0.96) !important;
}
.sidebar-light-green .navigation-hold li.open > a {
  background: rgba(86.6182572614, 125.4232365145, 41.5767634855, 0.2) !important;
}
.sidebar-light-green .navigation-hold .text-muted {
  color: rgba(0, 0, 0, 0.87) !important;
}
.topbar-light-green .topbar.mat-toolbar {
  background: #8bc34a !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.footer-light-green .main-footer {
  background: #8bc34a !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.light-green-50 {
  background-color: #f1f8e9 !important;
}
.light-green-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-50 {
  color: #f1f8e9 !important;
}
.light-green-100 {
  background-color: #dcedc8 !important;
}
.light-green-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-100 {
  color: #dcedc8 !important;
}
.light-green-200 {
  background-color: #c5e1a5 !important;
}
.light-green-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-200 {
  color: #c5e1a5 !important;
}
.light-green-300 {
  background-color: #aed581 !important;
}
.light-green-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-300 {
  color: #aed581 !important;
}
.light-green-400 {
  background-color: #9ccc65 !important;
}
.light-green-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-400 {
  color: #9ccc65 !important;
}
.light-green-500 {
  background-color: #8bc34a !important;
}
.light-green-500-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-500 {
  color: #8bc34a !important;
}
.light-green-600 {
  background-color: #7cb342 !important;
}
.light-green-600-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-600 {
  color: #7cb342 !important;
}
.light-green-700 {
  background-color: #689f38 !important;
}
.light-green-700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-700 {
  color: #689f38 !important;
}
.light-green-800 {
  background-color: #558b2f !important;
}
.light-green-800-fg {
  color: white !important;
}
.text-light-green-800 {
  color: #558b2f !important;
}
.light-green-900 {
  background-color: #33691e !important;
}
.light-green-900-fg {
  color: white !important;
}
.text-light-green-900 {
  color: #33691e !important;
}
.light-green-A100 {
  background-color: #ccff90 !important;
}
.light-green-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-A100 {
  color: #ccff90 !important;
}
.light-green-A200 {
  background-color: #b2ff59 !important;
}
.light-green-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-A200 {
  color: #b2ff59 !important;
}
.light-green-A400 {
  background-color: #76ff03 !important;
}
.light-green-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-A400 {
  color: #76ff03 !important;
}
.light-green-A700 {
  background-color: #64dd17 !important;
}
.light-green-A700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-light-green-A700 {
  color: #64dd17 !important;
}
.lime {
  background-color: #cddc39 !important;
}
.lime .mat-mdc-table {
  background: transparent !important;
}
.lime .ngx-datatable.material *,
.lime .mat-mdc-table,
.lime .mat-mdc-cell,
.lime .mat-mdc-header-cell {
  color: rgba(0, 0, 0, 0.87) !important;
}
.lime .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.lime .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #cddc39, 5;
}
.text-lime {
  color: #cddc39;
}
.sidebar-lime .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-lime .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-lime .navigation-hold {
  background: #cddc39;
}
.sidebar-lime .navigation-hold a,
.sidebar-lime .navigation-hold .sidenav li.open > a > span,
.sidebar-lime .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-lime .navigation-hold .app-user .app-user-name {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-lime .navigation-hold a:not(.open):hover {
  background: rgba(137.4463519313, 148.7124463519, 26.2875536481, 0.2) !important;
}
.sidebar-lime .navigation-hold .app-user .app-user-photo,
.sidebar-lime .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-lime .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(205, 220, 57, 0.96) !important;
}
.sidebar-lime .navigation-hold li.open > a {
  background: rgba(137.4463519313, 148.7124463519, 26.2875536481, 0.2) !important;
}
.sidebar-lime .navigation-hold .text-muted {
  color: rgba(0, 0, 0, 0.87) !important;
}
.topbar-lime .topbar.mat-toolbar {
  background: #cddc39 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.footer-lime .main-footer {
  background: #cddc39 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.lime-50 {
  background-color: #f9fbe7 !important;
}
.lime-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-50 {
  color: #f9fbe7 !important;
}
.lime-100 {
  background-color: #f0f4c3 !important;
}
.lime-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-100 {
  color: #f0f4c3 !important;
}
.lime-200 {
  background-color: #e6ee9c !important;
}
.lime-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-200 {
  color: #e6ee9c !important;
}
.lime-300 {
  background-color: #dce775 !important;
}
.lime-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-300 {
  color: #dce775 !important;
}
.lime-400 {
  background-color: #d4e157 !important;
}
.lime-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-400 {
  color: #d4e157 !important;
}
.lime-500 {
  background-color: #cddc39 !important;
}
.lime-500-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-500 {
  color: #cddc39 !important;
}
.lime-600 {
  background-color: #c0ca33 !important;
}
.lime-600-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-600 {
  color: #c0ca33 !important;
}
.lime-700 {
  background-color: #afb42b !important;
}
.lime-700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-700 {
  color: #afb42b !important;
}
.lime-800 {
  background-color: #9e9d24 !important;
}
.lime-800-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-800 {
  color: #9e9d24 !important;
}
.lime-900 {
  background-color: #827717 !important;
}
.lime-900-fg {
  color: white !important;
}
.text-lime-900 {
  color: #827717 !important;
}
.lime-A100 {
  background-color: #f4ff81 !important;
}
.lime-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-A100 {
  color: #f4ff81 !important;
}
.lime-A200 {
  background-color: #eeff41 !important;
}
.lime-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-A200 {
  color: #eeff41 !important;
}
.lime-A400 {
  background-color: #c6ff00 !important;
}
.lime-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-A400 {
  color: #c6ff00 !important;
}
.lime-A700 {
  background-color: #aeea00 !important;
}
.lime-A700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-lime-A700 {
  color: #aeea00 !important;
}
.yellow {
  background-color: #ffeb3b !important;
}
.yellow .mat-mdc-table {
  background: transparent !important;
}
.yellow .ngx-datatable.material *,
.yellow .mat-mdc-table,
.yellow .mat-mdc-cell,
.yellow .mat-mdc-header-cell {
  color: rgba(0, 0, 0, 0.87) !important;
}
.yellow .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.yellow .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #ffeb3b, 5;
}
.text-yellow {
  color: #ffeb3b;
}
.sidebar-yellow .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-yellow .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-yellow .navigation-hold {
  background: #ffeb3b;
}
.sidebar-yellow .navigation-hold a,
.sidebar-yellow .navigation-hold .sidenav li.open > a > span,
.sidebar-yellow .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-yellow .navigation-hold .app-user .app-user-name {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-yellow .navigation-hold a:not(.open):hover {
  background: rgba(212, 190.3673469388, 0, 0.2) !important;
}
.sidebar-yellow .navigation-hold .app-user .app-user-photo,
.sidebar-yellow .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-yellow .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(255, 235, 59, 0.96) !important;
}
.sidebar-yellow .navigation-hold li.open > a {
  background: rgba(212, 190.3673469388, 0, 0.2) !important;
}
.sidebar-yellow .navigation-hold .text-muted {
  color: rgba(0, 0, 0, 0.87) !important;
}
.topbar-yellow .topbar.mat-toolbar {
  background: #ffeb3b !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.footer-yellow .main-footer {
  background: #ffeb3b !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.yellow-50 {
  background-color: #fffde7 !important;
}
.yellow-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-50 {
  color: #fffde7 !important;
}
.yellow-100 {
  background-color: #fff9c4 !important;
}
.yellow-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-100 {
  color: #fff9c4 !important;
}
.yellow-200 {
  background-color: #fff59d !important;
}
.yellow-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-200 {
  color: #fff59d !important;
}
.yellow-300 {
  background-color: #fff176 !important;
}
.yellow-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-300 {
  color: #fff176 !important;
}
.yellow-400 {
  background-color: #ffee58 !important;
}
.yellow-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-400 {
  color: #ffee58 !important;
}
.yellow-500 {
  background-color: #ffeb3b !important;
}
.yellow-500-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-500 {
  color: #ffeb3b !important;
}
.yellow-600 {
  background-color: #fdd835 !important;
}
.yellow-600-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-600 {
  color: #fdd835 !important;
}
.yellow-700 {
  background-color: #fbc02d !important;
}
.yellow-700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-700 {
  color: #fbc02d !important;
}
.yellow-800 {
  background-color: #f9a825 !important;
}
.yellow-800-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-800 {
  color: #f9a825 !important;
}
.yellow-900 {
  background-color: #f57f17 !important;
}
.yellow-900-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-900 {
  color: #f57f17 !important;
}
.yellow-A100 {
  background-color: #ffff8d !important;
}
.yellow-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-A100 {
  color: #ffff8d !important;
}
.yellow-A200 {
  background-color: #ffff00 !important;
}
.yellow-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-A200 {
  color: #ffff00 !important;
}
.yellow-A400 {
  background-color: #ffea00 !important;
}
.yellow-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-A400 {
  color: #ffea00 !important;
}
.yellow-A700 {
  background-color: #ffd600 !important;
}
.yellow-A700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-yellow-A700 {
  color: #ffd600 !important;
}
.amber {
  background-color: #ffc107 !important;
}
.amber .mat-mdc-table {
  background: transparent !important;
}
.amber .ngx-datatable.material *,
.amber .mat-mdc-table,
.amber .mat-mdc-cell,
.amber .mat-mdc-header-cell {
  color: rgba(0, 0, 0, 0.87) !important;
}
.amber .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.amber .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #ffc107, 5;
}
.text-amber {
  color: #ffc107;
}
.sidebar-amber .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-amber .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-amber .navigation-hold {
  background: #ffc107;
}
.sidebar-amber .navigation-hold a,
.sidebar-amber .navigation-hold .sidenav li.open > a > span,
.sidebar-amber .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-amber .navigation-hold .app-user .app-user-name {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-amber .navigation-hold a:not(.open):hover {
  background: rgba(160, 120, 0, 0.2) !important;
}
.sidebar-amber .navigation-hold .app-user .app-user-photo,
.sidebar-amber .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-amber .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(255, 193, 7, 0.96) !important;
}
.sidebar-amber .navigation-hold li.open > a {
  background: rgba(160, 120, 0, 0.2) !important;
}
.sidebar-amber .navigation-hold .text-muted {
  color: rgba(0, 0, 0, 0.87) !important;
}
.topbar-amber .topbar.mat-toolbar {
  background: #ffc107 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.footer-amber .main-footer {
  background: #ffc107 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.amber-50 {
  background-color: #fff8e1 !important;
}
.amber-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-50 {
  color: #fff8e1 !important;
}
.amber-100 {
  background-color: #ffecb3 !important;
}
.amber-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-100 {
  color: #ffecb3 !important;
}
.amber-200 {
  background-color: #ffe082 !important;
}
.amber-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-200 {
  color: #ffe082 !important;
}
.amber-300 {
  background-color: #ffd54f !important;
}
.amber-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-300 {
  color: #ffd54f !important;
}
.amber-400 {
  background-color: #ffca28 !important;
}
.amber-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-400 {
  color: #ffca28 !important;
}
.amber-500 {
  background-color: #ffc107 !important;
}
.amber-500-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-500 {
  color: #ffc107 !important;
}
.amber-600 {
  background-color: #ffb300 !important;
}
.amber-600-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-600 {
  color: #ffb300 !important;
}
.amber-700 {
  background-color: #ffa000 !important;
}
.amber-700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-700 {
  color: #ffa000 !important;
}
.amber-800 {
  background-color: #ff8f00 !important;
}
.amber-800-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-800 {
  color: #ff8f00 !important;
}
.amber-900 {
  background-color: #ff6f00 !important;
}
.amber-900-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-900 {
  color: #ff6f00 !important;
}
.amber-A100 {
  background-color: #ffe57f !important;
}
.amber-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-A100 {
  color: #ffe57f !important;
}
.amber-A200 {
  background-color: #ffd740 !important;
}
.amber-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-A200 {
  color: #ffd740 !important;
}
.amber-A400 {
  background-color: #ffc400 !important;
}
.amber-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-A400 {
  color: #ffc400 !important;
}
.amber-A700 {
  background-color: #ffab00 !important;
}
.amber-A700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-amber-A700 {
  color: #ffab00 !important;
}
.orange {
  background-color: #ff9800 !important;
}
.orange .mat-mdc-table {
  background: transparent !important;
}
.orange .ngx-datatable.material *,
.orange .mat-mdc-table,
.orange .mat-mdc-cell,
.orange .mat-mdc-header-cell {
  color: rgba(0, 0, 0, 0.87) !important;
}
.orange .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.orange .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #ff9800, 5;
}
.text-orange {
  color: #ff9800;
}
.sidebar-orange .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-orange .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-orange .navigation-hold {
  background: #ff9800;
}
.sidebar-orange .navigation-hold a,
.sidebar-orange .navigation-hold .sidenav li.open > a > span,
.sidebar-orange .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-orange .navigation-hold .app-user .app-user-name {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-orange .navigation-hold a:not(.open):hover {
  background: rgba(153, 91.2, 0, 0.2) !important;
}
.sidebar-orange .navigation-hold .app-user .app-user-photo,
.sidebar-orange .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-orange .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(255, 152, 0, 0.96) !important;
}
.sidebar-orange .navigation-hold li.open > a {
  background: rgba(153, 91.2, 0, 0.2) !important;
}
.sidebar-orange .navigation-hold .text-muted {
  color: rgba(0, 0, 0, 0.87) !important;
}
.topbar-orange .topbar.mat-toolbar {
  background: #ff9800 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.footer-orange .main-footer {
  background: #ff9800 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.orange-50 {
  background-color: #fff3e0 !important;
}
.orange-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-50 {
  color: #fff3e0 !important;
}
.orange-100 {
  background-color: #ffe0b2 !important;
}
.orange-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-100 {
  color: #ffe0b2 !important;
}
.orange-200 {
  background-color: #ffcc80 !important;
}
.orange-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-200 {
  color: #ffcc80 !important;
}
.orange-300 {
  background-color: #ffb74d !important;
}
.orange-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-300 {
  color: #ffb74d !important;
}
.orange-400 {
  background-color: #ffa726 !important;
}
.orange-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-400 {
  color: #ffa726 !important;
}
.orange-500 {
  background-color: #ff9800 !important;
}
.orange-500-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-500 {
  color: #ff9800 !important;
}
.orange-600 {
  background-color: #fb8c00 !important;
}
.orange-600-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-600 {
  color: #fb8c00 !important;
}
.orange-700 {
  background-color: #f57c00 !important;
}
.orange-700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-700 {
  color: #f57c00 !important;
}
.orange-800 {
  background-color: #ef6c00 !important;
}
.orange-800-fg {
  color: white !important;
}
.text-orange-800 {
  color: #ef6c00 !important;
}
.orange-900 {
  background-color: #e65100 !important;
}
.orange-900-fg {
  color: white !important;
}
.text-orange-900 {
  color: #e65100 !important;
}
.orange-A100 {
  background-color: #ffd180 !important;
}
.orange-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-A100 {
  color: #ffd180 !important;
}
.orange-A200 {
  background-color: #ffab40 !important;
}
.orange-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-A200 {
  color: #ffab40 !important;
}
.orange-A400 {
  background-color: #ff9100 !important;
}
.orange-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-orange-A400 {
  color: #ff9100 !important;
}
.orange-A700 {
  background-color: #ff6d00 !important;
}
.orange-A700-fg {
  color: black !important;
}
.text-orange-A700 {
  color: #ff6d00 !important;
}
.deep-orange {
  background-color: #ff5722 !important;
}
.deep-orange .mat-mdc-table {
  background: transparent !important;
}
.deep-orange .ngx-datatable.material *,
.deep-orange .mat-mdc-table,
.deep-orange .mat-mdc-cell,
.deep-orange .mat-mdc-header-cell {
  color: white !important;
}
.deep-orange .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.deep-orange .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #ff5722, 5;
}
.text-deep-orange {
  color: #ff5722;
}
.sidebar-deep-orange .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-deep-orange .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-deep-orange .navigation-hold {
  background: #ff5722;
}
.sidebar-deep-orange .navigation-hold a,
.sidebar-deep-orange .navigation-hold .sidenav li.open > a > span,
.sidebar-deep-orange .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-deep-orange .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-deep-orange .navigation-hold a:not(.open):hover {
  background: rgba(187, 44.8461538462, 0, 0.2) !important;
}
.sidebar-deep-orange .navigation-hold .app-user .app-user-photo,
.sidebar-deep-orange .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-deep-orange .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(255, 87, 34, 0.96) !important;
}
.sidebar-deep-orange .navigation-hold li.open > a {
  background: rgba(187, 44.8461538462, 0, 0.2) !important;
}
.sidebar-deep-orange .navigation-hold .text-muted {
  color: white !important;
}
.topbar-deep-orange .topbar.mat-toolbar {
  background: #ff5722 !important;
  color: white !important;
}
.footer-deep-orange .main-footer {
  background: #ff5722 !important;
  color: white !important;
}
.deep-orange-50 {
  background-color: #fbe9e7 !important;
}
.deep-orange-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-orange-50 {
  color: #fbe9e7 !important;
}
.deep-orange-100 {
  background-color: #ffccbc !important;
}
.deep-orange-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-orange-100 {
  color: #ffccbc !important;
}
.deep-orange-200 {
  background-color: #ffab91 !important;
}
.deep-orange-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-orange-200 {
  color: #ffab91 !important;
}
.deep-orange-300 {
  background-color: #ff8a65 !important;
}
.deep-orange-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-orange-300 {
  color: #ff8a65 !important;
}
.deep-orange-400 {
  background-color: #ff7043 !important;
}
.deep-orange-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-orange-400 {
  color: #ff7043 !important;
}
.deep-orange-500 {
  background-color: #ff5722 !important;
}
.deep-orange-500-fg {
  color: white !important;
}
.text-deep-orange-500 {
  color: #ff5722 !important;
}
.deep-orange-600 {
  background-color: #f4511e !important;
}
.deep-orange-600-fg {
  color: white !important;
}
.text-deep-orange-600 {
  color: #f4511e !important;
}
.deep-orange-700 {
  background-color: #e64a19 !important;
}
.deep-orange-700-fg {
  color: white !important;
}
.text-deep-orange-700 {
  color: #e64a19 !important;
}
.deep-orange-800 {
  background-color: #d84315 !important;
}
.deep-orange-800-fg {
  color: white !important;
}
.text-deep-orange-800 {
  color: #d84315 !important;
}
.deep-orange-900 {
  background-color: #bf360c !important;
}
.deep-orange-900-fg {
  color: white !important;
}
.text-deep-orange-900 {
  color: #bf360c !important;
}
.deep-orange-A100 {
  background-color: #ff9e80 !important;
}
.deep-orange-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-orange-A100 {
  color: #ff9e80 !important;
}
.deep-orange-A200 {
  background-color: #ff6e40 !important;
}
.deep-orange-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-deep-orange-A200 {
  color: #ff6e40 !important;
}
.deep-orange-A400 {
  background-color: #ff3d00 !important;
}
.deep-orange-A400-fg {
  color: white !important;
}
.text-deep-orange-A400 {
  color: #ff3d00 !important;
}
.deep-orange-A700 {
  background-color: #dd2c00 !important;
}
.deep-orange-A700-fg {
  color: white !important;
}
.text-deep-orange-A700 {
  color: #dd2c00 !important;
}
.brown {
  background-color: #795548 !important;
}
.brown .mat-mdc-table {
  background: transparent !important;
}
.brown .ngx-datatable.material *,
.brown .mat-mdc-table,
.brown .mat-mdc-cell,
.brown .mat-mdc-header-cell {
  color: rgba(255, 255, 255, 0.87) !important;
}
.brown .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.brown .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #795548, 5;
}
.text-brown {
  color: #795548;
}
.sidebar-brown .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-brown .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-brown .navigation-hold {
  background: #795548;
}
.sidebar-brown .navigation-hold a,
.sidebar-brown .navigation-hold .sidenav li.open > a > span,
.sidebar-brown .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-brown .navigation-hold .app-user .app-user-name {
  color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-brown .navigation-hold a:not(.open):hover {
  background: rgba(57.0518134715, 40.0777202073, 33.9481865285, 0.2) !important;
}
.sidebar-brown .navigation-hold .app-user .app-user-photo,
.sidebar-brown .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(255, 255, 255, 0.87) !important;
}
.sidebar-brown .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(121, 85, 72, 0.96) !important;
}
.sidebar-brown .navigation-hold li.open > a {
  background: rgba(57.0518134715, 40.0777202073, 33.9481865285, 0.2) !important;
}
.sidebar-brown .navigation-hold .text-muted {
  color: rgba(255, 255, 255, 0.87) !important;
}
.topbar-brown .topbar.mat-toolbar {
  background: #795548 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.footer-brown .main-footer {
  background: #795548 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.brown-50 {
  background-color: #efebe9 !important;
}
.brown-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-brown-50 {
  color: #efebe9 !important;
}
.brown-100 {
  background-color: #d7ccc8 !important;
}
.brown-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-brown-100 {
  color: #d7ccc8 !important;
}
.brown-200 {
  background-color: #bcaaa4 !important;
}
.brown-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-brown-200 {
  color: #bcaaa4 !important;
}
.brown-300 {
  background-color: #a1887f !important;
}
.brown-300-fg {
  color: white !important;
}
.text-brown-300 {
  color: #a1887f !important;
}
.brown-400 {
  background-color: #8d6e63 !important;
}
.brown-400-fg {
  color: white !important;
}
.text-brown-400 {
  color: #8d6e63 !important;
}
.brown-500 {
  background-color: #795548 !important;
}
.brown-500-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-brown-500 {
  color: #795548 !important;
}
.brown-600 {
  background-color: #6d4c41 !important;
}
.brown-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-brown-600 {
  color: #6d4c41 !important;
}
.brown-700 {
  background-color: #5d4037 !important;
}
.brown-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-brown-700 {
  color: #5d4037 !important;
}
.brown-800 {
  background-color: #4e342e !important;
}
.brown-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-brown-800 {
  color: #4e342e !important;
}
.brown-900 {
  background-color: #3e2723 !important;
}
.brown-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-brown-900 {
  color: #3e2723 !important;
}
.brown-A100 {
  background-color: #d7ccc8 !important;
}
.brown-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-brown-A100 {
  color: #d7ccc8 !important;
}
.brown-A200 {
  background-color: #bcaaa4 !important;
}
.brown-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-brown-A200 {
  color: #bcaaa4 !important;
}
.brown-A400 {
  background-color: #8d6e63 !important;
}
.brown-A400-fg {
  color: white !important;
}
.text-brown-A400 {
  color: #8d6e63 !important;
}
.brown-A700 {
  background-color: #5d4037 !important;
}
.brown-A700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-brown-A700 {
  color: #5d4037 !important;
}
.grey {
  background-color: #9e9e9e !important;
}
.grey .mat-mdc-table {
  background: transparent !important;
}
.grey .ngx-datatable.material *,
.grey .mat-mdc-table,
.grey .mat-mdc-cell,
.grey .mat-mdc-header-cell {
  color: rgba(0, 0, 0, 0.87) !important;
}
.grey .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.grey .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #9e9e9e, 5;
}
.text-grey {
  color: #9e9e9e;
}
.sidebar-grey .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-grey .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-grey .navigation-hold {
  background: #9e9e9e;
}
.sidebar-grey .navigation-hold a,
.sidebar-grey .navigation-hold .sidenav li.open > a > span,
.sidebar-grey .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-grey .navigation-hold .app-user .app-user-name {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-grey .navigation-hold a:not(.open):hover {
  background: rgba(107, 107, 107, 0.2) !important;
}
.sidebar-grey .navigation-hold .app-user .app-user-photo,
.sidebar-grey .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-grey .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(158, 158, 158, 0.96) !important;
}
.sidebar-grey .navigation-hold li.open > a {
  background: rgba(107, 107, 107, 0.2) !important;
}
.sidebar-grey .navigation-hold .text-muted {
  color: rgba(0, 0, 0, 0.87) !important;
}
.topbar-grey .topbar.mat-toolbar {
  background: #9e9e9e !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.footer-grey .main-footer {
  background: #9e9e9e !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.grey-0 {
  background-color: #ffffff !important;
}
.grey-0-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-0 {
  color: #ffffff !important;
}
.grey-50 {
  background-color: #fafafa !important;
}
.grey-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-50 {
  color: #fafafa !important;
}
.grey-100 {
  background-color: #f5f5f5 !important;
}
.grey-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-100 {
  color: #f5f5f5 !important;
}
.grey-200 {
  background-color: #eeeeee !important;
}
.grey-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-200 {
  color: #eeeeee !important;
}
.grey-300 {
  background-color: #e0e0e0 !important;
}
.grey-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-300 {
  color: #e0e0e0 !important;
}
.grey-400 {
  background-color: #bdbdbd !important;
}
.grey-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-400 {
  color: #bdbdbd !important;
}
.grey-500 {
  background-color: #9e9e9e !important;
}
.grey-500-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-500 {
  color: #9e9e9e !important;
}
.grey-600 {
  background-color: #757575 !important;
}
.grey-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-grey-600 {
  color: #757575 !important;
}
.grey-700 {
  background-color: #616161 !important;
}
.grey-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-grey-700 {
  color: #616161 !important;
}
.grey-800 {
  background-color: #424242 !important;
}
.grey-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-grey-800 {
  color: #424242 !important;
}
.grey-900 {
  background-color: #212121 !important;
}
.grey-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-grey-900 {
  color: #212121 !important;
}
.grey-1000 {
  background-color: #000000 !important;
}
.grey-1000-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-grey-1000 {
  color: #000000 !important;
}
.grey-A100 {
  background-color: #ffffff !important;
}
.grey-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-A100 {
  color: #ffffff !important;
}
.grey-A200 {
  background-color: #eeeeee !important;
}
.grey-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-A200 {
  color: #eeeeee !important;
}
.grey-A400 {
  background-color: #bdbdbd !important;
}
.grey-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-grey-A400 {
  color: #bdbdbd !important;
}
.grey-A700 {
  background-color: #616161 !important;
}
.grey-A700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-grey-A700 {
  color: #616161 !important;
}
.black {
  background-color: #1e2129 !important;
}
.black .mat-mdc-table {
  background: transparent !important;
}
.black .ngx-datatable.material *,
.black .mat-mdc-table,
.black .mat-mdc-cell,
.black .mat-mdc-header-cell {
  color: #ffffff !important;
}
.black .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.black .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #1e2129, 5;
}
.text-black {
  color: #1e2129;
}
.sidebar-black .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-black .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-black .navigation-hold {
  background: #1e2129;
}
.sidebar-black .navigation-hold a,
.sidebar-black .navigation-hold .sidenav li.open > a > span,
.sidebar-black .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-black .navigation-hold .app-user .app-user-name {
  color: #ffffff !important;
}
.sidebar-black .navigation-hold a:not(.open):hover {
  background: hsla(223.6363636364, 15.4929577465%, -6.0784313725%, 0.2) !important;
}
.sidebar-black .navigation-hold .app-user .app-user-photo,
.sidebar-black .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: #ffffff !important;
}
.sidebar-black .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(30, 33, 41, 0.96) !important;
}
.sidebar-black .navigation-hold li.open > a {
  background: hsla(223.6363636364, 15.4929577465%, -6.0784313725%, 0.2) !important;
}
.sidebar-black .navigation-hold .text-muted {
  color: white !important;
}
.topbar-black .topbar.mat-toolbar {
  background: #1e2129 !important;
  color: #ffffff !important;
}
.footer-black .main-footer {
  background: #1e2129 !important;
  color: #ffffff !important;
}
.black-50 {
  background-color: #e4e4e5 !important;
}
.black-50-fg {
  color: #000000 !important;
}
.text-black-50 {
  color: #e4e4e5 !important;
}
.black-100 {
  background-color: #bcbcbf !important;
}
.black-100-fg {
  color: #000000 !important;
}
.text-black-100 {
  color: #bcbcbf !important;
}
.black-200 {
  background-color: #8f9094 !important;
}
.black-200-fg {
  color: #000000 !important;
}
.text-black-200 {
  color: #8f9094 !important;
}
.black-300 {
  background-color: #626469 !important;
}
.black-300-fg {
  color: #ffffff !important;
}
.text-black-300 {
  color: #626469 !important;
}
.black-400 {
  background-color: #404249 !important;
}
.black-400-fg {
  color: #ffffff !important;
}
.text-black-400 {
  color: #404249 !important;
}
.black-500 {
  background-color: #1e2129 !important;
}
.black-500-fg {
  color: #ffffff !important;
}
.text-black-500 {
  color: #1e2129 !important;
}
.black-600 {
  background-color: #1a1d24 !important;
}
.black-600-fg {
  color: #ffffff !important;
}
.text-black-600 {
  color: #1a1d24 !important;
}
.black-700 {
  background-color: #16181f !important;
}
.black-700-fg {
  color: #ffffff !important;
}
.text-black-700 {
  color: #16181f !important;
}
.black-800 {
  background-color: #121419 !important;
}
.black-800-fg {
  color: #ffffff !important;
}
.text-black-800 {
  color: #121419 !important;
}
.black-900 {
  background-color: #0a0b0f !important;
}
.black-900-fg {
  color: #ffffff !important;
}
.text-black-900 {
  color: #0a0b0f !important;
}
.black-A100 {
  background-color: #548dff !important;
}
.black-A100-fg {
  color: #000000 !important;
}
.text-black-A100 {
  color: #548dff !important;
}
.black-A200 {
  background-color: #216bff !important;
}
.black-A200-fg {
  color: #ffffff !important;
}
.text-black-A200 {
  color: #216bff !important;
}
.black-A400 {
  background-color: #004fed !important;
}
.black-A400-fg {
  color: #ffffff !important;
}
.text-black-A400 {
  color: #004fed !important;
}
.black-A700 {
  background-color: #0047d4 !important;
}
.black-A700-fg {
  color: #ffffff !important;
}
.text-black-A700 {
  color: #0047d4 !important;
}
.blue-grey {
  background-color: #607d8b !important;
}
.blue-grey .mat-mdc-table {
  background: transparent !important;
}
.blue-grey .ngx-datatable.material *,
.blue-grey .mat-mdc-table,
.blue-grey .mat-mdc-cell,
.blue-grey .mat-mdc-header-cell {
  color: white !important;
}
.blue-grey .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.blue-grey .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #607d8b, 5;
}
.text-blue-grey {
  color: #607d8b;
}
.sidebar-blue-grey .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-blue-grey .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-blue-grey .navigation-hold {
  background: #607d8b;
}
.sidebar-blue-grey .navigation-hold a,
.sidebar-blue-grey .navigation-hold .sidenav li.open > a > span,
.sidebar-blue-grey .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-blue-grey .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-blue-grey .navigation-hold a:not(.open):hover {
  background: rgba(54.3319148936, 70.7446808511, 78.6680851064, 0.2) !important;
}
.sidebar-blue-grey .navigation-hold .app-user .app-user-photo,
.sidebar-blue-grey .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-blue-grey .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(96, 125, 139, 0.96) !important;
}
.sidebar-blue-grey .navigation-hold li.open > a {
  background: rgba(54.3319148936, 70.7446808511, 78.6680851064, 0.2) !important;
}
.sidebar-blue-grey .navigation-hold .text-muted {
  color: white !important;
}
.topbar-blue-grey .topbar.mat-toolbar {
  background: #607d8b !important;
  color: white !important;
}
.footer-blue-grey .main-footer {
  background: #607d8b !important;
  color: white !important;
}
.blue-grey-50 {
  background-color: #eceff1 !important;
}
.blue-grey-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-grey-50 {
  color: #eceff1 !important;
}
.blue-grey-100 {
  background-color: #cfd8dc !important;
}
.blue-grey-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-grey-100 {
  color: #cfd8dc !important;
}
.blue-grey-200 {
  background-color: #b0bec5 !important;
}
.blue-grey-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-grey-200 {
  color: #b0bec5 !important;
}
.blue-grey-300 {
  background-color: #90a4ae !important;
}
.blue-grey-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-grey-300 {
  color: #90a4ae !important;
}
.blue-grey-400 {
  background-color: #78909c !important;
}
.blue-grey-400-fg {
  color: white !important;
}
.text-blue-grey-400 {
  color: #78909c !important;
}
.blue-grey-500 {
  background-color: #607d8b !important;
}
.blue-grey-500-fg {
  color: white !important;
}
.text-blue-grey-500 {
  color: #607d8b !important;
}
.blue-grey-600 {
  background-color: #546e7a !important;
}
.blue-grey-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-blue-grey-600 {
  color: #546e7a !important;
}
.blue-grey-700 {
  background-color: #455a64 !important;
}
.blue-grey-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-blue-grey-700 {
  color: #455a64 !important;
}
.blue-grey-800 {
  background-color: #37474f !important;
}
.blue-grey-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-blue-grey-800 {
  color: #37474f !important;
}
.blue-grey-900 {
  background-color: #263238 !important;
}
.blue-grey-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-blue-grey-900 {
  color: #263238 !important;
}
.blue-grey-A100 {
  background-color: #cfd8dc !important;
}
.blue-grey-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-grey-A100 {
  color: #cfd8dc !important;
}
.blue-grey-A200 {
  background-color: #b0bec5 !important;
}
.blue-grey-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-blue-grey-A200 {
  color: #b0bec5 !important;
}
.blue-grey-A400 {
  background-color: #78909c !important;
}
.blue-grey-A400-fg {
  color: white !important;
}
.text-blue-grey-A400 {
  color: #78909c !important;
}
.blue-grey-A700 {
  background-color: #455a64 !important;
}
.blue-grey-A700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-blue-grey-A700 {
  color: #455a64 !important;
}
.white {
  background-color: #ffffff !important;
}
.white .mat-mdc-table {
  background: transparent !important;
}
.white .ngx-datatable.material *,
.white .mat-mdc-table,
.white .mat-mdc-cell,
.white .mat-mdc-header-cell {
  color: rgba(0, 0, 0, 0.87) !important;
}
.white .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.white .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #ffffff, 5;
}
.text-white {
  color: #ffffff;
}
.sidebar-white .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-white .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-white .navigation-hold {
  background: #ffffff;
}
.sidebar-white .navigation-hold a,
.sidebar-white .navigation-hold .sidenav li.open > a > span,
.sidebar-white .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-white .navigation-hold .app-user .app-user-name {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-white .navigation-hold a:not(.open):hover {
  background: rgba(204, 204, 204, 0.2) !important;
}
.sidebar-white .navigation-hold .app-user .app-user-photo,
.sidebar-white .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.sidebar-white .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(255, 255, 255, 0.96) !important;
}
.sidebar-white .navigation-hold li.open > a {
  background: rgba(204, 204, 204, 0.2) !important;
}
.sidebar-white .navigation-hold .text-muted {
  color: rgba(0, 0, 0, 0.87) !important;
}
.topbar-white .topbar.mat-toolbar {
  background: #ffffff !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.footer-white .main-footer {
  background: #ffffff !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.white-50 {
  background-color: #ffffff !important;
}
.white-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-50 {
  color: #ffffff !important;
}
.white-100 {
  background-color: #ffffff !important;
}
.white-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-100 {
  color: #ffffff !important;
}
.white-200 {
  background-color: #ffffff !important;
}
.white-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-200 {
  color: #ffffff !important;
}
.white-300 {
  background-color: #ffffff !important;
}
.white-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-300 {
  color: #ffffff !important;
}
.white-400 {
  background-color: #ffffff !important;
}
.white-400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-400 {
  color: #ffffff !important;
}
.white-500 {
  background-color: #ffffff !important;
}
.white-500-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-500 {
  color: #ffffff !important;
}
.white-600 {
  background-color: #ffffff !important;
}
.white-600-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-600 {
  color: #ffffff !important;
}
.white-700 {
  background-color: #ffffff !important;
}
.white-700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-700 {
  color: #ffffff !important;
}
.white-800 {
  background-color: #ffffff !important;
}
.white-800-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-800 {
  color: #ffffff !important;
}
.white-900 {
  background-color: #ffffff !important;
}
.white-900-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-900 {
  color: #ffffff !important;
}
.white-A100 {
  background-color: #ffffff !important;
}
.white-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-A100 {
  color: #ffffff !important;
}
.white-A200 {
  background-color: #ffffff !important;
}
.white-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-A200 {
  color: #ffffff !important;
}
.white-A400 {
  background-color: #ffffff !important;
}
.white-A400-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-A400 {
  color: #ffffff !important;
}
.white-A700 {
  background-color: #ffffff !important;
}
.white-A700-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-white-A700 {
  color: #ffffff !important;
}
.sdp-blue {
  background-color: #0080bb !important;
}
.sdp-blue .mat-mdc-table {
  background: transparent !important;
}
.sdp-blue .ngx-datatable.material *,
.sdp-blue .mat-mdc-table,
.sdp-blue .mat-mdc-cell,
.sdp-blue .mat-mdc-header-cell {
  color: white !important;
}
.sdp-blue .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.sdp-blue .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #0080bb, 5;
}
.text-sdp-blue {
  color: #0080bb;
}
.sidebar-sdp-blue .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-sdp-blue .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-sdp-blue .navigation-hold {
  background: #0080bb;
}
.sidebar-sdp-blue .navigation-hold a,
.sidebar-sdp-blue .navigation-hold .sidenav li.open > a > span,
.sidebar-sdp-blue .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-sdp-blue .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-sdp-blue .navigation-hold a:not(.open):hover {
  background: rgba(0, 58.1818181818, 85, 0.2) !important;
}
.sidebar-sdp-blue .navigation-hold .app-user .app-user-photo,
.sidebar-sdp-blue .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-sdp-blue .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(0, 128, 187, 0.96) !important;
}
.sidebar-sdp-blue .navigation-hold li.open > a {
  background: rgba(0, 58.1818181818, 85, 0.2) !important;
}
.sidebar-sdp-blue .navigation-hold .text-muted {
  color: white !important;
}
.topbar-sdp-blue .topbar.mat-toolbar {
  background: #0080bb !important;
  color: white !important;
}
.footer-sdp-blue .main-footer {
  background: #0080bb !important;
  color: white !important;
}
.sdp-blue-50 {
  background-color: #0080bb !important;
}
.sdp-blue-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-blue-50 {
  color: #0080bb !important;
}
.sdp-blue-100 {
  background-color: #0080bb !important;
}
.sdp-blue-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-blue-100 {
  color: #0080bb !important;
}
.sdp-blue-200 {
  background-color: #0080bb !important;
}
.sdp-blue-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-blue-200 {
  color: #0080bb !important;
}
.sdp-blue-300 {
  background-color: #0080bb !important;
}
.sdp-blue-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-blue-300 {
  color: #0080bb !important;
}
.sdp-blue-400 {
  background-color: #0080bb !important;
}
.sdp-blue-400-fg {
  color: white !important;
}
.text-sdp-blue-400 {
  color: #0080bb !important;
}
.sdp-blue-500 {
  background-color: #0080bb !important;
}
.sdp-blue-500-fg {
  color: white !important;
}
.text-sdp-blue-500 {
  color: #0080bb !important;
}
.sdp-blue-600 {
  background-color: #0080bb !important;
}
.sdp-blue-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-blue-600 {
  color: #0080bb !important;
}
.sdp-blue-700 {
  background-color: #0080bb !important;
}
.sdp-blue-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-blue-700 {
  color: #0080bb !important;
}
.sdp-blue-800 {
  background-color: #0080bb !important;
}
.sdp-blue-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-blue-800 {
  color: #0080bb !important;
}
.sdp-blue-900 {
  background-color: #0080bb !important;
}
.sdp-blue-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-blue-900 {
  color: #0080bb !important;
}
.sdp-blue-A100 {
  background-color: #0080bb !important;
}
.sdp-blue-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-blue-A100 {
  color: #0080bb !important;
}
.sdp-blue-A200 {
  background-color: #0080bb !important;
}
.sdp-blue-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-blue-A200 {
  color: #0080bb !important;
}
.sdp-blue-A400 {
  background-color: #0080bb !important;
}
.sdp-blue-A400-fg {
  color: white !important;
}
.text-sdp-blue-A400 {
  color: #0080bb !important;
}
.sdp-blue-A700 {
  background-color: #0080bb !important;
}
.sdp-blue-A700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-blue-A700 {
  color: #0080bb !important;
}
.sdp-dark-gray {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray .mat-mdc-table {
  background: transparent !important;
}
.sdp-dark-gray .ngx-datatable.material *,
.sdp-dark-gray .mat-mdc-table,
.sdp-dark-gray .mat-mdc-cell,
.sdp-dark-gray .mat-mdc-header-cell {
  color: white !important;
}
.sdp-dark-gray .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.sdp-dark-gray .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #7b6d65, 5;
}
.text-sdp-dark-gray {
  color: #7b6d65;
}
.sidebar-sdp-dark-gray .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-sdp-dark-gray .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-sdp-dark-gray .navigation-hold {
  background: #7b6d65;
}
.sidebar-sdp-dark-gray .navigation-hold a,
.sidebar-sdp-dark-gray .navigation-hold .sidenav li.open > a > span,
.sidebar-sdp-dark-gray .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-sdp-dark-gray .navigation-hold .app-user .app-user-name {
  color: white !important;
}
.sidebar-sdp-dark-gray .navigation-hold a:not(.open):hover {
  background: rgba(66.9910714286, 59.3660714286, 55.0089285714, 0.2) !important;
}
.sidebar-sdp-dark-gray .navigation-hold .app-user .app-user-photo,
.sidebar-sdp-dark-gray .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: white !important;
}
.sidebar-sdp-dark-gray .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(123, 109, 101, 0.96) !important;
}
.sidebar-sdp-dark-gray .navigation-hold li.open > a {
  background: rgba(66.9910714286, 59.3660714286, 55.0089285714, 0.2) !important;
}
.sidebar-sdp-dark-gray .navigation-hold .text-muted {
  color: white !important;
}
.topbar-sdp-dark-gray .topbar.mat-toolbar {
  background: #7b6d65 !important;
  color: white !important;
}
.footer-sdp-dark-gray .main-footer {
  background: #7b6d65 !important;
  color: white !important;
}
.sdp-dark-gray-50 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-50-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-dark-gray-50 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-100 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-dark-gray-100 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-200 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-dark-gray-200 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-300 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-300-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-dark-gray-300 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-400 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-400-fg {
  color: white !important;
}
.text-sdp-dark-gray-400 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-500 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-500-fg {
  color: white !important;
}
.text-sdp-dark-gray-500 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-600 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-600-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-dark-gray-600 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-700 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-dark-gray-700 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-800 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-800-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-dark-gray-800 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-900 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-900-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-dark-gray-900 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-A100 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-A100-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-dark-gray-A100 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-A200 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-A200-fg {
  color: rgba(0, 0, 0, 0.87) !important;
}
.text-sdp-dark-gray-A200 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-A400 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-A400-fg {
  color: white !important;
}
.text-sdp-dark-gray-A400 {
  color: #7b6d65 !important;
}
.sdp-dark-gray-A700 {
  background-color: #7b6d65 !important;
}
.sdp-dark-gray-A700-fg {
  color: rgba(255, 255, 255, 0.87) !important;
}
.text-sdp-dark-gray-A700 {
  color: #7b6d65 !important;
}
.slate {
  background-color: #222a45 !important;
}
.slate .mat-mdc-table {
  background: transparent !important;
}
.slate .ngx-datatable.material *,
.slate .mat-mdc-table,
.slate .mat-mdc-cell,
.slate .mat-mdc-header-cell {
  color: #ffffff !important;
}
.slate .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.slate .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background: #222a45, 5;
}
.text-slate {
  color: #222a45;
}
.sidebar-slate .branding {
  background: #0080bb !important;
  color: #ffffff !important;
}
.sidebar-slate .branding .app-logo-text {
  color: #ffffff !important;
}
.sidebar-slate .navigation-hold {
  background: #222a45;
}
.sidebar-slate .navigation-hold a,
.sidebar-slate .navigation-hold .sidenav li.open > a > span,
.sidebar-slate .navigation-hold .icon-menu .mat-mdc-raised-button,
.sidebar-slate .navigation-hold .app-user .app-user-name {
  color: #ffffff !important;
}
.sidebar-slate .navigation-hold a:not(.open):hover {
  background: rgba(0.3300970874, 0.4077669903, 0.6699029126, 0.2) !important;
}
.sidebar-slate .navigation-hold .app-user .app-user-photo,
.sidebar-slate .navigation-hold .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
  border-color: #ffffff !important;
}
.sidebar-slate .navigation-hold .icon-menu .mat-mdc-raised-button {
  background: rgba(34, 42, 69, 0.96) !important;
}
.sidebar-slate .navigation-hold li.open > a {
  background: rgba(0.3300970874, 0.4077669903, 0.6699029126, 0.2) !important;
}
.sidebar-slate .navigation-hold .text-muted {
  color: white !important;
}
.topbar-slate .topbar.mat-toolbar {
  background: #222a45 !important;
  color: #ffffff !important;
}
.footer-slate .main-footer {
  background: #222a45 !important;
  color: #ffffff !important;
}
.slate-50 {
  background-color: #222a45 !important;
}
.slate-50-fg {
  color: #ffffff !important;
}
.text-slate-50 {
  color: #222a45 !important;
}
.slate-100 {
  background-color: #222a45 !important;
}
.slate-100-fg {
  color: #ffffff !important;
}
.text-slate-100 {
  color: #222a45 !important;
}
.slate-200 {
  background-color: #222a45 !important;
}
.slate-200-fg {
  color: #ffffff !important;
}
.text-slate-200 {
  color: #222a45 !important;
}
.slate-300 {
  background-color: #222a45 !important;
}
.slate-300-fg {
  color: #ffffff !important;
}
.text-slate-300 {
  color: #222a45 !important;
}
.slate-400 {
  background-color: #222a45 !important;
}
.slate-400-fg {
  color: #ffffff !important;
}
.text-slate-400 {
  color: #222a45 !important;
}
.slate-500 {
  background-color: #222a45 !important;
}
.slate-500-fg {
  color: #ffffff !important;
}
.text-slate-500 {
  color: #222a45 !important;
}
.slate-600 {
  background-color: #222a45 !important;
}
.slate-600-fg {
  color: #ffffff !important;
}
.text-slate-600 {
  color: #222a45 !important;
}
.slate-700 {
  background-color: #222a45 !important;
}
.slate-700-fg {
  color: #ffffff !important;
}
.text-slate-700 {
  color: #222a45 !important;
}
.slate-800 {
  background-color: #222a45 !important;
}
.slate-800-fg {
  color: #ffffff !important;
}
.text-slate-800 {
  color: #222a45 !important;
}
.slate-900 {
  background-color: #222a45 !important;
}
.slate-900-fg {
  color: #ffffff !important;
}
.text-slate-900 {
  color: #222a45 !important;
}
.slate-A100 {
  background-color: #222a45 !important;
}
.slate-A100-fg {
  color: #ffffff !important;
}
.text-slate-A100 {
  color: #222a45 !important;
}
.slate-A200 {
  background-color: #222a45 !important;
}
.slate-A200-fg {
  color: #ffffff !important;
}
.text-slate-A200 {
  color: #222a45 !important;
}
.slate-A400 {
  background-color: #222a45 !important;
}
.slate-A400-fg {
  color: #ffffff !important;
}
.text-slate-A400 {
  color: #222a45 !important;
}
.slate-A700 {
  background-color: #222a45 !important;
}
.slate-A700-fg {
  color: #ffffff !important;
}
.text-slate-A700 {
  color: #222a45 !important;
}
.page-title {
  color: #0080bb;
  font-size: 18px;
}
.page-title a {
  display: flex;
}
.page-layout {
  position: relative;
  padding: 0 1.5rem;
  margin: -0.333rem -0.333rem 0;
}
.page-layout .header-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  z-index: -1;
}
.page-layout .content {
  display: flex;
  flex-direction: column;
}
.page-layout .content-header {
  height: 136px;
}
.page-layout .content-card {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  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);
}
.page-layout .content-card > .mat-mdc-tab-group .mat-mdc-tab-header .mat-tab-label,
.page-layout .content-card > .card-header {
  height: 64px;
}
.page-layout .content-card .card-header {
  display: flex;
  align-items: center;
}
.page-layout .sidebar-header {
  height: 200px;
}
.page-layout.plain {
  padding-left: 0;
  padding-right: 0;
}
.page-layout.plain .sidebar-header {
  height: auto;
}
.page-layout.plain .content-card {
  box-shadow: none;
  border-radius: 0;
}
.seciton-left {
  color: white;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("./media/card-coffee-cup-2TQWQLM3.jpg");
  background-size: cover;
}
.seciton-left .section-left-content {
  max-width: 380px;
}
.seciton-left::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.65);
  z-index: -1;
}
.form-holder {
  padding: 16px;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 40%;
}
@media only screen and (max-width: 600px) {
  .form-holder {
    width: 100%;
  }
}
.signup-form {
  padding: 20px 20px 70px 20px;
}
.signup3-wrap {
  width: 100%;
  height: 100vh;
  background: url("./media/trianglify-1-HSX5TIOW.png");
  z-index: -1;
}
.signup3-form-holder {
  position: absolute;
  width: 380px;
  height: 100vh;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 600px) {
  .signup3-form-holder {
    width: 100%;
  }
}
.signup3-form {
  padding: 20px 20px 70px 20px;
}
.signup3-header {
  text-align: center;
  padding-bottom: 30px;
}
.signup4-wrap {
  background: url("./media/waterfall-AIPLYTGK.jpg");
}
.signup4-container {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.signup4-header {
  position: relative;
  padding: 35px;
}
.signup4-header > div {
  z-index: 2;
}
.signup4-header::before {
  content: "";
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.signup4-small-image {
  height: 24px;
}
.signup4-form {
  padding: 35px;
}
.signup4-button {
  text-align: center;
}
.signup4-button .mat-mdc-raised-button {
  border-radius: 18px;
}
.page-wrap {
  display: flex;
  align-items: center;
  padding: 40px 1rem;
  height: 100%;
}
.session-progress {
  position: relative;
  bottom: -4px;
  z-index: 9999;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.session-form-hold {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.session-form-hold > .mat-mdc-card {
  margin: 0;
}
.session-lockscreen {
  max-width: 320px;
}
.lockscreen-user {
  text-align: center;
  margin-bottom: 1rem;
  display: flow-root;
  overflow: hidden;
}
.lockscreen-face {
  max-width: 72px;
  max-height: 72px;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.inbox-sidenav {
  width: 15rem;
  padding: 0.333rem;
  background: transparent !important;
}
.inbox-sidenav .inbox-nav-list .mat-list-item-content > a > span {
  font-size: 0.875rem;
}
.inbox-sidenav .mat-list-item-content .mat-icon {
  margin-right: 8px;
}
.inbox-toolbar {
  height: 56px !important;
}
.inbox-toolbar .mat-toolbar-row {
  height: 56px !important;
}
.show-on-open {
  display: none !important;
}
.mat-expanded .show-on-open {
  display: inherit !important;
}
.mat-expanded .hide-on-open {
  display: none !important;
}
.mat-expanded .mat-expansion-panel-header {
  margin-bottom: 1rem;
}
.messages-wrap {
  padding: 0.333rem;
  min-height: 800px;
}
.messages-wrap .mat-expansion-panel-header-title {
  align-items: center;
}
.messages-wrap .mat-expansion-panel-header-description {
  align-items: center;
}
.messages-wrap .mail-checkbox.mat-mdc-checkbox {
  position: relative;
  width: 20px;
  height: 22px;
  overflow: hidden;
  margin-right: 8px;
}
.messages-wrap .mail-checkbox.mat-mdc-checkbox .mat-checkbox-layout {
  position: absolute;
  top: 0;
  left: 0;
}
.messages-wrap .inbox-face {
  height: 36px;
  width: 36px;
  border-radius: 50%;
}
[dir=rtl] {
}
[dir=rtl] .inbox-sidenav .mat-list-item-content .mat-icon {
  margin-right: 0;
  margin-left: 8px;
}
[dir=rtl] .messages-wrap .mail-checkbox {
  margin-right: 0;
  margin-left: 0.5rem;
}
[dir=rtl] .messages-wrap .mail-checkbox .mat-checkbox-inner-container {
  margin-left: 0;
}
@media (max-width: 959px) {
  .inbox-sidenav {
    background: inherit !important;
  }
}
.card-title-text.calendar-title {
  padding: 0.5rem 1.5rem !important;
}
.cal-top-col {
  width: 33.3333%;
  float: left;
}
.cal-event-action .material-icons {
  vertical-align: sub;
  margin: 6px;
}
.cal-open-day-events {
  box-shadow: none !important;
}
.calendar-form-dialog .mat-mdc-dialog-container {
  padding: 0;
}
.color-picker-input.mat-mdc-input-element {
  padding: 4px 0 !important;
}
@media (max-width: 767px) {
  .cal-top-col {
    width: 100%;
  }
}
.chat-sidenav {
  width: 15rem;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden !important;
}
.chat-sidebar-toolbar,
.chat-toolbar,
.chat-sidebar-toolbar .mat-toolbar-row,
.chat-toolbar .mat-toolbar-row {
  min-height: 56px !important;
  height: 56px !important;
}
.chat-sidebar-scroll {
  position: relative;
  height: calc(100% - 56px);
  overflow-y: scroll;
}
.chat-intro {
  height: calc(100vh - 240px);
}
.chats-wrap .conversations-hold {
  padding-top: 1rem;
  position: relative;
  height: calc(100vh - 330px);
  overflow-y: scroll;
}
.chats-wrap .conversations-hold .single-conversation {
  overflow: hidden;
  padding: 0 2rem;
  margin-bottom: 2rem;
}
.chats-wrap .conversations-hold .single-conversation .toolbar-avatar {
  vertical-align: bottom;
  margin-right: 1rem;
}
.chats-wrap .conversations-hold .single-conversation .chat-username {
  margin: 0 0 0.625rem;
  font-size: 0.875rem;
}
.chats-wrap .conversations-hold .single-conversation .conversation-msg {
  padding: 0.48rem 0.94rem;
  display: inline-block;
  border-radius: 4px;
}
.chats-wrap .conversations-hold .single-conversation.sender .conversation-msg {
  background: #ffffff;
}
.chats-wrap .conversations-hold .single-conversation .chat-date {
  font-size: 11px;
  padding: 2px;
  margin: 0;
  clear: both;
}
.chats-wrap .chat-input-actions {
  padding: 0.6rem;
}
.chat-loader {
  display: flex;
  height: 100%;
  align-items: center;
}
[dir=rtl] .chat-sidenav {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
[dir=rtl] .chats-wrap .conversations-hold .single-conversation .toolbar-avatar {
  margin-right: 0;
  margin-left: 1rem;
}
.app-gallery .gallery-control-wrap {
  position: absolute;
  width: 100%;
  height: 40px;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
}
.app-gallery img {
  max-width: 100%;
}
.app-gallery .mat-grid-tile-content:hover .gallery-control-wrap {
  opacity: 1;
}
.app-gallery .mat-grid-tile-content .gallery-control-wrap .gallery-control {
  padding: 0 0 0 1rem;
}
.app-gallery .mat-grid-tile-content .gallery-control-wrap .gallery-control .photo-detail {
  margin: 0;
  color: #FEFEFE;
  line-height: 40px;
}
.app-gallery .mat-grid-tile-content .gallery-control-wrap .gallery-control .mat-icon {
  color: #fff;
}
[dir=rtl] .app-gallery .mat-grid-tile-content .gallery-control-wrap .gallery-control .photo-detail {
  margin-right: 1rem;
}
.plan-pricing .mat-mdc-list-item .mat-list-item-content {
  display: inline-flex !important;
  text-align: center;
  font-size: 0.875rem !important;
}
.user-card .card-title-text {
  padding: 0.5rem 1.5rem !important;
  align-items: center;
}
.user-card .user-details > p:last-child {
  margin-bottom: 0;
}
.user-card .user-details .mat-icon {
  vertical-align: top;
  margin-right: 0.5rem;
}
.profile-sidebar {
  box-sizing: border-box;
}
.profile-sidebar .propic {
  width: 100%;
  margin-bottom: 6px;
}
.profile-sidebar .propic img {
  width: 50%;
  height: auto;
  border-radius: 50%;
}
.profile-sidebar .profile-title .main-title {
  font-size: 1.5rem;
}
.profile-sidebar .profile-nav {
  margin-left: -24px;
  margin-right: -24px;
}
.profile-sidebar .profile-nav .mat-mdc-list-item .mat-icon {
  margin-right: 8px;
}
.timeline {
  position: relative;
  overflow: hidden;
}
.timeline::before {
  content: "";
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 24px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}
.timeline .timeline-item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 24px;
}
.timeline .timeline-badge {
  float: left;
  position: relative;
  margin-right: 30px;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.timeline .timeline-badge img {
  max-width: 100%;
}
.timeline .timeline-badge .icon-badge {
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.timeline .timeline-body-top {
  margin-bottom: 8px;
}
.timeline .timeline-body {
  float: right;
  width: calc(100% - 78px);
}
.timeline .timeline-body-content img {
  border-radius: 4px;
  max-width: 100%;
}
.timeline .timeline-body-content > :last-child {
  margin-bottom: 8px;
}
[dir=rtl] .profile-sidebar .profile-nav .mat-mdc-list-item .mat-icon {
  margin-right: 0;
  margin-left: 8px;
}
.product-rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product-rating .star-svg {
  width: auto !important;
}
h1.title {
  font-size: 1.8rem;
  margin: 0 0 1rem;
}
.p-line {
  font-size: 0.813rem;
  margin-bottom: 4px;
}
.option-label {
  margin-bottom: 6px;
  display: block;
}
.product-search,
.quantity-input {
  border: 0;
  height: 32px;
  border-radius: 2px;
  padding-left: 8px;
  font-size: 14px;
  width: 260px;
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.12),
    0px 1px 1px 0px rgba(0, 0, 0, 0.08),
    0px 1px 3px 0px rgba(0, 0, 0, 0);
  transition: all 300ms cubic-bezier(0.35, 0, 0.25, 1);
}
.product-search:focus,
.quantity-input:focus {
  outline: none;
  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);
}
.quantity-input {
  width: 80px;
}
.shop-wrap {
  margin: 1rem 0.33rem 0.33rem;
  overflow: hidden;
  min-height: 750px;
}
.shop-sidebar {
  width: 15rem;
}
.shop-filters-wrap {
  margin-top: 7px;
  padding: 0 0.5rem 0 0.333rem;
}
.shop-filters-wrap .product-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shop-filters-wrap .product-categories li {
  cursor: pointer;
  padding: 5px;
  text-transform: capitalize;
}
.shop-top-toolbar {
  margin-bottom: 0.5rem;
  padding: 0 8px;
}
.product-search-wrap .product-search {
  width: 260px;
  margin: 6px 0 0;
}
.product-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  min-height: 750px;
}
.product-container .products-pagination {
  width: 100%;
  text-align: center;
  margin: 1.5rem 0;
  align-self: flex-end;
  justify-content: flex-end;
}
.product-container .products-pagination ul {
  padding: 0;
  margin: 0;
}
.product-container .products-pagination .ngx-pagination .current {
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.87);
}
.product-container .product-wrap {
  width: 33.333%;
  float: left;
}
.product-container .product-wrap .product-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  margin: 8px;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.product-container .product-wrap .product-inner:hover {
  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);
}
.product-container .product-wrap .product-inner .product-badge {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  z-index: 100;
  height: 64px;
  width: 64px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transform: rotate(-30deg);
}
.product-container .product-wrap .product-inner .product-badge span {
  font-weight: 500;
  line-height: 1.1;
}
.product-container .product-wrap .product-inner .featured-img {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  min-height: 180px;
}
.product-container .product-wrap .product-inner .info-wrap {
  display: flex;
  flex-direction: column;
}
.product-container .product-wrap .product-inner .info-wrap .main-info {
  width: 100%;
  margin-bottom: 1rem;
  min-height: 150px;
}
.product-container .product-wrap .product-inner .info-wrap .main-info .title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 4px;
  cursor: pointer;
}
.product-container .product-wrap .product-inner .info-wrap .main-info .title:active {
  outline: none;
}
.product-container .product-wrap .product-inner .info-wrap .actions {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.product-container .product-wrap .product-inner .info-wrap .actions div {
  flex: 50%;
  display: flex;
}
.product-container .product-wrap .product-inner .info-wrap .actions .price-rating {
  flex-direction: column;
  justify-content: flex-start;
}
.product-container .product-wrap .product-inner .info-wrap .actions .price-rating .price {
  align-items: center;
}
.product-container .product-wrap .product-inner .info-wrap .actions .price-rating .price span {
  font-size: 1.2rem;
  margin-right: 4px;
}
.product-container .product-wrap .product-inner .info-wrap .actions .add-to-cart {
  align-items: center;
}
.product-container .product-wrap .product-inner ul {
  margin: 0;
  padding: 0 0 0 8px;
  list-style: none;
}
.product-container .product-wrap .product-inner ul li {
  margin-bottom: 4px;
  display: flex;
}
.product-container .product-wrap .product-inner ul li .mat-icon {
  margin-right: 8px;
}
.product-container .product-wrap .product-inner .more-info-wrap {
  display: none;
}
.product-details-wrap .gallery-photo {
  min-height: 400px;
  width: calc(100% - 80px);
  float: left;
  padding-right: 1rem;
  margin-bottom: 1rem;
}
.product-details-wrap .gallery-photo img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.product-details-wrap .gallery-thumbnails {
  width: 80px;
  float: left;
  padding-right: 0.667rem;
}
.product-details-wrap .gallery-thumbnails img {
  width: 100%;
  border-radius: 2px;
  display: inline-block;
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.product-details-wrap .gallery-thumbnails img.active {
  opacity: 0.6;
}
.cart-table {
  width: 100%;
  border-collapse: separate;
  border-radius: 2px;
  margin-bottom: 1.5rem;
  border-spacing: 0;
}
.cart-table .cart-thumbnail {
  height: 44px;
  width: auto;
  border-radius: 2px;
}
.cart-table thead tr {
  border-collapse: separate;
  background: rgba(0, 0, 0, 0.03);
}
.cart-table thead tr th {
  border-collapse: separate;
  text-align: left;
  padding: 1rem;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.cart-table tbody tr td {
  text-align: left;
  padding: 16px;
}
@media (max-width: 1100px) {
  .product-container .product-wrap {
    width: 50%;
  }
}
@media (max-width: 960px) {
  .shop-filters-wrap {
    margin: 0;
    padding: 0;
  }
  .shop-sidebar {
    background: #fff;
  }
}
@media (max-width: 680px) {
  .product-container .product-wrap {
    width: 100%;
  }
  .product-details-wrap .gallery-photo {
    min-height: auto;
  }
}
@media (min-width: 1100px) {
  .product-container.list-view .product-wrap {
    width: 100%;
  }
  .product-container.list-view .product-wrap .product-inner {
    flex-direction: row;
  }
  .product-container.list-view .product-wrap {
    padding-right: 0;
  }
  .product-container.list-view .product-wrap .featured-img {
    flex: 3 0;
  }
  .product-container.list-view .product-wrap .featured-img img {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
  }
  .product-container.list-view .product-wrap .info-wrap {
    flex-direction: column;
    flex: 2 0;
  }
  .product-container.list-view .product-wrap .info-wrap .actions {
    align-self: flex-end;
    justify-content: flex-end;
    margin-top: auto;
  }
  .product-container.list-view .product-wrap .more-info-wrap {
    display: flex;
    align-items: stretch;
    flex: 2 0;
    position: relative;
  }
  .product-container.list-view .product-wrap .more-info-wrap .more-info {
    width: 100%;
    padding-left: 1rem;
    border-left: 1px solid #e6e6e6;
  }
}
[dir=rtl] .product-search,
[dir=rtl] .quantity-input {
  padding-right: 8px;
}
[dir=rtl] .product-container.list-view .product-wrap .more-info-wrap .more-info {
  border: 0;
  padding-left: 0;
}
[dir=rtl] .product-container .product-wrap .product-inner .product-badge {
  left: auto;
  right: 20px;
}
[dir=rtl] .product-container .product-wrap .product-inner ul li .mat-icon {
  margin-right: 0;
  margin-left: 8px;
}
[dir=rtl] .product-details-wrap .gallery-photo {
  padding: 0;
}
[dir=rtl] .product-details-wrap .product-content-wrap {
  padding: 0 1rem;
}
.home-section {
  padding: 40px 0 40px;
}
.scrollable {
  position: relative;
  width: 100%;
  height: 100vh;
}
.section-intro {
  padding: 100px 0 30px;
  background: #222a45;
  color: #ffffff;
}
.section-intro .matx {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
}
.section-intro h1 {
  font-size: 32px;
  margin: 2rem 0 1rem;
  font-weight: 500;
}
.section-intro p {
  font-size: 16px;
  max-width: 450px;
  margin: 0 auto 1.4rem;
}
.section-intro img {
  display: block;
  margin: 0 auto;
}
.section-demos {
  position: relative;
}
.section-demos .demo-box-wrap {
  padding: 1.5rem;
}
.section-demos .demo-box {
  position: relative;
  border-radius: 8px;
  transition: 0.2s all ease-in-out;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.section-demos .demo-box:hover {
  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
}
.section-demos .demo-box:hover .caption {
  opacity: 1;
  transform: translateY(-10px);
}
.section-demos .demo-box .caption {
  opacity: 0;
  background: #ffffff;
  padding: 1rem;
  position: absolute;
  z-index: 99;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  width: 220px;
  transition: 0.2s all ease-in-out;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.section-demos .demo-box h3 {
  margin: 0 0 1rem;
  font-size: 22px;
  font-weight: 300;
}
.section-demos .demo-box img {
  width: 100%;
  height: auto;
  float: left;
}
.section-demos .demo-box .screenshot {
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
}
.align-right {
  text-align: right;
}
.order-info,
.billing-address {
  margin-top: 20px;
}
.order-info h4,
.billing-address h4 {
  vertical-align: top;
  margin-top: 0px;
  font-weight: 700 !important;
}
.order-info > div:last-child,
.billing-address > div:last-child {
  text-align: right;
}
.billing-address {
  margin-bottom: 20px;
}
.billing-address p {
  white-space: pre-line;
}
.item-form-list {
  margin-top: 20px;
}
.item-form-list .item-form-list-head-line {
  background: #f5f5f5;
}
.item-form-list .item-form-list-head-line p {
  padding: 10px;
  margin: 0px;
}
.item-form-list .form-rows {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.item-form-list .add-button {
  text-align: right;
}
.item-form-list .add-button button {
  margin-top: 20px;
}
.form-total-cost {
  margin-top: 20px;
}
.form-total-cost > div {
  width: 300px;
}
.form-total-cost > div .mat-mdc-form-field {
  width: 50px;
}
.form-total-cost h5 {
  margin: 0px;
  font-weight: 700 !important;
}
.total-cost {
  margin-top: 20px;
}
.total-cost div:first-child {
  margin-right: 20px;
}
.total-cost h5 {
  margin-top: 0px;
}
.invoice-icon-circle {
  box-sizing: content-box;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  border: 2px solid rgba(0, 0, 0, 0.87);
  overflow: hidden;
}
.invoice-icon-circle .mat-icon {
  font-size: 48px;
  height: 48px;
  width: 48px;
}
.invoice-text-white {
  color: #f5f5f5;
}
@media print {
  body.print-body-content {
    visibility: hidden;
  }
  #print-area {
    visibility: visible;
  }
  #print-area * {
    visibility: visible;
  }
  #print-area .item-table .mat-mdc-table {
    box-shadow: none !important;
  }
}
.todo-option {
  padding: 20px 16px;
}
.tag {
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 12px;
  line-height: 24px;
  box-sizing: content-box;
  background: rgba(0, 0, 0, 0.12);
}
.tag > div {
  display: inline-block;
}
.tag .circle {
  margin-right: 5px;
  height: 8px;
  width: 8px;
  background: red;
  border-radius: 50%;
}
.no-fill-color {
  color: transparent;
}
.mat-mdc-menu-content button {
  text-transform: capitalize;
}
.todo-list {
  max-width: 100%;
  min-height: 60px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
.todo-box {
  padding: 20px 16px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  font-size: 14px;
  display: flex;
}
.todo-box:hover {
  background: rgba(119, 68, 68, 0.05);
}
.move-handler {
  cursor: move;
}
.tag {
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 12px;
  line-height: 24px;
  box-sizing: content-box;
  background: rgba(0, 0, 0, 0.12);
}
.tag > div {
  display: inline-block;
}
.tag .circle {
  margin-right: 5px;
  height: 8px;
  width: 8px;
  background: red;
  border-radius: 50%;
}
.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.todo-box:last-child {
  border: none;
}
.todo-list.cdk-drop-list-dragging .todo-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.search-box {
  border-radius: 24px;
  background: white;
  overflow: hidden;
  vertical-align: middle;
}
.search-box .mat-mdc-icon-button {
  margin-left: 8px;
}
.search-box input[type=text] {
  width: calc(100% - 52px);
  padding: 12px 20px;
  border: none;
  outline: none;
  font-size: 18px;
  box-sizing: border-box;
}

/* custom-packages/sabis-dynamicform/src/styles/careers-theme/dynamic-form.scss */
.sabis-dynamicform input {
  box-sizing: border-box;
}
.sabis-dynamicform .save-progress-container {
  position: sticky;
  top: 86px;
  right: 0%;
  height: 40px;
}
.sabis-dynamicform .save-progress-container button {
  background: #016836;
  color: #ffffff;
  border: 1px solid #016836;
  transition: 0.3s all;
  cursor: pointer;
  white-space: nowrap;
}
.sabis-dynamicform .save-progress-container button i {
  margin-right: 10px;
}
.sabis-dynamicform .save-progress-container button:hover {
  color: #016836;
  background: #ffffff;
}
.sabis-dynamicform .apply-container {
  display: flex;
}
.sabis-dynamicform .apply-container aside {
  position: sticky;
  top: 85px;
  border-right: 1px solid #e3dbd3;
  height: calc(100vh - 123px);
  width: 300px;
  z-index: 1;
}
.sabis-dynamicform .apply-container aside .required {
  display: none;
}
.sabis-dynamicform .apply-container aside ul {
  counter-reset: group-counter 0;
}
.sabis-dynamicform .apply-container aside ul li {
  counter-increment: group-counter 1;
}
.sabis-dynamicform .apply-container aside ul li a {
  display: flex;
  background: #ffffff;
  border-bottom: 1px solid #e3dbd3;
  transition: 0.3s all ease-in-out;
  color: #b6ada5;
  align-items: center;
}
.sabis-dynamicform .apply-container aside ul li a:active,
.sabis-dynamicform .apply-container aside ul li a:hover {
  background: #016836;
  color: #ffffff;
  text-decoration: none;
}
.sabis-dynamicform .apply-container aside ul li a:before {
  content: "0" counter(group-counter);
  display: block;
  flex: 0 0 80px;
  padding: 20px;
  font-size: 30px;
}
.sabis-dynamicform .apply-container article .required {
  color: #EC5542;
}
.sabis-dynamicform .apply-container article form {
  position: relative;
}
.sabis-dynamicform .apply-container article form fieldset {
  border: 1px solid #b6ada5;
  border-left-width: 5px;
  padding: 30px;
  background: #ffffff;
  margin: 30px 0;
  position: relative;
}
.sabis-dynamicform .apply-container article form fieldset legend {
  margin-bottom: 30px;
  float: left;
  font-size: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3dbd3;
  display: block;
  width: 100%;
  font-weight: 300;
  line-height: normal;
}
.sabis-dynamicform .apply-container article form fieldset h4 {
  text-decoration: underline;
  margin: 30px 0 20px;
  font-size: 1.3em;
}
.sabis-dynamicform .apply-container article form fieldset .progress {
  width: 95%;
  margin: 20px auto;
  position: relative;
  height: 30px;
  background: #f7f4f2;
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .progress.visible {
  display: block;
}
.sabis-dynamicform .apply-container article form fieldset .progress span.percentage {
  width: 0;
  height: 30px;
  background: #016836;
  position: absolute;
  top: 0;
  left: 0;
}
.sabis-dynamicform .apply-container article form fieldset .progress span.percentage-text {
  position: absolute;
  color: #ffffff;
  z-index: 10;
  top: 5px;
  left: 20px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.hidden {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control label {
  display: block;
  margin-top: 15px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control label .required {
  display: inline-block;
  padding-left: 5px;
  font-size: 0.9em;
}
.sabis-dynamicform .apply-container article form fieldset .form-control input,
.sabis-dynamicform .apply-container article form fieldset .form-control select {
  width: 100%;
  padding: 6px 12px;
  height: 34px;
  font-size: 14px;
  line-height: 1.4;
  color: #7b6e65;
  border: 1px solid #7b6e65;
  background: #f7f4f2;
  transition: 0.3s all ease;
}
.sabis-dynamicform .apply-container article form fieldset .form-control input:focus,
.sabis-dynamicform .apply-container article form fieldset .form-control select:focus {
  border-color: #016836;
  outline: 0;
  background: #f7f4f2;
}
.sabis-dynamicform .apply-container article form fieldset .form-control input[multiple],
.sabis-dynamicform .apply-container article form fieldset .form-control select[multiple] {
  height: auto;
}
.sabis-dynamicform .apply-container article form fieldset .form-control div.date-control {
  display: flex;
}
.sabis-dynamicform .apply-container article form fieldset .form-control div.date-control span {
  display: inline-block;
  padding: 0 5px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control div.date-control select {
  width: auto;
}
.sabis-dynamicform .apply-container article form fieldset .form-control div .phone-control {
  display: flex;
}
.sabis-dynamicform .apply-container article form fieldset .form-control div .phone-control > div:first-child {
  flex-basis: 33.33%;
}
.sabis-dynamicform .apply-container article form fieldset .form-control div .phone-control div {
  flex-basis: 66.66%;
}
.sabis-dynamicform .apply-container article form fieldset .form-control div .phone-control select {
  width: 200px;
  margin-right: 20px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .hint-above {
  font-size: 0.8em;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .hint-below {
  background: #f7f4f2;
  display: block;
  margin: 5px 0;
  padding: 0 10px;
  height: 0;
  transition: 0.3s all ease;
  overflow: hidden;
  box-sizing: border-box;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .hint-below.visible {
  padding: 5px 10px;
  height: 30px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container {
  position: relative;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container:after {
  opacity: 0;
  transition: 0.3s all;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-width: 1px 1px 0 0;
  border-style: solid;
  transform-origin: right top;
  animation: validationShow 0.4s ease 0s 1;
  animation-fill-mode: backwards;
  background-repeat: no-repeat;
  background-size: 1.2rem 1.2rem;
  background-position: top right;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container .row-two-controls {
  display: flex;
  align-items: center;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container .row-two-controls input[type=radio] {
  flex: 1;
  height: 20px;
  margin: 10px;
  margin-left: 0px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container .multiselect-control {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #7b6e65;
  background-color: #f7f4f2;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container .multiselect-control.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container .multiselect-control .multiselect-control-item {
  display: flex;
  align-items: center;
  padding: 6px 12px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container .multiselect-control .multiselect-control-item:hover {
  background-color: rgb(237.2857142857, 230.6428571429, 226.2142857143);
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container .multiselect-control .multiselect-control-item input[type=checkbox] {
  width: auto;
  height: auto;
  margin-right: 8px;
  margin-left: 0;
  transition: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control .form-control-container .multiselect-control .multiselect-control-item label {
  font-size: 14px;
  color: #7b6e65;
  margin: 0;
  flex: 1;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.not-valid .form-control-container:after {
  opacity: 1;
  border-color: #EC5542 #EC5542 transparent transparent;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      #EC5542 55%);
}
.sabis-dynamicform .apply-container article form fieldset .form-control.not-valid .form-control-container .form-control-container:after {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.valid .form-control-container:after {
  opacity: 1;
  border-color: #016836 #016836 transparent transparent;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      #016836 55%);
}
.sabis-dynamicform .apply-container article form fieldset .form-control.valid .form-control-container .form-control-container:after {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control {
  border: 1px solid #e3dbd3;
  clear: both;
  text-align: center;
  margin-bottom: 20px;
  transition: 0.3s all;
  position: relative;
  border-radius: 3px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control label {
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #e3dbd3;
  padding-left: 10px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control button {
  width: 200px;
  margin: 20px auto;
  text-transform: uppercase;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control button.hidden {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control:hover {
  border-color: #016836;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control input {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control:after {
  opacity: 0;
  transition: 0.3s all;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-width: 1px 1px 0 0;
  border-style: solid;
  transform-origin: right top;
  animation: validationShow 0.4s ease 0s 1;
  animation-fill-mode: backwards;
  background-repeat: no-repeat;
  background-size: 1.2rem 1.2rem;
  background-position: top right;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control.not-valid:after {
  opacity: 1;
  border-color: #EC5542 #EC5542 transparent transparent;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      #EC5542 55%);
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control.not-valid .form-control-container:after {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control.valid:after {
  opacity: 1;
  border-color: #016836 #016836 transparent transparent;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      #016836 55%);
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control.valid .form-control-container:after {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list {
  width: 95%;
  margin: 20px auto;
  padding: 5px 10px;
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list.visible {
  display: block;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul {
  padding: 0;
  margin: 0;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li {
  border: 1px solid #e3dbd3;
  background: #f7f4f2;
  padding: 10px 10px 10px;
  display: flex;
  justify-content: space-between;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li span i {
  display: inline-block;
  font-size: 1.5em;
  padding-right: 10px;
  position: relative;
  top: 3px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li button {
  margin: 0;
  height: 30px;
  line-height: 20px;
  padding: 5px;
  font-size: 1em;
  text-align: left;
  background: #EC5542;
  border-color: #EC5542;
  width: auto;
  text-transform: none;
  width: 200px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li button:hover {
  color: #EC5542;
  background: #ffffff;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li button i {
  display: inline-block;
  padding-right: 3px;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li.image {
  text-align: center;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li.image span {
  display: block;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li.image span i {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control .file-list ul li.image span img {
  max-width: 100%;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control.preview button {
  display: none;
}
.sabis-dynamicform .apply-container article form fieldset .form-control.file-control.preview .file-list ul li span {
  max-width: none;
}
.sabis-dynamicform .apply-container article form button {
  width: 100%;
  padding: 8px;
  text-align: center;
  background: #016836;
  transition: 0.3s all ease-in-out;
  text-transform: uppercase;
  border: 1px solid #016836;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.1em;
}
.sabis-dynamicform .apply-container article form button:hover {
  background: #ffffff;
  color: #016836;
}
.sabis-dynamicform .apply-container div.reuse-application,
.sabis-dynamicform .apply-container div.save-progress {
  position: relative;
  border: 1px solid #b6ada5;
  padding: 20px;
  background: #ffffff;
}
.sabis-dynamicform .apply-container div.reuse-application h4,
.sabis-dynamicform .apply-container div.save-progress h4 {
  text-align: left;
  border-bottom: 1px solid #b6ada5;
  font-weight: 400;
  font-size: 1.1em;
  padding-bottom: 10px;
}
.sabis-dynamicform .apply-container div.reuse-application a.question,
.sabis-dynamicform .apply-container div.save-progress a.question {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #7b6e65;
  text-decoration: none;
  cursor: pointer;
}
.sabis-dynamicform .apply-container div.reuse-application a.question:hover,
.sabis-dynamicform .apply-container div.save-progress a.question:hover {
  color: #016836;
}
.sabis-dynamicform .apply-container div.reuse-application button,
.sabis-dynamicform .apply-container div.save-progress button {
  width: 100%;
  border: 1px solid #b6ada5;
  cursor: pointer;
  margin: 20px 0 0;
  transition: 0.3s all;
}
.sabis-dynamicform .apply-container div.reuse-application button i,
.sabis-dynamicform .apply-container div.save-progress button i {
  display: inline-block;
  padding-right: 10px;
}
.sabis-dynamicform .apply-container div.reuse-application button:hover,
.sabis-dynamicform .apply-container div.save-progress button:hover {
  color: #016836;
  border-color: #016836;
}
.sabis-dynamicform .apply-container div.reuse-application p,
.sabis-dynamicform .apply-container div.save-progress p {
  border: 1px solid #b6ada5;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s all;
  padding: 0 20px;
}
.sabis-dynamicform .apply-container div.reuse-application p.visible,
.sabis-dynamicform .apply-container div.save-progress p.visible {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  max-height: 150px;
  opacity: 1;
}
.sabis-dynamicform.print h1 {
  text-align: center;
}
.sabis-dynamicform.print .apply-container article {
  width: 100%;
}
.sabis-dynamicform.print .apply-container article form {
  width: 100%;
}
.sabis-dynamicform.print .apply-container article form fieldset {
  border: none !important;
}
.sabis-dynamicform.print .apply-container article form .required {
  display: none;
}
.sabis-dynamicform.print .apply-container article form form {
  width: 100% !important;
}
.sabis-dynamicform.print .apply-container article form form .image img {
  max-width: 50% !important;
}

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