@import "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css";

/* node_modules/@angular/material/prebuilt-themes/azure-blue.css */
html {
  --mat-sys-background: #faf9fd;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f2f0f4;
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: #2f3033;
  --mat-sys-on-background: #1a1b1f;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: #1a1b1f;
  --mat-sys-on-surface-variant: #44474e;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #0000ef;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: #74777f;
  --mat-sys-outline-variant: #c4c6d0;
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9fd;
  --mat-sys-surface-bright: #faf9fd;
  --mat-sys-surface-container: #efedf0;
  --mat-sys-surface-container-high: #e9e7eb;
  --mat-sys-surface-container-highest: #e3e2e6;
  --mat-sys-surface-container-low: #f4f3f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dbd9dd;
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: #e0e2ec;
  --mat-sys-tertiary: #343dff;
  --mat-sys-tertiary-container: #e0e0ff;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/* node_modules/leaflet-draw/dist/leaflet.draw.css */
.leaflet-draw-section {
  position: relative;
}
.leaflet-draw-toolbar {
  margin-top: 12px;
}
.leaflet-draw-toolbar-top {
  margin-top: 0;
}
.leaflet-draw-toolbar-notop a:first-child {
  border-top-right-radius: 0;
}
.leaflet-draw-toolbar-nobottom a:last-child {
  border-bottom-right-radius: 0;
}
.leaflet-draw-toolbar a {
  background-image: url("./media/spritesheet-YHL5CRRG.png");
  background-image: linear-gradient(transparent, transparent), url("./media/spritesheet-VSFTN6SR.svg");
  background-repeat: no-repeat;
  background-size: 300px 30px;
  background-clip: padding-box;
}
.leaflet-retina .leaflet-draw-toolbar a {
  background-image: url("./media/spritesheet-2x-KORMVNAU.png");
  background-image: linear-gradient(transparent, transparent), url("./media/spritesheet-VSFTN6SR.svg");
}
.leaflet-draw a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.leaflet-draw a .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.leaflet-draw-actions {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 26px;
  top: 0;
  white-space: nowrap;
}
.leaflet-touch .leaflet-draw-actions {
  left: 32px;
}
.leaflet-right .leaflet-draw-actions {
  right: 26px;
  left: auto;
}
.leaflet-touch .leaflet-right .leaflet-draw-actions {
  right: 32px;
  left: auto;
}
.leaflet-draw-actions li {
  display: inline-block;
}
.leaflet-draw-actions li:first-child a {
  border-left: 0;
}
.leaflet-draw-actions li:last-child a {
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.leaflet-right .leaflet-draw-actions li:last-child a {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.leaflet-right .leaflet-draw-actions li:first-child a {
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.leaflet-draw-actions a {
  background-color: #919187;
  border-left: 1px solid #AAA;
  color: #FFF;
  font:
    11px/19px "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  line-height: 28px;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  height: 28px;
}
.leaflet-touch .leaflet-draw-actions a {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}
.leaflet-draw-actions-bottom {
  margin-top: 0;
}
.leaflet-draw-actions-top {
  margin-top: 1px;
}
.leaflet-draw-actions-top a,
.leaflet-draw-actions-bottom a {
  height: 27px;
  line-height: 27px;
}
.leaflet-draw-actions a:hover {
  background-color: #a0a098;
}
.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
  height: 26px;
  line-height: 26px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-polyline {
  background-position: -2px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
  background-position: 0 -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
  background-position: -31px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
  background-position: -29px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
  background-position: -62px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
  background-position: -60px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-circle {
  background-position: -92px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
  background-position: -90px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-marker {
  background-position: -122px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
  background-position: -120px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
  background-position: -273px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
  background-position: -271px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-edit-edit {
  background-position: -152px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
  background-position: -150px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-edit-remove {
  background-position: -182px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
  background-position: -180px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
  background-position: -212px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
  background-position: -210px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
  background-position: -242px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
  background-position: -240px -2px;
}
.leaflet-mouse-marker {
  background-color: #fff;
  cursor: crosshair;
}
.leaflet-draw-tooltip {
  background: #363636;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font:
    12px/18px "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  margin-left: 20px;
  margin-top: -21px;
  padding: 4px 8px;
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  z-index: 6;
}
.leaflet-draw-tooltip:before {
  border-right: 6px solid black;
  border-right-color: rgba(0, 0, 0, 0.5);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
  position: absolute;
  top: 7px;
  left: -7px;
}
.leaflet-error-draw-tooltip {
  background-color: #f2dede;
  border: 1px solid #e6b6bd;
  color: #b94a48;
}
.leaflet-error-draw-tooltip:before {
  border-right-color: #e6b6bd;
}
.leaflet-draw-tooltip-single {
  margin-top: -12px;
}
.leaflet-draw-tooltip-subtext {
  color: #f8d5e4;
}
.leaflet-draw-guide-dash {
  font-size: 1%;
  opacity: .6;
  position: absolute;
  width: 5px;
  height: 5px;
}
.leaflet-edit-marker-selected {
  background-color: rgba(254, 87, 161, 0.1);
  border: 4px dashed rgba(254, 87, 161, 0.6);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: content-box;
}
.leaflet-edit-move {
  cursor: move;
}
.leaflet-edit-resize {
  cursor: pointer;
}
.leaflet-oldie .leaflet-draw-toolbar {
  border: 1px solid #999;
}

/* node_modules/leaflet-routing-machine/dist/leaflet-routing-machine.css */
.leaflet-routing-container,
.leaflet-routing-error {
  width: 320px;
  background-color: white;
  padding-top: 4px;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.leaflet-control-container .leaflet-routing-container-hide {
  width: 32px;
  height: 32px;
}
.leaflet-routing-container h2 {
  font-size: 14px;
}
.leaflet-routing-container h3 {
  font-size: 12px;
  font-weight: normal;
}
.leaflet-routing-collapsible .leaflet-routing-geocoders {
  margin-top: 20px;
}
.leaflet-routing-alt,
.leaflet-routing-geocoders,
.leaflet-routing-error {
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 6px;
  border-bottom: 1px solid #ccc;
  max-height: 320px;
  overflow-y: auto;
  transition: all 0.2s ease;
}
.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt,
.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders {
  display: none;
}
.leaflet-bar .leaflet-routing-alt:last-child {
  border-bottom: none;
}
.leaflet-routing-alt-minimized {
  color: #888;
  max-height: 64px;
  overflow: hidden;
  cursor: pointer;
}
.leaflet-routing-alt table {
  border-collapse: collapse;
}
.leaflet-routing-alt tr:hover {
  background-color: #eee;
  cursor: pointer;
}
.leaflet-routing-alt::-webkit-scrollbar {
  width: 8px;
}
.leaflet-routing-alt::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #eee;
}
.leaflet-routing-alt::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #888;
}
.leaflet-routing-icon {
  background-image: url("./media/leaflet.routing.icons-GOFGMIR4.png");
  -webkit-background-size: 240px 20px;
  background-size: 240px 20px;
  background-repeat: no-repeat;
  margin: 0;
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
}
.leaflet-routing-icon-continue {
  background-position: 0 0;
}
.leaflet-routing-icon-sharp-right {
  background-position: -20px 0;
}
.leaflet-routing-icon-turn-right {
  background-position: -40px 0;
}
.leaflet-routing-icon-bear-right {
  background-position: -60px 0;
}
.leaflet-routing-icon-u-turn {
  background-position: -80px 0;
}
.leaflet-routing-icon-sharp-left {
  background-position: -100px 0;
}
.leaflet-routing-icon-turn-left {
  background-position: -120px 0;
}
.leaflet-routing-icon-bear-left {
  background-position: -140px 0;
}
.leaflet-routing-icon-depart {
  background-position: -160px 0;
}
.leaflet-routing-icon-enter-roundabout {
  background-position: -180px 0;
}
.leaflet-routing-icon-arrive {
  background-position: -200px 0;
}
.leaflet-routing-icon-via {
  background-position: -220px 0;
}
.leaflet-routing-geocoders div {
  padding: 4px 0px 4px 0px;
}
.leaflet-routing-geocoders input {
  width: 303px;
  width: calc(100% - 4px);
  line-height: 1.67;
  border: 1px solid #ccc;
}
.leaflet-routing-geocoders button {
  font:
    bold 18px "Lucida Console",
    Monaco,
    monospace;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  margin: 0;
  margin-right: 3px;
  float: right;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.leaflet-routing-add-waypoint:after {
  content: "+";
}
.leaflet-routing-reverse-waypoints:after {
  font-weight: normal;
  content: "\21c5";
}
.leaflet-routing-geocoders button:hover {
  background-color: #eee;
}
.leaflet-routing-geocoders input,
.leaflet-routing-remove-waypoint,
.leaflet-routing-geocoder {
  position: relative;
}
.leaflet-routing-geocoder-result {
  font:
    12px/1.5 "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  position: absolute;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  z-index: 1000;
}
.leaflet-routing-geocoder-result table {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  background-color: white;
  cursor: pointer;
}
.leaflet-routing-geocoder-result-open {
  max-height: 800px;
}
.leaflet-routing-geocoder-selected,
.leaflet-routing-geocoder-result tr:hover {
  background-color: #eee;
}
.leaflet-routing-geocoder-no-results {
  font-style: italic;
  color: #888;
}
.leaflet-routing-remove-waypoint {
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.leaflet-routing-remove-waypoint:after {
  position: absolute;
  display: block;
  width: 15px;
  height: 1px;
  z-index: 1;
  right: 1px;
  top: 4px;
  bottom: 0;
  margin: auto;
  padding: 2px;
  font-size: 18px;
  font-weight: bold;
  content: "\d7";
  text-align: center;
  cursor: pointer;
  color: #ccc;
  background: white;
  padding-bottom: 16px;
  margin-top: -16px;
  padding-right: 4px;
  line-height: 1;
}
.leaflet-routing-remove-waypoint:hover {
  color: black;
}
.leaflet-routing-instruction-distance {
  width: 48px;
}
.leaflet-routing-collapse-btn {
  position: absolute;
  top: 0;
  right: 6px;
  font-size: 24px;
  color: #ccc;
  font-weight: bold;
}
.leaflet-routing-collapse-btn:after {
  content: "\d7";
}
.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
  position: relative;
  left: 4px;
  top: 4px;
  display: block;
  width: 26px;
  height: 23px;
  background-image: url("./media/routing-icon-Y5D47KL6.png");
}
.leaflet-routing-container-hide .leaflet-routing-collapse-btn:after {
  content: none;
}
.leaflet-top .leaflet-routing-container.leaflet-routing-container-hide {
  margin-top: 10px !important;
}
.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
  margin-right: 10px !important;
}
.leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide {
  margin-bottom: 10px !important;
}
.leaflet-left .leaflet-routing-container.leaflet-routing-container-hide {
  margin-left: 10px !important;
}
@media only screen and (max-width: 640px) {
  .leaflet-routing-container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
  }
}

/* node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css */
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}
.leaflet-oldie .marker-cluster-small {
  background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
  background-color: rgb(110, 204, 57);
}
.leaflet-oldie .marker-cluster-medium {
  background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
  background-color: rgb(240, 194, 12);
}
.leaflet-oldie .marker-cluster-large {
  background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(241, 128, 23);
}
.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font:
    12px "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
}
.marker-cluster span {
  line-height: 30px;
}

/* src/styles.scss */
@font-face {
  font-family: "Open-Sans";
  font-style: normal;
  font-weight: normal;
  src: url("./media/OpenSans-Regular-DR7YBKTG.woff") format("woff");
}
@font-face {
  font-family: "Open-Sans Medium";
  font-style: normal;
  font-weight: bold;
  src: url("./media/OpenSans-Medium-ITYQD2NU.woff") format("woff");
}
:root {
  --bg-color-white: #ffffff;
  --bg-color-black: #000000;
  --primary-background: rgba(246, 246, 246, 1);
  --primary-border-color: rgba(236, 236, 236, 1);
  --action-color: rgba(0, 96, 251, 1);
  --action-color-disabled: rgba(204, 223, 254, 1);
  --action-border-color: rgba(0, 96, 251, 0.3);
  --cancel-color: rgba(17, 19, 20, 1);
  --secondary-bacground-color: rgba(234, 234, 234, 1);
  --transparent-color: rgba(255, 255, 255, 0);
  --third-bacground-color: rgba(237, 237, 237, 1);
  --link-hiver-color: rgba(0, 96, 251, 0.3);
  --box-shadow-card-color: rgba(0, 96, 251, 0.15);
  --active-location-background: rgba(0, 96, 251, 0.1);
  --header-location-border: rgba(17, 19, 20, 1);
  --header-title-color: rgba(126, 126, 126, 1);
  --header-active-background: rgba(230, 239, 255, 1);
  --secondary-border-color: rgba(228, 228, 228, 1);
  --fill-color-svg: rgba(141, 141, 141, 1);
  --fill--inactive-color-svg: rgba(198, 198, 198, 1);
  --status-text-color: rgba(80, 184, 25, 1);
  --status-bakground-color: rgba(80, 184, 25, 0.16);
  --done-button-hover-background: rgba(214, 214, 214, 1);
  --done-button-active-background: rgba(188, 188, 188, 1);
  --cancel-button-hover-background: rgba(222, 222, 222, 1);
  --cancel-button-active-background: rgba(213, 213, 213, 1);
  --preview-img-background: rgba(246, 247, 250, 1);
  --box-shadow-login: rgba(0, 0, 0, 0.06);
  --error-color: rgba(225, 42, 2, 1);
  --empty-color: rgba(255, 255, 255, 0);
  --point-background-color: rgba(224, 224, 224, 1);
  --spiner-background: rgba(0, 0, 0, 0.13);
  --status-work-text-color: rgba(255, 117, 25, 1);
  --status-work-bakground-color: rgba(255, 117, 25, 0.16);
  --status-planned-bakground-color: rgba(0, 96, 251, 0.16);
  --time-window-background-color: rgba(0, 96, 251, 0.2);
  --arrow-calendar-color: rgba(157, 157, 176, 1);
  --second-border-color: rgba(200, 200, 200, 1);
  --light-border-color: #ececec;
  --text-color-primary: rgba(170, 170, 170, 1);
  --text-color-secondary: #111314;
  --error-indicator-center-background: rgba(207, 49, 44, 1);
  --error-indicator-border-color: rgba(207, 49, 44, 0.16);
  --toast-error-text-color: rgba(255, 0, 0, 1);
  --toast-error-backgound-color: rgba(252, 233, 229, 1);
  --toast-success-backgound-color: rgba(238, 248, 232, 1);
  --action-buttons-border-color: #ececec;
  --highlighted-text-background: rgba(0, 96, 251, 0.1);
  --alllowed-background: rgba(80, 184, 25, 0.15);
  --forbidden-background: rgba(225, 42, 2, 0.15);
  --default-text-color: rgba(17, 19, 20, 1);
  --inactive-label-text-color: #a0a1a1;
  --secondary-text-color: #7e7e7e;
  --status-archived-background: rgba(225, 42, 2, 0.16);
  --status-archived-color: rgba(225, 42, 2, 1);
  --disabled-title-color: rgba(160, 161, 161, 1);
  --bad-outcome-background-color: rgba(207, 49, 44, 0.15);
  --error-background-color: rgba(255, 117, 25, 0.16);
  --tooltip-background-color: rgba(77, 77, 77, 1);
  --status-error-backgound-color:rgba(255, 0, 0, 0.16);
  --in-active-dashborad-color: rgba(109, 109, 109, 1);
  --header-sub-link-overlay: rgba(26, 27, 31, 0.08);
  --page-title-line-height: 2rem;
  --page-title-font-size: 1.25rem;
  --regular-font-size: 1rem;
  --title-horizontal-padding: 56px;
  --title-vertical-padding: 16px;
  --field-gap: 16px;
  --field-margin-bottom: 20px;
  --default-button-radius: 8px;
  --page-border-radius: 16px;
  --dialog-confirm-border-radius: 32px;
  --cart-item-border-radius: 20px;
  --dialog-title-width: 492px;
  --action-button-width: 24px;
  --action-button-height: 24px;
  --action-button-icon-width: 14px;
  --action-button-icon-height: 14px;
  --dialog-wrapper-width: 604px;
  --default-line-height: 22px;
  --big-action-icon-size: 64px;
  --heading-font-size: 20px;
  --heading-line-height: 32px;
  --action-button-line-height: 24px;
  --default-font-weight: 400;
  --default-input-width: 572px;
  --default-font-size: 14px;
  --mat-select-height: 40px;
  --dialog-confirm-size: 564px;
  --default-font: "Open-Sans", sans-serif;
  --map-size: 100% --wrapper-bottom-padding: 80px;
}
:root .done {
  width: 120px;
  background-color: var(--action-color);
  border-radius: 8px;
  color: var(--bg-color-white) !important;
  overflow: hidden;
  margin-left: 16px !important;
}
:root .done:hover {
  background-color: var(--done-button-hover-background);
}
:root .done:active {
  background-color: var(--done-button-active-background);
}
:root .empty {
  background-color: var(--bg-color-white);
  border: 1px solid var(--done-button-hover-background);
  color: var(--in-active-dashborad-color);
}
:root .cancel {
  width: 120px;
  cursor: pointer;
  background-color: var(--secondary-bacground-color);
  border-radius: 8px;
  color: var(--cancel-color) !important;
  overflow: hidden;
}
:root .cancel:hover {
  background-color: var(--cancel-button-hover-background);
}
:root .cancel:active {
  background-color: var(--cancel-button-active-background);
}
:root .mat-mdc-form-field.mat-focused {
  border: 1px solid var(--action-color) !important;
}
:root .mat-form-field-invalid {
  border-color: red !important;
}
:root .mat-form-field-disabled {
  background-color: var(--primary-background);
}
:root .mat-mdc-button-disabled {
  background-color: var(--action-color-disabled);
}
:root .mat-mdc-dialog-content {
  background-color: var(--bg-color-white);
  padding: 16px !important;
}
:root .mat-mdc-dialog-surface {
  background-color: var(--bg-color-white);
  border-radius: 12px;
}
:root .mat-mdc-button-persistent-ripple::before {
  background-color: var(--secondary-bacground-color) !important;
}
:root .mat-ripple-element {
  display: none;
}
:root .error {
  position: absolute;
  color: red;
  top: 73px;
  font-family: var(--default-font);
  margin: 0;
}
:root .error .dialog-title-wrapper {
  border-bottom: 1px solid var(--primary-border-color);
}
:root .error .mat-mdc-dialog-actions {
  border-top: 1px solid var(--primary-border-color);
}
:root .title {
  font-family: "Open-Sans", sans-serif;
  color: var(--cancel-color);
}
:root .disabled-title {
  color: var(--disabled-title-color) !important;
}
:root .placeholder-primary::placeholder {
  color: var(--text-color-primary) !important;
  opacity: 1;
}
:root .error-request {
  text-wrap: wrap !important;
  text-align: left;
  margin-right: 10px !important;
  width: calc(100% - 266px);
  color: var(--error-color);
  font-weight: var(--default-font-weight);
  font-size: var(--default-font-size);
  line-height: var(--default-line-height) !important;
}
:root .buttons-tooltip {
  background-color: var(--tooltip-background-color);
  color: var(--bg-color-white);
  padding: 2px 8px 4px 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  border-radius: 4px;
  width: fit-content;
}
:root .wrapper-grid-two-columns {
  display: grid;
  min-width: 572px;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
}
:root .wrapper-grid-three-columns {
  display: grid;
  min-width: 572px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
}
:root .page-wrapper {
  width: 100%;
  height: 100%;
  padding-bottom: var(--wrapper-bottom-padding);
  font-family: var(--default-font);
}
:root .status-planned,
:root .status-in-works,
:root .status-not-work,
:root .status-delivered {
  padding: 6px;
  width: fit-content;
  text-align: center;
  border-radius: 20px;
}
:root .status-planned {
  background-color: var(--status-planned-bakground-color);
  color: var(--action-color) !important;
}
:root .status-in-works {
  background: var(--status-work-bakground-color);
  color: var(--status-work-text-color) !important;
}
:root .status-not-work {
  background: var(--primary-background);
  color: var(--bg-color-black) !important;
}
:root .status-delivered {
  background-color: var(--status-bakground-color);
  color: var(--status-text-color) !important;
}
.position-column {
  display: flex;
  flex-direction: column;
}
.position-column .wrapper-link {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.position-column .wrapper-link .link {
  color: var(--action-color);
  margin-bottom: 4px;
}
.courier-task-status-planned,
.courier-task-status-filling-up {
  color: var(--action-color);
}
.courier-task-status-in-progress {
  color: var(--status-work-text-color);
}
.courier-task-status-completed {
  color: var(--status-text-color);
}
.courier-task-status-rejected {
  color: var(--error-color);
}
.tooltip {
  z-index: 999 !important;
}
.order-status-initial,
.order-status-assigned-to-route-list,
.order-status-delivered {
  color: var(--status-text-color);
}
.order-status-in-delivery,
.order-status-return-in-pharmacy {
  color: var(--status-work-text-color);
}
.order-status-cancelled,
.order-status-closed {
  color: var(--error-indicator-center-background);
}
.order-status-unassigned-to-route-list,
.order-status-does-not-fit-to-route-list,
.order-status-failed,
.order-status-rejected,
.order-status-planned,
.order-status-payment-pending,
.order-status-paid,
.order-status-calling-to-customer,
.order-status-pickup-in-progress {
  color: var(--default-text-color);
}
.initial-order-status-initial,
.initial-order-status-delivered {
  color: var(--status-text-color);
  background-color: var(--status-bakground-color);
}
.initial-order-status-in-delivery {
  color: var(--status-work-text-color);
  background-color: var(--status-work-bakground-color);
}
.initial-order-status-planned {
  color: var(--action-color);
  background-color: var(--status-planned-bakground-color);
}
.initial-order-status-cancelled,
.initial-order-status-returned {
  color: var(--error-indicator-center-background);
  background-color: var(--status-error-backgound-color);
}
.initial-order-status-logistic-orders-not-set,
.initial-order-status-in-transit-point,
.initial-order-status-rejected,
.initial-order-status-in-return,
.initial-order-status-external-delivery {
  background: var(--primary-background);
  color: var(--bg-color-blackr);
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
  -webkit-focus-ring-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.mat-mdc-dialog-surface {
  background-color: var(--bg-color-white) !important;
}
.cdk-overlay-backdrop {
  pointer-events: none;
}
.cdk-overlay-pane {
  pointer-events: all;
}
.mat-mdc-dialog-content,
.page-content-wrapper {
  border-bottom: 1px solid var(--primary-border-color);
  box-sizing: content-box;
  background-color: var(--bg-color-white) !important;
  padding: var(--field-gap) !important;
}
.mat-mdc-dialog-content .mat-mdc-form-field,
.page-content-wrapper .mat-mdc-form-field {
  width: 180px;
}
.mat-mdc-dialog-content .mat-focused,
.page-content-wrapper .mat-focused {
  border: 1px solid var(--bg-color-black);
}
.mat-mdc-dialog-content .mat-mdc-form-field-infix,
.page-content-wrapper .mat-mdc-form-field-infix {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.mat-mdc-dialog-content .mat-mdc-button-persistent-ripple::before,
.page-content-wrapper .mat-mdc-button-persistent-ripple::before {
  background-color: var(--secondary-bacground-color) !important;
}
.mat-mdc-dialog-content .mat-ripple-element,
.page-content-wrapper .mat-ripple-element {
  display: none;
}
.mat-mdc-dialog-content .mat-accent.mat-mdc-radio-button,
.page-content-wrapper .mat-accent.mat-mdc-radio-button {
  --mdc-radio-selected-focus-icon-color: var(--action-color) !important;
  --mdc-radio-selected-hover-icon-color: var(--action-color) !important;
  --mdc-radio-selected-icon-color: var(--action-color) !important;
  --mdc-radio-selected-pressed-icon-color: var(--action-color) !important;
  --mat-radio-checked-ripple-color: var(--action-color) !important;
}
.mat-mdc-dialog-content .mat-mdc-autocomplete-panel,
.page-content-wrapper .mat-mdc-autocomplete-panel {
  background-color: var(--bg-color-white) !important;
}
.mat-mdc-dialog-content .dropdown-menu,
.page-content-wrapper .dropdown-menu {
  background-color: var(--bg-color-white);
  border: 1px solid var(--primary-border-color);
  z-index: 1;
}
.mat-mdc-dialog-content .form-select,
.page-content-wrapper .form-select {
  background-color: var(--bg-color-white);
  border: 1px solid var(--primary-border-color);
  border-radius: 8px;
  color: var(--primary-border-colors);
  -webkit-appearance: none;
  background-image: url(/assets/icons/header-icons/arrow.svg);
  background-position: right 8px center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.mat-mdc-dialog-content .disabled,
.page-content-wrapper .disabled {
  color: var(--text-color-primary) !important;
}
.mat-mdc-dialog-content .blue-text,
.page-content-wrapper .blue-text {
  text-align: end;
  color: var(--action-color);
}
.mat-mdc-dialog-content .btn-light:hover,
.page-content-wrapper .btn-light:hover {
  background-color: var(--action-color) !important;
  color: var(--bg-color-white) !important;
}
.mat-mdc-dialog-content .bg-primary,
.page-content-wrapper .bg-primary {
  background-color: var(--action-color) !important;
  color: var(--bg-color-white) !important;
}
.mat-mdc-dialog-content .data-input-no-border:focus,
.page-content-wrapper .data-input-no-border:focus {
  outline: none;
  border: none;
}
.mat-mdc-dialog-content .data-input,
.page-content-wrapper .data-input {
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  font-family: "Open-Sans", sans-serif;
  padding: 8px 12px 8px 20px;
}
.mat-mdc-dialog-content .data-button,
.page-content-wrapper .data-button {
  cursor: pointer;
  border: none;
  background-color: var(--bg-color-white);
  border-radius: 8px !important;
}
.mat-mdc-dialog-content .datapicker-input,
.page-content-wrapper .datapicker-input {
  cursor: pointer;
}
.mat-mdc-dialog-content .datapicker-button,
.page-content-wrapper .datapicker-button {
  cursor: pointer;
}
.mat-mdc-dialog-content .mat-mdc-select-placeholder,
.page-content-wrapper .mat-mdc-select-placeholder {
  color: var(--text-color-primary) !important;
}
.mat-mdc-dialog-content .mat-mdc-dialog-actions,
.page-content-wrapper .mat-mdc-dialog-actions {
  padding: 12px 16px;
}
.mat-mdc-dialog-content .title,
.page-content-wrapper .title {
  overflow: hidden;
  line-height: 22px;
  margin-bottom: 8px;
}
.mat-mdc-dialog-content .custom-select-arrow,
.page-content-wrapper .custom-select-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.mat-mdc-dialog-content .rotated,
.page-content-wrapper .rotated {
  transform: translateY(-50%) rotate(180deg);
}
.mat-mdc-dialog-content .select-input-item,
.page-content-wrapper .select-input-item {
  display: flex;
  flex-direction: column;
}
.mat-mdc-dialog-content .form-field-wrapper,
.page-content-wrapper .form-field-wrapper {
  position: relative;
  box-sizing: border-box;
}
.dialog-title-wrapper {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--primary-border-color);
}
.dialog-title-wrapper .dialog-title {
  text-align: center;
  width: var(--dialog-title-width);
  margin: 0 var(--action-button-width) 0 var(--title-horizontal-padding);
}
.dialog-title-wrapper .img-title {
  width: var(--action-button-icon-width);
  height: var(--action-button-icon-height);
  cursor: pointer;
  position: absolute;
  top: 32px;
  right: 20px;
}
.dialog-confirm-title-wrapper {
  display: flex;
  align-items: center;
  padding-top: 20px;
  border: none;
}
.dialog-confirm-title-wrapper .dialog-title {
  text-align: center;
  width: 492px;
  margin: 0px 16px 0px 56px;
  height: 14px;
}
.dialog-confirm-title-wrapper .img-title {
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.confirm-dialog-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: fit-content;
  width: var(--dialog-confirm-size);
}
.confirm-dialog-wrapper .headline {
  line-height: 32px;
  font-size: 20px;
  margin-top: 24px;
  margin-bottom: 8px;
  font-family: var(--default-font);
  color: var(--cancel-color);
}
.confirm-dialog-wrapper .title {
  line-height: var(--default-line-height);
  font-size: var(--default-font-size);
  font-family: var(--default-font);
  color: var(--cancel-color);
  text-align: center;
}
h2.page-title {
  color: var(--text-color-secondary);
  line-height: var(--page-title-line-height) !important;
  font-size: var(--page-title-font-size);
  text-align: center;
  padding: var(--title-vertical-padding) var(--title-horizontal-padding);
  font-weight: 400;
  margin: 0;
}
span.highlighted-string {
  font-weight: 600;
  background-color: var(--highlighted-text-background);
}
.headline {
  line-height: var(--heading-line-height);
  font-size: var(--heading-font-size);
  margin-top: 24px;
  margin-bottom: 8px;
  font-family: var(--default-font);
  color: var(--cancel-color);
}
.regular-text {
  line-height: var(--default-line-height);
  font-size: var(--default-font-size);
}
.default-page-text {
  color: var(--default-text-color);
  font-family: var(--default-font);
  font-weight: var(--default-font-weigh);
  font-size: var(--default-font-size);
  line-height: var(--default-line-height);
}
.mat-mdc-form-field {
  width: 245px;
  height: 40px;
  border: 1px solid var(--primary-border-color);
  border-radius: 8px;
  background-color: var(--bg-color-white);
}
.mat-mdc-form-field-infix {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.mat-mdc-select-value {
  width: 20px;
}
.mat-mdc-select {
  width: fit-content !important;
}
.mat-mdc-select-trigger {
  width: auto;
}
.mat-mdc-select-value {
  width: auto;
}
.mat-mdc-form-field-flex {
  height: 40px;
  display: flex !important;
  align-items: center !important;
}
.mdc-notched-outline__trailing {
  border: none !important;
}
.mdc-notched-outline__leading {
  border: none !important;
}
.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  display: none;
}
.mat-mdc-select-arrow {
  display: none;
}
.mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-mdc-text-field-wrapper {
  padding: 0 !important;
  background-color: var(--transparent-color) !important;
  border-radius: 8px;
}
.mdc-line-ripple {
  display: none;
}
.mat-mdc-select-panel {
  background-color: var(--bg-color-white) !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--secondary-bacground-color) !important;
}
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: var(--bg-color-black) !important;
}
.mat-mdc-select-panel {
  margin-top: 8px;
}
.mat-mdc-form-field-infix {
  padding: 0;
  justify-content: center;
}
.input-title-wrapper-counter {
  display: flex;
  justify-content: space-between;
  box-sizing: content-box;
}
.select-input-item .select-wrapper,
.select-input-item .input-wrapper {
  width: 100%;
}
.select-input-item .flexible-header-wrapper {
  display: flex;
  justify-content: space-between;
}
.select-input-item .flexible-header-wrapper .blue-text {
  cursor: pointer;
}
.number-input-item {
  display: flex;
  flex-direction: column;
  position: relative;
}
.select-wrapper {
  display: flex;
  justify-content: space-between;
}
.select-wrapper .select-input-item {
  display: flex;
  flex-direction: column;
}
.mat-mdc-dialog-content .mat-mdc-form-field,
.page-content-wrapper .mat-mdc-form-field {
  width: 100%;
}
.ng-select {
  display: flex !important;
  align-items: center;
  cursor: pointer !important;
}
.ng-select .ng-arrow-wrapper {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.ng-select .ng-arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1px solid var(--fill-color-svg);
  border-bottom: 1px solid var(--fill-color-svg);
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
.ng-value-label {
  color: var(--cancel-color);
  line-height: 22px;
  font-size: 16px;
}
.ng-input {
  cursor: pointer !important;
  padding: 8px;
}
.ng-input input {
  cursor: pointer !important;
}
.ng-value-container {
  display: flex;
  align-items: center;
  cursor: pointer !important;
}
.ng-select.ng-select-opened .ng-arrow-wrapper {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.ng-select-container {
  cursor: pointer !important;
}
.ng-arrow {
  width: 8px !important;
  height: 8px !important;
}
.ng-select-container {
  align-items: center;
}
.ng-placeholder {
  color: var(--text-color-primary);
  line-height: 22px;
  font-size: 16px;
}
.ng-clear-wrapper {
  display: none;
}
.ng-dropdown-panel-items {
  margin-top: 8px;
  border: 1px solid var(--primary-border-color);
  border-radius: 8px;
}
.ng-dropdown-panel {
  background: var(--bg-color-white);
  width: 572px;
  border-radius: 8px;
}
.ng-dropdown-panel-items {
  min-height: 52px;
}
.ng-option {
  padding: 8px;
  display: flex !important;
  align-items: center;
  margin: 8px;
  min-height: 42px;
}
.ng-option-selected {
  background-color: var(--primary-background);
}
.ng-select {
  width: 572px;
  min-height: 42px;
  height: fit-content;
  max-height: 150px;
  overflow-y: auto;
  background-color: var(--bg-color-white);
  border: 1px solid var(--primary-border-color);
  border-radius: 8px;
  position: static !important;
  display: flex;
}
.ng-select input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-family: var(--default-font);
}
.ng-select-container {
  padding: 8px 8px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: flex;
  flex-direction: row-reverse;
}
.custom-selected-item {
  border: 1px solid var(--primary-background);
  border-radius: 30px;
  white-space: nowrap;
  padding: 8px 8px;
  margin: 6px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  flex: 1;
  z-index: 2;
  display: flex;
}
.mat-ripple-element {
  display: none;
}
.custom-selected-item {
  display: flex;
  align-items: center;
}
.custom-selected-item .custom-remove {
  display: flex;
  margin-left: 8px;
}
.custom-select-option-content,
.option-content {
  display: flex;
  align-items: center;
}
.custom-select-option-content .option-photo,
.option-content .option-photo {
  margin-right: 8px;
}
.custom-select-selected-option {
  height: var(--mat-select-height);
  margin-top: 2px;
}
.fake-input {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.ng-select.autocomplete-input .ng-select-container:hover {
  background-color: var(--third-bacground-color);
}
.custom-multi-select-wrapper .mat-pseudo-checkbox {
  border: 1px solid rgb(200, 200, 200) !important;
  border-radius: 6px !important;
  width: 24px !important;
  height: 24px !important;
}
.custom-multi-select-wrapper .mat-pseudo-checkbox-checked {
  background: var(--action-color) !important;
  border: none !important;
}
.cell {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.cell::after {
  content: "";
  position: absolute;
  height: 100%;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--primary-border-color);
}
.inner-cell {
  position: relative;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}
.inner-cell:last-child::after {
  display: none;
}
.inner-cell:first-child {
  padding-left: 0;
}
.inner-cell::after {
  content: "";
  position: absolute;
  height: 100%;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--primary-border-color);
}
.sub-inner-cell {
  position: relative;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}
.sub-inner-cell:last-child::after {
  display: none;
}
.sub-inner-cell:first-child {
  padding-left: 0;
}
.sub-inner-cell::after {
  content: "";
  position: absolute;
  height: 100%;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--primary-border-color);
}
.cell-text {
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--default-font);
}
.article-info {
  background-color: var(--primary-background);
  width: fit-content;
  padding: 6px 8px;
  border-radius: 20px;
}
.table {
  position: relative;
  z-index: 0;
}
@media (max-width: 1280px) {
  .table {
    padding: 0 16px;
  }
}
.default-status {
  border-radius: 20px;
  padding: 7px 8px;
  white-space: normal;
  overflow: pre-wrap;
  text-align: center;
  cursor: pointer;
  font-family: var(--default-font);
  font-size: 12px;
  line-height: 18px;
  width: 100%;
}
.action-button-wrapper {
  display: flex;
}
.done-confirm-dialog {
  width: 272px !important;
  background-color: var(--action-color) !important;
  border-radius: var(--default-button-radius) !important;
  color: var(--bg-color-white) !important;
  overflow: hidden;
  gap: 16px;
  margin-left: 2px;
}
.done-confirm-dialog:hover {
  background-color: var(--done-button-hover-background);
}
.done-confirm-dialog:active {
  background-color: var(--done-button-active-background);
}
.cancel-confirm-dialog {
  width: 272px !important;
  background-color: var(--secondary-bacground-color) !important;
  border-radius: var(--default-button-radius) !important;
  color: var(--cancel-color) !important;
  overflow: hidden;
  margin-right: 10px;
}
.cancel-confirm-dialog:hover {
  background-color: var(--cancel-button-hover-background);
}
.cancel-confirm-dialog:active {
  background-color: var(--cancel-button-active-background);
}
.done {
  width: 120px;
  background-color: var(--action-color);
  border-radius: var(--default-button-radius);
  color: var(--bg-color-white) !important;
  overflow: hidden;
  gap: 16px;
}
.done:hover {
  background-color: var(--done-button-hover-background);
}
.done:active {
  background-color: var(--done-button-active-background);
}
.cancel {
  width: 120px;
  background-color: var(--secondary-bacground-color);
  border-radius: var(--default-button-radius);
  color: var(--cancel-color) !important;
  overflow: hidden;
}
.cancel:hover {
  background-color: var(--cancel-button-hover-background);
}
.cancel:active {
  background-color: var(--cancel-button-active-background);
}
.mdc-switch__icons {
  display: none;
}
.mdc-switch__track::before {
  background-color: rgb(126, 126, 126) !important;
}
.mdc-switch__shadow {
  background-color: white;
}
.confirm-icon {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background-color: var(--primary-background);
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-container {
  height: calc(100vh - 65px);
  width: var(--map-size);
}
.map-container .map {
  position: relative;
  width: 100%;
  height: 100%;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: "Open-Sans";
}

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