.mapLabel {
  font-size: 13px;
  text-shadow: -1px 1px 1px #000, 1px 1px 1px #000, 1px -1px 1px #000,
    -1px -1px 1px #000;
}
.gm-style-iw {
  width: 360px !important;
  top: 15px !important;
  left: 0px !important;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
  border: 1px solid rgba(72, 181, 233, 0.6);
  border-radius: 2px 2px 10px 10px;
}
#iw-container {
  width: 440px !important;
}
#iw-container .iw-title {
  font-size: 18px;
  font-weight: 400;
  padding: 5px 10px;
  background: linear-gradient(to right, #419679, #81a368);
  color: white;
  margin: 0;
  border-radius: 2px 2px 0 0;
}
#iw-container .iw-content {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-right: 1px;
  padding: 5px 5px 5px 5px;
  overflow-y: auto;
  overflow-x: hidden;
}
.iw-content img {
  margin: 0 5px 5px 5px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.iw-subTitle {
  font-size: 13px;
  font-weight: 700;
  padding: 5px 0px 5px 5px;
}
.iw-bottom-gradient {
  position: absolute;
  width: 406px;
  height: 25px;
  bottom: 10px;
  right: 18px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

#poiPopupContainer {
  width: 360px !important;
}

#poiPopupContainer .poiPopupTitle {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 5px;
  background-color: #0a5f8a;
  color: white;
  margin: 0;
  border: 0px;
  border-bottom: 2px solid black;
  border-radius: 5px;
}

#poiPopupContainer .poiPopupContent {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  margin-right: 1px;
  padding: 5px 5px 5px 5px;
  overflow-y: auto;
  overflow-x: hidden;
}
.poiPopupContent img {
  margin: 0 5px 5px 10px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.poiPopupContent button {
  background: rgb(228 222 222 / 0%);
  width: 100px;
  height: 33px;
  text-align: center;
  border-radius: 1px;
  font-size: 16px;
  cursor: pointer;
  border: 2px solid #09b6ce;
  margin-top: 15px;
}
.poiPopupContent button:hover {
  box-shadow: 0px 0px 6px 1px rgb(31 34 210 / 60%);
}
#editPOI {
  background: #6c8b73;
  color: #fff;
  width: 34px;
  height: 33px;
  text-align: center;
  border-radius: 33px;
  font-size: 16px;
  cursor: pointer;
  border: 0px;
  margin-right: 12px;
}
#editPOI:hover {
  background: #136e59;
}
.newClass {
  position: absolute;
  padding: 6px !important;
  background-color: transparent !important;
  border: 0px !important;
  border-radius: 3px;
  color: #ffffff !important;
  white-space: nowrap !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgb(0 0 0 / 0%) !important;
}
.mycluster {
  width: 40px;
  height: 40px;
  background-color: greenyellow;
  text-align: center;
  font-size: 24px;
}

.circle {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("circle.png");
  text-align: center;
}