/* Start Form Area */
#trip_planner_container {
  background-color:#fff;
}

#trip_planner_title {
  border-bottom:2px solid #000;
  padding:15px;
}

#trip_planner_inner_container {
  padding:15px;
}

#trip_planner_container input[type=text], label {
  display:block;
  margin-bottom:8px;
}

#trip_planner_container input[type=text] {
  width:100%;
  border-top:none;
  border-right:none;
  border-bottom:1px solid #000;
  border-left:none;
}

#trip_planner_container input[type=text]#trip_planner_date {
  width:50%;
  float:left;
}

#trip_planner_container input[type=text]#trip_planner_time {
  width:40%;
  float:right;
}

#trip_planner_container input[type=button] {
  width:100%;
  padding:10px;
  border:1px solid #000;
}

#trip_planne_expand_icon_link {
  float:right;
  color:#fff;
}

@media screen and (max-width: 800px) {
  #trip_planne_expand_icon_link {
    display:none;
  }
}
/* End Form Area */

/* Trip Planner Results Start */
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  /*height: 100%;*/
  height:400px;
  width:70%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#floating-panel {
  position: absolute;
  top: 10px;
  left: 25%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: "Roboto","sans-serif";
  line-height: 30px;
  padding-left: 10px;
}
#left-panel {
  font-family: "Roboto","sans-serif";
  line-height: 30px;
  /*padding-left: 10px;*/
}

#left-panel select, #left-panel input {
  font-size: 15px;
}

#left-panel select {
  width: 100%;
}

#left-panel i {
  font-size: 12px;
}
#left-panel {
  /*height: 100%;*/
  height:400px;
  background-color:#fff;
  float: left;
  width: 30%;
  overflow: auto;
}
#map {
  margin-right: 400px;
}
#floating-panel {
  background: #fff;
  padding: 5px;
  font-size: 14px;
  font-family: Arial;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
  display: none;
}
@media print {
  #map {
    height: 500px;
    margin: 0;
  }
  #left-panel {
    float: none;
    width: auto;
  }
}
/* Trip Planner Results End */