body{
  font-family: menlo, Consolas, 'Lucida Console', monospace; 
  margin: 0px;
  background: #000;
  color: #fff;
  overflow: hidden;


}

.tooltip {
  top: -1000px;
  position: fixed;
  padding: 10px;
  background: rgba(255, 255, 255, .90);
  border: 1px solid lightgray;
  pointer-events: none;
  color: #000;
  font-size: 12px;
}
.tooltip-hidden{
  opacity: 0;
  transition: all .3s;
  transition-delay: .1s;
}

@media (max-width: 590px){
  div.tooltip{
    bottom: -1px;
    width: calc(100%);
    left: -1px !important;
    right: -1px !important;
    top: auto !important;
    width: auto !important;
  }
}

svg{
  overflow: visible;
}

.domain{
  display: none;
}

text{
  pointer-events: none;
  fill: #fff;
  /*text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;*/
}


.main{
  width: 960px;
  background: #555;
  overflow-x: hidden;
}
.left{
  height: 100vh;
  overflow-y: scroll;
  width: 600px;
  background: #333;
  /*padding-top: 20px;*/
  margin: 0px;
}

.right{
  width: 350px;
  height: 100vh;
  overflow-y: scroll;
}
.right > div{
  padding-top: 15px;
}


.left, .right{
  display: inline-block;
}




.country{
  position: relative;
}

.label-container{
  position: absolute; 
  left: 10px;
}
.label{
  width: 100px;
  text-align: right;
  height: 50px;

  display: table-cell;
  vertical-align: middle;


  /*display: -webkit-box;*/
  /*-webkit-box-pack: center;*/
  /*-webkit-box-align: center;*/
}


.flag{
  display: inline-block;
  margin: 10px;
  cursor: pointer;
}