:root {
  --font-regular: Font-Regular;
  --color-1: #000000;
  --color-2: #ffffff;
  --color-3: #888888;
  --color-4: #aaaaaa;
  --color-5: rgba(245, 245, 245, 0.9);
  --sep-col: #cccccc;
  --light-sep-col: #dddddd;
  --pl-holder-col: #888888;
  --link-col: #254969;
  --btn-img-filter: none;
  --max-w1: 700px;
  --wide-w1: 450px;
}

html {
  font-size: 13px;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-regular);
  position: relative;
  width: 100vw;
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: var(--color-2);
  color: var(--color-1);
  font-size: 1rem;
  -ms-content-zooming: none;
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
  overscroll-behavior: contain;
}

input::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  color: var(--pl-holder-col);
  text-transform: capitalize;
}

input[type=search]::-webkit-search-cancel-button {
  margin-left: 10px;
}

* {
  user-select: none;
}

*:focus {
  outline: none;
}

::-webkit-scrollbar-thumb {
  background-color: var(--pl-holder-col);
  border: 1px solid var(--light-sep-col);
}

*::-webkit-scrollbar-track {
  background: var(--light-sep-col);
}

/* Firefox */
* {
  scrollbar-width: none;
  scrollbar-color: var(--pl-holder-col) var(--light-sep-col);
}

/* Chrome/Edge/Safari */
*::-webkit-scrollbar {
  width: 0;
  height: 0;
}

img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.linkText {
  color: var(--link-col);
  text-decoration: none;
}
.linkText img {
  vertical-align: middle;
}

.iconBtn {
  background-color: var(--color-2);
  padding: 3px;
  margin: 0 6px;
  height: 30px;
  width: 30px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iconBtn img {
  max-height: 24px;
  filter: var(--btn-img-filter);
}
.iconBtn.share-btn {
  border: 1px solid var(--sep-col);
}

.textBtn {
  background-color: var(--color-1);
  padding: 0 10px;
  border-radius: 18px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-2);
  white-space: nowrap;
  overflow: hidden;
}
.textBtn img {
  margin: 0 5px;
  max-height: 24px;
  filter: var(--btn-img-filter);
}
.textBtn.lightBtn {
  background-color: transparent;
  color: var(--color-1);
  border: 1px solid var(--sep-col);
  height: 35px;
}

.small {
  font-size: 0.8rem;
}

.isClosing {
  padding: 5px;
  color: #ff8888;
}

.todayHours img {
  vertical-align: bottom;
  max-height: 16px;
  margin-right: 5px;
}

#loadingPanel {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1100;
  overflow: hidden;
  background-color: var(--color-2);
  color: var(--color-1);
}

.section-title {
  text-transform: uppercase;
  margin: 0 10px;
  padding: 5px 0;
}

.mySwitch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
}
.mySwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.mySwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-4);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 14px;
}
.mySwitch .slider:before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  text-align: center;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.mySwitch input.active + .slider {
  background-color: var(--color-1);
}
.mySwitch input.active + .slider:before {
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.drawerPanel {
  position: absolute;
  top: 100%;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-2);
  color: var(--color-1);
  border-radius: 20px 20px 0 0;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  transition: top 0.4s ease-in-out;
  z-index: 2;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*&.fullheight {
    border-radius: 0;
    box-shadow: none;
  }*/
}
.drawerPanel.no-transition {
  transition: none;
}
.drawerPanel .drawerPanelDragger {
  width: 100%;
}
.drawerPanel .drawerPanelDragger .draggerBar {
  width: 50px;
  background: var(--sep-col);
  height: 4px;
  margin: 7px auto;
  border-radius: 3px;
}

.backdrop-modal {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*width: 100%;
  height: 100%;*/
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  max-width: 100%;
  padding: 0;
}

.backdrop-modal-content {
  position: absolute;
  /*width: 100%;
  height: 100%;*/
  overflow: hidden;
  max-width: var(--max-w1);
  max-height: 820px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: var(--color-2);
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.backdrop-modal-content .info-header {
  padding: 15px 20px 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.25rem;
}
.backdrop-modal-content .info-header .info-header-close {
  margin: 0;
}
.backdrop-modal-content .info-header .info-header-title img {
  height: 40px;
  vertical-align: middle;
  filter: var(--btn-img-filter);
}
.backdrop-modal-content .info-body {
  position: relative;
  height: 30%;
  flex-grow: 1;
  padding: 10px 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.backdrop-modal-content .info-body .info-medias-list-wrapper {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.backdrop-modal-content .info-body .info-medias-list-wrapper .info-medias-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.backdrop-modal-content .info-body .info-medias-list-wrapper .info-medias-list .info-media:not(:first-child) {
  margin-left: 5px;
}
.backdrop-modal-content .info-body .info-medias-list-wrapper .info-medias-list .info-media img {
  max-height: 260px;
}
.backdrop-modal-content .info-body .info-poi-item-top-logo {
  /*text-align: center;*/
  margin: 5px 10px 0 10px;
}
.backdrop-modal-content .info-body .info-poi-item-top-logo img {
  max-height: 50px;
}
.backdrop-modal-content .info-body .info-poi-item-top {
  margin: 10px;
  display: flex;
  align-items: center;
}
.backdrop-modal-content .info-body .info-poi-item-top .info-poi-list {
  flex-grow: 1;
}
.backdrop-modal-content .info-body .info-title {
  margin: 10px;
  font-size: 1.2rem;
}
.backdrop-modal-content .info-body .info-dates {
  margin: 10px;
  color: var(--color-3);
}
.backdrop-modal-content .info-body .info-desc {
  margin: 10px;
  padding-right: 10px;
}
.backdrop-modal-content .info-actions {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.backdrop-modal-content .info-actions .info-poi-list {
  display: flex;
  flex-grow: 1;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.backdrop-modal-content .info-actions .info-poi-list .info-poi-item {
  text-align: center;
}

.info-poi-item {
  text-align: left;
  width: fit-content;
  margin-right: 20px;
  padding: 5px 0;
  min-width: 50px;
  overflow: hidden;
}
.info-poi-item img {
  max-height: 16px;
  filter: var(--btn-img-filter);
}

.blink-border {
  -webkit-animation: blink-border 1s 7; /* Safari 4+ */
  -moz-animation: blink-border 1s 7; /* Fx 5+ */
  -o-animation: blink-border 1s 7; /* Opera 12+ */
  animation: blink-border 1s 7; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blink-border {
  0%, 50% {
    border-color: #ff5577;
  }
}
#qrScanPanel {
  position: absolute;
  background-color: var(--color-2);
  width: 100%;
  height: 100%;
  z-index: 10;
}
#qrScanPanel #qrScanPanelWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
}
#qrScanPanel #qrScanPanelWrapper > * {
  margin: 1rem 0;
}
#qrScanPanel #qrScanPanelWrapper #qr-canvas {
  width: calc(100% - 20px);
  max-width: 400px;
  max-height: 400px;
  border-radius: 20px;
}
#qrScanPanel #qrScanPanelWrapper #error {
  width: 90%;
  max-height: 100px;
  overflow: auto;
}

#cameraStream {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

body.navMode #topCatsListWrapper, body.navMode #mainServiceTypesListWrapper, body.navMode #searchFilters .searchlupe, body.navMode #myVisitListBtn {
  display: none !important;
}
body.navMode #searchFilters .navRelated {
  display: block;
}

body.fsMapMode #searchPanel, body.fsMapMode #mainServiceTypesListWrapper {
  display: none;
}
body.fsMapMode #mapPanel {
  top: 0;
}

body.noSearchUI #searchPanel {
  display: none !important;
}
body.noSearchUI #mapPanel {
  top: 0 !important;
}

body.nightMode #mapPanel {
  background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0)), url("../../assets/images/night-sky.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#mapPanel {
  position: absolute;
  top: 76px;
  left: 0;
  width: 100%;
  bottom: 0;
  overflow: hidden;
}

#amap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#lazyLoading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
#lazyLoading img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-height: 50px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
}

#mapToolbars {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 120px);
  pointer-events: none;
  touch-action: none;
}
#mapToolbars > div {
  pointer-events: all;
  touch-action: auto;
}

#mapExtra {
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
}

.ui-toolbar {
  background-color: var(--color-2);
  margin: 5px 7px;
  box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.6);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#compassWrapper {
  background-color: transparent;
  box-shadow: none;
}

#compass.disabled {
  opacity: 0.1;
}

#compass, #mapLabels {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-2);
}
#compass img, #mapLabels img {
  max-width: 32px;
  max-height: 32px;
  filter: var(--btn-img-filter);
}

#zonesMenu.dropdown {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: none;
}

#zonesList {
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#zonesDropdown {
  background-color: var(--color-5);
  color: var(--color-1);
  padding: 10px;
  font-size: 1rem;
  border: none;
  border-radius: 7px;
  font-family: var(--font-regular);
}

.zoneopt.view {
  font-style: italic;
}

.zonebtn, .zoombtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--color-1);
  font-family: var(--font-regular);
  min-width: 40px;
  min-height: 38px;
  width: 40px;
  height: 38px;
  pointer-events: all;
  touch-action: auto;
  padding: 5px;
  margin: 0;
  border: none;
}

.zonebtn {
  width: 100%;
}
.zonebtn:not(:last-child) {
  border-bottom: 1px solid var(--sep-col);
}
.zonebtn.selected {
  background-color: var(--color-1);
  color: var(--color-2);
}
.zonebtn.not-in-path {
  opacity: 0.2;
  pointer-events: none;
  touch-action: none;
}
.zonebtn.hidden {
  display: none;
}

.zonegrp {
  width: 100%;
  border: none;
  padding: 5px;
}
.zonegrp.view {
  font-style: italic;
}
.zonegrp.view.selected {
  color: #bb1227;
}

.zonegrp-zones {
  width: 100%;
  max-height: 200px;
  overflow: hidden auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zonegrp-zones .zonebtn {
  border-radius: 0;
}

.zoombtn {
  font-size: 2rem;
}
.zoombtn img {
  max-width: 22px;
  max-height: 22px;
  filter: var(--btn-img-filter);
}

#zoomMore {
  border-bottom: 1px solid var(--sep-col);
}

#zoomLess {
  border-top: 1px solid var(--sep-col);
}

#mapLabels {
  margin: 5px 7px;
}
#mapLabels.selected {
  background-color: var(--color-1);
}
#mapLabels.selected img {
  filter: invert(1);
}

#poiPinPoint {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 16px), 60% calc(100% - 16px), 50% 100%, 40% calc(100% - 16px), 0% calc(100% - 16px));
  transform: translateX(-50%);
  border-radius: 5px;
}
#poiPinPoint #poiPinPointContent {
  padding: 5px;
  max-width: 175px;
  min-width: 60px;
  margin-bottom: 16px;
  text-align: center;
}
#poiPinPoint .pinpoint-logo {
  margin-right: 5px;
  max-width: 20px;
  max-height: 20px;
}
#poiPinPoint .pinpoint-remarks {
  display: none;
}

#zoneTransition {
  position: relative;
  width: fit-content;
  max-width: calc(95% - 40px);
  height: auto;
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.6);
  font-size: 1.25rem;
  margin: 0 auto;
  padding: 20px;
  z-index: 2;
  text-align: center;
  border-radius: 10px;
}
#zoneTransition img {
  max-width: 64px;
  max-height: 64px;
}
#zoneTransition .direction-icon {
  width: 48px;
  height: 48px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#zoneTransition .direction-icon.up {
  background-image: url("../../assets/images/up.png");
}
#zoneTransition .direction-icon.down {
  background-image: url("../../assets/images/down.png");
}

#alternativeRoutes {
  position: relative;
  margin: 5px auto;
  padding: 0;
  width: fit-content;
  display: flex;
  align-items: center;
  color: var(--color-1);
}
#alternativeRoutes #alternativeRoutesList {
  width: fit-content;
  display: flex;
  align-items: center;
}
#alternativeRoutes #alternativeRoutesList .service-shortcut {
  margin: 0 5px 0 0;
  padding: 5px 10px;
  border-radius: 15px;
  border: 1px solid var(--color-3);
  background-color: rgba(250, 250, 250, 0.8);
}
#alternativeRoutes #alternativeRoutesList .service-shortcut.active {
  color: var(--color-2);
  background-color: var(--color-1);
}

#startNode {
  position: absolute;
  pointer-events: none;
  touch-action: none;
  transform: translateX(-50%);
}
#startNode #startNodeWrapper {
  width: 32px;
  height: 42px;
  background-image: url("../../assets/images/start_node_pin.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

div.service_node_html {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.service_node_html img {
  max-width: 22px;
  max-height: 22px;
}
div.service_node_html.selected {
  display: none;
}

div.node_sel_pin img {
  max-height: 1.5rem;
}

div.poi_node_html {
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.poi_node_html img {
  max-width: 44px;
  max-height: 44px;
  padding: 5px;
}
div.poi_node_html.selected {
  display: none;
}

div.zone_label {
  position: absolute;
  left: 100px;
  font-size: 2rem;
  background-color: var(--color-4);
  color: var(--color-1);
  padding: 5px 10px;
  border-radius: 5px;
}

div.label_node_html {
  background-color: var(--color-2);
  color: var(--color-1);
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--sep-col);
}

div.deal-pin-point {
  background-color: rgba(200, 0, 0, 0.8);
  color: var(--color-2);
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 16px), 60% calc(100% - 16px), 50% 100%, 40% calc(100% - 16px), 0% calc(100% - 16px));
  border-radius: 5px;
  padding: 3px;
  overflow: hidden;
}
div.deal-pin-point .deal-pin-point-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
  text-align: center;
  max-width: 5rem;
  font-size: 0.75rem;
  pointer-events: all;
  touch-action: auto;
}
div.deal-pin-point .deal-pin-point-content img {
  max-width: 5rem;
  max-height: 4rem;
}

div.node-pin {
  background-color: #eeeeee;
  color: var(--color-1);
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 16px), 60% calc(100% - 16px), 50% 100%, 40% calc(100% - 16px), 0% calc(100% - 16px));
  border-radius: 5px;
  padding: 3px;
  overflow: hidden;
}
div.node-pin .node-pin-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
  text-align: center;
  max-width: 175px;
  font-size: 1rem;
}
div.node-pin .node-pin-content img {
  max-width: 32px;
  max-height: 1rem;
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid var(--color-4);
}

#mapGestures {
  position: absolute;
  background-color: rgba(50, 50, 50, 0.75);
  backdrop-filter: blur(8px);
  color: var(--color-2);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#mapGestures #gesturesBody {
  width: 80%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mapGestures .aGesture {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2rem;
}
#mapGestures .aGesture img {
  width: 3rem;
  margin-right: 2rem;
  filter: brightness(10);
}
#mapGestures .aGesture .gesture-title {
  font-size: 1.25rem;
}
#mapGestures .aGesture .gesture-desc {
  color: var(--sep-col);
}
#mapGestures .textBtn {
  background-color: var(--color-2);
  color: var(--color-1);
  padding: 0 4rem;
}

#pathSponsor {
  position: absolute;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}

/*@media (hover: hover) and (pointer: fine) {
    .zonebtn, .zoombtn {
        &:not(.selected) {
            &:hover {
                background-color: $light-sep-col;
            }
        }
    }
}*/
div.res-poi-item {
  width: 100%;
  min-height: 45px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--light-sep-col);
}
div.res-poi-item .poi-logo {
  width: 50px;
  height: 30px;
  margin: 0 7px;
  text-align: center;
}
div.res-poi-item .poi-logo img {
  max-width: 50px;
  max-height: 30px;
}
div.res-poi-item .poi-label {
  width: 50%;
  flex-grow: 1;
  text-align: left;
  margin: 5px 0 2px 0;
}
div.res-poi-item .poi-label .poi-title {
  margin: 0 0 5px 0;
}
div.res-poi-item .poi-label .poi-extra {
  font-size: 0.8rem;
  color: var(--color-3);
  margin: 0;
}
div.res-poi-item .poi-label .poi-extra .poi-extra-cellId {
  display: none;
}
div.res-poi-item .poi-options {
  padding: 0 10px;
  text-align: center;
}

div.res-arrow {
  padding: 0 10px 0 20px;
}
div.res-arrow img {
  max-height: 10px;
  max-width: 22px;
  vertical-align: middle;
  filter: var(--btn-img-filter);
}

div.res-cat-item {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--light-sep-col);
}
div.res-cat-item .cat-logo {
  width: 50px;
  height: 20px;
  margin: 0 7px;
  text-align: center;
}
div.res-cat-item .cat-logo img {
  max-width: 50px;
  max-height: 20px;
}
div.res-cat-item .cat-title {
  flex-grow: 1;
  text-align: left;
  margin: 5px 0;
}

div.res-separator {
  color: #45a9ff;
  margin: 5px 0;
  text-align: left;
}

div.res-more-item {
  color: #45a9ff;
  padding: 10px !important;
  text-align: center;
  text-decoration: underline;
  font-size: 1.25rem;
}

.notfound-item {
  padding: 20px !important;
  text-align: center;
}
.notfound-item .res-poi-item {
  height: 35px;
}

div.category {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: 0 10px 0 5px;
  margin: 3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--color-2);
  color: var(--color-1);
  border-radius: 18px;
  border: 1px solid var(--color-4);
}
div.category.top-all-services {
  display: none;
}
div.category .cat-logo {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
div.category .cat-logo img {
  max-height: 100%;
  max-width: 100%;
}
div.category .cat-title {
  overflow: hidden;
  max-height: 100%;
}
div.category.selected {
  background-color: var(--color-1);
  color: var(--color-2);
}

.res-hashtag-list-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  color: var(--color-3);
}
.res-hashtag-list-wrapper .res-hashtag-item {
  overflow: hidden;
  margin: 5px;
  text-align: center;
}
.res-hashtag-list-wrapper .res-hashtag-item .cat-logo img {
  max-width: 100px;
  max-height: 100px;
  border-radius: 10px;
}
.res-hashtag-list-wrapper .res-hashtag-item.specialdiet .cat-logo {
  border: 1px solid var(--color-4);
  padding: 5px;
  border-radius: 36px;
  height: 60px;
  width: 60px;
  margin: auto;
}
.res-hashtag-list-wrapper .res-hashtag-item.specialdiet .cat-logo img {
  max-width: 50px;
  max-height: 50px;
  height: 50px;
  padding: 5px;
}

.searchInputTextWrapper {
  height: 34px;
  flex-grow: 1;
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 17px;
  background-color: var(--color-2);
  display: flex;
  align-items: center;
}
.searchInputTextWrapper .searchlupe {
  max-height: 1.2rem;
  padding: 0 0.5rem;
  opacity: 0.6;
}
.searchInputTextWrapper .searchInput {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.1rem;
  padding: 0 1rem;
  box-shadow: none;
  outline: none;
  border: none;
  color: var(--color-1);
  background-color: transparent;
  font-family: var(--font-regular);
}
.searchInputTextWrapper img {
  filter: var(--btn-img-filter);
}

#searchPanel {
  width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-2);
  overflow: hidden;
}

#searchPanelWrapper {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#searchPanelWrapper #searchFromWrapper {
  display: none;
}

#topCatsListWrapper {
  position: relative;
  width: 100%;
  margin: 5px 0;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
#topCatsListWrapper.catSelected {
  display: none;
}

#searchResultsWrapper {
  position: relative;
  width: 100%;
  background-color: var(--color-2);
  color: var(--color-1);
  max-width: var(--max-w1);
  display: flex;
  flex-direction: column;
  z-index: 3;
  text-align: center;
}
#searchResultsWrapper #searchResultsListWrapper {
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  flex-grow: 1;
  margin-bottom: 20px;
}
#searchResultsWrapper #searchResultsListWrapper #searchResultsList {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
}

#searchFilters {
  position: relative;
  width: 94%;
  display: flex;
  flex-direction: row;
  max-width: var(--max-w1);
  min-height: 3.25rem;
}
#searchFilters .navRelated {
  display: none;
}
#searchFilters .inputsWrapper {
  /*width: 85%;*/
  flex-grow: 1;
}
#searchFilters .inputsWrapper .searchInputWrapper {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
#searchFilters .inputsWrapper .searchInputWrapper .preSearchInput {
  text-align: center;
  width: 20px;
  min-width: 20px;
  font-size: 1.25rem;
}
#searchFilters .inputsWrapper .searchInputWrapper .preSearchInput img {
  max-height: 1.3rem;
  max-width: 1.3rem;
  filter: var(--btn-img-filter);
}

#topCatsList {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  width: fit-content;
  max-width: max-content;
  min-width: max-content;
  white-space: nowrap;
}
#topCatsList .category {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  margin: 0 5px;
  padding: 0 7px;
  border-radius: 15px;
}
#topCatsList .category .cat-title {
  white-space: nowrap;
}

#closeResults {
  margin: 5px auto;
  width: fit-content;
  background-color: transparent;
  border: none;
}
#closeResults span {
  display: none;
}

.searchInputZone {
  width: auto;
  max-width: 50px;
  min-width: 20px;
  margin: 0 5px;
  text-align: left;
  white-space: nowrap;
  overflow: auto hidden;
  opacity: 0.6;
}

.searchInputBtn {
  max-height: 20px;
  padding: 5px;
  margin: 0 5px;
  border-radius: 13px;
  white-space: nowrap;
}
.searchInputBtn.selected {
  background-color: #45a9ff;
}
.searchInputBtn.searchscan {
  max-height: 20px;
}

.usemyloc {
  max-width: 300px;
  border: 1px solid var(--color-3);
  border-radius: 13px;
  margin: 10px auto;
  padding: 5px 0;
  background-color: rgba(255, 255, 255, 0.5);
}

#switchLoc {
  display: none;
  transition: transform 0.4s ease;
}

#notFoundPanel .info-body {
  padding: 60px 20px;
}
#notFoundPanel .info-body #notFoundOptions {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
#notFoundPanel .info-body #notFoundOptions .textBtn {
  margin: 10px;
}
#notFoundPanel .info-actions {
  justify-content: space-between;
}

#poiPopupPanelWrapper {
  width: 100%;
  flex-grow: 1;
  max-width: var(--max-w1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
#poiPopupPanelWrapper #poiTopWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#poiPopupPanelWrapper #poiTopWrapper > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 90%;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle {
  justify-content: space-between;
  min-height: 55px;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle #poiTitleInfo {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle .poi-logo {
  height: 50px;
  display: flex;
  align-items: center;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle .poi-logo img {
  height: 50px;
  max-width: 60px;
  object-fit: contain;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle .poi-title {
  font-size: 1.1rem;
  font-weight: bold;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle .poi-district {
  height: 22px;
  margin-top: 5px;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle .poi-district img {
  max-width: 100%;
  max-height: 100%;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle .poi-zone {
  margin-top: 5px;
  color: var(--color-3);
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle .poi-zone .poi-zone-cellId {
  display: none;
}
#poiPopupPanelWrapper #poiTopWrapper #poiTitle .share-btn {
  margin: 0 0 0 10px;
}
#poiPopupPanelWrapper #poiBottomWrapper {
  width: 100%;
  margin-top: 15px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  min-height: 100px;
  height: 100px;
  padding-bottom: 20px;
  flex-grow: 1;
  /*&::-webkit-scrollbar {
    width: 0;
  }*/
}
#poiPopupPanelWrapper #poiBottomWrapper .poi-card {
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiCatsAndOpts {
  width: 90%;
  margin: 10px auto 0 auto;
  display: flex;
  align-items: center;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiCatsAndOpts #poiCategories {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiCatsAndOpts #poiCategories .poi-cat {
  margin: 0 5px;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiCatsAndOpts #poiOptions {
  display: flex;
  align-items: center;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiCatsAndOpts #poiOptions .poi-option {
  background-color: var(--color-4);
  margin-left: 5px;
  border-radius: 5px;
  padding: 2px 4px;
  max-height: 16px;
}
#poiPopupPanelWrapper #poiBottomWrapper .poi-desc {
  width: 90%;
  margin: 10px auto 0 auto;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiContact {
  width: 90%;
  margin: 15px auto 0 auto;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiContact p {
  margin: 10px 0 0 0;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiContact p img {
  max-height: 1.1rem;
  vertical-align: middle;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiContact .contact-links {
  margin: 10px 0 0 0;
  justify-content: flex-start;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiDeals {
  width: 90%;
  margin: 10px auto 0 auto;
  padding-bottom: 10px;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiDeals .eventsPanelWrapper {
  overflow-x: scroll;
  overflow-y: hidden;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiDeals .eventsPanelWrapper .eventsWrapper {
  flex-direction: row;
  width: max-content;
  margin: 0 auto;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiDeals .eventsPanelWrapper .eventsWrapper .eventItem {
  height: 120px;
  min-height: 120px;
  width: 160px;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiDeals .eventsPanelWrapper .eventsWrapper .eventItem .eventContent .eventTitle, #poiPopupPanelWrapper #poiBottomWrapper #poiDeals .eventsPanelWrapper .eventsWrapper .eventItem .eventContent .eventTimings {
  font-size: 1rem;
  padding: 10px;
}
#poiPopupPanelWrapper #poiBottomWrapper #poiSimilar {
  width: 90%;
  margin: 10px auto 5px auto;
}
#poiPopupPanelWrapper .todayHours {
  display: flex;
  align-items: center;
}
#poiPopupPanelWrapper .todayHours .isClosing {
  padding: 0;
  margin: 0 10px;
}

#poiDirections {
  justify-content: space-evenly;
  margin-top: 10px;
  padding: 15px 0;
  border-top: 1px solid var(--sep-col);
  font-size: 1.1rem;
  width: 100%;
}

#structuredHoursWrapper {
  position: absolute;
  top: 100px;
  right: 10px;
  width: fit-content;
  background-color: var(--color-2);
  padding: 0 10px 5px 10px;
  box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.4);
  text-align: center;
}
#structuredHoursWrapper .iconBtn {
  background-color: transparent;
  margin: 0 auto;
}
#structuredHoursWrapper #structuredHoursList {
  text-align: right;
}
#structuredHoursWrapper #structuredHoursList p {
  margin: 5px 0;
}

.poi-similar-list-wrapper {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.poi-similar-list-wrapper .poi-similar-list {
  width: fit-content;
  max-width: max-content;
  min-width: max-content;
  margin: 0 auto;
  display: flex;
  align-content: center;
}
.poi-similar-list-wrapper .poi-similar-list .poi-similar-item {
  background-color: var(--color-4);
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  color: var(--color-2);
  margin-right: 5px;
}
.poi-similar-list-wrapper .poi-similar-list .poi-similar-item img {
  max-width: 50px;
  max-height: 30px;
}

#pathPopupPanelWrapper {
  width: 100%;
  flex-grow: 1;
  max-width: var(--max-w1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pathPopupPanelWrapper #pathPopupTop {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pathPopupPanelWrapper #pathPopupTop > div {
  width: 90%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#pathPopupPanelWrapper #pathPopupTop #pathTitle {
  align-items: flex-start;
  justify-content: space-between;
}
#pathPopupPanelWrapper #pathPopupTop #ipsNavFooter {
  justify-content: space-evenly;
}
#pathPopupPanelWrapper #pathPopupTop #ipsNavFooter .textBtn {
  max-width: 12rem;
  margin: 10px 1rem 15px 1rem;
  flex-grow: 1;
  background-color: transparent;
  color: var(--color-1);
  border: 1px solid var(--sep-col);
}
#pathPopupPanelWrapper #pathPopupTop #ipsNavFooter .textBtn img {
  filter: invert(1);
}
#pathPopupPanelWrapper #pathDistance {
  font-size: 1.2rem;
  font-weight: bold;
}
#pathPopupPanelWrapper #pathStop {
  background-color: #e50000;
  color: #ffffff;
  font-size: 1.2rem;
  border: none;
}
#pathPopupPanelWrapper #pathToPoi {
  margin: 0.25rem 0;
  color: var(--color-3);
}

#pathOptions {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  white-space: nowrap;
}
#pathOptions.multiple div.path-opt {
  flex-direction: row;
}

div.path-opt {
  display: flex;
  align-items: center;
  flex-direction: column;
  white-space: nowrap;
}
div.path-opt:not(:last-child) {
  margin-bottom: 0.75rem;
}
div.path-opt .path-opt-label {
  margin: 0 0.5rem;
}

#pathDirections {
  justify-content: space-evenly;
  margin-top: 10px;
  padding: 15px 0;
  border-top: 1px solid var(--sep-col);
  font-size: 1.1rem;
  width: 100%;
}

#pathStepsWrapper {
  height: 100px;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 15px;
  margin-top: 30px;
}
#pathStepsWrapper .path-step {
  display: flex;
  align-items: center;
  margin: 5px 0;
  border-bottom: 1px solid var(--sep-col);
  padding: 5px 0 10px 0;
}
#pathStepsWrapper .path-step.selected {
  color: #bb1227;
}
#pathStepsWrapper .path-step .path-step-play img {
  max-height: 1.5rem;
  padding: 3px;
}
#pathStepsWrapper .path-step .path-step-action {
  flex-grow: 1;
  margin: 0 10px;
}
#pathStepsWrapper .path-step .path-step-time {
  margin: 0 10px;
  white-space: nowrap;
}
#pathStepsWrapper div.part-turn-list {
  margin: 0 1rem 0 5rem;
  color: var(--color-3);
}
#pathStepsWrapper div.part-turn-list div.part-turn {
  border-bottom: 1px solid var(--sep-col);
  line-height: 2.5rem;
  display: flex;
  align-items: center;
  max-width: 20rem;
  justify-content: space-between;
}
#pathStepsWrapper div.part-turn-list div.part-turn img {
  max-height: 1.5rem;
  margin-left: 2rem;
}

#mainServiceTypesListWrapper {
  width: auto;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  padding: 5px;
  transition: bottom 0.4s ease-in-out;
  background-color: rgba(240, 240, 240, 0.2);
  /*&::-webkit-scrollbar {
    height: 0;
  }*/
}

#mainServiceTypesListScroller {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

#mainServiceTypesList {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  max-width: max-content;
  min-width: max-content;
  margin: 0 auto;
  white-space: nowrap;
}

#serviceTypesListWrapper {
  position: relative;
  height: 100%;
  width: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 10px;
}

#serviceTypesListParent {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin-bottom: 2rem;
  padding-right: 5rem;
}
#serviceTypesListParent .iconBtn {
  margin: 0 2rem 0 0;
}

#serviceTypesList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

div.service-type-wrapper {
  margin: 4px;
  border: 1px solid var(--color-4);
  overflow: hidden;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.service-type-wrapper img {
  max-width: 80px;
  max-height: 40px;
  margin-bottom: 10px;
  filter: var(--btn-img-filter);
}
div.service-type-wrapper.isParent {
  display: none;
  border-width: 1px 3px 3px 1px;
  border-style: solid double double solid;
}

#servicesPanel #servicesResultsListWrapper {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#servicesResults {
  padding: 0 10px;
}
#servicesResults .service-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 8px;
  padding: 10px;
  border: 1px solid var(--light-sep-col);
  border-radius: 5px;
}

.events-panel {
  display: flex;
  flex-direction: column;
}

.eventsHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  width: 100%;
}

.eventsTags {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.eventTag {
  margin: 0 5px;
  padding: 3px 5px;
  border-radius: 5px;
  background-color: var(--color-2);
  border: 1px solid var(--color-1);
}
.eventTag.selected {
  color: var(--color-2);
  background-color: var(--color-1);
}

.eventsPanelWrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.eventsPanelWrapper .eventsWrapper {
  display: flex;
  flex-direction: column;
}
.eventsPanelWrapper .eventsWrapper .eventItem {
  color: #ffffff;
  background-color: #333333;
  margin: 0 5px 5px 5px;
  min-height: 150px;
  width: 250px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.eventsPanelWrapper .eventsWrapper .eventItem .eventImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.eventsPanelWrapper .eventsWrapper .eventItem .eventImage img {
  height: 100%;
  width: 100%;
}
.eventsPanelWrapper .eventsWrapper .eventItem .eventContent {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.3));
  text-align: left;
}
.eventsPanelWrapper .eventsWrapper .eventItem .eventContent .eventTitle {
  padding: 6px;
  font-size: 1.25rem;
  margin: 0;
  overflow: hidden;
}
.eventsPanelWrapper .eventsWrapper .eventItem .eventContent .eventTimings {
  font-size: 1rem;
  padding: 6px;
  margin: 0;
  color: #aaaaaa;
}

#announcementsPanel {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: calc(100% - 27vh);
  min-height: 100px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  top: 130%;
  left: 0;
  right: 0;
  transition: top 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#announcementsPanel #announcementsPanelWrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 50%;
  min-height: 50px;
  margin: 10px 0;
  flex-grow: 1;
}
#announcementsPanel #announcementsPanelWrapper #announcementsSubPanelsWrapper {
  display: flex;
  width: max-content;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
#announcementsPanel.homeMode {
  top: 27vh;
}

#fakeHomeSearch {
  display: flex;
  align-items: center;
  /*width: 80%;*/
  max-width: 90%;
  min-width: 320px;
  font-size: 1.2rem;
  background-color: var(--color-2);
  color: var(--pl-holder-col);
  border: 1px solid var(--sep-col);
  padding: 0.75rem 0;
  border-radius: 2rem;
  margin: 1rem 0;
  text-align: center;
}
#fakeHomeSearch #homeSearchIcon {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 1rem;
  border-left: 1px solid var(--sep-col);
  filter: var(--btn-img-filter);
}
#fakeHomeSearch #homeSearchText {
  flex-grow: 1;
  padding: 0 1rem;
  white-space: nowrap;
  overflow: hidden;
}

#mallContact {
  text-align: center;
  margin: 10px 10px 15px 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-around;
  flex-wrap: wrap;
}

.contact-links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-links a {
  margin: 0 10px;
}
.contact-links a img {
  height: 1.5rem;
  vertical-align: middle;
  filter: var(--btn-img-filter);
}

#homeWidgets {
  width: 100%;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

#visitListPanel .info-body {
  padding: 5px 20px;
}
#visitListPanel .info-body .visit-results {
  display: flex;
  flex-direction: column;
}
#visitListPanel .info-body #processPlan {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#visitListPanel .info-body #processPlan img {
  height: 4rem;
}

.visit-item {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-1);
  padding: 5px;
  border-radius: 10px;
  border: 1px solid var(--color-4);
}
.visit-item .visit-item-type {
  width: 20px;
  min-width: 20px;
  padding-top: 5px;
}
.visit-item .visit-item-type img {
  max-height: 1.25rem;
}
.visit-item .visit-item-title {
  text-align: left;
  flex-grow: 1;
  padding: 5px 5px 2px 5px;
}
.visit-item .iconBtn {
  background-color: transparent;
}

.sortable-ghost {
  opacity: 0.3;
}

#findCarPanel .info-body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#findCarPanel #findCarInputWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  max-width: 350px;
  margin: 10px auto 20px auto;
}
#findCarPanel #findCarInputWrapper #findCarSearch {
  margin-left: 10px;
}
#findCarPanel #findCarResultsWrapper {
  width: 98%;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#findCarPanel #findCarResultsWrapper #fmcResTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
#findCarPanel #findCarResultsWrapper #findCarResults {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
#findCarPanel #findCarResultsWrapper #findCarResults .car-plate-result {
  width: 80%;
  max-width: 350px;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 5px;
  color: var(--color-2);
  padding: 5px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative;
  border-radius: 10px;
  font-size: 1.25rem;
}
#findCarPanel #findCarResultsWrapper #findCarResults .car-plate-result .car-detail {
  margin: 0 10px;
}
#findCarPanel #findCarResultsWrapper #findCarResults .car-plate-result .car-detail .car-detail-top {
  margin: 10px 0;
}
#findCarPanel #findCarResultsWrapper #findCarResults .car-plate-result .car-map-pin {
  text-align: right;
}

#surveyPanel .info-body {
  overflow: hidden;
  min-height: 300px;
}
#surveyPanel .info-body #startSurvey {
  width: fit-content;
  margin: 0 auto;
}
#surveyPanel .info-body #surveyContent {
  min-height: 100px;
  text-align: center;
}
#surveyPanel .info-body #surveyContent.survey-start, #surveyPanel .info-body #surveyContent.survey-ended {
  margin-top: 100px;
}
#surveyPanel .info-body #surveyContent #surveyQuestion {
  text-align: center;
  font-size: 1.25rem;
  padding: 0 20px;
  margin: 50px auto;
}
#surveyPanel .info-body #surveyContent #surveyAnswers {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
#surveyPanel .info-body #surveyContent #surveyAnswers .survey-answer {
  padding: 10px;
  text-align: center;
}
#surveyPanel .info-body #surveyContent #surveyAnswers .survey-answer .answer-image {
  border-radius: 50%;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#surveyPanel .info-body #surveyContent #surveyAnswers .survey-answer .answer-image img {
  max-width: 50px;
  max-height: 50px;
}
#surveyPanel .info-body #surveyContent #surveyAnswers .survey-answer.selected .answer-image {
  background-color: var(--color-1);
}
#surveyPanel .info-body #surveyContent #surveyAnswers .survey-answer.selected .answer-image img {
  filter: invert(1);
}

#categorySponsor {
  width: 100%;
}
#categorySponsor #cat_sponsor_media {
  background-color: transparent;
}
#categorySponsor #cat_sponsor_media video, #categorySponsor #cat_sponsor_media img {
  max-width: 100%;
  max-height: 150px;
}

#blueDot {
  position: absolute;
  pointer-events: none;
  touch-action: none;
  width: 32px;
  height: 32px;
}
#blueDot #blueDotPrec {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-color: rgba(100, 100, 255, 0.3);
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
}
#blueDot #blueDotOrient {
  position: absolute;
  left: 0;
  top: -16px;
  width: 32px;
  height: 32px;
  background: linear-gradient(0deg, #0000ff, transparent);
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  border-radius: 10px;
}
#blueDot #blueDotPos {
  pointer-events: all;
  touch-action: auto;
  width: 20px;
  height: 20px;
  background-color: #0000ff;
  border-radius: 50%;
  border: 2px solid #eeeeee;
  position: absolute;
  left: 6px;
  top: 6px;
  box-sizing: border-box;
}

#ipsNavPanel {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  background-color: transparent;
  color: var(--color-2);
  z-index: 2;
  pointer-events: none;
  touch-action: none;
  white-space: nowrap;
}
#ipsNavPanel #ipsNavHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 10px;
  background-color: var(--color-1);
  pointer-events: all;
  touch-action: auto;
}
#ipsNavPanel #ipsNavTitle {
  white-space: normal;
  text-align: right;
}
#ipsNavPanel #ipsNavInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ipsNavPanel #ipsTurnMsg {
  width: fit-content;
  max-width: 400px;
  min-width: 250px;
  min-height: 40px;
  line-height: 3rem;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 0 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ipsNavPanel #ipsTurnMsg #turnTarget {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 10px;
}
#ipsNavPanel #ipsTurnMsg #turnDist {
  color: var(--color-4);
}
#ipsNavPanel #ipsTurnMsg img {
  max-height: 2rem;
  filter: invert(1) brightness(10);
}
#ipsNavPanel #ipsNavDir {
  background-color: rgba(0, 0, 0, 0.9);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 64px;
  height: 106px;
  background-image: url("../../assets/images/ips_phone.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
#ipsNavPanel #ipsNavDir img {
  max-height: 46px;
}

body.ipsNavMode #ipsNavPanel {
  display: block;
}
body.ipsNavMode #searchPanel, body.ipsNavMode #pathStepsWrapper, body.ipsNavMode #zonesMenu, body.ipsNavMode #zoomMenu, body.ipsNavMode #poiPinPoint, body.ipsNavMode #alternativeRoutes,
body.ipsNavMode #mainServiceTypesListWrapper {
  display: none !important;
}
body.ipsNavMode #mapPanel {
  top: 50px !important;
}

body.arMode #amap {
  border-top-left-radius: 10%;
  border-top-right-radius: 10%;
  box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.75);
  top: 60%;
  height: 40%;
  background-color: var(--light-sep-col);
  overflow: hidden;
  transition: none;
}
body.arMode #ipsNavAR, body.arMode #mapToolbars {
  display: none;
}

#avatarPanel .backdrop-modal-content .info-header #avatarIcon {
  max-height: 2rem;
  filter: invert(1);
}
#avatarPanel .backdrop-modal-content .info-body {
  padding: 0;
  overflow: hidden;
}
#avatarPanel iframe {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

div.avatarBtn {
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 6rem;
  right: 1rem;
  padding: 6px;
  margin: 0;
  border-radius: 21px;
  background-color: #2780e3;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.avatarBtn img {
  max-height: 2rem;
}

div.drawerPanelWeb {
  position: relative;
  width: 100%;
  margin-top: 1rem;
  background-color: transparent;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
  border-radius: 1rem;
}

div.backdrop-modal.wide-layout {
  position: relative;
  width: 100%;
  flex-grow: 1;
  background-color: transparent;
  backdrop-filter: none;
  z-index: unset;
  margin-top: 1rem;
}
div.backdrop-modal.wide-layout .backdrop-modal-content {
  position: relative;
  box-shadow: none;
  background-color: transparent;
  max-height: calc(100vh - 190px);
}
div.backdrop-modal.wide-layout .backdrop-modal-content .info-header .info-header-close {
  display: none !important;
}

body.wideLayout.searchMode #searchPanel {
  max-width: var(--wide-w1);
  padding: 0.75rem !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  margin: 0.5rem;
  max-height: calc(100% - 3rem);
  overflow: auto;
}
body.wideLayout.searchMode #searchFilters {
  padding: 0.5rem 0;
}
body.wideLayout.searchMode #topCatsListWrapper {
  margin: 0;
  padding-bottom: 0.5rem;
}
body.wideLayout.searchMode div.category.top-all-services {
  display: flex !important;
}
body.wideLayout.searchMode #searchResultsWrapper {
  background-color: transparent;
}
body.wideLayout.searchMode #mapPanel {
  top: 0 !important;
}
body.wideLayout.searchMode #mapToolbars {
  top: 0;
  left: unset;
  right: 1%;
  height: 90%;
}
body.wideLayout.searchMode #zonesMenu.dropdown {
  left: unset;
  right: 0;
}
body.wideLayout.searchMode #mapExtra {
  top: 1rem;
}
body.wideLayout.searchMode #zoneTransition {
  margin-top: 5%;
}
body.wideLayout.searchMode #alternativeRoutes {
  margin: 0 1% 0 auto;
}
body.wideLayout.searchMode #servicesPanel #servicesResultsListWrapper {
  margin-top: 0;
}
body.wideLayout.searchMode #poiPopupPanelWrapper #poiTopWrapper, body.wideLayout.searchMode #pathPopupPanelWrapper #pathPopupTop {
  padding-bottom: 0;
}
body.wideLayout.searchMode #poiPopupPanelWrapper #poiBottomWrapper {
  height: auto;
  min-height: unset;
  padding-bottom: 0;
  margin-top: 0;
}
body.wideLayout.searchMode #poiPopupPanelWrapper #poiBottomWrapper .poi-desc {
  max-height: 12rem;
  overflow: hidden auto;
}
body.wideLayout.searchMode #pathStepsWrapper {
  height: auto;
  max-height: 21rem;
  margin-top: 0;
}

html.lang-AR {
  font-size: 15px;
}

#zonesMenu.dropdown {
  top: 50px;
}

.site-title {
  text-align: left;
  flex-grow: 1;
  color: var(--color-1);
  font-size: 1.2rem;
}

.site-logo {
  position: relative;
  text-align: center;
  color: var(--color-2);
  max-width: 100%;
  height: 30px;
  min-height: 30px;
  margin: 5px;
  transition: height 0.4s ease-in-out;
}
.site-logo img {
  max-width: 70%;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.site-logo.homeMode {
  margin: 6vh auto 1vh auto;
  height: 20vh;
}

#langList {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
}
#langList .lang {
  display: inline-block;
  padding: 0.25rem;
  font-size: 1.25rem;
  text-transform: uppercase;
}
#langList .lang.selected {
  display: none;
}

#searchSocialLinks {
  display: none;
  position: absolute;
  top: 7px;
  right: 5px;
}

body.embedex2 #searchPanel {
  padding-top: 10px;
}
body.embedex2 #myVisitListBtn {
  margin: 0 0 0 6px;
  color: var(--color-1);
}
body.embedex2 #mapPanel {
  top: 81px;
}
body.embedex2 #zonesMenu.dropdown {
  top: 15px;
}
body.homeMode #searchPanelWrapper, body.homeMode #mainServiceTypesListWrapper {
  display: none;
}
body.searchMode #langList {
  display: none;
  top: 5px;
}
body.searchMode #searchPanel {
  height: fit-content;
  background-color: var(--color-5);
}
body.searchMode #searchPanel.firefox {
  display: inline-table;
}
body.searchMode #searchSocialLinks .contact-links a {
  margin: 0 5px;
}

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