.elbzotech-list-filter .view-type a:hover i:before{
color: var(--bzo-main-color);
}
.elbzotech-list-filter .view-type a.active i:before{
color: var(--bzo-title_typo-color);
}
.elbzotech-list-filter .attr-list-filter .swatch-label{
background: #F2F2F2;
padding: 11px 20px;
font-size: 13px;
font-weight: 600;
font-family: var(--bzo-title_typo-font-family);
text-transform: uppercase;
border: 1px solid transparent;
color: var(--bzo-title_typo-color);
line-height: 16px;
}
.elbzotech-list-filter .attr-list-filter .swatch-label.active,
.elbzotech-list-filter .attr-list-filter .swatch-label:hover{
background: #fff;
border-color: var(--bzo-title_typo-color);
}
.elbzotech-list-filter .attribute-type-label{
display: flex;
gap:10px;
flex-wrap: wrap;
}
.elbzotech-list-filter .attribute-type-label li{
display: flex;
}
.item-filter-hitory .wrap-rating li{
display: flex;
align-items: center;
gap: 10px;
}
.js-filter-hitory .item{
background: #fff;
margin-right: 0px;
padding: 9px 20px;
align-items: center;
border: 1px solid #000;
display: flex;
gap: 12px;
}
.js-filter-hitory .item .swatch-image img{
height: 22px;
}
.js-filter-hitory {
flex-wrap: wrap;
gap:10px;
}
.js-filter-hitory .item.clear-filter {
background: #fff;
margin-bottom: 0px;
border: none;
padding: 0;
margin-right: 10px;
}
.js-filter-hitory .item.clear-filter a{
text-decoration: underline;
}
.item-filter-content.product_cat a{
color: #808080;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
font-family: var(--bzo-title_typo-font-family);
}
.item-filter-content.product_cat a.active,
.item-filter-content.product_cat a:hover{
color: var(--bzo-title_typo-color);
}
.js-filter-hitory .item-filter-hitory> a{
font-size: 13px;
margin-left: 0px;
font-weight: 600;
text-transform: uppercase;
font-family: var(--bzo-title_typo-font-family);
gap:10px;
display: flex;
}
.item-attr-filter-content.attribute-type-select li{
position: relative;
padding: 0 15px 15px 28px;
display: inline-block;
line-height: 22px;
}
.item-attr-filter-content.attribute-type-select li a{
position: unset;
}
.item-attr-filter-content.attribute-type-select li a:before {
position: absolute;
content: "";
top: 2px;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #EBEBEB;
border-radius: 0px;
background-color: #EBEBEB;
}
.item-attr-filter-content.attribute-type-select li a:after {
position: absolute;
content: "";
top: 1px;
left: 6px;
content: "\f00c";
font-family: 'Line Awesome Free';
font-weight: 900;
color: #EBEBEB;
font-size: 10px;
}
.item-attr-filter-content.attribute-type-select li a:hover:after,
.item-attr-filter-content.attribute-type-select li a.active:after {
color: #fff;
}
.item-attr-filter-content.attribute-type-select li a:hover:before,
.item-attr-filter-content.attribute-type-select li a.active:before {
background: var(--bzo-main-color);
} .elbzotech-list-filter- .filter-title{
line-height: 16px;
}
.elbzotech-list-filter- .sort-by .dropdown-link{
background: #F2F2F2;
padding: 11px 20px;
font-size: 13px;
font-weight: 600;
font-family: var(--bzo-title_typo-font-family);
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.elbzotech-list-filter- .sort-by-order{
display: flex;
gap: 10px;
}
.elbzotech-list-filter- .attr-list-filter .attribute-type-image{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.elbzotech-list-filter- .attr-list-filter .attribute-type-image li{
display: flex;
width: calc(33.33% - 6.66px);
}
.elbzotech-list-filter- .attr-list-filter .attribute-type-image li img{
border: 1px solid transparent!important;
}
.elbzotech-list-filter- .attr-list-filter .attribute-type-image li img:hover{
border-color: #F2F2F2!important;
}
.elbzotech-list-filter- .attr-list-filter .attribute-type-image li .active img{
border-color: var(--bzo-main-color)!important;
}
.elbzotech-list-filter- .item-filter-content.product_cat li a:before{
position: absolute;
content: "";
top: 2px;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #EBEBEB;
border-radius: 0px;
background-color: #EBEBEB;
}
.elbzotech-list-filter- .item-filter-content.product_cat li a:after{
position: absolute;
content: "";
top: 1px;
left: 6px;
content: "\f00c";
font-family: 'Line Awesome Free';
font-weight: 900;
color: #EBEBEB;
font-size: 10px;
}
.elbzotech-list-filter- .item-filter-content.product_cat li a.active:after{
color: #fff;
}
.elbzotech-list-filter- .item-filter-content.product_cat li a.active:before{
background: var(--bzo-main-color);
}
.elbzotech-list-filter- .item-filter-content.product_cat li{
position: relative;
padding: 0 15px 15px 28px;
display: inline-block;
width: 100%;
line-height: 22px;
}
.elbzotech-list-filter- .number .dropdown-link{
background: #F2F2F2;
padding: 11px 20px;
font-size: 13px;
font-weight: 600;
font-family: var(--bzo-title_typo-font-family);
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.elbzotech-list-filter- .number .elbzotech-dropdown-list{
display: flex;
flex-direction: column;
min-width: 70px;
}  .elbzotech-list-filter-list-normal .item-filter-content.product_cat{
list-style: none;
display: flex;
gap:30px;
}
.elbzotech-list-filter-list-normal{
flex-direction: column;
} .elbzotech-list-filter-button{
position: fixed;
left: 100%;
width: 500px;
background: #fff;
top: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
padding: 40px;
height: 100%;
}
.elbzotech-list-filter-button.active{
left: calc(100% - 500px);
z-index: 9999;
}
@media(max-width: 767px){
.elbzotech-list-filter-button{
left: 100%;
width: 100%;
}
.elbzotech-list-filter-button.active{
left: 0;
}
}
.elbzotech-list-filter-button .close-filter{
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
background: #000;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.elbzotech-list-filter-button .item-filter-content{
display: none;
margin-top: 20px;
}
.elbzotech-list-filter-button .active-item .style-title-item-e .icon{
transform: rotate(180deg);
}
.elbzotech-list-filter-button .attribute-type-image {
display: flex;
flex-wrap: wrap;
gap:10px;
}
.elbzotech-list-filter-button .attribute-type-image li{
width: calc(25% - 10px);
}
.elbzotech-list-filter-button .rating_filter{
list-style: none;
}
.elbzotech-list-filter-button .rating_filter .bzotech-rating-filter__item:before{
position: absolute;
content: "";
top: 2px;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #EBEBEB;
border-radius: 0px;
background-color: #EBEBEB;
}
.elbzotech-list-filter-button .rating_filter .bzotech-rating-filter__item:after{
position: absolute;
top: 4px;
left: 6px;
content: "\f00c";
font-family: 'Line Awesome Free';
font-weight: 900;
color: #EBEBEB;
font-size: 10px;
}
.elbzotech-list-filter-button .rating_filter .active .bzotech-rating-filter__item:after {
color: #fff;
}
.elbzotech-list-filter-button .rating_filter .active .bzotech-rating-filter__item:before {
background: var(--bzo-main-color);
}
.elbzotech-list-filter-button .rating_filter .bzotech-rating-filter__item{
position: relative;
padding: 0 0px 10px 28px;
display: flex;
}
.elbzotech-list-filter-button .item-box-filter{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #E6E6E6;
}
.elbzotech-list-filter-button .active-hitory{
margin-bottom: 30px;
} .elbzotech-list-filter-silderbar .attr-list-filter .list-filter-e{
display: flex;
flex-direction: column;
gap: 10px;
}
.elbzotech-list-filter-silderbar .item-box-filter{
gap: 20px;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #ebebeb;
}
.elbzotech-list-filter-silderbar .item-box-filter:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.elbzotech-list-filter-silderbar .item-box-filter_style2 .style-title-item-e{
justify-content: space-between;
}
.elbzotech-list-filter-silderbar .item-box-filter_style2 .style-title-item-e:after{
content: "\f107";
font-family: 'Line Awesome Free';
font-weight: 900;
font-size: 18px;
}
.elbzotech-list-filter-silderbar .item-box-filter_style2 .style-title-item-e.active:after{
content: "\f106";
}
.elbzotech-list-filter-silderbar .item-box-filter_style2 .item-filter-content{
overflow-y: auto;
overflow-x: hidden;
}
.elbzotech-list-filter-silderbar .item-box-filter_style2 .item-filter-content::-webkit-scrollbar {
width: 4px;
background: #ebebeb;
}
.elbzotech-list-filter-silderbar .item-box-filter_style2 .item-filter-content::-webkit-scrollbar-track {
border-radius: 0px;
}
.elbzotech-list-filter-silderbar .item-box-filter_style2 .item-filter-content::-webkit-scrollbar-thumb {
background-color: var(--bzo-main-color);
}
.elbzotech-list-filter-silderbar .item-box-filter_style2 .item-filter-content::-webkit-scrollbar-thumb:hover {
background: var(--bzo-main-color);
}
.bzotech-rating-filter >li {
padding-left: 28px;
position: relative;
}
.bzotech-rating-filter .bzotech-rating-filter__item:before {
position: absolute;
content: "";
top: 2px;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #EBEBEB;
border-radius: 0px;
background-color: #EBEBEB; 
}
.bzotech-rating-filter .bzotech-rating-filter__item:after {
position: absolute;
content: "";
top: 4px;
left: 6px;
content: "\f00c";
font-family: 'Line Awesome Free';
font-weight: 900;
color: #EBEBEB;
font-size: 10px;
}
.bzotech-rating-filter li.active .bzotech-rating-filter__item:before,
.bzotech-rating-filter .bzotech-rating-filter__item:hover:before {
background: var(--bzo-main-color);
}
.bzotech-rating-filter li.active .bzotech-rating-filter__item:after,
.bzotech-rating-filter .bzotech-rating-filter__item:hover:after {
color: #fff;
}
.elbzotech-list-filter-silderbar .bzotech-rating-filter {
gap:10px;
}
.elbzotech-list-filter-silderbar .attribute-type-image .swatch {
border: 1px solid transparent;
display: inline-flex;
padding: 5px;
}
.elbzotech-list-filter-silderbar .attribute-type-image .swatch:hover,
.elbzotech-list-filter-silderbar .attribute-type-image .swatch.active {
border-color: var(--bzo-main-color);
}