/* 
    Document   : style
    Created on : 03.04.2014, 10:51:45
    Author     : all4dk
    Description:
        Purpose of the stylesheet follows.
*/

html {height: 100%;}
body {margin: 0; padding: 0; height: 100%; width: 100%; overflow: hidden;}
div#map {width: 100%; position: absolute; top: 0; bottom: 0px;}
body.openBox div#map {right: 250px;}
div.infoCard h3 {text-align: center; margin-top: 0;}
div.infoCard img {width: 200px; float: left; margin: 0 10px 5px 0;}
div.header {display: block; position: absolute; top: 0; left: 110px; border-radius: 0 0 5px 5px; z-index: 1000; background-color: #FFF; padding: 5px 10px;}
div.header h1 {display: inline; color: #333; cursor: default;}
div.add {cursor: pointer;}

.form-group .error {display: none;}
.form-group.has-error .error {display: inline-block;}

#wayPoints {margin-bottom: 10px;}
#wayPoints .wayPoint {cursor: pointer; border: solid 1px #999; padding: 2px 5px; margin-bottom: 3px; background-color: #fff;}
#wayPoints .wayPoint span {font-weight: bold; color: red;}

#routes {margin-bottom: 10px; height: 200px; background-color: #ff9999;}
#routes .route {cursor: pointer; border: solid 1px #999; padding: 2px 5px; margin-bottom: 3px;}
#routes .route span {font-weight: bold; color: red;}

/*Controls for BOX*/
div#control {width: 50px; position: absolute; top: 0; right: 0;bottom: 50px; color: white; font-size: 20px; padding-top: 10px;}
body.openBox div#control {right: 250px;}
div#control div {background-color: rgba(15, 15, 15, 0.65); border-radius: 8px 0 0 8px; width: auto; padding: 10px; margin-left: 10px; margin-bottom: 8px;}
div#control div:hover {background-color: #000;}
div#control div.active {background-color: rgb(255, 162, 0);}
div#control div.big {font-size: 22px; padding: 14px; margin-left: 0;}
div#control div._t {border-radius: 8px 0 0 0;border-bottom: solid 1px #666; margin-bottom: 0;}
div#control div._c {border-radius: 0; border-bottom: solid 1px #666; margin-bottom: 0;}
div#control div._b {border-radius: 0 0 0 8px;}
div#control div.space {height: 10px; background-color: transparent; padding: 0;}

/*BOX*/
body.openBox div#box {display: block;}
div#box {width: 250px; display: none; position: absolute; top: 0; right: 0;bottom: 0px; border-left: 2px solid rgba(45, 45, 45, 0.8); padding: 0 7px;}
div#box #boxClose {position: absolute; right: 7px; top: 7px; color: #999; font-size: 18px; font-weight: bolder; cursor: pointer;}
div#box div {display: none;}
div#box div div{display: block;}
div#box h3 {margin-top: 10px;}

.layers {cursor: pointer;}
.layers.selected {font-weight: bold;}

/*Leaflet FIX*/
.leaflet-popup-content-wrapper .leaflet-popup-scrolled {border-bottom: none;border-top: none;}