/*
A custom Bootstrap 3.1 theme from http://bootply.com\

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/


html,body{
  	/*height:100%;*/
}


body{
   padding-top:50px;
}

.highlightlocClicked {
   color: #ffffff;
   background-color: #1199C3;
}

.highlightRed {
  color: #ffffff;
  background-color: #1199C3;
}

ul > li:hover {

  cursor: pointer; cursor: hand;
  color: #ffffff;
  background-color: #c9e2b3;
}

/* Portrait */
@media only screen
and (min-width: 50px)
and (max-width: 600px)
and (orientation: portrait) {

  #map-canvas {
    height: 400px;
  }
}

/* Landscape */
@media only screen
and (min-width: 50px)
and (max-width: 680px)
and (orientation: landscape) {

  #map-canvas {
    height: 300px;
  }
}

@media only screen
and (min-width: 768px )
{

  #map-canvas {
    width:100%;
    height: 700px;
  }

  .input-group > .form-control {
    width: 100%;
  }
}