/*
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 : 22/06/2017, 15:40:13
    Author     : marangoni
*/

/* Windfarm */


/* Dark attribution */
.mapbox-improve-map { display: none; }
.mapboxgl-ctrl-bottom-right { display: none; }
.mapboxgl-ctrl-bottom-left { display: none; }
.mapboxgl-ctrl.mapboxgl-ctrl-attrib { background-color:rgba(0,0,0,0.5); }
.mapboxgl-ctrl.mapboxgl-ctrl-attrib a { color:#fff; } 

.panel-mapbox {
  border-radius: 5px;
  border: 1px; 
}

#title-trace {
    position: relative;
    top: -30px;
    left: 4px;
    bottom: 15px;
    width: 30px;
    padding-left: 10px;
    padding-right: 10px;
    color:yellow;
}

#title-top {
    position: relative;
    top: -2px;
    left: 41px;
    bottom: 15px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    color: yellow;
}

#title-bottom {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 50%;
    overflow: auto;
    background: rgba(0, 102, 102, 0.5);
    padding-left: 10px;
    padding-right: 10px;
    color:white;
}

#vis-bottom {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: 99%;
    overflow: auto;
    background: #1c1c1c;
    padding-left: 10px;
    padding-right: 10px;
    max-height: 350px;
}

#button-menu {
    position: relative;
    top: 10px;
    left: 5px;
    bottom: 15px;
    width: 280px;
    overflow: auto;
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    color:white;
}

#sidebar {
    position: relative;
    top: 25px;
    left: 15px;
    bottom: 15px;
    width: 300px;
    overflow: auto;
    background: white; 
    border-radius: 6px;
    border: 1px; 
    box-shadow: 1px 1px 1px #888888;
    padding-left: 0;
    padding-right: 0;  
    margin-top: 0;
}


#sidebar-settings {
    position: relative;
    top: 15px;
    left: 35px;
    bottom: 15px;
    width: 300px;
    overflow: auto;
    background: white; 
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
    border: 1px; 
    box-shadow: 1px 1px 1px #888888;
    padding-left: 0;
    padding-right: 0px;    
    z-index: 10;
    
}
#sidebar-mapcad-rede {
    position: relative;
    top: 25px;
    left: 15px;
    bottom: 15px;
    width: 350px;
    overflow: auto;
    background: white; 
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
    border: 1px; 
    box-shadow: 1px 1px 1px #888888;
    padding-left: 0;
    padding-right: 0px;    
}

#sidebar-mapcad-linha {
    position: relative;
    top: 25px;
    left: 15px;
    bottom: 15px;
    width: 350px;
    overflow: auto;
    background: white; 
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
    border: 1px; 
    box-shadow: 1px 1px 1px #888888;
    padding-left: 0;
    padding-right: 0px;    
}

.listing-group {
    position: absolute;
    top: 90px;
    right: 10px;
    z-index: 1;
    border-radius: 3px;
    max-width: 25%;
    float: right;
    background: rgba(0, 102, 102, 0.5);
    padding: 10px;
    color:white;

}

.listing-group input[type=checkbox]:first-child + label {
    border-radius: 3px 3px 0 0;
}

.listing-group label:last-child {
    border-radius: 0 0 3px 3px;
    border: none;
}

.listing-group input[type=checkbox] {
    display: none;
}

.listing-group input[type=checkbox] + label {
    background-color: #3386c0;
    display: block;
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.listing-group input[type=checkbox] + label {
    background-color: #3386c0;
    text-transform: capitalize;
}

.listing-group input[type=checkbox] + label:hover,
.listing-group input[type=checkbox]:checked + label {
    background-color: #4ea0da;
}

.listing-group input[type=checkbox]:checked + label:before {
    content: '✔';
    margin-right: 5px;
}        

.filter-ctrl {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    width: 180px;
}

.filter-ctrl input[type=text] {
    font-family: "Aller_It";
    width: 100%;
    border: 0;
    background-color: #fff;
    height: 40px;
    margin: 0;
    color: rgba(0,0,0,.5);
    padding: 10px;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
    border-radius: 3px;
}

.font-map {
    font-family: "Aller_It";
}


.mapboxgl-ctrl-group > button {
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid #444;
    box-sizing: border-box;
    background-color: #1c1c1c;
    cursor: pointer;
}

.mapboxgl-popup-content {
    background: #777;
}