.polygon-container {
  position: relative; }
  .polygon-container svg {
    width: auto;
    padding: 0px 10px;
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, 0); }
    .polygon-container svg path, .polygon-container svg image {
      opacity: 0.8;
      transition: opacity 0.3s ease-in-out;
      -webkit-transition: opacity 0.3s ease-in-out; }
      .polygon-container svg path:hover, .polygon-container svg image:hover {
        cursor: pointer; }

.tooltip.polygon-tooltip.show {
  opacity: 1; 
  max-width: 300px;}

.tooltip.polygon-tooltip .tooltip-inner {
  max-width: 300px;
  max-height: none;
  color: #212529;
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  background-color: #fff; }

.tooltip.polygon-tooltip .arrow {
  display: none; }

#polygonTooltipMobile {
  z-index: 1;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  background-color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }
  #polygonTooltipMobile.show {
    opacity: 1; }
  #polygonTooltipMobile .polygonTooltipContent {
    padding: 10px 20px;
    max-width: 300px;
    margin: auto; }
  #polygonTooltipMobile .polygonTooltipClose {
    z-index: 1;
    position: absolute;
    right: 0;
    padding: 10px; }

.tooltip-content img {
  max-width: 100%;
  height: auto;
  max-height: 110px;
  margin: auto; }

@media (min-width: 992px) {
  #polygonTooltipMobile {
    display: none; } }