/*Stili CSS Select*/
.select-single
{
	display:inline-block;
	position:relative;
	border:1px solid #ccc;
	background-color:#fff;
	color:#555;
	width:100%;
}

@media only screen and (min-width:981px){ .select-single > select{display:none;} }
@media only screen and (max-width:980px){ .select-single > select{position:absolute;top:0;right:0;bottom:0;left:0;width: 100%;opacity: 0;z-index:10} }

.select-single:not([modalita="stretta"]){
	height: 36px;
	line-height: 36px;
}

.select-single[modalita="stretta"]{
	height:25px;
	line-height:23px;
}
.select-single:not([disabled="disabled"]){cursor:pointer}
.select-single[disabled="disabled"]{
	background-color:#eceff3;
	color:#828282
}

.select-single > i.fa{
    position: absolute;
    top: 0;
    color: #000;
    font-size: 16px;
	font-weight:600;
	
	transition: all 0.35s;
	-moz-transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
}

.select-single:not([modalita="stretta"]) > i.fa{ line-height: 34px;right: 10px; }
.select-single[modalita="stretta"] > i.fa{ line-height: 25px;right:6px }

.select-single .ValoreScelto{
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 
}

.select-single *:not(.Valori):not(select) {display:block;padding-left:0}
.select-single .Valori{
	position: absolute;
	left:-1px;
	overflow: hidden;
    z-index: 9999999999999999999;
    border: 1px solid #eceff3;
	color:#000;
    width: calc(100% + 2px);
    max-height: 300px;
	font-weight:400;
    background-color: #fff;
    padding-left: 0;
    opacity:0;
	height:0;
}

.select-single.su > .Valori{border-bottom:0;border-radius:4px 4px 0 0}
.select-single.giu > .Valori{border-top:0;border-radius:0 0 4px 4px}

.select-single.giu{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.select-single.su{border-top-left-radius:0;border-top-right-radius:0;}

.select-single.giu > .Valori{top:100%;}
.select-single.su > .Valori{bottom: 100%;}

.select-single:not([modalita="stretta"]) .ValoreScelto{padding-left:13px;padding-right:30px;line-height: 34px;}

.select-single[modalita="stretta"]
{
    padding-left: 7px;
    padding-right: 20px;
}

.select-single .Valori > .options span
{
	padding:6px 6px 6px 14px;
	line-height: 17px;
    font-size: 15px;
	
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
}

.select-single .Valori > .options span[value=""]
{
    color: #cccccc;
    font-weight: 400;
	text-transform:capitalize
}

.select-single .Valori > .options span.optgroup{ font-weight:bold;cursor:default }
.select-single .Valori > .options span.optgroup ~ span:not(.optgroup){ padding-left:20px !important }

.select-single .Valori > .options span[macro]{font-weight: 600;}
.select-single .Valori > .options span[sub] + span:not([sub]),
.select-single .Valori > .options span[no-sub] + span[macro]{margin-top: 5px;}
.select-single .Valori > .options span[sub] + span:not([sub]):before,
.select-single .Valori > .options span[no-sub] + span[macro]:before{content:'';position: absolute;border-top:1px solid #e8e8e8;width: 100%;left: 0;margin: -5px 0 0 0;}
.select-single:not([modalita="stretta"]) .Valori > .options span{padding:1px 6px 1px 14px;}
.select-single:not([modalita="stretta"]) .Valori .options span[sub]{padding-left:20px;}
.select-single[modalita="stretta"] .Valori .options span{padding:1px 6px 1px 7px;}
.select-single[modalita="stretta"] .Valori .options span[sub]{padding-left:12px;}

.select-single .Valori > .options span[selected="selected"]:not([disabled="disabled"]):not([value=""])
{color: #211fbb;background-color: #f4f4f4 !important;}
.select-single .Valori > .options span.hover:not(.optgroup):not([disabled="disabled"]):not([value=""]),
.search-autocomplete-list .active-item{ background-color:#D3E2F7; cursor:pointer }
.select-single .Valori > .options span[disabled="disabled"]
{ color:#B3B3B3; cursor:default; }

.select-single .Valori > .options span+span{border-top:0 solid #eceff3;}
.select-single .Valori > .options > span:last-child{margin-bottom:5px;}

/*.select-single.clicked .Valori
{
	height:auto;
	opacity:1;
}*/
.select-single.clicked > i.fa
{
	-ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*Stili CSS Select*/


.select-single .Valori > .SearchSelect{margin: 10px;}
.select-single .Valori > .SearchSelect input{padding:0 10px;margin: 0;}
.select-single .Valori > .options{height:100%;overflow: auto;}
.select-single .Valori > .SearchSelect + .options{height: calc(100% - 50px);}