#maps {
    height: 500px;
    width:100%;
    padding:0px;
    margin:0px;
    background: white;
}

#controls {

    width:100%;
    padding:0px;
    margin:0px;
    background: blue;
}

.leaflet-bar {box-shadow: none; border-radius: none }

.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
   /*  max-height: 800px; */
    overflow-y: auto;
    transition: all 0.2s ease;
}

.leaflet-routing-alt h2 {color:#1111ee;}
.leaflet-routing-alt-minimized h2 {color:red;}

.leaflet-routing-container {
    height: auto;
    width:100%;
    padding:0px;
    margin:0px;
    
  font-family: Roboto Light,Arial,sans-serif;
  font-weight: 300;
  color: #2C2C2C;
  font-size:13px;
}


.leaflet-routing-container input {
  font-family: Roboto Light,Arial,sans-serif;
  font-weight: 300;
    -moz-border-radius: 4px;
    border: 1px solid gray;
    border-radius: 4px;
    padding-left: 8px;
    width: 95%;
    height: 30px;
    background-color: #f0ede5;
    margin: 3px;
}

.leaflet-routing-remove-waypoint {margin:2px;}

.leaflet-routing-container h3 {font-weight:bold;}
.leaflet-routing-container table {}

.leaflet-routing-container tr {
  border-top: 1px solid #cdcdcd;
  margin: 0;
  height: 30px;
  padding: .3em 3px .3em 3px;
}