svg{
  border: 1px solid #ccc;
  /* z-index: 0; */
}
div#body {
  width: 1050px;
  border: 1px solid #ccc;
}
.main-container{
  margin-left: 10px;
  display: inline-block;
  width: 650px;
  height: 50px;
}
#main-container {
  display: inline-block;
  width: 650px;
  height: 500px;
}
.side-container{
  text-align: center;
  position: relative;
  display: inline-block;
  width: 380px;
  height: 30px;
}
#side-container {
  position: relative;
  display: inline-block;
  width: 380px;
  height: 500px;
}
#vote-chart {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 350px;
}
#side-details{
  position: relative;
  top: 350px;
  left: 0;
  width: 380px;
  height: 200px;
}
#tooltip {
  font-weight: 600;
  text-shadow: 0px 0px 2px white;

  fill: black;
  stroke: none;
}
.states {
  fill: #ccc;
  stroke: #fff;
  stroke-width:2px;
}
.states:hover {
  fill: steelblue;
}
.bar-positive {
  fill: steelblue;
}

.bar-negative {
  fill: brown;
}

.active {
  color: #37adbf;
}

.title {
  font: 500 100px serif;
  fill: #e5e5e5;
  left: 140px;
}

.party {
  font: 500 30px serif;
  fill: #e5e5e5;
}
.year-button{
  position: relative;
  /* z-index: auto; */
  /* float: left; */
  top: -50px;
}

#upclick {
  position: absolute;

  /* left: 285px;
  top: 1410px;  */
  /*font: 16px serif;*/
 }

#downclick {
  position: absolute;
  /* left:-34px; */
  top:-30px;
  /* left: 285px;
  top: 1450px;  */
  /*font: 16px serif;*/
}
.incrbtn {
  font: 500 30px serif;
  cursor: pointer;
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;
  /*outline:none;*/
  color: #e5e5e5;
}

.incrbtn:hover {
  color: #ccc;
}
#map-chart-label{
  font-size: 20px;
  text-align: center;
}