@charset "utf-8";
/* CSS Document */

#efilemap {
  float:right;
  padding-left:20px; 
  padding-bottom:20px; 
  width:42%;
}

#districtmap {
  display:inline-block;
  padding-left:20px; 
  padding-bottom:20px; 
  width:40%;
}

#districtmap2 {
  display:inline-block;
  padding-left:20px; 
  padding-bottom:20px; 
  width:80%;
  min-width:450px;
}

#wi-map {
  display: inline;
  position: relative;
  padding-bottom: 110%;
}

.NoVol {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #185f76 !important; /*96becb*/
  cursor: cursor;
  opacity: 0.4;
/*mix-blend-mode: multiply;*/
}

/*.NoVol:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #185f76 !important;
  cursor: pointer;
  mix-blend-mode: multiply;
}*/

.GnMeVol {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #ab92b2 !important; /*#93ddce*/
  cursor: pointer;
  mix-blend-mode: multiply;
}

.GnMeVol:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #9c85a2 !important;
  cursor: pointer;
  opacity: 0.4;
/*mix-blend-mode: multiply;*/
}

.JudgLienVol {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #ccd4e0 !important; /*fcbb74*/
  cursor: pointer;
  mix-blend-mode: multiply;
}

.JudgLienVol:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #bac1cc !important;
  cursor: pointer;
  mix-blend-mode: multiply;
}

.GnMeJudgLienVol {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #185f76 !important; /*#d69cd8*/
  cursor: pointer;
  opacity: 0.4;
  /*mix-blend-mode: multiply;*/
}

.GnMeJudgLienVol:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #185f76 !important; /*#c477c6*/
  cursor: pointer;
  opacity: 0.5;
  /*mix-blend-mode: multiply;*/
}

.JuvGnMeJudgLienVol {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #736b26 !important; 
  cursor: pointer;
  opacity: 0.4;
  /*mix-blend-mode: multiply;*/
}

.JuvGnMeJudgLienVol:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #736b26 !important; /*#c477c6*/
  cursor: pointer;
  opacity: 0.5;
  /*mix-blend-mode: multiply;*/
}

.JuvCiCxVol {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #44174e !important; 
  cursor: cursor;
  opacity: 0.4;
  /*mix-blend-mode: multiply;*/
}

/*.JuvCiCxVol:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #44174e !important; /*#c477c6
  cursor: pointer;
  opacity: 0.5;
  /*mix-blend-mode: multiply;*/
}

.CiCxJdVol {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #79899d !important; /*fcbb74*/
  cursor: pointer;
  opacity: 0.4;
  /*mix-blend-mode: multiply;*/
}

.CiCxJdVol:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #79899d !important; /*fcbb74*/
  cursor: pointer;
  opacity: 0.5;
  /*mix-blend-mode: multiply;*/
}

#info-box {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  -moz-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  padding: 10px;
  font-family: UbuntuRegular, Verdana, sans-serif;
  font-size: 90%;
}

.d1 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #334D64 !important;
  cursor: pointer;
  opacity: 0.9;
  /*mix-blend-mode: multiply;*/
}

.d1:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #334D64 !important;
  cursor: pointer;
  opacity: 1;
  /*mix-blend-mode: multiply;*/
}

.d2 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #575655 !important; 
  cursor: pointer;
  opacity: 0.65;
  /*mix-blend-mode: multiply;*/
}

.d2:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #575655 !important; /*#c477c6*/
  cursor: pointer;
  opacity: 0.75;
  /*mix-blend-mode: multiply;*/
}

.d3 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #185f76 !important; /*fcbb74*/
  cursor: pointer;
  opacity: 0.65;
  /*mix-blend-mode: multiply;*/
}

.d3:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #185f76 !important; /*fcbb74*/
  cursor: pointer;
  opacity: 0.8;
  /*mix-blend-mode: multiply;*/
}

.d4 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #bf8023 !important; /*#d69cd8*/
  cursor: pointer;
  opacity: 0.85;
  /*mix-blend-mode: multiply;*/
}

.d4:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #bf8023 !important;
  cursor: pointer;
  opacity: 1;
  /*mix-blend-mode: multiply;*/
}

.d5 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #334D64 !important; 
  cursor: pointer;
  opacity: 0.7;
  /*mix-blend-mode: multiply;*/
}

.d5:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #334D64 !important; 
  cursor: pointer;
  opacity: 0.85;
  /*mix-blend-mode: multiply;*/
}

.d7 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #185f76 !important; /*#d69cd8*/
  cursor: pointer;
  opacity: 0.4;
  /*mix-blend-mode: multiply;*/
}

.d7:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #185f76 !important; /*#d69cd8*/
  cursor: pointer;
  opacity: 0.6;
  /*mix-blend-mode: multiply;*/
}

.d8 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #334D64 !important;
  cursor: pointer;
  opacity: 0.5;
  /*mix-blend-mode: multiply;*/
}

.d8:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #334D64 !important;
  cursor: pointer;
  opacity: 0.7;
  /*mix-blend-mode: multiply;*/
}

.d9 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #575655 !important;
  cursor: pointer;
  opacity: 0.45;
  /*mix-blend-mode: multiply;*/
}

.d9:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #575655 !important;
  cursor: pointer;
  opacity: 0.65;
  /*mix-blend-mode: multiply;*/
}

.d10 {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #D3963B !important;
  cursor: pointer;
  opacity: 0.8;
  /*mix-blend-mode: multiply;*/
}

.d10:hover {
  stroke: #ffffff !important;
  stroke-width:50px;
  stroke-linejoin: round;
  fill: #D3963B !important;
  cursor: pointer;
  opacity: 1;
  /*mix-blend-mode: multiply;*/
}

.ie9 img[src$=".svg"] {
  width: 100%; 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}