/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27.08.2015, 27.08.2015 12:40:07
    Author     : edubreste001
*/
 #map {
            position:fixed;
            height: 100%;
            border: 1px solid #ccc;
            margin-bottom: 15px;
            width:60%;

        }
        #map1 {
            position: absolute;
            float: left;
            //top: 64px;
            height: 82%;
            width: 95%;

        }
h1{
    font-size:2rem;
    margin:0 0 0.5rem;

}
h2{
    font-size:1.5rem;
    margin:0 0 0rem;
}
.blue-grey{ 
    color:white !important;
    height:100px;

}
.banner{
    background-image: url("../images/banner.jpeg") ;
    background-repeat:no-repeat;
    background-size: 100% auto !important;
    opacity: 0.9;

}
.side-nav li{
    color:black ;
}


header, main, footer {
    padding-left: 40%; 
}


@media only screen and (max-width : 992px) {
    header, main, footer {
        padding-left: 0; 
    }
    .header_left{
        visibility: hidden;
    }
    .blue-grey{ 
        color:white !important;
        height:50px;
    }
    .navbar{
        height:50px !important;
    }
    .side-nav.fixed a{
        padding:25px 20px !important;
        text-transform: inherit !important;
        margin-left:10% !important;
    }
    .side-nav a{ 
        height: 64px;
        line-height: 64px;
        padding: 10px 15px;
    }
    .side-nav .collapsible-body {
        background-color:white; //#FEFEFE;
        margin-right:15px;
        margin-left:15px;
    }
    .noClick{ 
        pointer-events: none;
        cursor: default;
    }   
    .toogleBtn{
        visibility:hidden;
    }
}
@media only screen and (max-width : 1500px) {
    .hide-img{
        visibility: hidden;
    }
  
}

.dropdown-content {
    z-index: 9999999;
}

.toogleBtn{
        position: absolute;
        left:    40%;
        bottom:   0;
    }
    
.page-footer{
    bottom:0;
    position:absolute;
    width:100%;
    background-color: black !important;
}
.side-nav .collapsible-header{
    margin:10px 1rem !important;
    border: 1px solid #DDD;
    background:#BABABA;
}
.side-nav .collapsible-header:hover{
    margin:10px 1rem !important;
    border: 0px solid #DDD;
}
.side-nav .collapsible-header:focus{
    margin:10px 1rem !important;
    border: 0px solid #DDD;
}
.side-nav .collapsible-header:active{
    margin:10px 1rem !important;
    border: 0px solid #DDD;
}
.side-nav .collapsible-body {
    background-color:white; //#FEFEFE;
    border-bottom:0.0px solid #DDD;
    margin-right:15px;
}

.btn:hover, .btn-large:hover {
    background-color: #F6F6F6;
}
.side-nav a{ 
    font-size: 0.9em;
    line-height: 100%;
    height:auto;

}

.side-nav.fixed a{
    padding:10px 10px;
    text-transform: inherit !important;
    margin-left:10%;

}
.dropdown-button{
    color:white !important; 
    float:right;
}  
.dropdown-content li > a, .dropdown-content li > span{
    color:black !important; 
}

.side-nav .collapsible{
    //margin:50px 0 50px 0;
}

.leaflet-control-layers-selector{
    position: relative !important;
    left: 0 !important;
    visibility: visible !important;
}
.hide{
    visibility: hidden;
}

.list-color-ungerade{
    background:#E7E7E7 !important;

}
.list-color-gerade{
    background:#FFF !important;

}
.side-nav li:hover, .side-nav li.active {
    background-color: #FFF;

}
.active{
    border:0px !important;
}


.content{
    border-left: 1px solid black;
}

.menu_left_img{
    padding:0 !important;
    margin-left:0 !important;
}
.left_menu{
    background-color: #37474F;
    position:fixed;
    bottom:0px;
    border-right:1px solid black;
    height:100%;

}
img:hover, img:focus{
    cursor: pointer;
/*    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 2px 2px 5px #999; */
}

select{
    color:black !important;
    font-weight:bold !important;
    text-align: center !important;
}

.side-nav.fixed a {
    padding: 18px;
}
.tabs .tab a:hover {
    font-family: bold;
    color: #DA2127;
}

.side-nav.fixed {
    float: left;
    left: 0px;
    position: fixed;
    margin-top: 150px;
}