﻿.category-vertical-filters { padding: 10px 10px 0; border: 1px solid #e5e5e5; margin: 0 auto; background-color: #fff; }

.panel-heading { background-color: #fff !important; border-bottom: 1px solid #e3e2e7; padding: 5px 0; margin-bottom: 8px; }

.category-vertical-filters .vertical-filter-panel .list-group { margin-bottom: 0; max-height: 300px; overflow-y: auto; overflow-x: hidden; }

.category-vertical-filters .vertical-filter-panel .list-group:After { clear: both; display: table; content: ""; }

.category-vertical-filters .vertical-filter-panel .list-group .panel-search { margin-bottom: 15px; }

.category-vertical-filters .vertical-filter-panel .list-group-item { cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 0; width: 100%; margin: 0 8px 8px 0; white-space: nowrap; text-overflow: ellipsis; display: inline-block; background: #fff; z-index: 4; text-align: left; color: #232323; font-size: 13px; font-weight: 400; }

.category-vertical-filters .vertical-filter-panel .list-group-item:before { width: 14px; height: 14px; display: inline-block; margin-right: 8px; margin-top: 0; float: left; content: ""; border: 1px solid #d7d7d7; }

@media(min-width:1024px) {

    .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border: 1px solid #000; background-color: #000; }
}

.category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border: 1px solid #000; background-color: #000; }

.category-vertical-filters .vertical-filter-panel .list-group-item a { line-height: normal; font-size: 14px; line-height: 14px; }

.category-vertical-filters .vertical-filter-panel .size-filter .list-group-item { width: 35px; height: 35px; float: left; border: 1px solid #d7d7d7; text-align: center; line-height: 35px; }

.category-vertical-filters .vertical-filter-panel .size-filter .list-group-item:before { display: none; }

.category-vertical-filters .vertical-filter-panel .size-filter .list-group-item:hover { border: 1px solid #000; background-color: #000; color: #fff; }

.category-vertical-filters .vertical-filter-panel .size-filter .list-group-item.selected { border: 1px solid #000; background-color: #000; }

.category-vertical-filters .vertical-filter-panel .size-filter .list-group-item.deactive { background: url(images/filter-deactive.png) no-repeat center center; }

.category-vertical-filters .vertical-filter-panel .size-filter .list-group-item.selected a { color: #fff; }

.category-vertical-filters .vertical-filter-panel .size-filter .list-group-item:hover a { color: #fff; }

.category-vertical-filters .vertical-filter-panel .color-filter .list-group-item { float: left; width: 35px; height: 35px; margin: 5px; list-style: none; display: block; border: 0; font-size: 0; }

.category-vertical-filters .vertical-filter-panel .color-filter .list-group-item:before { display: none; }

.category-vertical-filters .vertical-filter-panel .color-filter .list-group-item .item-bg { display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; line-height: 31px; font-size: 0; text-align: center; }

.category-vertical-filters .vertical-filter-panel .color-filter .list-group-item:hover .item-bg { border: 2px solid #000; }

.category-vertical-filters .vertical-filter-panel .color-filter .list-group-item.selected .item-bg { border: 2px solid #000; }

.category-vertical-filters .vertical-filter-panel .color-filter .list-group-item.deactive .item-bg { background: url(images/filter-deactive.png) no-repeat center center; }

.category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { width: 30px; height: 30px; font-size: 0; background-position: center center !important; }

.category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before { display: none; }

.category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a { font-size: 0; }

#divSayfalamaUst .ng-scope .Block_item { overflow: inherit; margin-bottom: 0; border: 0; padding: 0; }

.topFilter-Block_Text { border: 0; padding: 0; }

.category-vertical-filters.top-filters { width: 100%; margin: 0 auto; border: 0; padding: 5px 0; }


.category-vertical-filters.top-filters { width: 100%; margin: 0 auto 20px; border: 0; padding: 5px 0 0px 5px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.category-vertical-filters.top-filters:after { clear: both; content: ""; display: table; }

.category-vertical-filters.top-filters .panel { width: 15%; float: left; margin: 0 10px 5px 0; }



.category-vertical-filters.top-filters .panel.vertical-top-price-filter { width: 20%; margin: 0 10px 5px 10px }

.category-vertical-filters.top-filters .panel.vertical-top-price-filter .ngrs-range-slider { margin: 0; }

.category-vertical-filters.top-filters .panel.vertical-top-price-filter .ngrs-range-slider .ngrs-value { font-size: 9px; line-height: 10px; padding: 0; font-weight: bold; }

.category-vertical-filters.top-filters .panel .panel-heading { border: 0; position: relative; padding: 7px 0; border: 1px solid #efefef; padding-left: 10px; padding-right: 20px; margin-bottom: 0; }

.category-vertical-filters.top-filters .panel .panel-heading a:after { content: "\f078"; font-family: FontAwesome; position: absolute; top: 7px; right: 5px; color: #666; }

.category-vertical-filters.top-filters .panel .panel-heading.active a:after { content: "\f077"; color: #000; }


.category-vertical-filters.top-filters .panel .panel-heading a { display: block; }

.category-vertical-filters.top-filters .list-group.dropdown { max-height: 250px; -webkit-box-shadow: 0px 5px 12px 0px rgba(191,187,191,1); -moz-box-shadow: 0px 5px 12px 0px rgba(191,187,191,1); box-shadow: 0px 5px 12px 0px rgba(191,187,191,1); display: none; border: 1px solid #efefef; left: 0; right: 0; top: 45px; z-index: 999; position: absolute; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 10px; }

.category-vertical-filters.top-filters .list-group.dropdown li { width: 22%; }

.category-vertical-filters.top-filters .list-group.dropdown.deneme { display: block; }

.list-group li a { line-height: 26px; }

.filterDeleteContent:after { clear: both; display: table; content: ""; }

.sortingContent:after { clear: both; display: table; content: ""; }

.sortingContent { display: flex; background-color: #ddd; }

.sortingContent li { display: inline-block; text-align: center; }

.sortingContent li.FiltrelemeUrunAdet { border: 0; }

.sortingContent li:nth-child(2) a { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }

.sortingContent li:last-child { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }

.sortingContent li a { padding: 4px 6px; display: block; background-color: #ddd; font-size: 12px; font-weight: 500; line-height: 26px; }

.sortingContent li a:hover { background-color: #919191; color: #fff; }

.sortingContent li a.selected { background-color: #919191; color: #fff; }

.filterDeleteContent { margin-bottom: 20px; }

.appliedFilter { padding: 0; margin: 2.5px 11px 2.5px 0; height: auto; border: 1px solid #dfdfdf; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1; display: inline-block; float: left; }

.appliedFilter a { zoom: 1; text-align: center; position: relative; float: left; display: inline-block; margin-right: 5px; margin-top: 0; }

.appliedFilter .filter-content { display: inline-block; width: auto; float: left; }

.appliedFilter .filter-content span { font-size: 12px; float: left; font-size: 12px; font-weight: 500; color: #212529; width: auto; margin-left: 5px; margin-right: 5px; line-height: 24px; }

.appliedFilter .filter-content span.filterColorBg { display: inline-block; width: 16px; height: 16px; border: 1px solid #000; border-radius: 3px; float: left; margin-top: 4px; }

.appliedFilter .filter-content span.cFilterName { display: none; }

.appliedFilter a { zoom: 1; text-align: center; position: relative; padding: 0 8px; float: right; margin: 0; border-left: 1px solid #dfdfdf; transition: .3s; display: inline-block; line-height: 1.5; }

.appliedFilter.FiltrelemeKaldir a { border: 0; }

.appliedFilter a i { line-height: 24px; }

.filterDeleteContent .appliedFilter a i { font-family: Arial, Helvetica, sans-serif; }

.appliedFilter a i.fa-times-circle:before { content: "x"; }

.appliedFilter.FiltrelemeUrunAdet { margin: 0; padding: 4px 0 0 0; border-radius: 0; text-indent: 8px; }

.appliedFilter.FiltrelemeUrunAdet span { line-height: 26px; zoom: 1; text-align: center; position: relative; float: left; display: inline-block; margin-right: 5px; margin-top: 0; font-weight: 500; color: #555; }

.categoryTitleText:after { clear: both; display: table; content: ""; }

#divSayfalamaUst { clear: both; }



.sortingContent .blockSelect { float: right; margin-right: 8px; }

.sortingContent .blockSelect a { margin: 0; padding: 0; text-align: center; text-indent: 0; padding: 0 4px; }

.sortingContent .blockSelect a:hover { background-color: transparent; }

.sortingContent .blockSelect a i { margin: 0; padding: 0; font-size: 22px; line-height: 27px; }

.sortingContent .blockSelect a:hover i { color: #fff; }

.sortingContent .blockSelect a.Active i { color: #fff; }

.appliedFilter.filtrelemeKaydet a span, .appliedFilter.kaydedilmisAramalar a span { line-height: 23px; }

.filterSaveContent, .filterSaveList { padding: 10px; width: 300px; }

.filterSaveContent .tittle, .filterSaveList .tittle { display: block; text-align: center; background-color: #efefef; padding: 5px 0; margin-bottom: 10px; }

.filterSaveContent .tittle span { color: #000; font-weight: 600; }

.filterSaveContent .filterSaveName span { font-weight: 500; font-size: 13px; }

.filterSaveContent .filterSaveNameTxt { margin-bottom: 10px; }

.filterSaveContent .filterSaveNameTxt #inptAramaAdi,
.filterSaveList .filterSaveNameSelect #slcRegisterFilters { width: 100%; height: auto; font-size: 13px; padding: 7px 0; margin-top: 5px; }

.filterSaveButton .button { width: 48%; }

.filterSaveButton .button:last-child { float: right; }

.category-vertical-filters .FiyatTextBox:after { clear: both; display: table; content: ""; }

.category-vertical-filters .FiyatTextBox input[type="text"] { float: left; width: 45%; }

.category-vertical-filters .FiyatTextBox input[type="text"].filterPrice2 { float: right; }

@media(min-width:1024px) {
    .mobilFilterOpenBtn { display: none; }
}

@media(max-width:1024px) {

    .mobilFilterOpenBtn { display: block; margin-bottom: 20px; }

    .mobilFilterOpenBtn:after { clear: both; display: table; content: ""; }

    .mobilFilterOpenBtn .button { width: 47%; float: left; margin: 0; }

    .mobilFilterOpenBtn .button.mobilSiralamBtn { float: right; }

    .category-vertical-filters.top-filters { padding: 0; background-color: transparent; display: none; }

    .category-vertical-filters.top-filters .panel { width: 100%; margin: 0; }

    .category-vertical-filters.top-filters .panel.vertical-top-price-filter { width: 100%; }

    .category-vertical-filters.top-filters .panel .panel-heading { padding: 10px; }

    .category-vertical-filters.top-filters .panel .panel-heading a:after { top: 10px; }

    .category-vertical-filters.top-filters .panel.vertical-top-price-filter .ngrs-range-slider { padding: 10px; }

    .category-vertical-filters.top-filters .list-group.dropdown { position: static; box-shadow: none; max-height: 300px; overflow-y: scroll; }

    .category-vertical-filters.top-filters .list-group.dropdown li { width: 100%; margin: 0 0 20px 0; padding: 0; }

    .ngrs-range-slider .ngrs-value { position: static; }

    .ngrs-value.ngrs-value-max { display: inline-block; float: right; }

    .ngrs-value.ngrs-value-min { display: inline-block; float: left; }

    .sortingContent { display: block; background-color: #fff; border-radius: 0; padding: 0; display: none; }

    .sortingContent .appliedFilter.FiltrelemeUrunAdet { display: none; }

    .sortingContent li, .appliedFilter.FiltrelemeUrunAdet { display: block; float: none; text-align: left; border-radius: 0; padding: 10px; border-bottom: 1px solid #ddd; }

    .sortingContent li a, .appliedFilter.FiltrelemeUrunAdet { border-radius: 0; background-color: #fff; }

    .sortingContent li:nth-child(2) a, .sortingContent li:nth-child(2) a, .sortingContent li:nth-child(2) a { border-radius: 0; }

    .appliedFilter { float: none; }

    .appliedFilter.FiltrelemeUrunAdet span { display: block; float: none; text-align: left; }
}


.leftBlock .category-vertical-filters > div.loading { position: relative; }
.leftBlock .category-vertical-filters > div.loading:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #00000075; display: block; z-index: 999; }