body {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

html, body, #map {
    height: 100%;
    font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/*
.navbar-nav > li > a, .navbar-brand {
    padding-top:5px !important; padding-bottom:0 !important;
    height: 30px;

}
.navbar {min-height:30px !important;

}
*/

.fullscreen-below-nav-bar {
    position: absolute;
    width: 100%;
    top: 44px;
    bottom: 0;
}

@media only screen and (max-device-width:480px){
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    .fullscreen-below-nav-bar {
        position: absolute;
        width: 100%;
        top: 44px;
        bottom: 0;
    }
}
@media only screen and (device-width:768px){
    /* default iPad screens */
    .fullscreen-below-nav-bar {
        position: absolute;
        width: 100%;
        top: 44px;
        bottom: 0;
    }
}
.relative-fullscreen {
    position: relative;
    width: 100%;
    height: 100%;
}
.sidebar{
    z-index: 1000;
}

.villattribution {
    position: absolute;
    bottom: 1em;
    right: .5em;
}

.panel-body {
    padding: 3px;
}



#plotInfoContPop {
    position: absolute;
    bottom: 1em;
    right: 1em;
    width: 60%;
    z-index: 20000;
    background-color:#242424;
    padding: 0 0.5em 0.5em 0.5em;
    opacity: 0.8;
    font-size: 75%;
    display: none;
    max-height: 80%;
    max-width: 300px;
    overflow: scroll;
    color: #ffffff;
}
#plotInfoContPop th {
    color: #ffffff;
    background-color: transparent;
    font-size: 85% ;
    margin: 0;
    padding-top: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #fcb100;
}

.sidebar-tabs > li, .sidebar-tabs > ul > li {
    list-style-type: none;
}

.layerlist > ul > li > ul{
    padding: 0px;
    margin: 0px;
}