body {
  width: 100%;
  height: 100%;
  margin: 0;
}

.misbtn{
  width: 110px;
  padding: 10px;
  border-radius: 5px;
  margin: 6px;
  color: #005689;
  font-weight: bold;
  float: left;
  cursor: pointer;
  border: 1.5px solid #005689;
}

.misbtn:hover{
  background-color: #005689;
  color: #fff;
}

.repbtn{
  width: 116px;
  padding: 10px;
  border-radius: 5px;
  margin: 6px 6px 6px 10px;
  color: #ffbb00;
  font-weight: bold;
  float: left;
  border: 1.5px solid #ffbb00;
  cursor: pointer;
}

.repbtn:hover{
  background-color: #ffbb00;
  color: #fff;
}


.graticule {
    fill: none;
    stroke: #777;
    stroke-width: .5px;
    stroke-opacity: .5;
}

.geo-globe {
  fill: rgba(223, 223, 223, 0.7);
}

.geo-path {
  fill: #767676; 
  stroke: rgba(200, 203, 206, 0.57);
  stroke-width: 0.5px;
  stroke-linejoin: round;
  stroke-linecap: round;

}

.geo-node {
  stroke: #767676;
  stroke-width: 1px;
  fill:#ffbb00;               
}

.noreports {
  stroke: #767676;
  stroke-width: 1px;
  fill:#005689;               
}

.tooltip {
  position: absolute;
  top: 100px;
  left: 100px;
    -moz-border-radius:5px;
  border-radius: 5px;
    border: 2px solid #767676;
  /* background: #222222; */
    background: #fff;
  opacity: .9;
  /* color: #eeeeee; */
    color: black;
  padding: 10px;
  /*width: 300px;*/
  font-size: 12px;
  z-index: 1000;
}

.tooltip .title {
  font-size: 13px;
}

.tooltip .name {
  font-weight:bold;
}