#ibt-container {
  font-size: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  fill: #ffffff;

   margin: 0;
}

#ibt-container div.btn-group.bootstrap-select {
  margin-bottom: 30px;
  width: 90%;
}


#ibt-container h1 {
  font-size: 22px;
}

.muni_elex {
  color: #333;
}

.johnson {
  color: #54278f;
}

.stein {
  color: #238b45;
}

.waiting img {
   margin: 5% 20%;
    width: 20%;
}

h2 {
  font-size: 13px;
  font-weight: bold;
    color: #333;
  margin: 0;
  text-transform: uppercase;
  border-bottom: 1px dashed #333;
}

td {
  padding: 3px;
  font-size: 11.5px;
}

.prez_rep {
  color: #67000d;
}

.prez_dem {
  color: #08306b;
}

.name {
  font-weight: bold;
}

#ibt-container h3 {
  font-size: 12px;
  margin: 0;
}

#ibt-container h4 {
  font-size: 14px;
}

#ibt-container p {
  color: #787878;
  font-size: 15px;
    line-height: 14px;
}



#ibt-container .line {
  fill: #ffffff;
  color: #9C4811;
  stroke-width: 0.5px;

}

#map {
  max-width: 620px;

}

.nj {

        color: #FFF;

}



 .njmuni {

  color: #807dba;

        stroke-opacity:0.6;
        stroke-opacity: 0.6;
    fill-opacity: 0.88;

}



#ibt-container .area {
  opacity: 1;
}

.number {
  font-weight: bold;
  color: #993404;
  font-size: 15px;
}

#infobox p {
 color: #333;

}
#tooltip {
  background: rgba(255, 255, 255, .95);
  
  border: 1px #999 solid;
  position: absolute;
  pointer-events: none;
  float: right;


}

.tooltip{
   position: absolute;
   padding: 8px;
  pointer-events: none;
  background: rgba(255, 255, 255, .8);

  border: 1px #999 solid;

}

.TrumpLegend, .TrumpLegend {
  color: #333;
  font-weight: bold;
}






.leaflet-container { 

  background-color: #FFF !important;

  }

#legend, #legend2 {
/*    padding: 0.5em 0 3.5em 0em;*/
    width: 500px;
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(255, 255, 255, .8);
    /*
    float: right;
*/}

.leaflet-bottom {
  height: 80px;
    width: 500px;
    bottom: 20px !important;
  }

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .leaflet-bottom {
  height: 100px;
    width: 100%;
  }

}

li.key {
    border-top-width: 15px;
    border-top-style: solid;
    font-size: .75em;
    width: 10%;
    padding-left: 0;
    padding-right: 0;
    float: left;
    list-style-type: none;
}

.leaflet-top {
/*  width: 80%;*/
}


  html, body {/*
    height: 100%;*/
    margin: 0;
  }
  
  #mapcanvas{
   
    height:600px;
    width: 100%;
  }

  




#credit {
  float: right;
}


#credit img{
  width: 70px;
  float: right;
  padding-bottom: 10px;
}

#credit p{
  clear: both;
  text-align: right;
}

      
#ibt-container {
        font-family: 'Source Sans Pro', sans-serif;

      }