/*
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; /*padding for navbar*/
}
.lg-container{
	height:auto;
	padding:5px 10px;
	padding-right:10px;
	padding-bottom:20px;
	padding-top:0px;
	width:auto;
	border:1px solid #f4f4f4;
	background:rgba(255,255,255,.5);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	-webkit-box-shadow: 0 0 2px #aaa;
	-moz-box-shadow: 0 0 2px #aaa;
	box-shadow: 0 0 2px #aaa;
}
.lg-container h1{
	font-size:40px;
	text-align:center;
}
.textbox input[type="text"] {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.textbox input[type="text"]:focus,
.textbox input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

/* Rounded Corner */
.textbox-round {
	border:2px solid #456879;
	border-radius:12px;
	height: 33px;
	width: 250px;
	text-align:center;
}

.navbar-custom .icon-bar {
	background-color:#fff;
}

.navbar-custom {
	background-color: #168ccc;
    color:#fff;
}

.navbar-custom li>a:hover,.navbar-custom li>a:focus {
	background-color:#49bfff;
}

.navbar-custom a{
    color:#fefefe;
}

.navbar-custom .form-control:focus {
	border-color: #49bfff;
	outline: 0;
	-webkit-box-shadow: inset 0 0 0;
	box-shadow: inset 0 0 0;
}

#main, #main>.row {
	width:100%;
	height:100%;
}

#main>.row {
    overflow-y:scroll;
}

#left {
	padding-left:0px;
	width:auto;
	top:50px;
	height: 100%;
	background-color: #69F;
	background-position: left top;
}

#map-canvas {
	height: 100%;
	position: absolute;
	right: 0px;
	top: 50px;
	bottom: 0;
	overflow: hidden;
}