.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0; }
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option--selectable {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
position: relative; }
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right: 25px; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
padding: 1px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
position: absolute;
left: 0;
top: 0; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--group {
padding: 0; }
.select2-container--default .select2-results__option--disabled {
color: #999; }
.select2-container--default .select2-results__option--selected {
background-color: #ddd; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #888;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
outline: none; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option--group {
padding: 0; }
.select2-container--classic .select2-results__option--disabled {
color: grey; }
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3875d7;
color: white; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }.woof_authors li{
margin-top:7px !important;
list-style-type: none !important;
}
ul.woof_authors{
margin: 0 !important;
padding: 0 !important;
}.woof_checkbox_instock_container{
margin-bottom: 4px;
}.woof_checkbox_sales_container{
margin-bottom: 4px;
}.woof_text_search_container .woof_text_search_go{
display: block;
width: 20px;
height: 20px;
margin-left: 3px;
background: url(//suppfitness.de/wp-content/plugins/woocommerce-products-filter/ext/by_text/assets/img/magnifying-glass2.svg);
display: none;
border: none !important;
text-decoration: none !important;
position: absolute;
right: 5px;
top: 5px;
z-index: 98;
}
.woof_text_search_container .woof_container_inner{
position: relative;
}
.woof_husky_txt{
width: 100%;
display: block;
height: auto;
position: relative;
margin-top: -1px;
}
.woof_husky_txt-input{
width: 100%;
min-height: 30px; margin-bottom: 0 !important;
}
.woof_husky_txt-container{
font-family: sans-serif;
background: rgb(238, 238, 238);
border-radius: 2px;
border: solid 1px #eee;
padding: 0;
width: inherit;
min-height: 1px;
max-height: 1px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 9999;  margin-top: 1px;
}
.woof_husky_txt-container .woof_husky_txt-option{
display: flex;
padding: 9px 20px 9px 9px; background: #fcfcfc;
margin-bottom: 2px;
border-bottom: solid 1px #ddd;
transition: all 0.25s ease-in-out;
text-shadow: 0px 1px 0.5px #fff;
}
.woof_husky_txt-container .woof_husky_txt-option img.woof_husky_txt-option-thumbnail{
margin-top: 3px;
max-height: 72px;
}
.woof_husky_txt-container div:last-of-type{
border-bottom: none;
margin-bottom: 0;
}
.woof_husky_txt-container .woof_husky_txt-option:hover{
background: #f9f9f9;
}
.selectron23-container .selectron23-option[data-selected='1']{
background: #f9f9f9;
}
.woof_husky_txt-option img.woof_husky_txt-option-thumbnail{
max-width: 100px;
margin-right: 5px;
vertical-align: middle;
}
.woof_husky_txt-option-title{
font-weight: bold;
color: #000;
font-size: 0.9em;
line-height: 1.2em;
}
.woof_husky_txt-option-title a{
text-decoration: none !important;
}
.woof_husky_txt-option-text{
text-overflow: ellipsis;
color: #aaa;
overflow: hidden;
font-weight: normal;
line-height: 1.4em;
font-size: 12px;
}
.woof_husky_txt-container > span {
cursor: pointer;
width: 0;
height: 0;
position: absolute;
right: 10px;
margin-top: 0;
}
span.woof_husky_txt-highlight{
background-color: rgba(255, 255, 204, 0.7);
} .woof_husky_txt * {
scrollbar-width: thin;
scrollbar-color: #fcfcfc #eee;
} .woof_husky_txt *::-webkit-scrollbar {
width: 12px;
}
.woof_husky_txt *::-webkit-scrollbar-track {
background: #eee;
}
.woof_husky_txt *::-webkit-scrollbar-thumb {
background-color: #fcfcfc;
border-radius: 20px;
border: 3px solid #ddd;
}
.woof_husky_txt-loader {
position: absolute;
right: 0;
top: 0;
opacity: 0.7;
background: transparent;
border-top: 4px solid #03A9F4;
border-right: 4px solid transparent;
border-radius: 50%;
animation: 1s woof_husky_txt-loader-spin linear infinite;
}
@-webkit-keyframes woof_husky_txt-loader-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes woof_husky_txt-loader-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.woof_husky_txt-cross{
color: #ccc;
line-height: 0;
position: absolute;
right: 5px;
cursor: pointer;
}
.woof_husky_txt-option-breadcrumb{
font-size: 11px;
}
.woof_husky_txt-option-breadcrumb a{
text-decoration: none !important;
}
.woof_husky_txt-option-pagination a{
text-decoration: none !important;
font-size: 13px;
color: #0c0d0e;
line-height: 27px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #d6d9dc;
display: inline-block;
border-radius: 3px;
user-select: none;
margin-right: 5px;
margin-bottom: 3px;
}
.woof_husky_txt-option-pagination a:hover{
border-color: #f48024;
}
.woof_husky_txt-option-pagination b,
.woof_husky_txt-option-pagination i{
margin-right: 5px;
padding-left: 8px;
padding-right: 8px;
display: inline-block;
border-radius: 3px;
line-height: 27px;
border-color: #f48024;
border: 1px solid #f48024;
color: #0c0d0e;
user-select: none;
}
.woof_husky_txt-option-pagination i{
border-color: #d6d9dc;
}
.woof_husky_txt-labels{
display: flex;
flex-wrap: wrap;
width: fit-content;
margin-bottom: 5px;
}
.woof_husky_txt-labels > div{
margin-right: 3px;
background: #2f55d4;
padding: 2px 7px;
border-radius: 3px;
font-size: 11px;
color: #fff;
text-shadow: none;
line-height: 13px;
}
.woof_husky_txt-option-clickable{
cursor: pointer;
}
.woof_husky_txt-option{
text-align: left;
}.woof_list_label li .woof_label_term:hover,
.woof_list_label li .woof_label_term.checked {
background-color: #34495e;
border-color: #34495e;
}
.woof_list_label li {
display: inline-block !important;
margin: 2px;
vertical-align: top;
}
.woof_list_label .woof_label_term
{
background-color: #efefef;
border: 1px solid #ddd;
margin: 3px 3px 3px 0;
padding: 3px 4px;
line-height: 25px;
text-align: center;
overflow: hidden;
text-decoration: none;
cursor: pointer;
min-width: 50px;
max-width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.woof_list_label li .woof_label_term:hover,
.woof_list_label li .woof_label_term.checked
{
background-color: #477bff;
border-color: #477bff;
color: #fff;
}
.woof_label_count{
font-size: 10px;
position: absolute;
border-radius: 200px;
min-width: 17px;
height: 17px;
line-height: 17px !important;
color: wheat;
text-align: center;
font-weight: bold !important;
margin: 0;
right: 0;
background-color: #efefef;
border: 1px solid #ddd;
color: #477bff;
display: flex;
justify-content: center;
align-items: center;
}dl.woof_select_radio_check{
margin: 0 !important;
}
.woof_select_radio_check dd,
.woof_select_radio_check dt {
margin: 0px;
padding: 0px;
}
.woof_select_radio_check ul {
margin: -1px 0 0 0;
}
.woof_select_radio_check dd {
position: relative;
}
.woof_select_radio_check a,
.woof_select_radio_check a:visited {
color: #839b05;
text-decoration: none;
outline: none;
font-size: 12px;
}
.woof_select_radio_check dt a {
background-color: #fff;
color: #424035 !important;
display: block;
padding: 5px 15px 5px 7px;
line-height: 18px;
overflow: hidden;
border: solid 1px #eee;
border-radius: 2px;
}
.woof_select_radio_check dt.woof_select_radio_check_opened a {
background-color: #477bff;
color: #fff !important;
border: solid 1px #fff;
}
.woof_multiSel{
margin-bottom: 0 !important;
}
.woof_select_radio_check dt a span,
.woof_multiSel span {
cursor: pointer;
display: inline-block; width: 100%;
margin-bottom: 3px;
}
.woof_select_radio_check dd ul.woof_list {
background-color: #fff;
border: 0;
color: #000;
display: none;
left: 0px;
position: absolute;
z-index: 9999;
top: 2px;
width: 100%;
list-style: none;
overflow: auto;
padding-top: 12px;
}
.woof_select_radio_check span.value {
display: none;
}
.woof_mutliSelect li{
padding: 2px 15px 2px 5px;
}
.select_radio_check dd ul.woof_list li a {
padding: 5px;
display: block;
}
.woof_select_radio_check dd ul.woof_list li a:hover {
background-color: #eee;
}
.woof_hida{
display: inline-block;
width: 100%;
font-size: 14px;
text-align: center;
}
.woof_hida_small{
font-size: 13px !important;
text-align: left !important;
}
.woof_hida .woof_products_top_panel{
padding: 0 !important;
margin: 0 !important;
}
.woof_hida .woof_products_top_panel li{
margin: 0 !important;
}
.woof_hida .woof_products_top_panel li a{
border: none !important;
padding: 2px 10px 0 9px !important;
line-height: 12px !important;
font-size: 12px !important;
} .woof_products_top_panel2{
overflow: hidden;
line-height: 23px;
margin: 5px 0 5px 0;
display: none;
position: relative;
z-index: 99;
}
.woof_products_top_panel2 ul{
margin: 0 !important;
padding: 0 !important;
}
.woof_products_top_panel2 li{
float: left;
margin: 0 5px 5px 0 !important;
list-style: none !important;
}
.woof_products_top_panel2 li a{
text-decoration: none;
}
.woof_products_top_panel2 li a:hover{
text-decoration: none;
}
.woof_products_top_panel2 li span{
padding-right: 16px;
}
.woof_products_top_panel2 li span:hover{
background-size: 14px 14px;
}
.woof_select_radio_check_opener{
background: url(//suppfitness.de/wp-content/plugins/woocommerce-products-filter/ext/select_radio_check/img/down.svg) no-repeat 99% 50%;
outline: none;
}
.woof_select_radio_check_opened .woof_select_radio_check_opener{
background: url(//suppfitness.de/wp-content/plugins/woocommerce-products-filter/ext/select_radio_check/img/up.svg) no-repeat 99% 50%;
outline: none;
}:root {
--woof-sd-ie-ch_width: 25px;
--woof-sd-ie-ch_height: 25px;
--woof-sd-ie-ch_space: 1px;
--woof-sd-ie-ch_space_color: #ffffff;
--woof-sd-ie-ch_text_top: 0;
--woof-sd-ie-ch_text_color: #6d6d6d;
--woof-sd-ie-ch_hover_text_color: #333333;
--woof-sd-ie-ch_selected_text_color: #000000;
--woof-sd-ie-ch_font_size: 15px;
--woof-sd-ie-ch_font_family: inherit;
--woof-sd-ie-ch_font_weight: 400;
--woof-sd-ie-ch_hover_font_weight: 400;
--woof-sd-ie-ch_selected_font_weight: 400;
--woof-sd-ie-ch_line_height: 18px;
--woof-sd-ie-ch_side_padding: 0;
--woof-sd-ie-ch_color: #ffffff;
--woof-sd-ie-ch_hover_color: #79b8ff;
--woof-sd-ie-ch_selected_color: #79b8ff;
--woof-sd-ie-ch_image: url();
--woof-sd-ie-ch_selected_image: url();
--woof-sd-ie-ch_hover_image: url();
--woof-sd-ie-ch_hover_scale: 100;
--woof-sd-ie-ch_selected_scale: 100;
--woof-sd-ie-ch_border_radius: 0;
--woof-sd-ie-ch_border_width: 1px;
--woof-sd-ie-ch_hover_border_width: 1px;
--woof-sd-ie-ch_selected_border_width: 1px;
--woof-sd-ie-ch_border_color: #79b8ff;
--woof-sd-ie-ch_hover_border_color: #79b8ff;
--woof-sd-ie-ch_selected_border_color: #79b8ff;
--woof-sd-ie-ch_border_style: solid;
--woof-sd-ie-ch_hover_border_style: solid;
--woof-sd-ie-ch_selected_border_style: solid;
--woof-sd-ie-ch_margin_right: 9px;
--woof-sd-ie-ch_margin_bottom: 11px;
--woof-sd-ie-ch_childs_left_shift: 19px;
--woof-sd-ie-ch_transition: 300s;
--woof-sd-ie-ch_counter_show: inline-flex;
--woof-sd-ie-ch_counter_width: 14px;
--woof-sd-ie-ch_counter_height: 14px;
--woof-sd-ie-ch_counter_side_padding: 0;
--woof-sd-ie-ch_counter_top: -2px;
--woof-sd-ie-ch_counter_right: 0;
--woof-sd-ie-ch_counter_font_size: 9px;
--woof-sd-ie-ch_counter_font_family: consolas;
--woof-sd-ie-ch_counter_font_weight: 500;
--woof-sd-ie-ch_counter_color: #477bff;
--woof-sd-ie-ch_counter_bg_color: #ffffff;
--woof-sd-ie-ch_counter_bg_image: url();
--woof-sd-ie-ch_counter_border_width: 1px;
--woof-sd-ie-ch_counter_border_radius: 50%;
--woof-sd-ie-ch_counter_border_color: #477bff;
--woof-sd-ie-ch_counter_border_style: solid;
}
.woof-sd-ie.woof-sd-ie-checkbox{
position: relative;
display: flex;
border-radius: var(--woof-sd-ie-ch_border_radius) !important;
width: 100%;
max-width: var(--woof-sd-ie-ch_width) !important;
min-width: fit-content;
margin-right: var(--woof-sd-ie-ch_margin_right) !important;
margin-bottom: var(--woof-sd-ie-ch_margin_bottom) !important;
transition: all calc(var(--woof-sd-ie-ch_transition)/1000);
}
.woof-sd-ie.woof-sd-ie-checkbox:has(input[type="checkbox"]:checked){
border-color: var(--woof-sd-ie-ch_hover_color) !important;
}
.woof-sd-ie.woof-sd-ie-checkbox > input{
display: none;
}
.woof-sd-ie.woof-sd-ie-checkbox > label{
position: relative;
display: flex !important;
flex-direction: row !important;
line-height: 0 !important;
box-sizing: border-box !important;
user-select: none !important;
width: 100%;
height: var(--woof-sd-ie-ch_height) !important;
background-color: var(--woof-sd-ie-ch_space_color) !important;
margin: 0 0 0 0 !important;
padding: var(--woof-sd-ie-ch_space) !important;
border: var(--woof-sd-ie-ch_border_width) var(--woof-sd-ie-ch_border_style) var(--woof-sd-ie-ch_border_color) !important;
border-radius: var(--woof-sd-ie-ch_border_radius) !important;
transition: all calc(var(--woof-sd-ie-ch_transition)/1000);
}
.woof_list_checkbox_sd_0 .woof-sd-ie.woof-sd-ie-checkbox > label{
width: auto;
min-width: var(--woof-sd-ie-ch_width) !important;
}
.woof-sd-ie.woof-sd-ie-checkbox > label:hover{
border-color: var(--woof-sd-ie-ch_hover_border_color) !important;
border-style: var(--woof-sd-ie-ch_hover_border_style) !important;
border-width: var(--woof-sd-ie-ch_hover_border_width) !important;
scale: calc(var(--woof-sd-ie-ch_hover_scale)/100);
}
.woof-sd-ie.woof-sd-ie-checkbox:has(input:checked) > label{
border-color: var(--woof-sd-ie-ch_selected_border_color) !important;
border-style: var(--woof-sd-ie-ch_selected_border_style) !important;
border-width: var(--woof-sd-ie-ch_selected_border_width) !important;
scale: calc(var(--woof-sd-ie-ch_selected_scale)/100) !important;
}
.woof-sd-ie.woof-sd-ie-checkbox > label:hover > span{
zoom : 1;
letter-spacing: normal;
word-spacing: normal;
border-color:  var(--woof-sd-ie-ch_hover_color) !important;
transition-property: border, background-color, color, transform;
transition-duration: calc(var(--woof-sd-ie-ch_transition)/1000);
transition-timing-function: ease-out;
}
.woof-sd-ie.woof-sd-ie-checkbox > label:hover span,
.woof-sd-ie.woof-sd-ie-checkbox > label + .woof-sd-ie-title:hover{
color: var(--woof-sd-ie-ch_hover_text_color) !important;
font-weight: var(--woof-sd-ie-ch_hover_font_weight);
}
.woof-sd-ie.woof-sd-ie-checkbox:has(input:checked) > label + .woof-sd-ie-title{
color: var(--woof-sd-ie-ch_selected_text_color) !important;
font-weight: var(--woof-sd-ie-ch_selected_font_weight);
}
.woof-sd-ie.woof-sd-ie-checkbox > label > span{
background-size: cover;
}
.woof-sd-ie.woof-sd-ie-checkbox label:hover > span,
.woof-sd-ie.woof-sd-ie-checkbox:has(.woof-sd-ie-title:hover) > label > span{
background-color: var(--woof-sd-ie-ch_hover_color) !important;
background-image: var(--woof-sd-ie-ch_hover_image);
}
.woof-sd-ie.woof-sd-ie-checkbox:has(.woof-sd-ie-title:hover) > label{
scale: calc(var(--woof-sd-ie-ch_hover_scale)/100);
}
div.woof-sd-ie.woof-sd-ie-checkbox > input:checked + label > span{
background-color: var(--woof-sd-ie-ch_selected_color) !important;
background-image: var(--woof-sd-ie-ch_selected_image) !important;
}
.woof-sd-ie.woof-sd-ie-checkbox:has(label:hover > span){
border-color: var(--woof-sd-ie-ch_hover_color);
}
.woof-sd-ie.woof-sd-ie-checkbox .woof-sd-ie-count{
user-select: none;
display: var(--woof-sd-ie-ch_counter_show);
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
right: var(--woof-sd-ie-ch_counter_right);
top: var(--woof-sd-ie-ch_counter_top);
border: var(--woof-sd-ie-ch_counter_border_width) var(--woof-sd-ie-ch_counter_border_style) var(--woof-sd-ie-ch_counter_border_color);
border-radius: var(--woof-sd-ie-ch_counter_border_radius);
min-width: var(--woof-sd-ie-ch_counter_width);
min-height: var(--woof-sd-ie-ch_counter_height);
padding-left: var(--woof-sd-ie-ch_counter_side_padding);
padding-right: var(--woof-sd-ie-ch_counter_side_padding);
font-size: var(--woof-sd-ie-ch_counter_font_size);
font-weight: var(--woof-sd-ie-ch_counter_font_weight);
font-family: var(--woof-sd-ie-ch_counter_font_family);
color: var(--woof-sd-ie-ch_counter_color);
line-height: 0;
background-color: var(--woof-sd-ie-ch_counter_bg_color);
background-image: var(--woof-sd-ie-ch_counter_bg_image);
background-size: cover;
box-sizing: content-box;
}
.woof-sd-ie.woof-sd-ie-checkbox .woof-sd-ie-count:empty{
display: none;
}
.woof-sd-ie.woof-sd-ie-checkbox:hover > label{
cursor: pointer;
}
.woof-sd-ie.woof-sd-ie-checkbox > label > span{
position: relative;
box-sizing: border-box;
display: flex;
flex: 0 0 100%;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
border-radius: var(--woof-sd-ie-ch_border_radius);
font-size: var(--woof-sd-ie-ch_font_size);
color: var(--woof-sd-ie-ch_text_color);
background-color: var(--woof-sd-ie-ch_color);
background-image: var(--woof-sd-ie-ch_image);
}
.woof-sd-ie.woof-sd-ie-checkbox > label > span{
border-radius: var(--woof-sd-ie-ch_border_radius);
}
.woof-sd-ie.woof-sd-ie-checkbox > label > span > span{
display: inline-block;
align-self: center;
padding: 0 var(--woof-sd-ie-ch_side_padding) 0 var(--woof-sd-ie-ch_side_padding);
font-family: var(--woof-sd-ie-ch_font_family);
font-weight: var(--woof-sd-ie-ch_font_weight);
color: var(--woof-sd-ie-ch_text_color);
transition: all calc(var(--woof-sd-ie-ch_transition)/1000);
}
.woof-sd-ie.woof-sd-ie-checkbox > input:not(:checked) + label:hover > span > span{
font-weight: var(--woof-sd-ie-ch_hover_font_weight) !important;
}
.woof-sd-ie.woof-sd-ie-checkbox > input:checked + label > span > span{
color: var(--woof-sd-ie-ch_selected_text_color) !important;
font-weight: var(--woof-sd-ie-ch_selected_font_weight);
}
.woof-sd-ie.woof-sd-ie-checkbox .woof-sd-ie-title{
position: relative;
top: var(--woof-sd-ie-ch_text_top);
align-self: center;
cursor: pointer;
font-weight: var(--woof-sd-ie-ch_font_weight);
font-family: var(--woof-sd-ie-ch_font_family);
font-size: var(--woof-sd-ie-ch_font_size);
color: var(--woof-sd-ie-ch_text_color);
line-height: var(--woof-sd-ie-ch_line_height);
margin-left: var(--woof-sd-ie-ch_margin_right);
}
.woof-sd-ie-checkbox + .woof-sd-ie-childs{
padding-left: var(--woof-sd-ie-ch_childs_left_shift);
}
.woof_list_checkbox_sd_1 .woof-sd-ie-count{
position: absolute !important;
}
.woof_list_checkbox_sd_1 .woof-sd-ie.woof-sd-ie-checkbox{
display: inline-flex;
}:root {
--woof-sd-ie-rad_width: 25px;
--woof-sd-ie-rad_height: 25px;
--woof-sd-ie-rad_space: 1px;
--woof-sd-ie-rad_space_color: #ffffff;
--woof-sd-ie-rad_text_top: 0;
--woof-sd-ie-rad_text_color: #6d6d6d;
--woof-sd-ie-rad_hover_text_color: #333333;
--woof-sd-ie-rad_selected_text_color: #000000;
--woof-sd-ie-rad_font_size: 14px;
--woof-sd-ie-rad_font_family: inherit;
--woof-sd-ie-rad_font_weight: 400;
--woof-sd-ie-rad_hover_font_weight: 400;
--woof-sd-ie-rad_selected_font_weight: 400;
--woof-sd-ie-rad_line_height: 18px;
--woof-sd-ie-rad_color: #ffffff;
--woof-sd-ie-rad_hover_color: #79b8ff;
--woof-sd-ie-rad_selected_color: #79b8ff;
--woof-sd-ie-rad_image: url();
--woof-sd-ie-rad_selected_image: url();
--woof-sd-ie-rad_hover_image: url();
--woof-sd-ie-rad_hover_scale: 100;
--woof-sd-ie-rad_selected_scale: 100;
--woof-sd-ie-rad_border_radius: 50%;
--woof-sd-ie-rad_border_width: 1px;
--woof-sd-ie-rad_hover_border_width: 1px;
--woof-sd-ie-rad_selected_border_width: 1px;
--woof-sd-ie-rad_border_color: #79b8ff;
--woof-sd-ie-rad_hover_border_color: #79b8ff;
--woof-sd-ie-rad_selected_border_color: #79b8ff;
--woof-sd-ie-rad_border_style: solid;
--woof-sd-ie-rad_hover_border_style: solid;
--woof-sd-ie-rad_selected_border_style: solid;
--woof-sd-ie-rad_margin_right: 9px;
--woof-sd-ie-rad_margin_bottom: 11px;
--woof-sd-ie-rad_childs_left_shift: 19px;
--woof-sd-ie-rad_transition: 300s;
--woof-sd-ie-rad_counter_show: inline-flex;
--woof-sd-ie-rad_counter_width: 14px;
--woof-sd-ie-rad_counter_height: 14px;
--woof-sd-ie-rad_counter_side_padding: 0;
--woof-sd-ie-rad_counter_top: -2px;
--woof-sd-ie-rad_counter_right: 0;
--woof-sd-ie-rad_counter_font_size: 9px;
--woof-sd-ie-rad_counter_font_family: consolas;
--woof-sd-ie-rad_counter_font_weight: 500;
--woof-sd-ie-rad_counter_color: #477bff;
--woof-sd-ie-rad_counter_bg_color: #ffffff;
--woof-sd-ie-rad_counter_bg_image: url();
--woof-sd-ie-rad_counter_border_width: 1px;
--woof-sd-ie-rad_counter_border_radius: 50%;
--woof-sd-ie-rad_counter_border_color: #477bff;
--woof-sd-ie-rad_counter_border_style: solid;
}
.woof-sd-ie.woof-sd-ie-radio{
position: relative;
display: flex;
border-radius: var(--woof-sd-ie-rad_border_radius) !important;
width: 100%;
max-width: var(--woof-sd-ie-rad_width) !important;
min-width: fit-content;
margin-right: var(--woof-sd-ie-rad_margin_right) !important;
margin-bottom: var(--woof-sd-ie-rad_margin_bottom) !important;
transition: all calc(var(--woof-sd-ie-rad_transition)/1000);
}
.woof-sd-ie.woof-sd-ie-radio:has(input[type="radio"]:checked){
border-color: var(--woof-sd-ie-rad_hover_color) !important;
}
.woof-sd-ie.woof-sd-ie-radio > input{
display: none;
}
.woof-sd-ie.woof-sd-ie-radio > label{
position: relative;
display: flex !important;
flex-direction: row !important;
line-height: 0 !important;
box-sizing: border-box !important;
user-select: none !important;
width: 100%;
height: var(--woof-sd-ie-rad_height) !important;
background-color: var(--woof-sd-ie-rad_space_color) !important;
margin: 0 0 0 0 !important;
padding: var(--woof-sd-ie-rad_space) !important;
border: var(--woof-sd-ie-rad_border_width) var(--woof-sd-ie-rad_border_style) var(--woof-sd-ie-rad_border_color) !important;
border-radius: var(--woof-sd-ie-rad_border_radius) !important;
transition: all calc(var(--woof-sd-ie-rad_transition)/1000);
}
.woof_list_radio_sd_0 .woof-sd-ie.woof-sd-ie-radio > label{
width: auto;
min-width: var(--woof-sd-ie-rad_width) !important;
}
.woof-sd-ie.woof-sd-ie-radio > label:hover{
border-color: var(--woof-sd-ie-rad_hover_border_color) !important;
border-style: var(--woof-sd-ie-rad_hover_border_style) !important;
border-width: var(--woof-sd-ie-rad_hover_border_width) !important;
scale: calc(var(--woof-sd-ie-rad_hover_scale)/100);
}
.woof-sd-ie.woof-sd-ie-radio:has(input:checked) > label{
border-color: var(--woof-sd-ie-rad_selected_border_color) !important;
border-style: var(--woof-sd-ie-rad_selected_border_style) !important;
border-width: var(--woof-sd-ie-rad_selected_border_width) !important;
scale: calc(var(--woof-sd-ie-rad_selected_scale)/100) !important;
}
.woof-sd-ie.woof-sd-ie-radio > label:hover > span{
zoom : 1;
letter-spacing: normal;
word-spacing: normal;
border-color:  var(--woof-sd-ie-rad_hover_color) !important;
transition-property: border, background-color, color, transform;
transition-duration: calc(var(--woof-sd-ie-rad_transition)/1000);
transition-timing-function: ease-out;
}
.woof-sd-ie.woof-sd-ie-radio > label:hover span,
.woof-sd-ie.woof-sd-ie-radio > label + .woof-sd-ie-title:hover{
color: var(--woof-sd-ie-rad_hover_text_color) !important;
font-weight: var(--woof-sd-ie-rad_hover_font_weight);
}
.woof-sd-ie.woof-sd-ie-radio:has(input:checked) > label + .woof-sd-ie-title{
color: var(--woof-sd-ie-rad_selected_text_color) !important;
font-weight: var(--woof-sd-ie-rad_selected_font_weight);
}
.woof-sd-ie.woof-sd-ie-radio > label > span{
background-size: cover;
}
.woof-sd-ie.woof-sd-ie-radio label:hover > span,
.woof-sd-ie.woof-sd-ie-radio:has(.woof-sd-ie-title:hover) > label > span{
background-color: var(--woof-sd-ie-rad_hover_color) !important;
background-image: var(--woof-sd-ie-rad_hover_image);
}
.woof-sd-ie.woof-sd-ie-radio:has(.woof-sd-ie-title:hover) > label{
scale: calc(var(--woof-sd-ie-rad_hover_scale)/100);
}
div.woof-sd-ie.woof-sd-ie-radio > input:checked + label > span{
background-color: var(--woof-sd-ie-rad_selected_color) !important;
background-image: var(--woof-sd-ie-rad_selected_image) !important;
}
.woof-sd-ie.woof-sd-ie-radio:has(label:hover > span){
border-color: var(--woof-sd-ie-rad_hover_color);
}
.woof-sd-ie.woof-sd-ie-radio .woof-sd-ie-count{
user-select: none;
display: var(--woof-sd-ie-rad_counter_show);
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
right: var(--woof-sd-ie-rad_counter_right);
top: var(--woof-sd-ie-rad_counter_top);
border: var(--woof-sd-ie-rad_counter_border_width) var(--woof-sd-ie-rad_counter_border_style) var(--woof-sd-ie-rad_counter_border_color);
border-radius: var(--woof-sd-ie-rad_counter_border_radius);
min-width: var(--woof-sd-ie-rad_counter_width);
min-height: var(--woof-sd-ie-rad_counter_height);
padding-left: var(--woof-sd-ie-rad_counter_side_padding);
padding-right: var(--woof-sd-ie-rad_counter_side_padding);
font-size: var(--woof-sd-ie-rad_counter_font_size);
font-weight: var(--woof-sd-ie-rad_counter_font_weight);
font-family: var(--woof-sd-ie-rad_counter_font_family);
color: var(--woof-sd-ie-rad_counter_color);
line-height: 0;
background-color: var(--woof-sd-ie-rad_counter_bg_color);
background-image: var(--woof-sd-ie-rad_counter_bg_image);
background-size: cover;
box-sizing: content-box;
}
.woof-sd-ie.woof-sd-ie-radio .woof-sd-ie-count:empty{
display: none;
}
.woof-sd-ie.woof-sd-ie-radio:hover > label{
cursor: pointer;
}
.woof-sd-ie.woof-sd-ie-radio > label > span{
position: relative;
box-sizing: border-box;
display: flex;
flex: 0 0 100%;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
border-radius: var(--woof-sd-ie-rad_border_radius);
font-size: var(--woof-sd-ie-rad_font_size);
color: var(--woof-sd-ie-rad_text_color);
background-color: var(--woof-sd-ie-rad_color);
background-image: var(--woof-sd-ie-rad_image);
}
.woof-sd-ie.woof-sd-ie-radio > label > span{
border-radius: var(--woof-sd-ie-rad_border_radius);
}
.woof-sd-ie.woof-sd-ie-radio > label > span > span{
display: inline-block;
align-self: center;
padding: 0;
font-family: var(--woof-sd-ie-rad_font_family);
font-weight: var(--woof-sd-ie-rad_font_weight);
color: var(--woof-sd-ie-rad_text_color);
transition: all calc(var(--woof-sd-ie-rad_transition)/1000);
}
.woof-sd-ie.woof-sd-ie-radio > input:not(:checked) + label:hover > span > span{
font-weight: var(--woof-sd-ie-rad_hover_font_weight) !important;
}
.woof-sd-ie.woof-sd-ie-radio > input:checked + label > span > span{
color: var(--woof-sd-ie-rad_selected_text_color) !important;
font-weight: var(--woof-sd-ie-rad_selected_font_weight);
}
.woof-sd-ie.woof-sd-ie-radio .woof-sd-ie-title{
position: relative;
top: var(--woof-sd-ie-rad_text_top);
align-self: center;
cursor: pointer;
font-weight: var(--woof-sd-ie-rad_font_weight);
font-family: var(--woof-sd-ie-rad_font_family);
font-size: var(--woof-sd-ie-rad_font_size);
color: var(--woof-sd-ie-rad_text_color);
line-height: var(--woof-sd-ie-rad_line_height);
margin-left: var(--woof-sd-ie-rad_margin_right);
}
.woof-sd-ie-radio + .woof-sd-ie-childs{
padding-left: var(--woof-sd-ie-rad_childs_left_shift);
}
.woof_list_radio_sd_1 .woof-sd-ie-count{
position: absolute !important;
}
.woof_list_radio_sd_1 .woof-sd-ie.woof-sd-ie-radio{
display: inline-flex;
}:root {
--woof-sd-ie-sw_vertex_enabled_bg_color: #79b8ff;
--woof-sd-ie-sw_vertex_enabled_bg_image: url();
--woof-sd-ie-sw_vertex_enabled_border_color: #79b8ff;
--woof-sd-ie-sw_vertex_enabled_border_style: solid;
--woof-sd-ie-sw_vertex_disabled_bg_color: #ffffff;
--woof-sd-ie-sw_vertex_disabled_bg_image: url();
--woof-sd-ie-sw_vertex_disabled_border_color: #ffffff;
--woof-sd-ie-sw_vertex_disabled_border_style: solid;
--woof-sd-ie-sw_vertex_border_width: 1px;
--woof-sd-ie-sw_substrate_enabled_bg_color: #c8e1ff;
--woof-sd-ie-sw_substrate_enabled_bg_image: url();
--woof-sd-ie-sw_substrate_enabled_border_color: #c8e1ff;
--woof-sd-ie-sw_substrate_enabled_border_style: solid;
--woof-sd-ie-sw_substrate_disabled_bg_color: #9a9999;
--woof-sd-ie-sw_substrate_disabled_bg_image: url();
--woof-sd-ie-sw_substrate_disabled_border_color: #9a9999;
--woof-sd-ie-sw_substrate_disabled_border_style: solid;
--woof-sd-ie-sw_substrate_border_width: 1px;
--woof-sd-ie-sw_vertex_size: 20px;
--woof-sd-ie-sw_vertex_border_radius: 50%;
--woof-sd-ie-sw_vertex_top: 0;
--woof-sd-ie-sw_substrate_width: 34px;
--woof-sd-ie-sw_substrate_height: 14px;
--woof-sd-ie-sw_substrate_border_radius: 8px;
--woof-sd-ie-sw_label_font_color: #6d6d6d;
--woof-sd-ie-sw_label_font_size: 16px;
--woof-sd-ie-sw_label_font_weight: 400;
--woof-sd-ie-sw_label_line_height: 23px;
--woof-sd-ie-sw_label_font_family: inherit;
--woof-sd-ie-sw_label_left: 15px;
--woof-sd-ie-sw_label_top: -16px;
--woof-sd-ie-sw_margin_bottom: 5px;
--woof-sd-ie-sw_childs_left_shift: 15px;
--woof-sd-ie-sw_counter_show: inline-flex;
--woof-sd-ie-sw_counter_width: 14px;
--woof-sd-ie-sw_counter_height: 14px;
--woof-sd-ie-sw_counter_side_padding: 0;
--woof-sd-ie-sw_counter_top: -2px;
--woof-sd-ie-sw_counter_right: -3px;
--woof-sd-ie-sw_counter_font_size: 9px;
--woof-sd-ie-sw_counter_font_family: consolas;
--woof-sd-ie-sw_counter_font_weight: 500;
--woof-sd-ie-sw_counter_color: #477bff;
--woof-sd-ie-sw_counter_bg_color: #ffffff;
--woof-sd-ie-sw_counter_bg_image: url();
--woof-sd-ie-sw_counter_border_width: 1px;
--woof-sd-ie-sw_counter_border_radius: 50%;
--woof-sd-ie-sw_counter_border_color: #477bff;
--woof-sd-ie-sw_counter_border_style: solid;
}
.woof-sd-ie.woof-sd-ie-switcher{
margin-bottom: var(--woof-sd-ie-sw_margin_bottom);
box-sizing: content-box !important;
}
.woof-sd-ie.woof-sd-ie-switcher *{
box-sizing: content-box !important;
}
.woof-sd-ie-switcher label.switcher23-toggle {
position: relative;
display: inline-block !important;
width: calc(100% - var(--woof-sd-ie-sw_vertex_size) - var(--woof-sd-ie-sw_childs_left_shift));
height: auto;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transform: translate3d(0, 0, 0);
padding: 0 !important;
margin: 0 !important;
vertical-align: top;
}
.woof-sd-ie-switcher .switcher23-toggle:before {
content: "";
position: relative;
top: 3px;
left: 3px;
width: var(--woof-sd-ie-sw_substrate_width);
height: var(--woof-sd-ie-sw_substrate_height);
display: block;
background-color: var(--woof-sd-ie-sw_substrate_disabled_bg_color);
background-image: var(--woof-sd-ie-sw_substrate_disabled_bg_image);
background-size: cover;
border-radius: var(--woof-sd-ie-sw_substrate_border_radius);
border-width: var(--woof-sd-ie-sw_substrate_border_width);
border-color: var(--woof-sd-ie-sw_substrate_disabled_border_color);
border-style: var(--woof-sd-ie-sw_substrate_disabled_border_style);
transition: background 0.2s ease;
}
.woof-sd-ie-switcher .switcher23-toggle > span {
position: absolute;
top: var(--woof-sd-ie-sw_vertex_top);
left: -3px;
width: var(--woof-sd-ie-sw_vertex_size);
height: var(--woof-sd-ie-sw_vertex_size);
display: block;
background-color: var(--woof-sd-ie-sw_vertex_disabled_bg_color);
background-image: var(--woof-sd-ie-sw_vertex_disabled_bg_image);
background-size: cover;
border-radius: var(--woof-sd-ie-sw_vertex_border_radius);
border-width: var(--woof-sd-ie-sw_vertex_border_width);
border-color: var(--woof-sd-ie-sw_vertex_disabled_border_color);
border-style: var(--woof-sd-ie-sw_vertex_disabled_border_style);
box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
transition: all 0.2s ease;
}
.woof-sd-ie-switcher .switcher23-toggle > span:before {
content: "";
position: absolute;
display: block;
margin: calc((var(--woof-sd-ie-sw_vertex_size) - var(--woof-sd-ie-sw_vertex_size)/9) * -1);
width: calc(var(--woof-sd-ie-sw_vertex_size)*3);
height: calc(var(--woof-sd-ie-sw_vertex_size)*3);
background: rgba(79, 46, 220, 0.5);
border-radius: var(--woof-sd-ie-sw_vertex_border_radius);
transform: scale(0);
opacity: 1;
pointer-events: none;
}
.woof-sd-ie-switcher .switcher23 {
display: none !important;
}
.woof-sd-ie-switcher .switcher23:checked + .switcher23-toggle:before {
background-color: var(--woof-sd-ie-sw_substrate_enabled_bg_color);
background-image: var(--woof-sd-ie-sw_substrate_enabled_bg_image);
background-size: cover;
border-color: var(--woof-sd-ie-sw_substrate_enabled_border_color);
border-style: var(--woof-sd-ie-sw_vertex_disabled_border_style);
}
.woof-sd-ie-switcher .switcher23:checked + .switcher23-toggle > span {
background-color: var(--woof-sd-ie-sw_vertex_enabled_bg_color);
background-image: var(--woof-sd-ie-sw_vertex_enabled_bg_image);
border-style: var(--woof-sd-ie-sw_vertex_enabled_border_style);
border-color: var(--woof-sd-ie-sw_vertex_enabled_border_color);
background-size: cover;
transform: translateX(calc(var(--woof-sd-ie-sw_substrate_width) - var(--woof-sd-ie-sw_vertex_size)/2));
transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
.woof-sd-ie-switcher .switcher23:checked + .switcher23-toggle > span:before {
transform: scale(1);
opacity: 0;
transition: all 0.4s ease;
}
.woof-sd-ie-switcher .switcher23-toggle-dir > span{
width: 23px;
border-top-right-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
background: #79b8ff !important;
}
.woof-sd-ie-switcher .switcher23-toggle-dir:before{
background: #c8e1ff;
}
.woof-sd-ie-switcher .switcher23:checked + .switcher23-toggle-dir > span{
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.woof-sd-ie-switcher .switcher23-title{
display: block;
position: relative;
width: fit-content;
right: 0;
top: var(--woof-sd-ie-sw_label_top) !important;
left: calc(var(--woof-sd-ie-sw_substrate_width) + var(--woof-sd-ie-sw_label_left)) !important;
font-size: var(--woof-sd-ie-sw_label_font_size) !important;
line-height: var(--woof-sd-ie-sw_label_line_height) !important;
font-family: var(--woof-sd-ie-sw_label_font_family) !important;
font-weight: var(--woof-sd-ie-sw_label_font_weight) !important;
color: var(--woof-sd-ie-sw_label_font_color) !important;
user-select: none !important;
max-width: calc(100% - (var(--woof-sd-ie-sw_counter_width) + var(--woof-sd-ie-sw_label_left))) !important;
overflow: inherit;
}
.woof-sd-ie-switcher .switcher23-container{
display: inline-block;
width: 100%;
}
.woof-sd-ie-switcher + .switcher23-container label{
width: 100%;
}
.woof-sd-ie-switcher + .woof-sd-ie-childs{
padding-left: var(--woof-sd-ie-sw_childs_left_shift);
}
.woof-sd-ie.woof-sd-ie-switcher .woof-sd-ie-count{
user-select: none;
display: var(--woof-sd-ie-sw_counter_show);
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
right: var(--woof-sd-ie-sw_counter_right);
top: var(--woof-sd-ie-sw_counter_top);
border: var(--woof-sd-ie-sw_counter_border_width) var(--woof-sd-ie-sw_counter_border_style) var(--woof-sd-ie-sw_counter_border_color);
border-radius: var(--woof-sd-ie-sw_counter_border_radius);
min-width: var(--woof-sd-ie-sw_counter_width);
min-height: var(--woof-sd-ie-sw_counter_height);
padding-left: var(--woof-sd-ie-sw_counter_side_padding);
padding-right: var(--woof-sd-ie-sw_counter_side_padding);
font-size: var(--woof-sd-ie-sw_counter_font_size);
font-weight: var(--woof-sd-ie-sw_counter_font_weight);
font-family: var(--woof-sd-ie-sw_counter_font_family);
color: var(--woof-sd-ie-sw_counter_color);
line-height: 0;
background-color: var(--woof-sd-ie-sw_counter_bg_color);
background-image: var(--woof-sd-ie-sw_counter_bg_image);
background-size: cover;
box-sizing: content-box !important;
}:root {
--woof-sd-ie-clr_width: 60px;
--woof-sd-ie-clr_height: 60px;
--woof-sd-ie-clr_show_tooltip: none;
--woof-sd-ie-clr_show_tooltip_count: block-inline;
--woof-sd-ie-clr_color: #000000;
--woof-sd-ie-clr_image: url();
--woof-sd-ie-clr_hover_scale: 110;
--woof-sd-ie-clr_selected_scale: 110;
--woof-sd-ie-clr_border_radius: 50%;
--woof-sd-ie-clr_border_width: 1px;
--woof-sd-ie-clr_hover_border_width: 1px;
--woof-sd-ie-clr_selected_border_width: 1px;
--woof-sd-ie-clr_border_color: #79b8ff;
--woof-sd-ie-clr_hover_border_color: #79b8ff;
--woof-sd-ie-clr_selected_border_color: #79b8ff;
--woof-sd-ie-clr_border_style: solid;
--woof-sd-ie-clr_hover_border_style: dashed;
--woof-sd-ie-clr_selected_border_style: dashed;
--woof-sd-ie-clr_margin_right: 9px;
--woof-sd-ie-clr_margin_bottom: 11px;
--woof-sd-ie-clr_transition: 300s;
--woof-sd-ie-clr_counter_show: inline-flex;
--woof-sd-ie-clr_counter_width: 14px;
--woof-sd-ie-clr_counter_height: 14px;
--woof-sd-ie-clr_counter_side_padding: 0;
--woof-sd-ie-clr_counter_top: 4px;
--woof-sd-ie-clr_counter_right: 0;
--woof-sd-ie-clr_counter_font_size: 9px;
--woof-sd-ie-clr_counter_font_family: consolas;
--woof-sd-ie-clr_counter_font_weight: 500;
--woof-sd-ie-clr_counter_color: #477bff;
--woof-sd-ie-clr_counter_bg_color: #ffffff;
--woof-sd-ie-clr_counter_bg_image: url();
--woof-sd-ie-clr_counter_border_width: 1px;
--woof-sd-ie-clr_counter_border_radius: 50%;
--woof-sd-ie-clr_counter_border_color: #477bff;
--woof-sd-ie-clr_counter_border_style: solid;
}
.woof-sd-ie.woof-sd-ie-color{
position: relative;
display: inline-flex;
margin-right: var(--woof-sd-ie-clr_margin_right) !important;
margin-bottom: var(--woof-sd-ie-clr_margin_bottom) !important;
box-sizing: border-box;
}
.woof-sd-ie.woof-sd-ie-color > input{
display: none;
}
.woof-sd-ie.woof-sd-ie-color > label{
position: relative;
display: flex !important;
flex-direction: row !important;
line-height: 0 !important;
box-sizing: border-box !important;
user-select: none !important;
width: auto;
min-width: var(--woof-sd-ie-clr_width) !important;
height: var(--woof-sd-ie-clr_height) !important;
margin: 0 0 0 0 !important;
transition: all calc(var(--woof-sd-ie-clr_transition)/1000);
border-color: var(--woof-sd-ie-clr_border_color) !important;
border-style: var(--woof-sd-ie-clr_border_style) !important;
border-width: var(--woof-sd-ie-clr_border_width) !important;
border-radius: var(--woof-sd-ie-clr_border_radius);
background-color: var(--woof-sd-ie-clr_color);
background-image: var(--woof-sd-ie-clr_image);
background-size: cover;
width: 100%;
max-width: var(--woof-sd-ie-clr_width) !important;
min-width: fit-content;
}
.woof-sd-ie.woof-sd-ie-color:hover > label{
border-color: var(--woof-sd-ie-clr_hover_border_color) !important;
border-style: var(--woof-sd-ie-clr_hover_border_style) !important;
border-width: var(--woof-sd-ie-clr_hover_border_width) !important;
scale: calc(var(--woof-sd-ie-clr_hover_scale)/100);
}
.woof-sd-ie.woof-sd-ie-color:has(input:checked) > label{
border-color: var(--woof-sd-ie-clr_selected_border_color) !important;
border-style: var(--woof-sd-ie-clr_selected_border_style) !important;
border-width: var(--woof-sd-ie-clr_selected_border_width) !important;
scale: calc(var(--woof-sd-ie-clr_selected_scale)/100) !important;
}
.woof-sd-ie.woof-sd-ie-color > label:hover > span{
zoom : 1;
letter-spacing: normal;
word-spacing: normal;
border-color:  var(--woof-sd-ie-clr_hover_color) !important;
transition: all calc(var(--woof-sd-ie-clr_transition)/1000);
}
.woof-sd-ie.woof-sd-ie-color .woof-sd-ie-count{
user-select: none;
display: var(--woof-sd-ie-clr_counter_show);
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
right: var(--woof-sd-ie-clr_counter_right);
top: var(--woof-sd-ie-clr_counter_top);
border: var(--woof-sd-ie-clr_counter_border_width) var(--woof-sd-ie-clr_counter_border_style) var(--woof-sd-ie-clr_counter_border_color);
border-radius: var(--woof-sd-ie-clr_counter_border_radius);
min-width: var(--woof-sd-ie-clr_counter_width);
min-height: var(--woof-sd-ie-clr_counter_height);
padding-left: var(--woof-sd-ie-clr_counter_side_padding);
padding-right: var(--woof-sd-ie-clr_counter_side_padding);
font-size: var(--woof-sd-ie-clr_counter_font_size);
font-weight: var(--woof-sd-ie-clr_counter_font_weight);
font-family: var(--woof-sd-ie-clr_counter_font_family);
color: var(--woof-sd-ie-clr_counter_color);
line-height: 0;
background-color: var(--woof-sd-ie-clr_counter_bg_color);
background-image: var(--woof-sd-ie-clr_counter_bg_image);
background-size: cover;
box-sizing: content-box;
z-index: 99;
}
.woof-sd-ie.woof-sd-ie-color .woof-sd-ie-count:empty{
display: none;
}
.woof-sd-ie.woof-sd-ie-color:hover > label{
cursor: pointer;
}
.woof-sd-ie.woof-sd-ie-color > label > span{
position: relative;
box-sizing: border-box;
display: flex;
flex: 0 0 100%;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
}
.woof-sd-ie.woof-sd-ie-color > label > span{
border-radius: var(--woof-sd-ie-clr_border_radius);
}
.woof-sd-ie.woof-sd-ie-color .woof-sd-tooltiptext{
display: var(--woof-sd-ie-clr_show_tooltip);
}
.woof-sd-ie.woof-sd-ie-color .woof-sd-tooltiptext b {
display: var(--woof-sd-ie-clr_show_tooltip_count);
}.woof-sd-tooltip {
position: relative;
}
.woof-sd-tooltip .woof-sd-tooltiptext {
visibility: hidden;
min-width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 999;
top: calc(100% + 6px);
left: 50%;
margin-left: -60px;
box-sizing: border-box;
display: block;
}
.woof-sd-tooltip .woof-sd-tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}
.woof-sd-tooltip:hover .woof-sd-tooltiptext {
visibility: visible;
}.woof_list_sd .woof_open_hidden_li{
width: 100%;
}
.woof-sd-ie .woof-sd-ie-count:empty{
display: none !important;
}
.woof-sd-ie .woof-sd-list-opener{
line-height: 0;
position: relative;
top: -1px;
}
.woof-sd-ie woof-sd-list-opener{
top: -2px;
position: relative;
}
.woof-sd-ie .woof_childs_list_opener span{
width: 18px;
height: 18px;
}
.woof-sd-ie .woof_radio_term_reset_visible{
position: absolute;
right: -9px;
top: -11px;
}:root {
--woof-sd-ie-vertex_enabled_bg_color: #79b8ff;
--woof-sd-ie-substrate_enabled_bg_color: #c8e1ff;
--woof-sd-ie-vertex_disabled_bg_color: #ffffff;
--woof-sd-ie-substrate_disabled_bg_color: #9a9999;
--woof-sd-ie-vertex_size: 20px;
--woof-sd-ie-vertex_border_radius: 50%;
--woof-sd-ie-vertex_top: 0;
--woof-sd-ie-substrate_width: 34px;
--woof-sd-ie-substrate_height: 14px;
--woof-sd-ie-substrate_border_radius: 8px;
--woof-sd-ie-label_font_color: #333333;
--woof-sd-ie-label_font_size: 16px;
--woof-sd-ie-label_left: 15px;
--woof-sd-ie-label_top: -18px;
}
label.switcher23-toggle {
position: relative;
display: inline-block;
width: auto;
height: auto;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transform: translate3d(0, 0, 0);
padding: 0 !important;
}
.switcher23-toggle:before {
content: "";
position: relative;
top: 3px;
left: 3px;
width: var(--woof-sd-ie-substrate_width);
height: var(--woof-sd-ie-substrate_height);
display: block;
background: var(--woof-sd-ie-substrate_disabled_bg_color);
border-radius: var(--woof-sd-ie-substrate_border_radius);
transition: background 0.2s ease;
}
.switcher23-toggle > span {
position: absolute;
top: var(--woof-sd-ie-vertex_top);
left: -3px;
width: var(--woof-sd-ie-vertex_size);
height: var(--woof-sd-ie-vertex_size);
display: block;
background: var(--woof-sd-ie-vertex_disabled_bg_color);
border-radius: var(--woof-sd-ie-vertex_border_radius);
box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
transition: all 0.2s ease;
}
.switcher23-toggle > span:before {
content: "";
position: absolute;
display: block;
margin: calc((var(--woof-sd-ie-vertex_size) - var(--woof-sd-ie-vertex_size)/9) * -1);
width: calc(var(--woof-sd-ie-vertex_size)*3);
height: calc(var(--woof-sd-ie-vertex_size)*3);
background: rgba(79, 46, 220, 0.5);
border-radius: var(--woof-sd-ie-vertex_border_radius);
transform: scale(0);
opacity: 1;
pointer-events: none;
}
.switcher23 {
display: none !important;
}
.switcher23:checked + .switcher23-toggle:before {
background: var(--woof-sd-ie-substrate_enabled_bg_color);
}
.switcher23:checked + .switcher23-toggle > span {
background: var(--woof-sd-ie-vertex_enabled_bg_color);
transform: translateX(calc(var(--woof-sd-ie-substrate_width) - var(--woof-sd-ie-vertex_size)/2));
transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
.switcher23:checked + .switcher23-toggle > span:before {
transform: scale(1);
opacity: 0;
transition: all 0.4s ease;
}
.switcher23-toggle-dir > span{
width: 23px;
border-top-right-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
background: #79b8ff !important;
}
.switcher23-toggle-dir:before{
background: #c8e1ff;
}
.switcher23:checked + .switcher23-toggle-dir > span{
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.switcher23-title{
display: block;
position: relative;
width: fit-content;
right: 0;
top: var(--woof-sd-ie-label_top);
left: calc(var(--woof-sd-ie-substrate_width) + var(--woof-sd-ie-label_left));
font-size: var(--woof-sd-ie-label_font_size);
color: var(--woof-sd-ie-label_font_color) !important;
user-select: none;
max-width: calc(100% - var(--woof-sd-ie-counter_width)*2 - var(--woof-sd-ie-substrate_width) + var(--woof-sd-ie-label_left));
overflow: hidden;
}
.switcher23-container{
display: inline-flex;
width: fit-content;
flex-wrap: nowrap;
align-items: baseline;
}
.switcher23-container label{
width: 100%;
margin: 0 !important;
}
.switcher23-container .switcher23-title2{
display: block;
width: fit-content;
flex-wrap: nowrap;
white-space: nowrap;
margin-left: 47px;
line-height: 0;
margin-top: -4px;
color: #333333;
}