.yddviz-row::after {
  content: "";
  clear: both;
  display: table;
}

.yddviz-row>div {
  float: left;
}
#yddviz-svg-container {
  width: 35%;
  padding-top: 30px;
}

#yddviz-highcharts-container {
  width: 65%;
}

@media screen and (min-width: 600px) {
  #yddviz-svg-container {
    width: 40%;
  }

  #yddviz-highcharts-container {
    width: 60%;
  }
}

#yddviz-svg-container polygon {
  stroke: #fff;
  stroke-miterlimit: 3;
  stroke-width: 4px;
  transition: fill 0.1s;
}

#yddviz-svg-container g:hover polygon {
  fill: #ffd000;
}

#yddviz-svg-container #vastra {
  fill: #eee;
}

#yddviz-svg-container #ostra {
  fill: #bdbdbd;
}

#yddviz-svg-container #norra {
  fill: #dedede;
}

#yddviz-svg-container .active polygon {
  fill: #00b4c8 !important;
}