.mapsvg-tooltip {
  font-weight: normal;
  font-size: 12px;
  font-family: Helvetica, Arial;
  color: #000000;
  position: absolute;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  z-index: 999999;
  background-color: white;
  border: 1px solid #eee;
  max-width: 600px;
  pointer-events: none;
  text-align: left;
  box-sizing: border-box;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.mapsvg-tooltip:empty {
  display: none;
}

.mapsvg-tooltip .mapsvg-controller-view-content {
  padding: 4px 7px;
}
.mapsvg-tooltip * {
  box-sizing: border-box;
}
.mapsvg-tooltip.mapsvg-tt-top {
  transform: translate(-50%, -100%) translateY(-10px);
}
.mapsvg-tooltip.mapsvg-tt-left {
  transform: translate(-100%, -50%) translateX(-10px);
}
.mapsvg-tooltip.mapsvg-tt-bottom {
  transform: translate(-50%, 25px);
}
.mapsvg-tooltip.mapsvg-tt-right {
  transform: translate(15px, -50%);
}
.mapsvg-tooltip.mapsvg-tt-top-left {
  transform: translate(-100%, -100%) translate(10px, -10px);
}
.mapsvg-tooltip.mapsvg-tt-top-right {
  transform: translateY(-100%) translateY(-10px);
}
.mapsvg-tooltip.mapsvg-tt-bottom-left {
  transform: translate(-100%, 25px) translateX(10px);
}
.mapsvg-tooltip.mapsvg-tt-bottom-right {
  transform: translateY(25px);
}

.mapsvg-tooltip img {
  max-width: 100%;
}