/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#navigation-filter-component{
    width: 100%;
}

#navigation-filter-component .first-level-filter-container{
    display: flex;
    flex-flow:row nowrap;
    clear:both;
    border: 1px solid #d2d2d2;
    border-right: none;
    border-bottom: none;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ebebeb',GradientType=0 );
}

#navigation-filter-component .mobile-button-reset-filter{
    display: none;
}

#navigation-filter-component .first-level-filter-container{
    display: flex;
    flex-direction: row;
}

#navigation-filter-component .first-level-filter-container .first-level-filter{
    flex:1;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #d2d2d2;
    padding: 10px;
    min-height: 200px;
    padding-left: 10px;
}

#navigation-filter-component .first-level-filter-container .first-level-filter .filter-img{
    margin-right: 10px;
}

#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values{
    display: flex;
    flex-direction: column;
}


#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value .selection{
    background-image: none;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    padding-right: 15px;
    margin-left: 25px;
    margin-top: 5px;
}

#navigation-filter-component .first-level-filter-container .first-level-filter .filter-title {
    display: flex;
    align-content: center;
}

#navigation-filter-component .first-level-filter-container .first-level-filter .filter-title span{
    color:#223265;
    font-weight: bold;
    font-size: 14px;
    font-family: "FuturaMdBTBold",Arial,Helvetica,sans-serif;

}

#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value span{
    font-weight: bold;
    font-size: 12px;
}

#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value{
	color:#213264;
	cursor: pointer;
	}

#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value:hover {
	color:#d00321;
	}



#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value.selected span{
    font-weight: bold;
}

#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value.selected .selection{
    background-image: url("../images/remove.png");
}


#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value.selected span{
    color: #1c5196;
    font-weight: bold;
}

#navigation-filter-component .mobile-button-filter-container{
    display: none;
}

.listing_filtri_ricerca_colonna_disponibili .filter-values{
	width: 10px;
	height: 24px;
}


.listing_filtri_ricerca_colonna_disponibili .filter-values form{
	font-weight: bold;
    font-size: 12px;
    color: #162755;
    font-family: arial,verdana, sans-serif;
}


@media (min-width: 768px) {

    #navigation-filter-component .first-level-filter-container .first-level-filter.only_mobile{
    display: none;
    }

}

@media (max-width: 920px) {

	#navigation-filter-component .first-level-filter-container .listing_filtri_dinamici_9 .filter-img{
	display: none;
	}
	#navigation-filter-component .first-level-filter-container .listing_filtri_dinamici_9 .filter-values .filter-value .selection {
	margin-left:0px;
	}


	#navigation-filter-component .first-level-filter-container .listing_filtri_dinamici_5 .filter-img{
	display: none;
	}
	#navigation-filter-component .first-level-filter-container .listing_filtri_dinamici_5 .filter-values .filter-value .selection {
	margin-left:0px;
	}

	#navigation-filter-component .first-level-filter-container .listing_filtri_dinamici_5 .filter-title,
	#navigation-filter-component .first-level-filter-container .listing_filtri_dinamici_9 .filter-title,
	#navigation-filter-component .first-level-filter-container .only_mobile .filter-title{
	padding-left: 15px;
	}

}

@media (max-width: 767px) {

    #navigation-filter-component {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }

    #navigation-filter-component .mobile-button-filter-container {
        display: flex;
        flex-flow: row wrap;
        align-content: space-between;
        padding: 15px;
        position: relative;
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-order-combo {
        position: absolute;
        width: calc(100% - 30px);
        top:65px;
        left:15px;
        background: rgb(249,249,249);
        background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(240,240,240,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(240,240,240,1) 100%);
        background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(240,240,240,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 );
        transform: scaleY(0);
        transform-origin: top;
        transition: transform 0.2s ease;
        z-index:1;
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-order-combo.open {
        border: 2px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
        transform: scaleY(1);
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-order-combo > .navigation-order-combo-element{
        font-size: 18px;
        text-align: right;
        padding:10px 15px 10px 5px;
        border-bottom: 1px solid #d2d2d2;
        color:#0b284f;
        font-weight: bold;
        cursor: pointer;
    }
    #navigation-filter-component .mobile-button-filter-container > div.navigation-order-combo> .navigation-order-combo-element.selected span{
        color:#2b6fb9;
        font-size: 20px;
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-order-combo> .navigation-order-combo-element.selected {
        color:#cb1d2c;
    }



    #navigation-filter-component .mobile-button-filter-container > div.navigation-filter-button,#navigation-filter-component .mobile-button-filter-container > div.navigation-order-button{
        flex: 0.5;
        border: 2px solid #d2d2d2;
        height: 51px;
        font-size: 18px;
        padding: 0 10px 0 10px;
        cursor: pointer;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
    }


    #navigation-filter-component .mobile-button-filter-container > div.navigation-filter-button {
        margin-right: 7.5px;
        cursor: pointer;
        font-weight: bold;
        color:#0b284f;
        text-transform: uppercase;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        flex:0.5;
        box-shadow: 0px 2px 3px #F0F0F0;
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-filter-button>div{
        flex:1;
        font-size: 16px;
        font-weight: bold;
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-filter-button:not(.open) >.icClose  {
        display: none;
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-filter-button.open{
        filter:none ;
        background:none;
        background-color: #cb1d2c;
        color:white;

    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-filter-button.open > .icArrow {
        display: none;
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-order-button {
        margin-left: 7.5px;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        color: #0b284f;
    }

    #navigation-filter-component .mobile-button-filter-container > div.navigation-order-button>.order-label {
        font-size: 16px;
        font-weight: bold;
        flex: 1;
    }



    #navigation-filter-component .mobile-button-reset-filter{
        background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(240,240,240,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(240,240,240,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(240,240,240,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#f0f0f0',GradientType=0 );

        cursor: pointer;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        border: 2px solid #DDDDDD;
        color:#2b6fb9;
        font-weight: bold;
        font-size: 18px;
        height: 40px;
        margin-right: 15px;
        align-items: center;
        border-radius: 20px;
        padding: 12px;
        margin-bottom: 15px;
        float: right;
        width: auto;
    }

    #navigation-filter-component .mobile-button-reset-filter >div{
        padding-left: 20px;
        padding-right: 10px;
    }

    #navigation-filter-component .first-level-filter-container{
        clear: both;
        border: none;
        filter:none;
        background: none;
        border-top: 2px solid #DDDDDD;
        display: none;
        flex-flow: column wrap;
    }

    #navigation-filter-component .first-level-filter-container .first-level-filter{
        border-right: none;
        padding: 0px;
        min-height: auto;
    }



    #navigation-filter-component .first-level-filter-container .first-level-filter .filter-title{

        background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(240,240,240,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(240,240,240,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(240,240,240,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#f0f0f0',GradientType=0 );
        text-transform: uppercase;
        font-size: 16px;
        color: #213366;
        border-bottom: 2px solid #DDDDDD;
        min-height: 50px;
    }


    #navigation-filter-component .first-level-filter-container .first-level-filter .filter-title>span{
        display: inline-block;
        padding-top: 16px;
        padding-left: 10px;
        float: left;
        width: 93%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #navigation-filter-component .first-level-filter-container .first-level-filter .filter-title::after {
        content: url(../images/cssimages/freccia.png);
        padding-top: 18px;
        display: block;
        float: right;
        width: 5.5%;
    }

    #navigation-filter-component .first-level-filter-container .first-level-filter.open  .filter-title::after {
        content: url(../images/cssimages/xchiudi.png);
        width: 7%;
    }


    #navigation-filter-component .first-level-filter-container .first-level-filter .filter-values{
        display: none;
    }

    #navigation-filter-component .first-level-filter-container .first-level-filter.open .filter-values{
        display: block;
    }


    #navigation-filter-component .first-level-filter-container .first-level-filter .filter-values>.filter-value{
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        min-height: 50px;
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 2px solid #DDDDDD;
        background-color: #e8e8e8;
        font-weight: bold;
        color:#213264;
    }

    #navigation-filter-component .first-level-filter-container .first-level-filter .filter-values >.filter-value >.selection{
        width: 18px;
        height: 18px;
        padding-right: 30px;
        margin-left: 7px;
        padding-bottom: 18px;
        background-image: url("../images/cssimages/imgCatNotSelectedMobile.png");
    }

    #navigation-filter-component .first-level-filter-container .first-level-filter .filter-values >.filter-value.selected >.selection{
        color:#2b6fb9;
        background-image: url("../images/cssimages/imgCatSelectedMobile.png");
    }

    #navigation-filter-component .first-level-filter-container .first-level-filter .filter-values.selected >.filter-value>span{
        color:#2b6fb9;
    }

}


/* -------------------------------------------------------*/
/* START Ricerca prodotto without Google Search Preference*/
/* -------------------------------------------------------*/
@media only screen and (max-width : 480px) {
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-button>.show-label {
	    font-size: 16px;
	    font-weight: bold;
	    flex: 1;
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-button {
	    margin-left: 7.5px;
	    display: flex;
	    flex-flow: row nowrap;
	    align-items: center;
	    color: #0b284f;
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-filter-button,
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-button {
	    flex: 0.5;
	    border: 2px solid #d2d2d2;
	    height: 51px;
	    font-size: 18px;
	    padding: 0 10px 0 10px;
	    cursor: pointer;
	    background: rgb(255,255,255);
	    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-combo {
	    position: absolute;
	    width: calc(100% - 30px);
	    top: 65px;
	    left: 15px;
	    background: rgb(249,249,249);
	    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(240,240,240,1) 100%);
	    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(240,240,240,1) 100%);
	    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(240,240,240,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 );
	    transform: scaleY(0);
	    transform-origin: top;
	    transition: transform 0.2s ease;
	    z-index: 1;
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-combo.open {
	    border: 2px solid #d2d2d2;
	    border-bottom: 1px solid #d2d2d2;
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	    transform: scaleY(1);
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-combo > .navigation-show-combo-element {
	    font-size: 18px;
	    text-align: right;
	    padding: 10px 15px 10px 5px;
	    border-bottom: 1px solid #d2d2d2;
	    color: #0b284f;
	    font-weight: bold;
	    cursor: pointer;
	}
	#Products .ish-search-productList #navigation-filter-component .mobile-button-filter-container > div.navigation-order-button {
	    margin-left: 0;
	}
}

@media only screen and (min-width : 481px) and (max-width : 767px) {
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-button>.show-label {
	    font-size: 16px;
	    font-weight: bold;
	    flex: 1;
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-button {
	    margin-left: 7.5px;
	    display: flex;
	    flex-flow: row nowrap;
	    align-items: center;
	    color: #0b284f;
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-filter-button,
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-button {
	    flex: 0.5;
	    border: 2px solid #d2d2d2;
	    height: 51px;
	    font-size: 18px;
	    padding: 0 10px 0 10px;
	    cursor: pointer;
	    background: rgb(255,255,255);
	    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-combo {
	    position: absolute;
	    width: calc(100% - 30px);
	    top: 65px;
	    left: 15px;
	    background: rgb(249,249,249);
	    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(240,240,240,1) 100%);
	    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(240,240,240,1) 100%);
	    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(240,240,240,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 );
	    transform: scaleY(0);
	    transform-origin: top;
	    transition: transform 0.2s ease;
	    z-index: 1;
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-combo.open {
	    border: 2px solid #d2d2d2;
	    border-bottom: 1px solid #d2d2d2;
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	    transform: scaleY(1);
	}
	#navigation-filter-component .mobile-button-filter-container > div.navigation-show-combo > .navigation-show-combo-element {
	    font-size: 18px;
	    text-align: right;
	    padding: 10px 15px 10px 5px;
	    border-bottom: 1px solid #d2d2d2;
	    color: #0b284f;
	    font-weight: bold;
	    cursor: pointer;
	}
	#Products .ish-search-productList #navigation-filter-component .mobile-button-filter-container > div.navigation-order-button {
	    margin-left: 0;
	}

	#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value .selection{
    margin-top: 0px;
}

}

@media (min-width: 768px) and (max-width: 991px) {

	#navigation-filter-component .first-level-filter-container .first-level-filter .filter-values .filter-value .selection{
    margin-left: 0px;
}

}

@media (min-width: 992px) and (max-width: 1199px) {
}
/* EO Ricerca prodotto without Google Search Preference*/