.leaflet-control-accordionlegend-panel,.leaflet-control-accordionlegend-button {
    color: #444 !important;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.65);
    border-radius:3px;
    font-weight: bold;
    background-color:white;
    border-radius:3px;
	/*Added */
	padding: 5px 20px;
	position: relative;
	z-index: 1000;
	display: block;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 22px;
	font-size: 19px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		1px 0px 0px 0px rgba(255,255,255,0.9) inset,
		0px 2px 2px rgba(0,0,0,0.1);
    box-sizing: content-box;
    cursor:pointer;
	width:89%;
	height:66%;
		
	
	opacity: 0.95;

}

.leaflet-control-accordionlegend-panel{
	
	

	width:89%;
	height:66%;
	
	
	opacity: 0.85;
	
	
}	

.leaflet-control-accordionlegend-button {
    cursor:pointer;
    padding: 0.25em .75em 0.25em .75em;
    font-size:15px;
    line-height: 1.3;
	font-family: 'Barlow Condensed', sans-serif;
	/** Afegit marge dret i mida % */
	margin-right: 120px;
	width: 90%;
}

.leaflet-control-accordionlegend-panel-hidden,
.leaflet-control-accordionlegend-panel div.accordionlegend-section-hidden,
.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer div.accordionlegend-legend-hidden
{
    display:none !important;
}

.leaflet-control-accordionlegend-panel {
    padding: 0.25em .75em 0.25em .75em;
    font-size:16px;
	font-weight: normal;
	font-family: 'Barlow Condensed', sans-serif;

    max-height:75%; /* actual maxHeight is set in resize handler code */
    overflow:auto;
}

.leaflet-control-accordionlegend-panel label {
    cursor:pointer;
}

.leaflet-control-accordionlegend-panel h2 {
    font-weight: normal;
	font-style: normal;
    font-size:17px;
	font-family: 'Barlow Condensed', sans-serif;
 
    white-space:nowrap;

    cursor:pointer;
 
    padding:0 1em 0 0;
    margin:0;
}

.leaflet-control-accordionlegend-panel h2 i {
    margin-right:0.5em;
	font-style: normal;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section {
    margin-left:2em;
    font-weight:normal;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer {
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer label {
    white-space:nowrap;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer div.accordionlegend-legend {
    margin-left:1.5em;
    font-weight:normal;
    /*margin-bottom:1em;*/
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer div.accordionlegend-legend div.accordionlegend-slider {
    margin-bottom:0.75em;
	    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer div.accordionlegend-legend div.accordionlegend-classification {
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer div.accordionlegend-swatch {
    display:inline-block;
    width:1em;
    height:1em;
    vertical-align:text-top;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer img.accordionlegend-swatch {
    display:inline;
    width:1em;
    height:1em;
    vertical-align:text-top;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer label > div.accordionlegend-swatch {
    margin-left:0.5em;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer label > img.accordionlegend-swatch {
    margin-left:0.5em;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer div.accordionlegend-swatch.accordionlegend-swatch-circle {
    border-radius:50%;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer div.accordionlegend-swatch.accordionlegend-swatch-line {
    height: 0.25em;
    margin-top: 0.5em;
}

.leaflet-control-accordionlegend-panel div.accordionlegend-section div.accordionlegend-layer div.accordionlegend-swatch-text {
    display: inline-block;
    margin-left: 0.5em;
}


.leaflet-control-accordionlegend-panel .noUi-horizontal {
    height: 8px;
}

.leaflet-control-accordionlegend-panel .noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    left: -8px;
    top: -6px;
}

.leaflet-control-accordionlegend-panel .noUi-handle {
    border-radius: 50%;
}

.leaflet-control-accordionlegend-panel .noUi-handle:after, .leaflet-control-accordionlegend-panel .noUi-handle:before {
    width: 0;
}