#filterpro_box {
    margin-bottom: 20px;
}

#filterpro_box #filterpro {
}
#filterpro_box #filterpro.masked {
	position:relative;
	z-index: 99;
	width: auto;
	height: auto;
	background: none;
	opacity: 1;
	left: auto;
	top: auto;
}
#filterpro_box #filterpro.masked::after {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	opacity:0.7;
	z-index: 100;
}
#filterpro_box #filterpro.masked::before {
	content:"";
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	top:15%;
	left:50%;
	margin-left:-15px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
	background-image:url('../image/loader.svg');
	opacity:0.4;
	z-index: 101;
}


.revfilter_container .product-layout.masked {
	position:relative;
}
.revfilter_container .product-layout.masked::after {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	opacity:0.7;
	z-index: 100;
}


form#filterpro_box {
    display: block;
}

#filterpro_box .option_box {
    display: inline-block;
    margin: 0 0 10px;
    padding-bottom: 10px;
    min-width: 100%;
    vertical-align: top;
    border-bottom: solid 1px #dddddd;
}

#filterpro_box .price_limit {
    border: 1px solid #dddddd;
    font-weight: bold;
    width: 100%;
    text-align: center;

}

#filterpro_box .ui-widget-header {
    background: #eeeeee;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
}
#filterpro_box .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
    border-color: #dddddd;
}
#filterpro_box select {
    width: 100%;
}

#filterpro_box .ui-state-hover, #filterpro_box .ui-state-focus, #filterpro_box .ui-state-active {
    border: 1px solid #0088CC;
    background: none repeat scroll 0 0 #d9f2fc;
}

#filterpro_box .price_slider {
    padding: 5px;
}

#filterpro_box .price_slider input {
    width: 40% !important;
}

#filterpro_box .price_slider label {
    display: inline !important;
}

#filterpro_box .option_values {
    padding-top: 5px;
}

#filterpro_box .option_name, #filterpro_box .attribute_group_name {
    color: #000;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 0;
    vertical-align: middle;
    position: relative;
}

#filterpro_box .option_name:after, #filterpro_box .attribute_group_name:after {
    border-color: #a3a3a3 transparent transparent;
    border-style: solid;
    border-width: 4px 5px 0;
    clear: both;
    content: " ";
    display: inline-block height : 0;
    margin: 0 0 1px;
    width: 0;
    right: 6px;
    top: 12px;
    position: absolute;
}

#filterpro_box .attribute_group_name {
    padding-left: 0;
}

#filterpro_box .option_name.hided:after, #filterpro_box .attribute_group_name.hided:after {
    border-color: transparent transparent #a3a3a3;
    border-width: 0 4px 5px;
}

#filterpro_box .clear_filter {
    float: right;
    cursor: pointer;
    color: #a3a3a3;
}
#filterpro_box .clear_filter .fa span {
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: normal;
	font-size:16px;
}

#filterpro_box .clear_filter a {
    width: 20px;
    height: 22px;
    display: block;
    line-height: 22px;
    text-align: center;
    font-size: 20px;
    color: #a3a3a3;
}

#filterpro_box .clear_filter a:hover {
    color: #a3a3a3;
}

#filterpro_box .collapsible {
    max-height: 118px;
    margin: 10px 0;
    overflow-x: hidden;
    overflow-y: auto;
}

#filterpro_box .collapsible.brand {
    max-height: 144px;
}

#filterpro_box .brand img {
    width: 18%;
}

#filterpro_box img {
    cursor: pointer;
    margin: 0 1% 2%;
    width: 14%;
    height: auto;
    float: left;
    border: 1px solid #eee;
}

#filterpro_box img.selected {
    border: 2px solid;
}

#column-left + #column-right + #content .product-grid > div.loadmask {
    width: 100%;
}

#filterpro_box input {
    margin: 5px 3px;
}

#filterpro_box table {
    margin-bottom: 5px;
}

#filterpro_box label {
    margin-bottom: 0;
    display: block;
    cursor: pointer;
}

#filterpro_box label:hover {
    background: #f7f7f7;
}

#filterpro_box .ui-slider {
    margin: 15px 5px 5px 5px;
}

#filterpro_box .ui-slider .ui-slider-handle {
    border: none;
    cursor: pointer;
    background: #a3a3a3 center center no-repeat;
}

#filterpro_box .ui-slider-horizontal {
    border-radius: 0px;
}
#filterpro_box ol, ul {
    margin: 0;
    padding: 0;
}
#filterpro_box.mobile-view {
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    background-color: white;
    width: 200px;
    position: fixed;
    z-index: 1000;
    top: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    height: 500px;
    overflow-y: scroll;
}
#filterpro_box.mobile-view #filterpro {
	padding-left:5px;
	padding-right:5px;
}
#filterpro_box.mobile-view .clear_filter {
	padding-right:10px;
}

#filterpro_arrow {

    background-image: url(../image/arr1-rev.png);
    width: 22px;
    height: 22px;
    position: fixed;
    left: 186px;
    top: 50px;
    z-index: 1001;
}
#filterpro_arrow.hidden-filter {
    background-image: url(../image/arr2-rev-filter.png);
    left: 191px;
}