body {
  width: auto;
  height: auto;
  overflow: hidden;
  font-family: system-ui;
  background-color: #515559;
}

.forceHide {
  display: none !important;
}

#pcMap {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  transition: 300ms;
}

.pcMapActive1 {
  height: 50% !important;
}

.pcMapActive2 {
  height: calc(50% - 65px) !important;
}

.pcMapActiveNav {
  height: calc(100% - (65px * 2)) !important;
}

#leftMenu {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0%;
  height: 0%;

  display: none;
  justify-content: center;
  transition: 300ms;
}

.leftMenuActive1 {
  height: 70vh !important;
}

.leftMenuActive2 {
  height: 50% !important;
}

.leftMenuActiveNav {
  height: 0% !important;
}

/* #searchForm {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0;
  height: 65px;
  transition: 300ms;
} */

.searchFormActive1 {
  bottom: 70vh !important;
}

.searchFormActive2 {
  position: absolute !important;
  bottom: 50% !important;
}

.searchFormActiveNav {
  bottom: 60px !important;
}

#populatedList {
  z-index: 2;
  overflow: auto;
  background-color: white;
  position: absolute;
  width: calc(100% - 20px);
  margin: 10px 0px;
  /* padding: 0 20px; */
  max-height: 0vh;
  top: 0;
  border-radius: 5px;
  transition: 500ms;
  pointer-events: none;
  opacity: 0;
}

.showPList {
  opacity: 1 !important;
  pointer-events: all !important;
  max-height: calc(50vh) !important;
}

#itemViewMore {
  z-index: 2;
  overflow: auto;
  background-color: white;
  position: absolute;
  width: calc(100% - 20px);
  margin: 10px 0px;
  /* padding: 0 20px; */
  max-height: 0vh;
  top: 0;
  border-radius: 5px;
  transition: 500ms;
  pointer-events: none;
  opacity: 0;
}

.showViewMore {
  opacity: 1 !important;
  pointer-events: all !important;
  max-height: calc(50vh) !important;
}

.itemInList {
  display: flex;
  flex-direction: row;
  padding: 0.5rem 10px;
  cursor: pointer;
  border-radius: 5px;
}

.itemInList:hover {
  transition: 500ms;
  background-color: #fffbdc !important;
  /* rgba(116, 191, 249, 0.303); */
}

.expand.itemInList {
  background-color: #fffbdcd3;
}

.viewMore {
  max-height: 0vh;
  width: 40%;
  margin: 1vh 0vh;
  transition: 200ms;
  transform: scale(1);
  opacity: 0;
}

.viewMore:hover {
  opacity: 0.9;
  transform: scale(1.1);
}

.catalogBrief {
  font-size: 1.5vh;
  color: grey;
  max-height: 0vh;
  overflow: hidden;
  transition: 500ms;
}

.exandedViewMore > div > .catalogBrief {
  max-height: 26vh !important;
}

.expand > div > .catalogBrief {
  max-height: 5vh !important;
}

.exandedViewMore > div > .viewMore {
  opacity: 1 !important;
  max-height: 5vh !important;
}

.expand > div > .viewMore {
  opacity: 1 !important;
  max-height: 5vh !important;
}

#entryBtn {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 8vh;
  margin: 1vh;
}

#parkingBtn {
  position: absolute;
  bottom: 0;
  right: 7vh;
  height: 8vh;
  margin: 1vh;
}

.btn {
  cursor: pointer;
  opacity: 0.9;
  transition: 200ms;
}

.btn:hover {
  opacity: 1 !important;
  transform: scale(1.1) !important;
}

.btn:active {
  opacity: 0.7 !important;
  transform: scale(1.05) !important;
}

#filtersDiv {
  display: none;
  align-items: center;
  position: fixed;
  left: 10px;
  top: 0;
  height: 9vh;
  width: auto;
  max-width: 93%;
  overflow: auto;
}

.filtersTab {
  background-color: white;
  color: black;
  border-radius: 20px;
  padding: 1vh 2vh;
  margin: 0vh 1vh;
  white-space: nowrap;
}

.activeTab {
  background-color: rgb(61, 61, 61);
  color: white;
}