body { margin:0; padding:0; }
/*#map { position:absolute; top:0px; bottom:0; width:74%; }*/

/*body.nosidebar #map {
    right: 0;
    width: 100%;
}*/

html, body {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

#map{
  position:absolute;
  top: 0px;
  bottom:0; 
  width:100%;
 }   

 #povertyButton {
  position: relative;
  text-decoration: none;
  display: block;
  border-color: #7AB6CC;
  border-radius: 3px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background: #58595b;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
}

#averageButton {
  position: relative;
  text-decoration: none;
  display: block;
  border-color: #7AB6CC;
  border-radius: 3px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background: #58595b;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
}

#povertyButton:hover {
  background-color: #86888A;
}

#averageButton:hover {
  background-color: #86888A;
}

/* Styling for popups */
/********************************************/
/********************************************/


div#popupState.statePopup.leaflet-control {
  background-color: #F4F7F8;
  border: 1px solid #969a9c;
  padding: 4px;
}

/* Styling for dropdown button */
/********************************************/
/********************************************/
div#stateselectionslidecontent {
  position: absolute;
  top: 0;
  width: 210px;
  left: 25px;
}

button.btn.btn-primary.dropdown-toggle {
  text-decoration: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-color: #7AB6CC;
  border-radius: 3px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #58595b;
  width: 80%;
  margin-top: 10px;
}

button.btn.btn-primary.dropdown-toggle:hover {
  background: #86888A;
}

button.btn.btn-primary.dropdown-toggle:focus{
  background: #86888A;
}

.dropdown-menu {
  left: 0;
  text-align: center;
  transform: translate(7%, 0);
}

.dropdown-menu > li {
  cursor: pointer;
}

.dropdown-menu > li > a {
  line-height: 1;
  font-size: 13px;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

/* Styling for LEGEND */
/********************************************/
/********************************************/

ul.legend {
  display: block;
}

ul.legend span.keycolor {
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: -20px;
  margin-right: 5px;
}

/* Styling for Difference from State Average Legend */
ul.legend li.ri1 span.keycolor {
  background-color:#750505;
}

ul.legend li.ri2 span.keycolor {
  background-color:#a96c6c;
}

ul.legend li.ri3 span.keycolor {
  background-color:#3990a3;
}

/* Styling for Difference from State Average Legend */
li.later {
  display: none;
}

ul.legend li.sa1 span.keycolor {
  background-color:#750505;
}

ul.legend li.sa2 span.keycolor {
  background-color:#a96c6c;
}

ul.legend li.sa3 span.keycolor {
  background-color:#e6e5ac;
}

ul.legend li.sa4 span.keycolor {
  background-color:#6c9aa9;
}

ul.legend li.sa5 span.keycolor {
  background-color:#056575;
}

/* Styling for Student Poverty Rate Legend */
ul.legend li.zerotoTen span.keycolor {
  background-color:#b7d8e4;
}

ul.legend li.tentoTwenty span.keycolor {
  background-color:#7ab6cc;
}

ul.legend li.twentytoThirty span.keycolor {
  background-color:#3990a3;
}

ul.legend li.thirtytoFourty span.keycolor {
  background-color:#296371;
}

ul.legend li.fourtyPlus span.keycolor {
  background-color:#224a58;
}


div.leaflet-control-grid.map-tooltip.leaflet-control.closable  {
  background-color: #F4F7F8;
  position: relative;
  line-height: 1.3;
/*  margin-top: -8px;*/
}

div.leaflet-control-grid.map-tooltip.leaflet-control  {
  background-color: #F4F7F8;
  position: relative;
  line-height: 1.3;
/*  margin-top: -8px;*/
}


div.info.leaflet-control{
  display: none;
}

#legendBox {
  position: absolute;
  left: 1%;
  bottom: 2%;
}

#legendcontainer{
  position: relative;
  padding-left: 0px;
  font: normal 13px 'Lato', sans-serif;
  width: 180px;
  /*left: 1%;
  bottom: 2%;*/
  top: auto;
  background: white;
  border-radius: 3px;
}

li.legendTitle {
  margin-left: -20px;
  text-decoration: none;
  color: #000000;
}

li.legendTitle a{
  color: #1B4971;
  font-weight: 700;
}

li.povertyTitle {
  margin-left: -20px;
  text-decoration: none;
  color: #000000;
}

li.povertyTitle a{
  color: #1B4971;
  font-weight: 700;
}

#legend-ui li {
  list-style-type: none;
  font:13px 'Lato', sans-serif;
}

ul#legend-ui {
  padding-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

div.leaflet-control-mapbox-geocoder-results {
  width: auto;
}
div.leaflet-control-mapbox-geocoder-results a {
  width: auto;
}

div.leaflet-control-mapbox-geocoder-results a.active{
  width: auto;
}

div.leaflet-control-mapbox-geocoder-results a.hover{
  width: auto;
}

@media only and (max-width: 600px) {

  #legendcontainer {
    width: 135px;
    font:9px;
  }

  #legend-ui li {
    font-size:9px;
  }
}