#sf_filter_container {
    margin-top: 66px;
}

.collapse {
    position: relative;
    height: 0;
    overflow: visible \9;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.collapse.in {
    height: auto;
}

.sf_filter_title {
    border-top: 1px solid #6e6f71;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 10px;
}

.sfRemoveSingleFilter {
    margin-bottom: 10px;
    clear: both;
}

.smx-tree {
    margin-top: 20px !important;
}

.smx-tree li > a {
    margin-left: 0;
    display: inline-block;
    padding: 5px 0;
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 0;
}

.sf_filter_attribut_remove input,
.sf_filter_attribut input {
    top: 0;
}

.sf_filter_attribut_remove input,
.sf_filter_attribut input {
    float: left;
    margin: 3px 0 0 0;
    min-height: 20px;
}

.sf_filter_attribut {
    margin: 10px 0 0;
    overflow: hidden;
}

.sf_filter_attribut input {
    min-height: 20px;
}

.smx-tree li.exp > a,
.smx-tree li.exp > span,
.smx-tree li.active > a,
#sf_facet_filters .sf_facet_filters_title.area_title {
    background-color: transparent;
    color: grey;
    font-weight: 300;
    border-radius: 5px;
    padding-left: 0;
    display: block;
    line-height: 20px;
    height: 20px;
    font-size: 18px;
    margin-bottom: 4px;
}

#sf_facet_filters .sf_facet_filters_title.area_title {
    border: medium none;
    color: black;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: none;
}

.collapse-inner,
.sf_filter_more_options,
.collapse-group {
    overflow: hidden;
}

.collapse-inner {
    padding: 10px 0 0 0;
    width: 100%;
    float: left;
}

.sf_filter_more_option,
.sf_filter_attribut_show_more {
    cursor: pointer;
}

.collapse-inner::after {
}

.smx-sidebarblock.alt {
    border: none;
}

.manufacturerlist .smx-sidebarcontent {
    padding-left: 0;
    padding-top: 0;
}

.collapse-group a.collapse-toggle {
    margin-bottom: 0;
    display: block;
    position: relative;
    padding: 0 0 0 0;
    width: 100%;
    float: left;
}

.collapse-group a.collapse-toggle span {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.collapse-toggle .fa {
    font-size: 21px;
    float: right;
}

#sf_facet_filters .hidde {
    display: none;
}

.sf_filter_attribut_show_more .fa-arrow-right {
    color: black;
    font-size: 12px;
    margin-right: 5px;
    vertical-align: 1px;
}

.sf_filter_attribut_show_more .sf_more_filter:hover,
.sf_filter_attribut_show_more .sf_less_filter:hover {
    color: grey;
}

.sf_filter_attribut_remove,
.sf_filter_attribut {
    margin: 10px 0 0 0;
    overflow: hidden;
}

.sf_filter_attribut_remove a {
    font-weight: 600;
}

.sf_filter_attribut_remove a,
.sf_filter_attribut a {
    margin-left: 17px;
    vertical-align: middle;
    display: block;
    width: auto;
}

.sf_filter_attribut_remove a.icon,
.sf_filter_attribut a.icon {
    margin-left: 0;
}

.sf_filter_attribut_remove a.icon img,
.sf_filter_attribut a.icon img {
    width: 30px;
    height: 20px;
}

.sf_filter_attribut_remove.imgbox,
.sf_filter_attribut.imgbox {
    float: left;
    width: 30px;
    margin-right: 4px;
}

.sf_filter_attribut_show_more {
    color: black;
    margin-top: 15px;
}

.sf_filter_title a span {
    vertical-align: baseline;
}

.sf_filter_title a span,
.sf_filter_attribut_show_more > span {
    vertical-align: baseline;
}

.deleteAttCookie a {
    text-decoration: underline;
}

#sf_filter_container .slidercontainer {
    width: 100%;
    margin: 0 0 10px;
}

#sfslider input {
    border: 0;
    padding: 0;
    margin-left: -10px;
    color: black;
    font-weight: normal;
    margin-bottom: 4px;
}

.clear {
    clear: both;
}

.removeFilter {
    color: #c0c0c0;
    display: inline-block;
    margin-top: 2px;
    float: right;
}

.smx-sidebarblock.smx-tree a.smx-cat {
    font-size: 13px !important;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 3px;
    text-decoration: none;
    text-transform: uppercase;
    height: 15px;
}

.smx-sidebarblock .smx-dropdown > .dropdown-toggle {
    padding-left: 0;
}

#sfslider-oxstock {
    margin-top: 20px;
    margin-bottom: 20px;
}

.collapse-heading.sf_filter_title a:hover {
    cursor: pointer;
}

ul.smx-sidebarblock.smx-tree,
ul.smx-sidebarblock.smx-tree ul {
    list-style: none !important;
    margin: 0;
}

ul.smx-sidebarblock.smx-tree li,
ul.smx-sidebarblock.smx-tree li li {
    list-style: none;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png") !important;
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.hidden-desktop {
    display: none !important;
}

.sfoverlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background-color: grey;
}

.sfspinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 174, 239, .15);
    border-right: 6px solid rgba(0, 174, 239, .15);
    border-bottom: 6px solid rgba(0, 174, 239, .15);
    border-top: 6px solid rgba(0, 174, 239, .8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/** deletable input boxes **/
span.deleteicon {
    position: relative;
}

span.deleteicon span {
    position: absolute;
    display: block;
    top: 5px;
    right: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

span.deleteicon input {
    padding-right: 10px;
}

.tsfilterform input.deletable {
    min-height: 22px;
}

.tsfilterform .removeFilter {
    color: grey;
    float: right;
    font-size: 15px;
    margin-right: -21px;
    margin-top: -7px;
}

.sfRevertFilterDiv {
    clear: both;
    color: grey;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 10px;
}

.sfRevertFilterDiv input.sfRevertBox {
    margin: 0 3px 0 0;
    font-style: italic;
}

.ui-rangeSlider-label {
    font-size: 10px;
    margin: 0 5px 2px;
}

.twitter-typeahead {
    float: left;
    margin: 0;
    width: calc(100% - 40px);
}

#searchparaminput {
    border-right: none;
    box-shadow: none;
    border-radius: 4px 0 0 4px;
    margin: 0;
    float: left;
}

.searchBox .btn {
    border-radius: 0 4px 4px 0;
    margin: 0;
    float: left;
}

.top_list_sf_filter_select {
    margin-top: 5px;
    margin-bottom: 10px;
}
.top_list_sf_filter_container {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.top_list_sf_filter_container .top_list_sf_filter_bucket {
    flex: 0 0 auto;
}
.sfresfooter {
    display: none;
    height: 0;
    overflow: hidden;
}