/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
#map {
  height: 100%;
  width: 100%;
}


.fixed-action-btn {
  left: 23px;
  bottom: 23px;
}
.sidenav {
  width: 600px;
  overflow-x: hidden;
}
@media only screen and (max-width: 600px) {
  .sidenav {
    width: 95%;
  }
}
.sidenav .slider {
  margin: 15px 0;
}
.sidenav li .noUi-tooltip {
  line-height: normal;
}
.sidenav .collapsible-body {
  padding: 10px 20px;
}
.sidenav .collapsible-body .range-field {
  margin: 0;
}
.sidenav .collapsible-body .input-field {
  margin: 0;
}
.sidenav #submit_button {
  width: 150px;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}