html, body, #map {
  height: 100%;
  padding: 0;
  margin: 0;
}
#filter_list {
  position: absolute;
  padding: 0;
}
#filter_list ul {
  padding: 0; margin: 0;
  list-style-type: none;
    text-align: left;
}
#filter_list li {

  padding: 15px;
     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 400;
  font-size: 13px;
  color: #A0A0A0;
  cursor: auto;
}
#filter_list li:hover {
  background-color: #c0c8d6;
  cursor: pointer;
}
#filter_list li.selected {
  color:#5A5E64;
}
#filter_list li.selected:before{
     font-family: FontAwesome;
   content: "\f0c8";
    margin-right: 10px;
}
#filter_list li.selected.red:before{
     font-family: FontAwesome;
   content: "\f0c8";
    color: #ee524f;
    margin-right: 10px;
}
#filter_list li.selected.purple:before{
     font-family: FontAwesome;
   content: "\f0c8";
    color: #cd92d7;
    margin-right: 10px;
}
#filter_list li.selected.green:before{
     font-family: FontAwesome;
   content: "\f0c8";
    color: #dbe674;
    margin-right: 10px;
}
#filter_list li.selected.brown:before{
     font-family: FontAwesome;
   content: "\f0c8";
    color: #b17e49;
    margin-right: 10px;
}
#filter_list li.selected.orange:before{
     font-family: FontAwesome;
   content: "\f0c8";
    color: #ffdfb1;
    margin-right: 10px;
}
#filter_list li:before{
     font-family: FontAwesome;
   content: "\f096";
    margin-right: 10px;
}
#car li.selected {
  color:#333;
}
#filter_list h3 {
    border-bottom: 4px solid #5A5E64;
  padding: 15px 30px;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 400;
  font-size: 16px;
    text-align: center;
  background-color: #fff;
    color: #5A5E64;
}

.mode_selection {
  top: 20px;
  right: 240px;
}

.place_selection {
  top: 20px;
  right: 20px;
}
div.cartodb-infobox {
  padding: 0!important;
  position: absolute;
  display: inline-block;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  background: #fff;
  -webkit-border-radius: none!important;
  -moz-border-radius: none!important;
  -ms-border-radius: none!important;
  -o-border-radius: none!important;
  border-radius: none!important;
  border: 0px;
  text-align: left;
  z-index:9999999999999999;
}
div.cartodb-timeslider {
position: absolute;
display: inline-block;
height: 40px;
width: auto!important;
margin-bottom: 30px;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 0px;
border: 0px;
text-align: center;
z-index: 105;
}
div.cartodb-timeslider ul li {
display: inline-block;
zoom: 1;
vertical-align: top;
height: 0px;
_height: 40px;
width: auto;
line-height: 40px;
border-right: 1px solid #E5E5E5;
}
div.cartodb-timeslider p {
width: 120px;
height: 40px;
margin: 0;
padding: 0 5px 0 0;
line-height: 40px;
font-size: 16px;
font-weight: 700;
  font-family: "Times New Roman", serif;
text-align: center;
color: #fff;
}

.leaflet-container a {
color: #0078A8;
}
.cartodb-fullscreen a {
display: block;
width: 14px;
height: 14px;
padding: 7px;
background: transparent url(../img/fullscreen.png) no-repeat center center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 0px;
border: 0px;
}
.cartodb-fullscreen a:hover {
background-position: center center;
}
div.cartodb-zoom {
position: relative;
float: left;
display: block;
margin: 20px 0 0 20px;
width: 28px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border:0px;
z-index: 105;
}
div.cartodb-timeslider .ui-slider .ui-slider-range {
position: absolute;
z-index: 100;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
background-color: #5ad;
border-radius: 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
}
div.cartodb-timeslider .ui-slider-horizontal {
height: 5px;
cursor: pointer;
}
.cartodb-logo{
    display: none;
}

div.cartodb-legend-stack{position: absolute;
bottom: 35px;
right: 20px;
display: none;
webkit-box-shadow: rgba(0,0,0,.2) 0 0 4px 2px;
-moz-box-shadow: rgba(0,0,0,.2) 0 0 4px 2px;
box-shadow: rgba(0,0,0,.2) 0 0 4px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: 1px solid #999;
background: #fff;
color: #fff
z-index: 105;
cursor: text;
}
div.cartodb-legend .legend-title{
  color: #333;
}
div.cartodb-legend.category ul li, div.cartodb-legend.color ul li, div.cartodb-legend.custom ul li{
  color: #333;
}
div.cartodb-zoom a {
position: relative;
display: block;
width: 28px;
height: 28px;
padding: 0;
font: 700 20px Arial;
color: #333;
text-align: center;
text-decoration: none;
text-indent: -9999px;
line-height: 0;
font-size: 0;
background: url(../img/other.png) no-repeat 0 0;
}
div.cartodb-popup h4 {
display: block;
width: 190px;
margin: 0;
padding: 0;
font: 700 11px "Helvetica Neue",Helvetica,Arial;
text-transform: none;
word-wrap: break-word;
}
