body{
    margin:0;
    overflow:hidden;
    font-family:'Source Sans Pro', sans-serif !important;
    line-height: 1!important;
    padding:0; 
}

#categoria_1,#categoria_2,#categoria_3{
    background-color:#fff;
}

.container{
    position: relative; 
    width: 100%;
    margin:auto;  
}

.map {
    width: 100%;
    overflow:hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom:0; 
}

.material-icons.olbuttons {
    font-size: 1.14em;
    font-weight:700;
    text-align: center;
}

.titolTopNav{
    text-decoration:none;
    cursor: default;
    color:#000000 !important;
    border-right:1px solid black;
    float:right !important;
}

/*Menu*/

.topnav {
    background-color: 'rgba(255,255,255,0)';
    /*overflow: hidden;*/
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 9999999;
    box-sizing:border-box;
    padding-left:20vw;

}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #999393;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 13px;
}
.topnav img{
    width:7rem;
}

/* Add an active class to highlight the current page */
.active {
    /*background-color: #4CAF50 !important;*/
    color: black !important;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    /*font-size: 13px; */
    border: none;
    outline: none;
    color: #999393;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    /*background-color: 'rgba(255,255,255,1)' !important;*/
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: 16px;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: #9e9e9e;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: rgba(255,255,255,0);
    color: black;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    /*background-color: #ddd;*/
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}

.collapsible-titol{
    display:inline-block;
    width:90%;  
}

.collapsible-icon{
    display:inline-block;
    width:10%;  
}

.collapsible-header i {
    font-size: 1.1rem !important;
    margin-right: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.collapsible li{
    border-top:2px solid white;
}

.collapsible-body {
    border-bottom: 0px solid #ddd !important;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
 }

 .collapsible-header {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-left: 5px;
    background-color:#dbdbdb;
    font-weight: bold;
}

.collection a.collection-item {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
    padding-left: 20px;
    color: #707070;
}
/*como estaba antes*/
#graficos_de_barras{
    display:block;
    position:absolute;
    bottom:20px;
    right:4.5%;
    z-index:9999999 !important;
    /*width:65vw; 
    height:15.5vw;*/
}
/*#grafico_distritos{
  
    width:65vw; 
    height:15.5vw ;   
}*/
/*#graficos_de_barras{
    display:block;
    position:relative;
    top:200px;
    bottom:20px;
    right:100px;
    z-index:9999999 !important;
    width:65vw; 
    height:15.5vw    
}*/
.collection .collection-item {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left:   8px !important;
    padding-right:  0px !important;
    border-bottom:  0px !important;
    line-height: 1rem !important;
}


.compartirTopNav{
    text-decoration:none;
    cursor: pointer;
    color:#000000 !important;
    float:right !important;   
    width:180px;
}
.compartirTopNav i{
    font-size: 1.14em;
    font-weight: 700;
}

.logo{
    padding: 0px 16px !important; 
    float: right !important;      
}

.titolSubCategoria{
    font-weight: bolder;
    /*font-size: 13px;*/
    background-color:#E91B1D;    
    color: #ffffff;
    padding: 6px;
    cursor: pointer;
}

.infoLlegenda {
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    background-color: rgba(255,255,255,0);
    width: 360px;
    position: absolute;
    top: 0px;
    left: 16px;
    z-index: 99999999;
    /*height: 99%;*/
    /*font-size: 13px;*/
    font-size:0.87rem;
    /* padding-left: 13px;
    padding-bottom: 13px;
    padding-right:13px;
    padding-top: 1px; */
}

.elementMapaDetall{
    font-size:0.87rem;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 1px;
    /*min-height: 17.6vh;*/
}
.elementMapaInfo{
    font-size:inherit;
    height: 5%;
}

.infoElement{
    font-size:inherit;
    height: 3vw;
}

.elementMapaImgs{
    width:100%;
    display:table;   
    margin: 6px 0;
}

.elementMapaTitol{
    text-decoration: underline;
    font-weight: bolder;
    margin: 6px 0;
    font-size:inherit;
}

.elementMapaDetallMissatge{
    text-decoration: underline;
    font-weight: bolder;
    margin: 6px 0;
}

.elementMapaImg{
    border:1px solid white;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width:50%;
} 

.elementMapaImg img{
    max-width:100%;
    vertical-align:middle; /*siempre para quitar el espacio qeu deja abajo*/
}   

.elementMapaLlegenda{
    margin: 6px 0;
    height: 33.5vw;
    top: 14vw;
    position: absolute;
    text-align: center;
}

.elementMapaLlegendaCarrilBici{
    height: 14.5vw !important;
    top: 33vw !important;    
}

.elementMapaLlegendaPromocions{
    height: 27.5vw !important;
    top: 20vw !important;    
}

.titolLlegenda{
    font-weight: bolder;
    margin: 6px 0;
    text-align: left;
}

.infoCategoria {
    height: 7vw;
    top: 39.9vw;
    position: absolute;
    text-align: justify;
    box-sizing: border-box;
    overflow: hidden;
    width: 23vw;
    z-index: 99999999;
    right: 93px;
    font-size: 0.87rem;
    background: rgba(255,255,255,0.7);
    padding: 13px;
}

.titolInfoCategoria{
    margin-bottom:5px;
    color: rgba(0, 175, 245, 1);
    font-weight: bolder;
}

.bottomNav   { 
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 55px;
    top: 46vw;
    color: rgba(41, 41, 42, 0.7);
    cursor: pointer;
}

/*Openlayers Controls*/
.ol-zoom {
    bottom: 6em !important;
    right: 1.5em !important;
    top:auto !important;
    left:auto !important;
}

.ol-zoom-extent {
    bottom:4em !important;
    right: 1.5em !important;
    top: auto;
    left: auto;
}

.ol-attribution.ol-uncollapsible {
    bottom: 2.5em;
    right: 1.5em !important;
    border-radius: 4px 0 0;
    height: 1.1em;
    line-height: 1em;
    z-index: 1000;
}

.ol-attribution li {
    color: rgba(0, 175, 245, 1);
}

.ol-attribution a {
    color: rgba(0, 175, 245, 1);
}

.ol-zoom .ol-zoom-in {
    border-radius: 10px 10px 0 0 !important;
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 10px 10px !important;
}

.ol-control {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0px;
    padding: 0px;
    margin: 0;
}

.ol-control button:focus, .ol-control button:hover {
    text-decoration: none;
    background-color: rgba(41, 41, 42, 0.7);
}

.ol-control button {
    
    background-color: #99939390;
    
}

.ol-zoom-extent button{
    border-radius:10px;
}

.mapbox-attribution-container {
    bottom: 12px;
    right: 16px;
    position: absolute;
    display: block;
    margin: 0 10 5;
    z-index: 999999;
    font-size:12px;
}

.mapbox-wordmark {
    position: absolute;
    display: block;
    height: 20px;
    width: 65px;
    left: 10px;
    bottom: 10px;
    text-indent: -9999px;
    z-index: 99999;
    overflow: hidden;

    /* `background-image` contains the Mapbox wordmark */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAuNDcgMjAuMDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwLjQ3IDIwLjAyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MC42O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30uc3Qxe29wYWNpdHk6MC42O2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fTwvc3R5bGU+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5LjI5LDEzLjYxYzAsMC4xMS0wLjA5LDAuMi0wLjIsMC4yaC0xLjUzYy0wLjEyLDAtMC4yMy0wLjA2LTAuMjktMC4xNmwtMS4zNy0yLjI4bC0xLjM3LDIuMjhjLTAuMDYsMC4xLTAuMTcsMC4xNi0wLjI5LDAuMTZoLTEuNTNjLTAuMDQsMC0wLjA4LTAuMDEtMC4xMS0wLjAzYy0wLjA5LTAuMDYtMC4xMi0wLjE4LTAuMDYtMC4yN2MwLDAsMCwwLDAsMGwyLjMxLTMuNWwtMi4yOC0zLjQ3Yy0wLjAyLTAuMDMtMC4wMy0wLjA3LTAuMDMtMC4xMWMwLTAuMTEsMC4wOS0wLjIsMC4yLTAuMmgxLjUzYzAuMTIsMCwwLjIzLDAuMDYsMC4yOSwwLjE2bDEuMzQsMi4yNWwxLjMzLTIuMjRjMC4wNi0wLjEsMC4xNy0wLjE2LDAuMjktMC4xNmgxLjUzYzAuMDQsMCwwLjA4LDAuMDEsMC4xMSwwLjAzYzAuMDksMC4wNiwwLjEyLDAuMTgsMC4wNiwwLjI3YzAsMCwwLDAsMCwwTDc2Ljk2LDEwbDIuMzEsMy41Qzc5LjI4LDEzLjUzLDc5LjI5LDEzLjU3LDc5LjI5LDEzLjYxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02My4wOSw5LjE2Yy0wLjM3LTEuNzktMS44Ny0zLjEyLTMuNjYtMy4xMmMtMC45OCwwLTEuOTMsMC40LTIuNiwxLjEyVjMuMzdjMC0wLjEyLTAuMS0wLjIyLTAuMjItMC4yMmgtMS4zM2MtMC4xMiwwLTAuMjIsMC4xLTAuMjIsMC4yMnYxMC4yMWMwLDAuMTIsMC4xLDAuMjIsMC4yMiwwLjIyaDEuMzNjMC4xMiwwLDAuMjItMC4xLDAuMjItMC4yMnYtMC43YzAuNjgsMC43MSwxLjYyLDEuMTIsMi42LDEuMTJjMS43OSwwLDMuMjktMS4zNCwzLjY2LTMuMTNDNjMuMjEsMTAuMyw2My4yMSw5LjcyLDYzLjA5LDkuMTZMNjMuMDksOS4xNnogTTU5LjEyLDEyLjQxYy0xLjI2LDAtMi4yOC0xLjA2LTIuMy0yLjM2VjkuOTljMC4wMi0xLjMxLDEuMDQtMi4zNiwyLjMtMi4zNnMyLjMsMS4wNywyLjMsMi4zOVM2MC4zOSwxMi40MSw1OS4xMiwxMi40MXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjguMjYsNi4wNGMtMS44OS0wLjAxLTMuNTQsMS4yOS0zLjk2LDMuMTNjLTAuMTIsMC41Ni0wLjEyLDEuMTMsMCwxLjY5YzAuNDIsMS44NSwyLjA3LDMuMTYsMy45NywzLjE0YzIuMjQsMCw0LjA2LTEuNzgsNC4wNi0zLjk5UzcwLjUxLDYuMDQsNjguMjYsNi4wNHogTTY4LjI0LDEyLjQyYy0xLjI3LDAtMi4zLTEuMDctMi4zLTIuMzlzMS4wMy0yLjQsMi4zLTIuNHMyLjMsMS4wNywyLjMsMi4zOVM2OS41MSwxMi40MSw2OC4yNCwxMi40Mkw2OC4yNCwxMi40MnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTkuMTIsNy42M2MtMS4yNiwwLTIuMjgsMS4wNi0yLjMsMi4zNnYwLjA2YzAuMDIsMS4zMSwxLjA0LDIuMzYsMi4zLDIuMzZzMi4zLTEuMDcsMi4zLTIuMzlTNjAuMzksNy42Myw1OS4xMiw3LjYzeiBNNTkuMTIsMTEuMjNjLTAuNiwwLTEuMDktMC41My0xLjExLTEuMTlWMTBjMC4wMS0wLjY2LDAuNTEtMS4xOSwxLjExLTEuMTlzMS4xMSwwLjU0LDEuMTEsMS4yMVM1OS43NCwxMS4yMyw1OS4xMiwxMS4yM3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjguMjQsNy42M2MtMS4yNywwLTIuMywxLjA3LTIuMywyLjM5czEuMDMsMi4zOSwyLjMsMi4zOXMyLjMtMS4wNywyLjMtMi4zOVM2OS41MSw3LjYzLDY4LjI0LDcuNjN6IE02OC4yNCwxMS4yM2MtMC42MSwwLTEuMTEtMC41NC0xLjExLTEuMjFzMC41LTEuMiwxLjExLTEuMnMxLjExLDAuNTQsMS4xMSwxLjIxUzY4Ljg1LDExLjIzLDY4LjI0LDExLjIzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00My41Niw2LjI0aC0xLjMzYy0wLjEyLDAtMC4yMiwwLjEtMC4yMiwwLjIydjAuN2MtMC42OC0wLjcxLTEuNjItMS4xMi0yLjYtMS4xMmMtMi4wNywwLTMuNzUsMS43OC0zLjc1LDMuOTlzMS42OSwzLjk5LDMuNzUsMy45OWMwLjk5LDAsMS45My0wLjQxLDIuNi0xLjEzdjAuN2MwLDAuMTIsMC4xLDAuMjIsMC4yMiwwLjIyaDEuMzNjMC4xMiwwLDAuMjItMC4xLDAuMjItMC4yMlY2LjQ0YzAtMC4xMS0wLjA5LTAuMjEtMC4yMS0wLjIxQzQzLjU3LDYuMjQsNDMuNTcsNi4yNCw0My41Niw2LjI0eiBNNDIuMDIsMTAuMDVjLTAuMDEsMS4zMS0xLjA0LDIuMzYtMi4zLDIuMzZzLTIuMy0xLjA3LTIuMy0yLjM5czEuMDMtMi40LDIuMjktMi40YzEuMjcsMCwyLjI4LDEuMDYsMi4zLDIuMzZMNDIuMDIsMTAuMDV6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTM5LjcyLDcuNjNjLTEuMjcsMC0yLjMsMS4wNy0yLjMsMi4zOXMxLjAzLDIuMzksMi4zLDIuMzlzMi4yOC0xLjA2LDIuMy0yLjM2VjkuOTlDNDIsOC42OCw0MC45OCw3LjYzLDM5LjcyLDcuNjN6IE0zOC42MiwxMC4wMmMwLTAuNjcsMC41LTEuMjEsMS4xMS0xLjIxYzAuNjEsMCwxLjA5LDAuNTMsMS4xMSwxLjE5djAuMDRjLTAuMDEsMC42NS0wLjUsMS4xOC0xLjExLDEuMThTMzguNjIsMTAuNjgsMzguNjIsMTAuMDJ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5LjkxLDYuMDRjLTAuOTgsMC0xLjkzLDAuNC0yLjYsMS4xMlY2LjQ1YzAtMC4xMi0wLjEtMC4yMi0wLjIyLTAuMjJoLTEuMzNjLTAuMTIsMC0wLjIyLDAuMS0wLjIyLDAuMjJ2MTAuMjFjMCwwLjEyLDAuMSwwLjIyLDAuMjIsMC4yMmgxLjMzYzAuMTIsMCwwLjIyLTAuMSwwLjIyLTAuMjJ2LTMuNzhjMC42OCwwLjcxLDEuNjIsMS4xMiwyLjYxLDEuMTJjMi4wNywwLDMuNzUtMS43OCwzLjc1LTMuOTlTNTEuOTgsNi4wNCw0OS45MSw2LjA0eiBNNDkuNiwxMi40MmMtMS4yNiwwLTIuMjgtMS4wNi0yLjMtMi4zNlY5Ljk5YzAuMDItMS4zMSwxLjA0LTIuMzcsMi4yOS0yLjM3YzEuMjYsMCwyLjMsMS4wNywyLjMsMi4zOVM1MC44NiwxMi40MSw0OS42LDEyLjQyTDQ5LjYsMTIuNDJ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ5LjYsNy42M2MtMS4yNiwwLTIuMjgsMS4wNi0yLjMsMi4zNnYwLjA2YzAuMDIsMS4zMSwxLjA0LDIuMzYsMi4zLDIuMzZzMi4zLTEuMDcsMi4zLTIuMzlTNTAuODYsNy42Myw0OS42LDcuNjN6IE00OS42LDExLjIzYy0wLjYsMC0xLjA5LTAuNTMtMS4xMS0xLjE5VjEwQzQ4LjUsOS4zNCw0OSw4LjgxLDQ5LjYsOC44MWMwLjYsMCwxLjExLDAuNTUsMS4xMSwxLjIxUzUwLjIxLDExLjIzLDQ5LjYsMTEuMjN6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM0LjM2LDEzLjU5YzAsMC4xMi0wLjEsMC4yMi0wLjIyLDAuMjJoLTEuMzRjLTAuMTIsMC0wLjIyLTAuMS0wLjIyLTAuMjJWOS4yNGMwLTAuOTMtMC43LTEuNjMtMS41NC0xLjYzYy0wLjc2LDAtMS4zOSwwLjY3LTEuNTEsMS41NGwwLjAxLDQuNDRjMCwwLjEyLTAuMSwwLjIyLTAuMjIsMC4yMmgtMS4zNGMtMC4xMiwwLTAuMjItMC4xLTAuMjItMC4yMlY5LjI0YzAtMC45My0wLjctMS42My0xLjU0LTEuNjNjLTAuODEsMC0xLjQ3LDAuNzUtMS41MiwxLjcxdjQuMjdjMCwwLjEyLTAuMSwwLjIyLTAuMjIsMC4yMmgtMS4zM2MtMC4xMiwwLTAuMjItMC4xLTAuMjItMC4yMlY2LjQ0YzAuMDEtMC4xMiwwLjEtMC4yMSwwLjIyLTAuMjFoMS4zM2MwLjEyLDAsMC4yMSwwLjEsMC4yMiwwLjIxdjAuNjNjMC40OC0wLjY1LDEuMjQtMS4wNCwyLjA2LTEuMDVoMC4wM2MxLjA0LDAsMS45OSwwLjU3LDIuNDgsMS40OGMwLjQzLTAuOSwxLjMzLTEuNDgsMi4zMi0xLjQ5YzEuNTQsMCwyLjc5LDEuMTksMi43NiwyLjY1TDM0LjM2LDEzLjU5eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04MC4zMiwxMi45N2wtMC4wNy0wLjEyTDc4LjM4LDEwbDEuODUtMi44MWMwLjQyLTAuNjQsMC4yNS0xLjQ5LTAuMzktMS45MmMtMC4wMS0wLjAxLTAuMDItMC4wMS0wLjAzLTAuMDJjLTAuMjItMC4xNC0wLjQ4LTAuMjEtMC43NC0wLjIxaC0xLjUzYy0wLjUzLDAtMS4wMywwLjI4LTEuMywwLjc0bC0wLjMyLDAuNTNsLTAuMzItMC41M2MtMC4yOC0wLjQ2LTAuNzctMC43NC0xLjMxLTAuNzRoLTEuNTNjLTAuNTcsMC0xLjA4LDAuMzUtMS4yOSwwLjg4Yy0yLjA5LTEuNTgtNS4wMy0xLjQtNi45MSwwLjQzYy0wLjMzLDAuMzItMC42MiwwLjY5LTAuODUsMS4wOWMtMC44NS0xLjU1LTIuNDUtMi42LTQuMjgtMi42Yy0wLjQ4LDAtMC45NiwwLjA3LTEuNDEsMC4yMlYzLjM3YzAtMC43OC0wLjYzLTEuNDEtMS40LTEuNDFoLTEuMzNjLTAuNzcsMC0xLjQsMC42My0xLjQsMS40djMuNTdjLTAuOS0xLjMtMi4zOC0yLjA4LTMuOTctMi4wOWMtMC43LDAtMS4zOSwwLjE1LTIuMDIsMC40NWMtMC4yMy0wLjE2LTAuNTEtMC4yNS0wLjgtMC4yNWgtMS4zM2MtMC40MywwLTAuODMsMC4yLTEuMSwwLjUzYy0wLjAyLTAuMDMtMC4wNC0wLjA1LTAuMDctMC4wOGMtMC4yNy0wLjI5LTAuNjUtMC40NS0xLjA0LTAuNDVoLTEuMzJjLTAuMjksMC0wLjU3LDAuMDktMC44LDAuMjVDNDAuOCw1LDQwLjEyLDQuODUsMzkuNDIsNC44NWMtMS43NCwwLTMuMjcsMC45NS00LjE2LDIuMzhjLTAuMTktMC40NC0wLjQ2LTAuODUtMC43OS0xLjE5Yy0wLjc2LTAuNzctMS44LTEuMTktMi44OC0xLjE5aC0wLjAxYy0wLjg1LDAuMDEtMS42NywwLjMxLTIuMzQsMC44NGMtMC43LTAuNTQtMS41Ni0wLjg0LTIuNDUtMC44NGgtMC4wM2MtMC4yOCwwLTAuNTUsMC4wMy0wLjgyLDAuMWMtMC4yNywwLjA2LTAuNTMsMC4xNS0wLjc4LDAuMjdjLTAuMi0wLjExLTAuNDMtMC4xNy0wLjY3LTAuMTdoLTEuMzNjLTAuNzgsMC0xLjQsMC42My0xLjQsMS40djcuMTRjMCwwLjc4LDAuNjMsMS40LDEuNCwxLjRoMS4zM2MwLjc4LDAsMS40MS0wLjYzLDEuNDEtMS40MWMwLDAsMCwwLDAsMFY5LjM1YzAuMDMtMC4zNCwwLjIyLTAuNTYsMC4zNC0wLjU2YzAuMTcsMCwwLjM2LDAuMTcsMC4zNiwwLjQ1djQuMzVjMCwwLjc4LDAuNjMsMS40LDEuNCwxLjRoMS4zNGMwLjc4LDAsMS40LTAuNjMsMS40LTEuNGwtMC4wMS00LjM1YzAuMDYtMC4zLDAuMjQtMC40NSwwLjMzLTAuNDVjMC4xNywwLDAuMzYsMC4xNywwLjM2LDAuNDV2NC4zNWMwLDAuNzgsMC42MywxLjQsMS40LDEuNGgxLjM0YzAuNzgsMCwxLjQtMC42MywxLjQtMS40di0wLjM2YzAuOTEsMS4yMywyLjM0LDEuOTYsMy44NywxLjk2YzAuNywwLDEuMzktMC4xNSwyLjAyLTAuNDVjMC4yMywwLjE2LDAuNTEsMC4yNSwwLjgsMC4yNWgxLjMyYzAuMjksMCwwLjU3LTAuMDksMC44LTAuMjV2MS45MWMwLDAuNzgsMC42MywxLjQsMS40LDEuNGgxLjMzYzAuNzgsMCwxLjQtMC42MywxLjQtMS40di0xLjY5YzAuNDYsMC4xNCwwLjk0LDAuMjIsMS40MiwwLjIxYzEuNjIsMCwzLjA3LTAuODMsMy45Ny0yLjF2MC41YzAsMC43OCwwLjYzLDEuNCwxLjQsMS40aDEuMzNjMC4yOSwwLDAuNTctMC4wOSwwLjgtMC4yNWMwLjYzLDAuMywxLjMyLDAuNDUsMi4wMiwwLjQ1YzEuODMsMCwzLjQzLTEuMDUsNC4yOC0yLjZjMS40NywyLjUyLDQuNzEsMy4zNiw3LjIyLDEuODljMC4xNy0wLjEsMC4zNC0wLjIxLDAuNS0wLjM0YzAuMjEsMC41MiwwLjcyLDAuODcsMS4yOSwwLjg2aDEuNTNjMC41MywwLDEuMDMtMC4yOCwxLjMtMC43NGwwLjM1LTAuNThsMC4zNSwwLjU4YzAuMjgsMC40NiwwLjc3LDAuNzQsMS4zMSwwLjc0aDEuNTJjMC43NywwLDEuMzktMC42MywxLjM4LTEuMzlDODAuNDcsMTMuMzgsODAuNDIsMTMuMTcsODAuMzIsMTIuOTdMODAuMzIsMTIuOTd6IE0zNC4xNSwxMy44MWgtMS4zNGMtMC4xMiwwLTAuMjItMC4xLTAuMjItMC4yMlY5LjI0YzAtMC45My0wLjctMS42My0xLjU0LTEuNjNjLTAuNzYsMC0xLjM5LDAuNjctMS41MSwxLjU0bDAuMDEsNC40NGMwLDAuMTItMC4xLDAuMjItMC4yMiwwLjIyaC0xLjM0Yy0wLjEyLDAtMC4yMi0wLjEtMC4yMi0wLjIyVjkuMjRjMC0wLjkzLTAuNy0xLjYzLTEuNTQtMS42M2MtMC44MSwwLTEuNDcsMC43NS0xLjUyLDEuNzF2NC4yN2MwLDAuMTItMC4xLDAuMjItMC4yMiwwLjIyaC0xLjMzYy0wLjEyLDAtMC4yMi0wLjEtMC4yMi0wLjIyVjYuNDRjMC4wMS0wLjEyLDAuMS0wLjIxLDAuMjItMC4yMWgxLjMzYzAuMTIsMCwwLjIxLDAuMSwwLjIyLDAuMjF2MC42M2MwLjQ4LTAuNjUsMS4yNC0xLjA0LDIuMDYtMS4wNWgwLjAzYzEuMDQsMCwxLjk5LDAuNTcsMi40OCwxLjQ4YzAuNDMtMC45LDEuMzMtMS40OCwyLjMyLTEuNDljMS41NCwwLDIuNzksMS4xOSwyLjc2LDIuNjVsMC4wMSw0LjkxQzM0LjM3LDEzLjcsMzQuMjcsMTMuOCwzNC4xNSwxMy44MUMzNC4xNSwxMy44MSwzNC4xNSwxMy44MSwzNC4xNSwxMy44MXogTTQzLjc4LDEzLjU5YzAsMC4xMi0wLjEsMC4yMi0wLjIyLDAuMjJoLTEuMzNjLTAuMTIsMC0wLjIyLTAuMS0wLjIyLTAuMjJ2LTAuNzFDNDEuMzQsMTMuNiw0MC40LDE0LDM5LjQyLDE0Yy0yLjA3LDAtMy43NS0xLjc4LTMuNzUtMy45OXMxLjY5LTMuOTksMy43NS0zLjk5YzAuOTgsMCwxLjkyLDAuNDEsMi42LDEuMTJ2LTAuN2MwLTAuMTIsMC4xLTAuMjIsMC4yMi0wLjIyaDEuMzNjMC4xMS0wLjAxLDAuMjEsMC4wOCwwLjIyLDAuMmMwLDAuMDEsMCwwLjAxLDAsMC4wMlYxMy41OXogTTQ5LjkxLDE0Yy0wLjk4LDAtMS45Mi0wLjQxLTIuNi0xLjEydjMuNzhjMCwwLjEyLTAuMSwwLjIyLTAuMjIsMC4yMmgtMS4zM2MtMC4xMiwwLTAuMjItMC4xLTAuMjItMC4yMlY2LjQ1YzAtMC4xMiwwLjEtMC4yMSwwLjIyLTAuMjFoMS4zM2MwLjEyLDAsMC4yMiwwLjEsMC4yMiwwLjIydjAuN2MwLjY4LTAuNzIsMS42Mi0xLjEyLDIuNi0xLjEyYzIuMDcsMCwzLjc1LDEuNzcsMy43NSwzLjk4UzUxLjk4LDE0LDQ5LjkxLDE0eiBNNjMuMDksMTAuODdDNjIuNzIsMTIuNjUsNjEuMjIsMTQsNTkuNDMsMTRjLTAuOTgsMC0xLjkyLTAuNDEtMi42LTEuMTJ2MC43YzAsMC4xMi0wLjEsMC4yMi0wLjIyLDAuMjJoLTEuMzNjLTAuMTIsMC0wLjIyLTAuMS0wLjIyLTAuMjJWMy4zN2MwLTAuMTIsMC4xLTAuMjIsMC4yMi0wLjIyaDEuMzNjMC4xMiwwLDAuMjIsMC4xLDAuMjIsMC4yMnYzLjc4YzAuNjgtMC43MSwxLjYyLTEuMTIsMi42LTEuMTFjMS43OSwwLDMuMjksMS4zMywzLjY2LDMuMTJDNjMuMjEsOS43Myw2My4yMSwxMC4zMSw2My4wOSwxMC44N0w2My4wOSwxMC44N0w2My4wOSwxMC44N3ogTTY4LjI2LDE0LjAxYy0xLjksMC4wMS0zLjU1LTEuMjktMy45Ny0zLjE0Yy0wLjEyLTAuNTYtMC4xMi0xLjEzLDAtMS42OWMwLjQyLTEuODUsMi4wNy0zLjE1LDMuOTctMy4xNGMyLjI1LDAsNC4wNiwxLjc4LDQuMDYsMy45OVM3MC41LDE0LjAxLDY4LjI2LDE0LjAxTDY4LjI2LDE0LjAxeiBNNzkuMDksMTMuODFoLTEuNTNjLTAuMTIsMC0wLjIzLTAuMDYtMC4yOS0wLjE2bC0xLjM3LTIuMjhsLTEuMzcsMi4yOGMtMC4wNiwwLjEtMC4xNywwLjE2LTAuMjksMC4xNmgtMS41M2MtMC4wNCwwLTAuMDgtMC4wMS0wLjExLTAuMDNjLTAuMDktMC4wNi0wLjEyLTAuMTgtMC4wNi0wLjI3YzAsMCwwLDAsMCwwbDIuMzEtMy41bC0yLjI4LTMuNDdjLTAuMDItMC4wMy0wLjAzLTAuMDctMC4wMy0wLjExYzAtMC4xMSwwLjA5LTAuMiwwLjItMC4yaDEuNTNjMC4xMiwwLDAuMjMsMC4wNiwwLjI5LDAuMTZsMS4zNCwyLjI1bDEuMzQtMi4yNWMwLjA2LTAuMSwwLjE3LTAuMTYsMC4yOS0wLjE2aDEuNTNjMC4wNCwwLDAuMDgsMC4wMSwwLjExLDAuMDNjMC4wOSwwLjA2LDAuMTIsMC4xOCwwLjA2LDAuMjdjMCwwLDAsMCwwLDBMNzYuOTYsMTBsMi4zMSwzLjVjMC4wMiwwLjAzLDAuMDMsMC4wNywwLjAzLDAuMTFDNzkuMjksMTMuNzIsNzkuMiwxMy44MSw3OS4wOSwxMy44MUM3OS4wOSwxMy44MSw3OS4wOSwxMy44MSw3OS4wOSwxMy44MUw3OS4wOSwxMy44MXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAsMS4yMWMtNC44NywwLTguODEsMy45NS04LjgxLDguODFzMy45NSw4LjgxLDguODEsOC44MXM4LjgxLTMuOTUsOC44MS04LjgxQzE4LjgxLDUuMTUsMTQuODcsMS4yMSwxMCwxLjIxeiBNMTQuMTgsMTIuMTljLTEuODQsMS44NC00LjU1LDIuMi02LjM4LDIuMmMtMC42NywwLTEuMzQtMC4wNS0yLTAuMTVjMCwwLTAuOTctNS4zNywyLjA0LTguMzljMC43OS0wLjc5LDEuODYtMS4yMiwyLjk4LTEuMjJjMS4yMSwwLDIuMzcsMC40OSwzLjIzLDEuMzVDMTUuOCw3LjczLDE1Ljg1LDEwLjUsMTQuMTgsMTIuMTl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEwLDAuMDJjLTUuNTIsMC0xMCw0LjQ4LTEwLDEwczQuNDgsMTAsMTAsMTBzMTAtNC40OCwxMC0xMEMxOS45OSw0LjUsMTUuNTIsMC4wMiwxMCwwLjAyeiBNMTAsMTguODNjLTQuODcsMC04LjgxLTMuOTUtOC44MS04LjgxUzUuMTMsMS4yLDEwLDEuMnM4LjgxLDMuOTUsOC44MSw4LjgxQzE4LjgxLDE0Ljg5LDE0Ljg3LDE4LjgzLDEwLDE4LjgzeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNC4wNCw1Ljk4Yy0xLjc1LTEuNzUtNC41My0xLjgxLTYuMi0wLjE0QzQuODMsOC44Niw1LjgsMTQuMjMsNS44LDE0LjIzczUuMzcsMC45Nyw4LjM5LTIuMDRDMTUuODUsMTAuNSwxNS44LDcuNzMsMTQuMDQsNS45OHogTTExLjg4LDkuODdsLTAuODcsMS43OGwtMC44Ni0xLjc4TDguMzgsOS4wMWwxLjc3LTAuODZsMC44Ni0xLjc4bDAuODcsMS43OGwxLjc3LDAuODZMMTEuODgsOS44N3oiLz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEzLjY1LDkuMDEgMTEuODgsOS44NyAxMS4wMSwxMS42NSAxMC4xNSw5Ljg3IDguMzgsOS4wMSAxMC4xNSw4LjE1IDExLjAxLDYuMzcgMTEuODgsOC4xNSAiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 65px 20px;
}

.mapbox-attribution-container a {
    color: rgba(0, 175, 245, 1);
}

#div_llegenda {
    min-height: 10px;
    background-image: none;
    background-position: 0 0;
    background-color: white;
    background-repeat: no-repeat;
}

label {
    color:#666666;
}

#main{
    width: 100%;
    height: calc(100% - 71px);
    position: absolute;
}

#contadores { 
    /* display:block;
    font-size:1.05rem;
    font-weight:bolder;
    height:60px;
    width:11%;
    position:absolute;
    bottom:0px;
    left:368px;
    background-color:rgba(255,255,255,0);
    z-index:1;  */
}

#infoDistricte { 
    display:none;
    font-size:1.3rem;
    font-weight:bolder;
    /* height:60px; */
      width:215px;  
    position:absolute;
    /* bottom:29px; */
    background-color:rgba(255,255,255,0);
    z-index:1; 
   
}
#infoDistricte { 
    /* left:1% !important; */
    bottom:0 !important;font-size:1.4rem !important;
    /* width:20% !important; */
    right: 233px;
    top: 5px;
}
#socialShare{
    position:absolute;
    right:15px;
    top:0px;
    z-index:1;
}

#socialShare a,
#socialShare > .socialBox {
    position: relative;
    float: none;
    display: inline-block;
    color: #000;
    font-size: 20px;
    padding: 5px;
    background-color: transparent;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
 
#socialShare  a {
    background-color: rgba(0, 0, 0, 0.2);
}

#socialShare > * > span {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    display: block;
    color: #000;
    font-size: 20px;
    padding: 1px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

#socialShare > * > span:hover,
#socialShare > .open > span {
    -webkit-transform: scale(1.20);
    -moz-transform: scale(1.20);
    transform: scale(1.20);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

#socialGallery {
    /*left: 50%;*/
    /*margin: 0 auto 0;*/
    right:-7px;
    position: absolute;
    top: 40px;
    /*transform: translate(-50%, 0);*/
    visibility: visible;
    /*width: 400px;*/
}

#socialGallery a {
    /*visibility: visible;
    opacity: 1;*/
    visibility: hidden;
    opacity: 0;
    margin: 2px 4px;
    /*background-color: rgba(0, 0, 0, 0.6);*/
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    top: 0px;
    padding:1px 0px;
}

#socialGallery a > span {
    position: relative;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.socialToolBox {
    cursor: default;
}

.pointer {
    cursor: pointer
}

.facebook:hover {
    background: #3b5998 !important
}

.google:hover {
    background: #dd4b39 !important
}

.instagram:hover {
    background: #517fa4 !important
}

.tumblr:hover {
    background: #32506d !important
}

.twitter:hover {
    background: #00aced !important
}

.linkedin:hover{
    background:#0077b5 !important;
}

.copyToClipboard:hover{
    background:#ff0080 !important;   
}
#copyToClipboardInput{
    border: 0px !important;
    font-size: 0.5px !important;
    width: 1px;
    position: absolute;
    height: 0px;
    right: 0px; 
}
#copyToClipboardInput:focus{
    -webkit-box-shadow: 0 0px 0 0 #26a69a;
    box-shadow: 0 0px 0 0 #26a69a;
}


.fab{
    font-size:20px;
}


.material-tooltip {
    padding: 10px 8px;
    font-size: inherit;
    z-index: 2000;
    background-color: transparent;
    border-radius: 2px;
    color: #fff;
    min-height: 36px;
    line-height: 120%;
    opacity: 0;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
}

.mapboxgl-ctrl-zoom-in {
    background-image: url(images/zoom-in-svgrepo-com.svg) !important;
    background-size:25px 25px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.mapboxgl-ctrl-zoom-out {
    background-image: url(images/zoom-out-svgrepo-com.svg) !important;
    background-size:25px 25px;
    background-repeat: no-repeat;
}

.map-ctrl-fit-extent {
    background-image: url(images/zoom-directions-svgrepo-com.svg) !important;
    background-size:26px 26px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: auto;
}

.mapboxgl-ctrl-group {
    border-radius: 0px !important;
    overflow: hidden !important;
    background: #9a151500 !important;
}

.mapboxgl-ctrl-group:not(:empty) {
    -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0) !important;
}

.mapboxgl-ctrl > button:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}

.mapboxgl-ctrl-group > button + button {
    border-top: 0px solid #ddd !important;
}

/*Checkbox*/
[type="checkbox"].filled-in:checked+label:after {
    top: 2px;
    left:1px;
    width: 13px;
    height: 13px;
    /*border: 2px solid #26a69a;
    background-color: #26a69a;*/
    /*border: 2px solid #707070;
    background-color: #707070;*/
    border: 2px solid #666666;
    background-color: #666666;
    z-index: 0;
}

[type="checkbox"].filled-in:not(:checked)+label:after {
    height: 13px;
    width: 13px;
    background-color: transparent;
    /*border: 2px solid #26a69a;*/
    /*border: 2px solid #707070;*/
    border: 2px solid #666666;
    top: 2px;
    left:1px;
    z-index: 0;
}

[type="checkbox"].filled-in:disabled:not(:checked)+label:after {
    border-color: #949494;
    background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked+label:after {
    border-color: #949494;
    background-color: #949494;
}

/* newcheckbox */

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
    top: 0;
    width: 15px;
    height: 15px;
}

[type="checkbox"].filled-in:checked+span:not(.lever):before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px; 
    border-right: 2px solid #fff0;
    border-bottom: 2px solid #fff0;
}

[type="checkbox"]+span:not(.lever) { 
    padding-left: 28px; 
    height: 20px;
    line-height: 15px;
}

.ul-layers-collection-item [type="checkbox"]+label{
    font-size:0.8rem !important;
    height: 19px !important;
    line-height: 20px !important;
    padding-left:25px;
}


[type="checkbox"].filled-in:checked+label:before {
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
}


[type="checkbox"]+label {
    height: 20px !important;
    font-size:inherit !important;
    line-height: 20px;
    padding-left: 25px;
}

/*Fin checkbox*/

.collapsible {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    margin: 0rem 0 2rem 0;
}

#collapsible_info{
    background-color:white;
}

.spider-leg-container .spider-leg-pin {
    position: relative;
    width: 30px;
    height: 35px;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 15px;
}

.spider-leg-container .spider-leg-pin i.type-icon {
    color: white;
}

.spider-leg-container .spider-leg-line {
    width: 1px !important;    
}


/*Sobreescribiendo estilos ayuntamiento*/
#brand.v2017 .bcnbrand-desktop .bcnbrand-navs-container .bcnbrand-open-nav {
    background-color: inherit !important;
}

#brand.v2017 .bcnbrand-desktop .bcnbrand-navs-container nav{
    background-color: #f2f2f2 !important;   
}

#brand.v2017 a:hover{
    background-color: rgba(0, 0, 0, 0); 
}

#brand.v2017 ul{
    line-height:1;
}

#brand.v2017 .bcnbrand-desktop .bcnbrand-main-container .bcnbrand-main form input{
    height: inherit !important;
    margin:0;
}

#brand.v2017 .bcnbrand-desktop .bcnbrand-main-container .bcnbrand-main form input:focus{
    box-shadow: 0 0px 0 0 #26a69a !important;   
}


#brand.v2017 .bcnbrand-mobile .bcnbrand-navs-container .bcnbrand-shortcuts.bcnbrand-open-nav {
    line-height:1px !important;
}
#brand.v2017 .bcnbrand-mobile .bcnbrand-navs-container .bcnbrand-lang.bcnbrand-open-nav .bcnbrand-close {
    line-height:1px !important;    
}
#brand.v2017 .bcnbrand-mobile .bcnbrand-navs-container .bcnbrand-shortcuts form .bcnbrand-input input {
    margin:0px !important;
}

#footer{
    background-color: #fff;
    padding: 0 20px;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    z-index: 999999999;
    width: 100%;
    height: 25px;
}

footer .right {
    float: right!important;
    margin: 0;
    padding: 0;
}

footer ul {
    display: table;
}

footer .right li {
    padding-left: 20px;
}

footer ul li {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    color: #666666;
}

footer .right li a {
    text-decoration:none;
    color: black;
    display:inline-block;
}

footer .right li a:hover{
    text-decoration:underline;
}

/* changedx */
/* #icono_graficos_de_barras{
    position:absolute;
    bottom:158px;
    right:17px;
    display:block;
    z-index:9999999999999;    
} */

  #icono_ciudad{
    display:none; 
    padding: 2px 7px;
    /* position:absolute;
    bottom:200px;
    right:13px;
    z-index:9999999999999;
    width:30px;
    height:30px;     */
}  

.fa-city{
    font-size:23px;
    font-size: 1.1rem !important;
}

.fa-chart-bar{
    font-size:27px;
    font-size: 1.1rem !important;

}  
/* #graficos_de_barras{
    pointer-events: none;
}
#graficos_de_barras:active{
    pointer-events: auto;
} 
 */
 .blue-color{
    background-color: #00aff5;
}
.yellow-color{
    background-color:#ffff00
}
.pink-color{
    background-color:#ff00ff
}
.customLegend{
    user-select: none;
    margin: 5px 10px;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.legends{ 
    display: flex;
    justify-content: space-between; 
}
.legends .unactive >i{
    /* text-decoration: line-through; */
    color: gray;
}
.legends .unactive  {
    /* text-decoration: line-through;  */
    color: gray;

}
.legends > span{
    display: flex;
    align-items: center;
    column-gap: 2px;
    cursor: pointer;
    font-weight: bold;
}
.fa-square{
    color: #686868;
}
.btn{
    padding: 0px 9px

}
.circle-legend{
    margin-left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}
/* .counter{
    margin-right: 0.31em;
} */
#toast-container {
top: auto !important;
right: auto !important;
bottom: 10%;
left:7%;
z-index: 999999999999;
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .menuselector {
      zoom: 0.88;
    } 
    #graficos_de_barras {
        transform: scale( 0.85);
        /* zoom: 0.85; */
    }
  }
  @media (-webkit-device-pixel-ratio: 1.50) {
    .menuselector {
      zoom: 0.75;
    }
    #graficos_de_barras {
        transform: scale( 0.83);

        /* zoom: 0.83; */
    }
  }
  .mapboxgl-ctrl-bottom-left {
    bottom: 28px;
    left: 0;
}
  #startUpMessage{
    position: fixed;
    bottom: 37px;
    left: 10px;
  }