.country {
	stroke: #000;
	stroke-width: 0.5px;
  pointer-events: all;
}
.text{
  font-size:10px;
  text-transform:capitalize;
}

.map-container {
  /*margin:10px 2%;*/
  border:1px solid #000;
  /*border-radius: 5px;*/
  /*height:100%;*/
  overflow:hidden;
  background: #F0F8FF;
  margin-bottom: 10px;
  display: inline-block;
  height: 1em; /* default icon height */
  position: relative;
  user-select: none;
}
.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
	height: 100%;
    padding-bottom: 45%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
	left: 0;
	/*position: absolute;*/
	top: 0;
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    /*top: 10px;*/
    left: 0;
}
.hidden { 
  display: none; 
}
div.tooltip {
  color: #222; 
  background: #fff; 
  padding: .5em; 
  text-shadow: #f5f5f5 0 1px 0;
  border-radius: 2px; 
  box-shadow: 0px 0px 2px 0px #a6a6a6; 
  opacity: 0.9; 
  position: absolute;
}
.graticule {
  fill: none;
  stroke: #bbb;
  stroke-width: .5px;
  stroke-opacity: .5;
  /*pointer-events: none;*/
}
.equator {
  stroke: #ccc;
  stroke-width: 1px;
}