﻿.products_filters_holder{
    direction:rtl;
    text-align:right;
    float:right;
    width:100%;
    padding:10px;
    font-size:15px;
}
.filters_holder .scrolled{
    max-width:300px !important;
    z-index:1;
}
.filters_holder .fixed-top{
    margin-top:50px;
}
.products_filters_holder .filter_holder .filter:last-child{
    margin-bottom:20px;
}
.sort_by_holder{
    direction:rtl;
    text-align:right;
    padding:10px 10px 0px 10px; 
    margin-top:10px;
}
.sort_by_holder select{
    border-radius:4px;
    border:solid 1px #A0A0A0;
    color:#A0A0A0;
    float:left;
}
.products_filters_holder .filter_holder .title
{
    padding-right:10px;
    background-color:#7F7F7F;
    height:30px;
    line-height:30px;
    color:#fff;
    cursor:pointer;
    border-bottom:solid 1px #ccc;
    float:right;
    width:100%;
    font-weight:bold;
}
.products_filters_holder .active .title{
    background-color:#F37F31 !important;
}
.products_filters_holder .filter_holder .title:hover{
    background-color:#9B9B9B;
}
.products_filters_holder .filter_holder .title:after{
    content:"\25bc";
    display:inline-block;
    float:left;
    padding-left:10px;
    font-size:8px;
}

.products_filters_holder .filter_holder .title > .bullet{
    background-color:#F37F31;
    width:7px;
    height:7px;
    float:right;
    margin:11px 0 0 10px;
}
.products_filters_holder select,
.products_filters_holder input{
    border-radius:4px;
    border:solid 1px #A0A0A0;
    color:#A0A0A0;
}

.products_filters_holder .active .filter{
    display:block !important;
    animation : anim .1s;

}
@keyframes anim {
    from {height : 30px;}
    to {height : auto;}
}
.products_filters_holder .filter_holder .filter{
    padding-right:10px;
    float:right;
    width:100%;
    height:50px;
    line-height:50px;
    border-bottom:dotted 1px #ccc;
    display:none;
}
.products_filters_holder .filter_holder .filter:hover{
    background-color:#FAFAFA;
}
.products_filters_holder .filter_holder .filter > div,
.products_filters_holder .filter_holder .filter > input[type=checkbox]{
    float:left;
}
.products_filters_holder .filter_holder .filter .name{
    max-width:100px;
    white-space:nowrap;
    float:right;
}
.products_filters_holder .filter_holder .filter > input[type=checkbox]{
    margin-top:18px;
}

.products_filters_holder .filter_holder .filter input,
.products_filters_holder .filter_holder .filter select{
    max-width:100px;
    direction:ltr;
}
.products_filters_holder .filter_holder .filter select{
    min-width:60px;
}
.products_filters_manufacturers{
    padding:10px;
    text-align:right;
    float:right;
    width:100%;
}
.products_filters_manufacturers .manufacturer{
    float:right;
    width:25%;
    height:30px;
    line-height:30px;
    text-align:center;
}
.products_filters_manufacturers .manufacturer img{
    width:80%;
    height:auto;
}
.products_filters_manufacturers .title,
.sub_categories_holder .title
{
    font-weight:bold;
    background-color:#F37F31;
    color:#fff;
    height:30px;
    line-height:30px;
    text-align:right;
}
.products_filters_manufacturers .title > .bullet,
.sub_categories_holder .title > .bullet
{
    background-color:#fff;
    width:7px;
    height:7px;
    float:right;
    margin:12px 10px 0 10px;
}

.products_filters_manufacturers .current{
    float:right;
    width:100%;
    height:35px;
    line-height:35px;
    border-bottom:solid 1px #CCCCCC;
}
.products_filters_controls{
    float:right;
    width:100%;
    text-align:right;
    padding:10px;
    border-bottom:solid 1px #ccc;
}
.products_filters_controls > a{
    float:right;
    min-width:100px;
    background-color:#F37F31;
    border-radius:4px;
    display:block;
    color:#fff;
    text-align:center;
    font-size:14px;
    height:30px;
    line-height:30px;
    cursor:pointer;
    padding:0 10px 0 10px
}
.products_filters_controls > a:hover{
    background-color:#F58E48;
}

.products_filters_controls > a span{
    padding-right:10px;
}

.products_filters_controls > .clear_filters{
    display:none;
}

.selected_filters{
    float:right;
    width:100%;
    padding:10px;
}

.filters_holder .selected_filters .selected_filter{
    float:right;
    text-align:right;
    margin:0 0 5px 5px;
    padding:2px 5px 2px 5px;
    background-color:#EDEDED;
    border-radius:4px;
    font-size:12px;
    cursor:pointer;
    max-width:300px !important;
}
.filters_holder .selected_filters .selected_filter:hover{
    background-color:#D8D8D8;
}
.filters_holder .selected_filters .selected_filter > div{
    float:right;
}
.filters_holder .selected_filters .selected_filter:after{
    content:"X";
    display:inline-block;
    float:left;
    padding-right:10px;
    padding-top:2px;
    font-size:10px;
    font-weight:bold;
    color:#F37F31;
}
.sub_categories_holder{
    float:right;
    width:100%;
    padding:10px;
}
.sub_categories_holder .sub_category{
    display:inline-block;
    float:right;
    margin-left:5px;
    padding-right:10px;
}
.sub_categories_holder .sub_category:hover{
    color:#F37F31;
}
.sub_categories_holder .sub_category:after{
    content:"\002f";
    color:#F37F31;
    padding-right:5px;
    display:inline-block;
    font-weight:bold;
}
.sub_categories_holder .title{
    margin-bottom:10px;
}