custom.css

body {
    padding: 0;
    margin: 0;
}
html, body,.row-fluid {
    height: 100%;
    position: fix;
}

#map{
  height: 80%;
  position:fix;
}

.over_map{
  position: absolute;  
  left: 5%;
  z-index: 99;
  text-align: center;
  font-family: 'Roboto','sans-serif';
}

.over_map:hover{
  cursor: pointer;
}

.over_map.input{
  left: 12%;
  visibility: hidden;

}

.bnt{
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 3px 15px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 12px;
  margin: 7px 2px;
  cursor: pointer;
}

#searchBox { 
  position: absolute;  
  top: 120px;
  left: 45px;
  z-index: 99;
  background-color: #fff;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
}

#search_result{
  position: absolute; 
  visibility: hidden;
  max-height: 200px;
  width:9em;
  margin-left:1em;
  overflow:scroll;
  float:left;
  background:#eee;
  border:1px solid #aaa;
  box-shadow: 2px 2px 6px #999;
  color:#666;
  top: 35px;
  
}

#search_result_org{
  position: absolute; 
  visibility: hidden;
  max-height: 200px;
  width:100%;
  margin-left:1em;
  overflow:scroll;
  float:left;
  background:#eee;
  border:1px solid #aaa;
  box-shadow: 2px 2px 6px #999;
  color:#666;
  top: 35px;
  z-index: 99;
  
}

#search_result_dest{
  position: absolute; 
  visibility: hidden;
  max-height: 200px;
  width:100%;
  margin-left:1em;
  overflow:scroll;
  float:left;
  background:#eee;
  border:1px solid #aaa;
  box-shadow: 2px 2px 6px #999;
  color:#666;
  top: 65px;
   z-index: 99;
}

.search_res{
  border: 1px solid #999;
  font-family: 'Roboto','sans-serif';
}

.search_res.no_result{
  color: #DC143C;
  font-family: 'Roboto','sans-serif';

}

.search{
  text-align: center;
  position: absolute;  
  top:7px;
  z-index: 5;
  background-color: #fff;
  border: 1px solid #999;
  font-family: 'Roboto','sans-serif';
  padding:.25em;
  font-size: 12px;

}

.search.origin{
   left: 0px;
}

.search.dest{ 
  left: 150px;
  
}

.search_res:hover{
   background: #fff; 
}

.bnt.inline{
  background-color: #90EE90;
  float: right;
  margin-left: 300px;
}


#jsonresp {
  width:10em;
  min-height:10.5em;
  margin-left:1em;
  padding:.25em;
  overflow-y:scroll;
  float:left;
  background:#eee;
  border:1px solid #aaa;
  box-shadow: 2px 2px 6px #999;
  color:#666;
}

.panel{
  display: block;
  padding-right: 5%;
}

.panel.sub{
  margin:1em;
  width:100%;
}

#footer {
      width:100%;
      position:fixed;
      bottom:0;
      text-align: right;
    }

#warper{
  position: relative;

}