#map-controls button {
  background-color: white;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  margin: 5px;
  cursor: pointer;
  font-size: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#home-btn::before {
  content: "↻";
}

#zoom-in-btn::before {
  content: "+";
}

#zoom-out-btn::before {
  content: "-";
}

#map-controls button:hover {
  background-color: #eee;
}



.more {
  stroke: red;
  fill: pink;
  stroke-width: 0.5px;
}
.less {
  stroke: blue;
  fill: skyblue;
  stroke-width: 0.5px;
}

.outline {
  stroke: rgb(50,50,50);
  stroke-width: 1px;
}

.selected {
  stroke: rgb(0, 255, 255);
  stroke-width: 3px;
}

.not-a-constituency {
  fill:rgb(255,239,239);
  background:#fff;
}

.not-declared {
  fill:rgb(220,220,220);
  background:rgb(220,220,220);
}

.brs-won {
  fill:rgb(255,77,210);
  background:rgb(255,77,210);
}
.brs-lead {
  fill:rgb(255,183,237);
  background:rgb(255,183,237);
}

.jcc-won {
  fill:rgb(125,175,27);
  background:rgb(125,175,27);
}
.jcc-lead {
  fill:rgb(190,232,107);
  background:rgb(190,232,107);
}

.mnf-won,.jsp-won {
  fill:rgb(255, 255, 3);
  background:rgb(255, 255, 3);
}
.mnf-lead,.jsp-lead {
  fill:rgb(255, 255, 170);
  background:rgb(255, 255, 170);
}

.udp-won {
  fill:#5C4033;
  background:#5C4033;
}
.udp-lead {
  fill:#C4A484;
  background:#C4A484;
}

.bjp-won,.nda-won,.bjp-ipft-won,.ndpp-bjp-won {
  fill:#FF8C00;
  background:#FF8C00;
}
.bjp-lead,.nda-lead,.bjp-ipft-lead,.ndpp-bjp-lead {
  fill:#FFB366;
  background:#FFB366;
}
.congress-won,.inc-won,.india-won,.nc-inc-won,.mva-won,.jmm-cong-won {
  fill:#0000FF;
  background:#0000FF;
}
.congress-lead,.inc-lead,.india-lead,.nc-inc-lead,.mva-lead,.jmm-cong-lead {
  fill:#80B5FF;
  background:#80B5FF;
}
.tmc-won {
  fill:rgb(0, 255, 0);
  background:rgb(0, 255, 0);
}
.tmc-lead {
  fill:rgb(155, 228, 159);
  background:rgb(155, 228, 159);
}
.sp-won,.sad-won,.mag-won,.npf-won,.jd-s-won,.zpm-won,.ppa-won,.skm-won,.ysrcp-won,.bjd-won,.pdp-won,.inld-bsp-won,.inld-won,.mahagathbandhan-won {
  fill:rgb(0, 180, 0);
  background:rgb(0, 180, 0);
}
.sp-lead,.sad-lead,.mag-lead,.npf-lead,.jd-s-lead,.zpm-lead,.ppa-lead,.skm-lead,.ysrcp-lead,.bjd-lead,.pdp-lead,.inld-bsp-lead,.inld-lead,.mahagathbandhan-lead {
  fill: rgb(166, 221, 156);
  background: rgb(166, 221, 156);
}
.bsp-won,.aap-won,.npp-won,.sdf-won,.tdp-won,.jjp-won,.jjp-asp-won,.aip-won {
  fill: rgb(255, 255, 3);
  background: rgb(255, 255, 3);
}
.bsp-lead,.aap-lead,.npp-lead,.sdf-lead,.tdp-lead,.jjp-lead,.jjp-asp-lead,.aip-lead {
  fill: rgb(255, 255, 170);
  background: rgb(255, 255, 170);
}
.others-won {
  fill:rgb(219, 148, 219);
  background:rgb(219, 148, 219);
}
.others-lead {
  fill: rgb(255, 192, 255);
  background: rgb(255, 192, 255);
}

.title {
  font-weight: bold;
  font-size: 120%;
}

/* legend */
#legend-1 ul {
  list-style-type: disc;
  flex-wrap: wrap;
  max-width: 660px;
}
#legend-1 ul li{
  float: left;
  /*width: 50%;*/
  width: 300px;

}
.my-legend .legend-title {
  text-align: left;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 120%;
  }
.my-legend .legend-scale ul {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  float: left;
  list-style: none;
  }
.my-legend .legend-scale ul li {
  font-size: 80%;
  list-style: none;
  margin-left: 0;
  line-height: 18px;
  margin-bottom: 2px;
  }
.my-legend ul.legend-labels li span {
  display: block;
  float: left;
  height: 16px;
  width: 30px;
  margin-right: 5px;
  margin-left: 0;
  border: 1px solid #999;
  }
.my-legend .legend-source {
  font-size: 70%;
  color: #999;
  clear: both;
  }
.my-legend a {
  color: #777;
  }

.popup {
  padding 30px;
  position: absolute;
  right: 32px;
  top: 74px;
}
.popContainer {
  width: 250px;
  border: 0.5px solid grey;
  max-height: 250px;
  background-color: rgb(220, 249, 221);
  padding: 10px 0px 0px 10px;
  border-radius: 15px 0px 15px 10px;
}
.popContainer ul {
  list-style: none;
  padding-left: 0px;
font-size: 70%; width:100%;}

.popContainer ul li 		{ display:flex; width:100%;}
.popContainer ul li span 	{ font-size:14px; display:block; line-height:20px; width:80px; vertical-align:top;}
.popContainer ul li cite 	{ display:block; font-size:14px; font-weight:600; font-style:normal; vertical-align:top; width:calc(100% - 80px);}
.title {
  font-weight: bold;
}
.close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: blue;
  cursor: pointer;
}