.products .wrapper-page {position: relative; z-index: 10;}
.products .noPaddingTop.filters_desktop_2 .wrapper-products,
.products .noPaddingTop.filters_desktop_2 .wrapper-search {padding-top: 15px; position: relative; z-index: 0;}
.wrapper-products::before, .wrapper-search::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;min-height: 100vh;height: 100%;background-color: rgba(0, 0, 0, 0.2);z-index: 4;}
.wrapper-products.overlay::before, .wrapper-search.overlay::before{opacity: 1; visibility: visible;}
.filters {background: #FFF; border-bottom: 1px solid #E6E6E6; position: relative; top: 0; left: 0; width: 100%; z-index: 400; padding: 0}
.filters.fixed {position: fixed;}
.filters.absolute {position: absolute; top: 0 !important;}
.filters .dis-table {width: 100%;}
.filters .dis-table.rdc-only-order {width: auto;margin-left: auto;}
.filters .dis-table-cell {vertical-align: middle; vertical-align: middle;}
.filters .box-filter{position: relative;padding-right: 10px;}
.filters .box-filter::after, .filters .bottom-filters::after {content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: whitesmoke;}
.filters .box-filter.order::after {display: none;}
.filters .bottom-filters::after {left: 0; right: auto;}
.filters .box-filter > p{overflow: hidden;position: relative;padding-left: 10px;padding-right: 16px;cursor: pointer;}
.filters .box-filter > p, .filters .bottom-filters .clear-filters {padding-top: 16px; padding-bottom: 16px;}
.filters .box-filter > p::after{content: '';position: absolute;top: 50%;right: 3px;width: 6px;height: 6px;margin-top: -4px;background: url(/sysimages/icon-dropdown-filters2.png) left top/6px no-repeat;}
body.tablet .filters .box-filter > p::after {margin-top: -2px;}
body:not(.tablet) .filters .box-filter:hover > p::after,
body.tablet .filters .box-filter.open > p::after{background-position: left bottom;}
.filters .title-filter .item-name{float: left; padding-right: 10px;}
.filters .title-filter .total-filter-active{margin: 0 10px 0 0;float: left;}
.filters .title-filters{padding: 0 10px 18px;}
.filters .title-filter .names-filter-active{padding-bottom: 2px;display: none;}
.filters .title-filter .clear-filter{float: right;display: none !important;}
.filters .cnt-filters{display: none;position: absolute;top: 100%;left: 0;z-index: 1;width: 100%;min-width: 240px;background-color: #ffffff;padding: 10px;}
.filters .rdc-order-cell .cnt-filters {left: auto; right: 0;}
body:not(.tablet) .filters .box-filter:hover .cnt-filters,
body.tablet .filters .box-filter.open .cnt-filters{display: block;}
body.tablet .filters .box-filter.open .cnt-filters .order-dropdown {display: block !important;}
.filters .checkbox{position: relative;margin-bottom: 6px;cursor: pointer;}
.filters .checkbox.dis-table {width: 100%;}
.filters .checkbox:not(.dis-table) {display: block;}
.filters .checkbox .dis-table-cell {vertical-align: middle;}
.filters .input-cell {width: 12px;}
.filters .fillname-cell {width: 100%;}
.filters .checkbox input[type=checkbox]{display: none;}
.filters .checkbox .check{position: relative;float: left;width: 12px;height: 12px;border: 1px solid #E6E6E6;background-size: cover;}
.filters .checkbox .check::before{content: '';opacity: 0;display: block;width: 100%;height: 100%;background: url(/sysimages/icon-checked.png) center center/100% no-repeat;}
.filters .checkbox input[type=checkbox]:checked + .check::before{opacity: 1;}
.filters .checkbox .filter-name{float: left;width: calc(100% - 12px);padding-left: 10px;}
.filters .checkbox.disabled{cursor: default; opacity: 0.5;}
.filters .colors .checkbox{float: left;margin: 0 4px 8px 0;}
.filters .checkbox .check-color{width: 18px;height: 18px;}
.filters .checkbox .check-color::after{content: '';position: absolute;left: -1px;bottom: -5px;display: none;width: calc(100% + 2px);height: 2px;background: #000;}
.filters .checkbox .color-cell {padding-left: 10px;}
.filters .colors .checkbox input[type=checkbox]:checked + .check::before{display: none;}
.filters .colors .checkbox input[type=checkbox]:checked + .check::after{display: block;}
.filters .colors .checkbox.disabled{cursor: no-drop;}
.filters .colors .checkbox.disabled::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/sysimages/filter-color-disabled.png) left top/100% no-repeat;}
.filters .colors .checkbox.disabled .check{opacity: 0.1;}
.filters .price{padding-top: 4px;}
.filters .price #slider-range{position: relative;height: 14px;margin-right: 3px;background: #CCC;border-top: 6px solid #FFF;border-bottom: 6px solid #FFF;}
.filters .price #slider-range .ui-slider-range{position: absolute;top: -5px;display: block;height: 100%;z-index: 1;padding: 6px 0;}
.filters .price #slider-range .ui-slider-range::before{content: '';position: absolute;top: 5px;left: 0;width: 100%;height: 2px;background: #666;}
.filters .price #slider-range .ui-slider-handle{position: absolute;top: -6px;width: 2px;height: 14px;z-index: 2;background: #666;cursor: default;-ms-touch-action: none;touch-action: none;}
.filters .price #slider-range .ui-slider-handle:last-child{margin-right: 3px;}
.filters .price .numbers{position: relative;margin: 4px -5px 0;}
.filters .price .numbers p{max-width: 50%;padding: 0 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.filters .price .numbers .min{float: left;}
.filters .price .numbers .max{float: right;}

.filters .price .filter-mobile{position: relative;}
.filters .price .filter-mobile .row{margin: 0 -2px;}
.filters .price .filter-mobile .row .column{padding: 0 2px; margin: 0;}
.filters .price .filter-mobile .row .column input{width: 100%;height: 38px;padding: 8px 10px;background: white;margin-top: 2px;}
.filters .price .filter-mobile .row .column input[type=number]::-webkit-inner-spin-button,
.filters .price .filter-mobile .row .column input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.filters .price .filter-mobile > a{position: absolute;bottom: 0;right: 0;width: 30px;height: 30px;border: 1px solid #DCDCDC;transition: 0.2s border;background: #FFF;}
.filters .price .filter-mobile > a::after{content: '';position: absolute;top: calc(50% - 8px);left: calc(50% - 8px);width: 16px;height: 16px;background: url(/sysimages/icon-arrow-button.png) left bottom/16px no-repeat;}
.filters .price .filter-mobile > a:hover{border-color: #000;}

.filters .rdc-bottom-filters-cell:not(.active) {display: none !important;}
.filters .bottom-filters:not(.active){display: none;}
.filters .bottom-filters .clear-filters{position: relative;padding-left: 28px; padding-right: 28px;display: inline-block;}
.filters .bottom-filters .clear-filters::before{content: '';position: absolute;top: calc(50% - 5px);left: 10px;width: 8px;height: 8px;background: url(/sysimages/icon-clear-filters.png) left top/8px no-repeat;}
.custom-scrollbar-filters {position: relative;max-height: 260px; overflow-y: auto;}
.container-filters2 {position: relative;z-index: 10;}
.filters .filtersExp {float: left; padding: 15px 10px; line-height: 100%; display: none;}

/* ----- ORDER CONTROLS ---- */
.filters .order .checkbox{position: relative;margin-bottom: 4px;cursor: pointer;}
.filters .order .checkbox .filter-name{float: left;width: calc(100% - 12px);padding-left: 10px;}
.filters .order .checkbox.disabled{cursor: default;}
.filters .order .checkbox.disabled .check{border-color: #CCC;}

.bottom-filters-content{width: calc(100% + 20px);margin: 10px -10px -10px;background-color: #F7F7F7;padding: 10px 12px;border-top: 1px solid #ECECEC;z-index: 1;}
.bottom-filters-content .wrapper-table {display: table;width: 100%;}
.bottom-filters-content .table-cell {display: table-cell;vertical-align: middle;width: 70%;}
.bottom-filters-content .table-cell:first-child {text-align: left;}
.bottom-filters-content .table-cell:first-child + .table-cell {text-align: right;}
.bottom-filters-content .clear-filter {border-color: transparent !important; background: transparent !important; padding-left: 0 !important; padding-right: 0 !important; color: #333;}
.bottom-filters-content .clear-filter:hover {text-decoration: underline !important;}
.bottom-filters-content .apply-filters-desktop {padding-left: 10px; padding-right: 10px;}

@media screen and (max-width: 768px) {
	.custom-scrollbar-filters {-webkit-overflow-scrolling: touch;}
}

/* Tablet */
body.tablet .filters .custom-scrollbar-filters {overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 240px;}