/* CSS Document */
#filtri {
	position: relative;
	width: 100%;
	margin: 0 0 10px 0;
	clear: both;
}
#filtri form {
	margin: 0;
	padding: 0;
}
#body-filtri {
	width: 100%;
	top: 0;
	z-index: 10;
}
#body-filtri.opened {
}

#header-filtri {
	margin: 0;
	padding: 0;
}
#body-filtri h2 {
	text-transform: none;
	color: #515050;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid #1d1d1b;
}
	#filtri .filtri-open .fa {
		position: absolute;
		right: 10px; 
	}
	
	#header-filtri span {
		color: #000;
		padding-left: 10px;
	}
	#content-filtri {
		padding: 0 10px;
	}
	#content-filtri .riepilogo-filtri-attivi {
		border-bottom: 1px solid #1d1d1b;
		padding-bottom: 10px;
	}
	#content-filtri .riepilogo-filtri-attivi ul {
		margin: 0;
		font-size: 11px!important;
	}
	#content-filtri .riepilogo-filtri-attivi ul li {
		position: relative;
		line-height: 14px;
	}
	#content-filtri .riepilogo-filtri-attivi ul li.disabled {
		text-decoration: line-through;
		color: #b0b0b0;
	}
	#content-filtri .riepilogo-filtri-attivi ul li span {
		display: block;
		padding-left: 14px;
	}
	#content-filtri .riepilogo-filtri-attivi ul .fa {
		display: block;
		float: left;
		margin: 0 5px 0 0;
		text-align: center;
		line-height: 14px;
		color: #515050;
	}
	
	#content-filtri li {
		display: block;
		margin: 0 5px 0 0;
		position: relative;
	}
	
	#content-filtri li a.filtro-open-link {
		display: block;
		padding: 5px;
		background: #ededed;
		color: #515050;
		position: relative;
		padding-right: 30px;
		margin-bottom: 5px;
		padding-left: 10px;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		border-radius: 50vh;
		-o-border-radius: 50vh;
		-moz-border-radius: 50vh;
		-webkit-border-radius: 50vh;
		overflow: hidden;
	}
	
	#content-filtri li a.filtro-open-link.opened, #content-filtri li a.filtro-open-link.opened.filtro-attivo {
		background: #94cdad;
	}
	
	#content-filtri li a.filtro-open-link.filtro-attivo {
		background: #94cdad;
	}
	
	#content-filtri li a.filtro-open-link.opened .fa, #content-filtri li a.filtro-open-link.opened.filtro-attivo .fa {
		color: #149544;
		background: #fff;
	}
	#content-filtri li a.filtro-open-link.filtro-attivo .fa {
		color: #149544;
		background: #fff;
	}
	
	#content-filtri li a.filtro-open-link .fa {
		position: absolute; 
		right: 0;
		padding: 0 10px;
		background: #c6c6c6;
		font-size: 20px;
		top: 0;
		color: #fff;
		height: 100%;
		display: flex;
		justify-content:center;
		align-content:center;
		flex-direction:column;
	}
	#content-filtri li .load-select-filtro {
		display: none;
		z-index: 5;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-bottom: 10px;
	}
	.scrollbar	{
		max-height: 126px;
		overflow-y: scroll;
		border-bottom: 1px solid #515050;
	}
	.scrollbar::-webkit-scrollbar-track {
		/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
		background-color: #F5F5F5;
		border-top: 1px solid #515050;
		border-right: 1px solid #515050;
		border-left: 1px solid #515050;
	}

.scrollbar::-webkit-scrollbar {
	width: 12px;
}

.scrollbar::-webkit-scrollbar-thumb {
	background-color: #515050;
	cursor: pointer;
}
.conferma-filtri-disattivato {
	display: block;
	border: none;
	width: 100%;
	margin: 5px 0 0 0;
	padding: 5px;
	text-align: center;
	background: #fff001; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff001 0%, #fdd400 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fff001 0%,#fdd400 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fff001 0%,#fdd400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff001', endColorstr='#fdd400',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	font-weight: bold;
	color: #9e8800;
}
.conferma-filtri {
	display: block;
	border: none;
	width: 100%;
	margin: 5px 0 0 0;
	text-align: center;
	
}

#riepologo-filtri-attivi {
	background: #94cdad;
	padding: 10px;
	position: relative;
	margin: 0 0 10px 0;
}

#riepologo-filtri-attivi h3 {
	color: #000;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}
#riepologo-filtri-attivi .elimina-filtri {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #e30613;
}
#riepologo-filtri-attivi .elimina-filtri a {
	color: #e30613;
}
.form-filtro {
	font-size: 11px!important;
}

.filtro-open .loading-el {
	width: 100%;
	height: 100%;
	border-radius: 50vh;
	-o-border-radius: 50vh;
	-moz-border-radius: 50vh;
	-webkit-border-radius: 50vh;
}

/* checkbox */
/*
.form-filtro input[type=checkbox]:not(old),
.form-filtro input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

.form-filtro input[type=checkbox]:not(old) + label,
.form-filtro input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

.form-filtro input[type=checkbox]:not(old) + label > span,
.form-filtro input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 1em;
  height           : 1em;
  margin           : 0 0.5em 0.25em 0.25em;
  vertical-align   : bottom;
  border           : 0.0625em solid #515050;
}

.form-filtro input[type=checkbox]:not(old):checked + label > span,
.form-filtro input[type=radio   ]:not(old):checked + label > span{
}

.form-filtro input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : #fff;
  font-size   : 1em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
  background       : #515050;
}

.form-filtro input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 1em;
  height           : 1em;
  margin           : 0.125em;
  border           : 0.0625em solid #515050;
  background       : #515050;
}
*/