/*
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*/
}

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

.navbar-custom button {
    color:#000;
}

.navbar-custom .navbar-brand {
    font-size: 21px;
}

.navbar-custom {
    background-color:#255B82;
    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 {
    height:100%;
}

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

#left {
    height:100%;
}

#map-canvas {
    width:33.3333%;
    height:calc(100% - 0);
    position:absolute;
    right:16px;
    top:50px;
    bottom:0;
    overflow:hidden;
}

.auto {
    height: 200px;
    overflow: auto;
}

.panel-default > .panel-heading .badge-white{
    background-color:#FFF;
    color:#000;
    border:solid;
    border-width:1px;
}

h1 {
    font-size: 26px;
    text-decoration: underline;
}

h2 {
    font-size: 17px;
}

h3 {
    font-size: 18px;
}

footer{
    background-color:#255B82;
    color:#fff;
    font-size: 17px;
}

footer a{
    text-decoration: underline;
    color:#aaa;
}

footer a:hover{
    color:#ddd;
}