.jslider .jslider-bg i,.jslider .jslider-pointer{background:url(//promoscollection.ro/wp-content/plugins/woofilter/modules/woofilters/img/jslider.png) no-repeat 0 0}.jslider{display:block;width:100%;height:1em;position:relative;top:.6em;font-family:Arial,sans-serif}.jslider table{width:100%;border-collapse:collapse;border:0}.jslider td,.jslider th{padding:0;vertical-align:top;text-align:left;border:0}.jslider table,.jslider table tr,.jslider table tr td{width:100%;vertical-align:top}.jslider .jslider-bg{position:relative}.jslider .jslider-bg i{height:5px;position:absolute;font-size:0;top:0}.jslider .jslider-bg .l{width:10%;background-position:0 0;left:0}.jslider .jslider-bg .f{width:80%;left:10%;background-repeat:repeat-x;background-position:0 -20px}.jslider .jslider-bg .r{width:10%;left:90%;background-position:right 0}.jslider .jslider-bg .v{position:absolute;width:60%;left:20%;top:0;height:5px;background-repeat:repeat-x;background-position:0 -40px}.jslider .jslider-pointer{width:13px;height:15px;background-position:0 -60px;position:absolute;left:20%;top:-4px;margin-left:-6px;cursor:pointer;cursor:hand}.jslider .jslider-pointer-hover{background-position:-20px -60px}.jslider .jslider-pointer-to{left:80%}.jslider .jslider-label{font-size:9px;line-height:12px;color:black;opacity:.4;white-space:nowrap;padding:0 2px;position:absolute;top:-18px;left:0}.jslider .jslider-label-to{left:auto;right:0}.jslider .jslider-value{font-size:9px;white-space:nowrap;padding:1px 2px 0;position:absolute;top:-19px;left:20%;background:white;line-height:12px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px}.jslider .jslider-value-to{left:80%}.jslider .jslider-label small,.jslider .jslider-value small{position:relative;top:-0.4em}.jslider .jslider-scale{position:relative;top:9px}.jslider .jslider-scale span{position:absolute;height:5px;border-left:1px solid #999;font-size:0}.jslider .jslider-scale ins{font-size:9px;text-decoration:none;position:absolute;left:0;top:5px;color:#999}.jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label{display:none}.jslider_blue .jslider-bg i,.jslider_blue .jslider-pointer{background-image:url(//promoscollection.ro/wp-content/plugins/woofilter/modules/woofilters/img/jslider.blue.png)}.jslider_plastic .jslider-bg i,.jslider_plastic .jslider-pointer{background-image:url(//promoscollection.ro/wp-content/plugins/woofilter/modules/woofilters/img/jslider.plastic.png)}.jslider_round .jslider-bg i,.jslider_round .jslider-pointer{background-image:url(//promoscollection.ro/wp-content/plugins/woofilter/modules/woofilters/img/jslider.round.png)}.jslider_round .jslider-pointer{width:17px;height:17px;top:-6px;margin-left:-8px}.jslider_round_plastic .jslider-bg i,.jslider_round_plastic .jslider-pointer{background-image:url(//promoscollection.ro/wp-content/plugins/woofilter/modules/woofilters/img/jslider.round.plastic.png)}.jslider_round_plastic .jslider-pointer{width:18px;height:18px;top:-7px;margin-left:-8px}.wpfFilterWrapper label{
font-weight: normal;
}
.wpfPriceRangeField#wpfMinPrice,
.wpfPriceRangeField#wpfMaxPrice {
background-color: #f9f9f9;
border: 1px solid #6e6666;
color: black;
font-family: myFont;
font: normal 14px Arial, Helvetica, sans-serif;
border-radius: 5px;
height: 26px;
padding: 5px;
-moz-appearance: textfield;
}
.wpfFilterWrapper .wfpTitle{
font-size: 16px;
font-weight: bold;
height: 25px;
margin: inherit;
padding: inherit;
color: inherit;
line-height: inherit;
}
.wpfFilterWrapper .wfpDescription{
font-size: 14px;
}
.wpfFilterButtons{
min-width: 150px;
}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton{
padding: 5px;
align-items: center;
min-height: 52px;
border-radius: 4px;
font-size: 17px;
text-decoration: none !important;
text-align: center;
text-transform: uppercase;
transition: all 0.2s;
white-space: normal;
cursor: pointer;
border:none;
font-weight:bold;
outline: none;
}
.wpfFilterVerScroll::-webkit-scrollbar-track {
border: 1px solid #000;
padding: 2px 0;
background-color: #404040;
}
.wpfFilterVerScroll::-webkit-scrollbar {
width: 10px;
}
.wpfFilterVerScroll::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #737272;
border: 1px solid #000;
}
.wpfFilterWrapper[data-filter-type="wpfCategory"] .wpfFilterContent .wpfCheckboxHier input,
.wpfFilterWrapper[data-filter-type="wpfRating"] .wpfFilterContent .wpfCheckboxHier input,
.wpfFilterWrapper[data-filter-type="wpfPriceRange"] .wpfFilterContent .wpfCheckboxHier input[type="checkbox"]{
width: 1.3em;
height: 1.3em;
background-color: white;
border-radius: 50%;
vertical-align: middle;
border: 1px solid #ddd;
-webkit-appearance: none;
outline: none;
cursor: pointer;
}
.wpfFilterWrapper[data-filter-type="wpfCategory"] .wpfFilterContent .wpfCheckboxHier .ms-options input {
border-radius: 0;
}
.wpfFilterWrapper[data-filter-type="wpfCategory"] .wpfCheckboxHier input:checked,
.wpfFilterWrapper[data-filter-type="wpfRating"] .wpfCheckboxHier input:checked,
.wpfFilterWrapper[data-filter-type="wpfPriceRange"] .wpfCheckboxHier input:checked{
background-color: gray;
}
.wpfFilterWrapper input[type=number]::-webkit-inner-spin-button,
.wpfFilterWrapper input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.wpfFilterDelimeter{
font-weight: bold;
}
.wpfFilterWrapper[data-display-type="mul_dropdown"] select{
height: 100px;
}
.wpfSearchWrapper .wpfSearchFieldsFilter{
height: 30px;
}
.wpfMainWrapper .wpfCount{
font-size: 0.9em;
}
.wpfMainWrapper .wpfBlockClear{
color: #0074a2;
text-decoration: none;
}
.wpfMainWrapper .wpfBlockClear:before{
content: '\f104';
font-family: FontAwesome;
margin: 0 5px 0 5px;
text-decoration: none;
}
.wpfFilterWrapper input[type=checkbox], .wpfFilterWrapper input[type=radio] {
border: 1px solid #b4b9be;
background: #fff;
color: #555;
height: 18px !important;
margin: -4px 4px 0 0;
outline: 0;
padding: 0!important;
text-align: center;
vertical-align: middle;
width: 18px !important;
min-width: 18px;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
transition: .05s border-color ease-in-out;
}
.wpfFilterWrapper input[type=checkbox] {
border-radius: 0;
}
.wpfFilterWrapper[data-filter-type="wpfPriceRange"] .wpfCheckbox input[type=checkbox]:checked:before {
content:none;
}
.wpfFilterWrapper  .ms-options-wrap > .ms-options > ul label {
line-height: 30px;
}
.wpfFilterTitle {
display: block;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 16px;
min-height: 20px;
}
.wpfFilterWrapper .wpfFilterTitle {
cursor: pointer;
}
.wpfFilterWrapper .ms-options input[type=checkbox]:checked:before, input[type=radio]:checked:before {
float: left;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
font: normal 21px/1 dashicons;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
outline:0;
}
.wpfFilterWrapper .ms-options input[type=checkbox]:checked:before {
content: "";        }
.wpfFilterWrapper .ms-options input[type=checkbox]:checked {
outline:0;
}
.wpfFilterWrapper .wpfCheckbox label {
width: 16px !important;
height: 16px !important;
}
.wpfFilterWrapper .wpfCheckbox label::before{
display: table-cell !important;
position: absolute !important;
text-align: center !important;
vertical-align: middle !important;
transform: inherit !important;
left: 0px !important;
top: 0px !important;
margin: 0px !important;
height: 100% !important;
width: 100% !important;
font-size: 8px !important;
background-color: rgb(255, 255, 255) !important;
border: 1px solid rgb(204, 204, 204) !important;
color: rgb(68, 68, 68) !important;
}
.wpfFilterWrapper .wpfCheckbox label::after {
height: 3.5px !important;
width: 6.8px !important;
left: 50% !important;
top: 4px !important;
transform: translate(-50%,-50%) !important;
-webkit-transform: translate(-50%,-50%) !important;
-moz-transform: translate(-50%,-50%) !important;
-o-transform: translate(-50%,-50%) !important;
}
.wpfFilterWrapper .wpfCheckbox input[type="checkbox"] {
opacity: 0;
display:none !important;
}
.wpfFilterWrapper .wpfCheckbox label {
position: relative !important;
display: inline-block !important;
margin-bottom: 0;
}
.wpfFilterWrapper .wpfCheckbox label::before,
.wpfFilterWrapper .wpfCheckbox label::after {
position: absolute !important;
content: "" !important;
display: inline-block !important;
}
.wpfFilterWrapper .wpfCheckbox input[type="checkbox"] + label::after {
content: none !important;
}
.wpfFilterWrapper .wpfCheckbox input[type="checkbox"]:checked + label::before {
background: url(//promoscollection.ro/wp-content/plugins/woofilter/img/tick.png) !important;
background-size: 100% 100% !important;
}
.wpfFilterWrapper .wpfCheckbox input[type="checkbox"]:focus + label::before {
outline: rgb(59, 153, 252) auto 5px !important;
}
.wpfFilterWrapper[data-filter-type="wpfPriceRange"] .wpfCheckbox input:checked {
background: url(//promoscollection.ro/wp-content/plugins/woofilter/img/tick.png) !important;
background-size: 100% 100% !important;
}
.wpfFilterWrapper[data-radio="1"] .wpfCheckbox label:before {
border-radius: 50% !important;
width: 16px;
height:16px;
}
.wpfFilterWrapper[data-filter-type="wpfCategory"] .wpfMulti label:before {
border-radius: 0 !important;
}
.wpfFilterWrapper[data-filter-type="wpfCategory"] .wpfCheckbox input[type="checkbox"]:checked + label::after {
margin-left: 1px;
}
.wpfFilterWrapper .wpfFilterTaxNameWrapper {
color: inherit;
font-size: inherit;
margin: inherit;
padding: inherit;
line-height: inherit;
font-weight: inherit;
}.wpfSingleInputSearch {
position: relative;
}
.wpfSingleInputSearch input.passiveFilter {
width: 100%;
margin: 5px 0px;
box-sizing: border-box;
}
.wpfSingleInputSearch button, .wpfSearchWrapper button {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 30px;
background: none;
border: none;
font-size: 13px;
outline: none;
margin: auto 0;
bottom: 0;
line-height: normal;
padding: 5px 10px;
}
.wpfSingleInputSearch button:before {
content: '\f002';
font-family: "FontAwesome";
display: block;
color: #777;
}
.wpfSearchWrapper button:before {
content: '\f054';
font-family: "FontAwesome";
display: block;
color: #777;
}
.wpfValue img{
vertical-align: text-bottom;
display: inline-block;
margin: 0px 5px 0px 0;
}
.wpfCustomLoader {
background-repeat: no-repeat;
min-width: 30px;
min-height: 30px;
max-width: 500px;
max-height: 500px;
}
.wpfShowMoreWrapper, .wpfShowFewerWrapper {
cursor: pointer;
font-size: smaller;
font-weight: 700;
margin-bottom: 0; 
}
.wpfMoreHidden {
display: none !important;
}
.wpfSelectedParameters {
display: block;
padding: 10px 0px;
clear: both;
}
.wpfSelectedParametersClear {
display: inline-block;
cursor: pointer;
margin: 2px 5px;
text-decoration: underline;
}
.wpfSelectedParameter {
display: inline-block;
padding: 2px 5px;
margin: 5px !important;
background-color: #eae1e1;
border-radius: 2px;
}
.wpfSelectedParameter[data-query-logic="not_in"] .wpfSelectedTitle {
text-decoration: line-through;
}
.wpfSelectedTitle{
display: inline-block;
padding-left: 5px !important;
}
.wpfSelectedTitle img {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.wpfSelectedDelete{
display: inline-block;
cursor: pointer;
}
.wfpHideButton {
width: 100%;
max-width: 300px;
align-items: center;
}
.wfpHideButton i, .wfpHideButton svg {
float: right;
line-height: inherit;
}
.wpfHideFilter {
display: none !important;
}
.wfpHideButton:after, .wpfSelectedParameters:after {
content: " ";
display: table;
clear: both;
}
.wpfFilterWrapper .wpfTermWrapper input{
display: none !important;
}
.wpfButtonsFilter .wpfTermWrapper {
text-align: center;
display: inline-block;
cursor: pointer;
width: auto;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
white-space: nowrap;
}
.wpfButtonsFilter .wpfTermWrapper .wpfValue {
padding: 0 !important;
}
.wpfButtonsFilter .wpfCount, .wpfTextFilter .wpfCount {
padding: 0 0 0 3px;
}
.wpfTextFilter .wpfCheckbox label {
display: none !important;
}
.wpfTextFilter .wpfCheckbox input {
display: none !important;
}
.wpfTextFilter .wpfValue {
padding-left: 0;
}
.wpfTextFilter .wpfValue.wpfTermChecked {
font-weight: bolder;
}
.wpfSwitchFilter input.wpfSwitch{
display: none !important;
}
.wpfSwitchFilter label.wpfSwitch {
cursor: pointer;
text-indent: -9999px;
width: 30px;
height: 16px;
background: #b0bec5;
display: block;
border-radius: 100px;
position: relative;
margin: 0;
}
.wpfSwitchFilter label.wpfSwitch:after {
content: '';
position: absolute;
top: 1px;
left: 1px;
width: 14px;
height: 14px;
background: #fff;
border-radius: 90px;
transition: 0.3s;
}
.wpfSwitchFilter input.wpfSwitch:checked + label.wpfSwitch {
background: #81d742;
}
.wpfSwitchFilter input.wpfSwitch:checked + label.wpfSwitch:after {
left: calc(100% - 1px);
transform: translateX(-100%);
}
.wpfSwitchFilter label.wpfSwitch:active:after {
width: 16px;
}
.wpfToggleSwitch {
display: inline-block;
vertical-align: middle;
}
li.wpfAbcLetter {
font-weight: bold;
font-size: larger;
width: 100% !important;
}
.wpfAbcLink {
display: inline-block;
margin: 0 5px;
cursor: pointer;
}
.wpfAbcLinkFirst{
margin-left: 0;
}
.wpfAbcToggle {
cursor: pointer;
width: auto;
text-decoration: underline dotted;
}
.wpfAbcToggle:hover, .wpfAbcLink:hover {
color: inherit;
}
.wpfButtonsFilter .wpfOptionDisabled {
color: #acacac !important;
cursor: default;
} .wpfStarsRating {
display: inline-block;
}
.wpfStarsAdditional, .wpfStarsAdditional5{
margin: auto 0 auto 5px;
white-space: nowrap;
float: right;
font-size: 14px;
color: #444;
}
.rtl .wpfStarsAdditional, .rtl .wpfStarsAdditional5{
margin: auto 5px auto 0;
}
.wpfStarsRatingBlock{
display: flex;
font-size: 20px;
line-height: 20px;
position: relative;
margin-bottom: 5px;
}
.wpfStarsRatingLine{
display: inline-flex;
line-height: 20px;
height: 20px;
font-size: 20px;
}
.wpfStarInput{
position: absolute;
left: -9999px;
}
.wpfLineChecked .wpfStarsAdditional{
font-weight: bold;
}
.wpfStarItem{
-webkit-tap-highlight-color: transparent;
cursor: pointer;  
position: relative;
padding-right: 3px;
margin-left: 0 !important;
}
.wpfRatingStar{
display: flex;
width: 1em;
height: 1em;
fill: currentColor;
stroke: #a3a3a3;
stroke-width: 2px;
}
.wpfStarsRatingLine .checked {
color: #eeee22;
} .wpfColorsFilter label.icon {
border-width: 0;
border-style: solid;
height: 16px;
width: 16px;
float: left;
background-color: #000000;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.wpfColorsFilter {
display: inline-block;
width: 100%;
}
.wpfColorsFilter input[type=checkbox] { display: none !important; }
.wpfColorsFilterHor label.icon {
margin: 0;
font-weight: normal;
}
.wpfColorsFilterVer label.icon {
display: inline-block;
margin: 0 0 6px 0;
font-weight: normal;
}
.wpfColorsFilterVer .wpfColorsCol {
display: inline-block;
margin-right: 10px;
float: left;
}
.wpfColorsFilterVer .wpfColorsCol .wpfColorsColBlock {
display: flex;
}
.wpfColorsFilterVer label.wpfAttrLabel {
font-weight: normal;
margin-left: 10px;
}
.wpfColorsFilter input:checked + label.icon:before {
content: '\f00c';
font-family: FontAwesome !important;
margin-left: 25%; 
}
.wpfPriceRangeCustom {
display: block;
margin-left: 20px;
}
.wpfPriceRangeCustom input {
max-width: 35%;
min-width: 30px;
min-height: 20px;
margin: 0 5px;
}
.wpfPriceRangeCustom i {
float: none;
}
.wpfSearchWrapper {
position: relative;
}
.wpfSearchWrapper input {
padding-left: 5px !important;
padding-right: 40px !important;
}
.rtl .wpfSearchWrapper input {
padding-left: 40px !important;
padding-right: 5px !important;
}
.animate-rotate {
animation: 1s linear 0s normal none infinite running animate-rotate;
-webkit-animation: 1s linear 0s normal none infinite running animate-rotate;
}
#wpfMinAttrNum,
#wpfMaxAttrNum {
width: 35%;
min-width: 16%;
display: inline-block;
}
@keyframes animate-rotate {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@-webkit-keyframes animate-rotate {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.animate-jump {
animation: 0.7s linear 0s normal none infinite running animate-jump;
-webkit-animation: 0.7s linear 0s normal none infinite running animate-jump;
position:relative;
}
@keyframe animate-jump {
from {top: -25px;}
to {top: 25px;}
}
@-webkit-keyframes animate-jump {
from {top: -25px;}
to {top: 25px;}
}
.animate-flip {
animation: 2s linear 0s normal none infinite running animate-flip;
-webkit-animation: 2s linear 0s normal none infinite running animate-flip;
}
@keyframes animate-flip {
0% {transform: rotateY(0deg);}
100% {transform: rotateY(360deg);}
}
@-webkit-keyframes animate-flip {
0% {transform: rotateY(0deg);}
100% {transform: rotateY(360deg);}
}.wpfSingleInputSearch input.passiveFilter {
min-height: 30px;
line-height: 21px;
}
.wpfCollapsible {
font-size: 20px;
font-weight: bold;
padding: 0 7px;
line-height: 15px;
}
.wfpHideButton {
padding: 5px 10px;
min-height: 52px;
border-radius: 4px;
font-size: 17px !important;
text-decoration: none !important;
text-align: center;
transition: all 0.2s;
white-space: normal;
line-height: normal;
}
.wpfAbcLink, .wpfAbcToggle {
color: #0064b4;
}
.wpfSwitchFilter li {
margin-bottom: 5px;
}
.wpfSingleInputSearch input.usePlaceholder::-webkit-input-placeholder,
.wpfSingleInputSearch input.usePlaceholder:-ms-input-placeholder,
.wpfSingleInputSearch input.usePlaceholder::-moz-placeholder,
.wpfSingleInputSearch input.usePlaceholder:-moz-placeholder,
.wpfSingleInputSearch input.usePlaceholder::placeholder {
color: inherit!important;
}
[dir="rtl"] .wpfFilterContent .irs {
direction: ltr;
}
.wpfPriceRangeCustom input {
background-color: #ffffff;
border: 1px solid #cccccc;
box-shadow: none;
height: 26px;
width: 100px;
padding: 5px;
}
#wpfMinAttrNum,
#wpfMaxAttrNum {
background-color: #f9f9f9;
border: 1px solid #6e6666;
color: black;
font-family: myFont;
font: normal 14px Arial, Helvetica, sans-serif;
border-radius: 5px;
height: 26px;
padding: 5px;
-moz-appearance: textfield;
}.ui-autocomplete {
position: absolute;
cursor: default;
font-size: 12px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
background-color: #FFFFFF;
list-style-type: none;
padding-left: 0;
z-index: 99999999999 !important;
}
.ui-autocomplete li {
white-space: nowrap;
text-align: left;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;
}
.ui-state-focus {
background-color: rgba(225, 218, 218, 0.5);
}
.ui-helper-hidden-accessible {
display: none;
}.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
font-family: Arial, sans-serif;
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important;
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0;
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
}
.irs-handle {
position: absolute;
display: block;
box-sizing: border-box;
cursor: default;
z-index: 1;
}
.irs-handle.type_last {
z-index: 2;
}
.irs-min,
.irs-max {
position: absolute;
display: block;
cursor: default;
}
.irs-min {
left: 0;
}
.irs-max {
right: 0;
}
.irs-from,
.irs-to,
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs--flat {
height: 40px;
}
.irs--flat.irs-with-grid {
height: 60px;
}
.irs--flat .irs-line {
top: 25px;
height: 12px;
background-color: #e1e4e9;
border-radius: 4px;
}
.irs--flat .irs-bar {
top: 25px;
height: 12px;
background-color: #ed5565;
}
.irs--flat .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
height: 1px;
bottom: 16px;
background-color: #e1e4e9;
}
.irs--flat .irs-handle {
top: 22px;
width: 16px;
height: 18px;
background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
top: 0;
padding: 1px 3px;
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
background-color: #e1e4e9;
border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
color: white;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #ed5565;
border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
color: #999;
}
.irs--big {
height: 55px;
}
.irs--big.irs-with-grid {
height: 70px;
}
.irs--big .irs-line {
top: 33px;
height: 12px;
background-color: white;
background: linear-gradient(to bottom, #ddd -50%, white 150%);
border: 1px solid #ccc;
border-radius: 12px;
}
.irs--big .irs-bar {
top: 33px;
height: 12px;
background-color: #92bce0;
border: 1px solid #428bca;
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
top: 25px;
width: 30px;
height: 30px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #cbcfd5;
background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
border-color: rgba(0, 0, 0, 0.45);
background-color: #939ba7;
background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
top: 0;
padding: 1px 5px;
color: white;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
color: white;
text-shadow: none;
padding: 1px 5px;
background-color: #428bca;
background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
border-radius: 3px;
}
.irs--big .irs-grid-pol {
background-color: #428bca;
}
.irs--big .irs-grid-text {
color: #428bca;
}
.irs--modern {
height: 55px;
}
.irs--modern.irs-with-grid {
height: 55px;
}
.irs--modern .irs-line {
top: 25px;
height: 5px;
background-color: #d1d6e0;
background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
border: 1px solid #a3adc1;
border-bottom-width: 0;
border-radius: 5px;
}
.irs--modern .irs-bar {
top: 25px;
height: 5px;
background: #20b426;
background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
top: 37px;
width: 12px;
height: 13px;
border: 1px solid #a3adc1;
border-top-width: 0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
position: absolute;
display: block;
top: -4px;
left: 1px;
width: 8px;
height: 8px;
border: 1px solid #a3adc1;
background: white;
transform: rotate(45deg);
box-sizing: border-box;
}
.irs--modern .irs-handle > i:nth-child(2) {
position: absolute;
display: block;
box-sizing: border-box;
top: 0;
left: 0;
width: 10px;
height: 12px;
background: #e9e6e6;
background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
position: absolute;
display: block;
box-sizing: border-box;
top: 3px;
left: 3px;
width: 4px;
height: 5px;
border-left: 1px solid #a3adc1;
border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
border-color: #7685a2;
background: #c3c7cd;
background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
top: 0;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
color: white;
background-color: #d1d6e0;
border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #20b426;
color: white;
border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #20b426;
}
.irs--modern .irs-grid {
height: 25px;
}
.irs--modern .irs-grid-pol {
background-color: #dedede;
}
.irs--modern .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--sharp {
height: 50px;
font-size: 12px;
line-height: 1;
}
.irs--sharp.irs-with-grid {
height: 57px;
}
.irs--sharp .irs-line {
top: 30px;
height: 2px;
background-color: black;
border-radius: 2px;
}
.irs--sharp .irs-bar {
top: 30px;
height: 2px;
background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
top: 25px;
width: 10px;
height: 10px;
background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
position: absolute;
display: block;
top: 100%;
left: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
color: white;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 4px;
opacity: 0.4;
background-color: #a804b2;
border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 4px;
background-color: #a804b2;
color: white;
border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
height: 25px;
}
.irs--sharp .irs-grid-pol {
background-color: #dedede;
}
.irs--sharp .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--round {
height: 50px;
}
.irs--round.irs-with-grid {
height: 65px;
}
.irs--round .irs-line {
top: 36px;
height: 4px;
background-color: #dee4ec;
border-radius: 4px;
}
.irs--round .irs-bar {
top: 36px;
height: 4px;
background-color: #006cfa;
}
.irs--round .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
top: 26px;
width: 24px;
height: 24px;
border: 4px solid #006cfa;
background-color: white;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: white;
border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #006cfa;
}
.irs--round .irs-grid {
height: 25px;
}
.irs--round .irs-grid-pol {
background-color: #dedede;
}
.irs--round .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--square {
height: 50px;
}
.irs--square.irs-with-grid {
height: 60px;
}
.irs--square .irs-line {
top: 31px;
height: 4px;
background-color: #dedede;
}
.irs--square .irs-bar {
top: 31px;
height: 4px;
background-color: black;
}
.irs--square .irs-shadow {
height: 2px;
bottom: 21px;
background-color: #dedede;
}
.irs--square .irs-handle {
top: 25px;
width: 16px;
height: 16px;
border: 3px solid black;
background-color: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: black;
color: white;
}
.irs--square .irs-grid {
height: 25px;
}
.irs--square .irs-grid-pol {
background-color: #dedede;
}
.irs--square .irs-grid-text {
color: silver;
font-size: 11px;
}
.irs--compact {
height: 50px;
}
.irs--compact.irs-with-grid {
height: 65px;
}
.irs--compact .irs-line {
top: 28px;
height: 12px;
background-color: #dee4ec;
border-radius: 10px;
}
.irs--compact .irs-bar {
top: 28px;
height: 12px;
background-color: #006cfa;
}
.irs--compact .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--compact .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222, 228, 236, 0.5);
}
.irs--compact .irs-handle {
top: 28px;
width: 12px;
height: 12px;
border: 1px solid #006cfa;
background-color: white;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--compact .irs-handle.state_hover,
.irs--compact .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--compact .irs-min,
.irs--compact .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.irs--compact .irs-from,
.irs--compact .irs-to,
.irs--compact .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: white;
border-radius: 4px;
}
.irs--compact .irs-from:before,
.irs--compact .irs-to:before,
.irs--compact .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #006cfa;
}
.irs--compact .irs-grid {
height: 25px;
}
.irs--compact .irs-grid-pol {
background-color: #dedede;
}
.irs--compact .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--circle {
height: 55px;
}
.irs--circle.irs-with-grid {
height: 70px;
}
.irs--circle .irs-line {
top: 33px;
height: 12px;
background-color: white;
background: linear-gradient(to bottom, #6d6c6c -30%, #c1c1c1 30%, white 110%);
border: 1px solid #b5b5b5;
border-radius: 12px;
}
.irs--circle .irs-bar {
top: 33px;
height: 12px;
background-color: #92bce0;
border: 1px solid #428bca;
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--circle .irs-bar--single {
border-radius: 12px 0 0 12px;
}
.irs--circle .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66, 139, 202, 0.5);
}
.irs--circle .irs-handle {
top: 28px;
width: 22px;
height: 22px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #fff;
background: radial-gradient(circle closest-side, #555 1px, white 2px, #fff 7px, #ccc 20px);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 -1px 3px #ccc;
border-radius: 30px;
}
.irs--circle .irs-handle.state_hover,
.irs--circle .irs-handle:hover {
border-color: rgba(0, 0, 0, 0.45);
background-color: #939ba7; background: radial-gradient(circle closest-side, #555 1px, white 2px, #fff 7px, #ccc 20px);
}
.irs--circle .irs-min,
.irs--circle .irs-max {
top: 0;
padding: 1px 5px;
color: white;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 3px;
}
.irs--circle .irs-from,
.irs--circle .irs-to,
.irs--circle .irs-single {
color: white;
text-shadow: none;
padding: 1px 5px;
background-color: #428bca;
background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
border-radius: 3px;
}
.irs--circle .irs-grid-pol {
background-color: #428bca;
}
.irs--circle .irs-grid-text {
color: #428bca;
}
.irs--rail {
height: 50px;
}
.irs--rail.irs-with-grid {
height: 65px;
}
.irs--rail .irs-line {
top: 24px;
height: 16px;
background-color: #000;
background: linear-gradient(0.5turn, #ccc, #000, #555);
border: 1px solid #b5b5b5;
border-radius: 12px;
margin: 0 -7px;
}
.irs--rail .irs-line:before{
position: absolute;
display: block;
content: "";
left: 7px;
top: 5px;
width: calc(100% - 14px);
height: 4px;
overflow: hidden;
background: #c1c1c1;
background: linear-gradient(to bottom, #ffffff 0%, #6b6a6a 30%, #c1c1c1 100%);
border-radius: 4px;
}
.irs--rail .irs-bar {
top: 30px;
height: 4px;
background-color: #fff;
border: 1px solid #428bca;
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--rail .irs-bar--single {
border-radius: 12px 0 0 12px;
}
.irs--rail .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66, 139, 202, 0.5);
}
.irs--rail .irs-handle {
top: 25px;
width: 13px;
height: 13px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #fff;
background: #fff; border-radius: 30px;
}
.irs--rail .irs-handle.state_hover,
.irs--rail .irs-handle:hover {
border-color: rgba(0, 0, 0, 0.45);
background-color: #fff;
}
.irs--rail .irs-min,
.irs--rail .irs-max {
top: 0;
padding: 1px 7px;
color: white;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 20px;
}
.irs--rail .irs-from,
.irs--rail .irs-to,
.irs--rail .irs-single {
color: white;
text-shadow: none;
padding: 1px 7px;
background-color: #555;
background: linear-gradient(0.5turn, #ccc, #000, #555);
border-radius: 30px;
min-width: 22px;
text-align: center;
line-height: 18px;
}
.irs--rail .irs-from:before,
.irs--rail .irs-to:before,
.irs--rail .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -10px;
left: 50%;
width: 0;
height: 0;
margin-left: -6px;
overflow: hidden;
border: 6px solid transparent;
border-top-color: #333;
}
.irs--rail .irs-grid-pol {
background-color: #428bca;
}
.irs--rail .irs-grid-text {
color: #428bca;
}
.irs--trolley {
height: 50px;
}
.irs--trolley.irs-with-grid {
height: 65px;
}
.irs--trolley .irs-line {
top: 28px;
height: 12px;
background-color: #dee4ec;
border-radius: 10px;
border: 1px solid #c1c1c1;
}
.irs--trolley .irs-bar {
top: 28px;
height: 12px;
background-color: #006cfa;
border: 1px solid #064496;
}
.irs--trolley .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--trolley .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222, 228, 236, 0.5);
}
.irs--trolley .irs-handle {
top: 21px;
width: 25px;
height: 25px;
border: 1px solid #8a8888;
background-color: #bbb9b9;
border-radius: 24px; background: linear-gradient(0.5turn, #bbb9b9, #6d6c6c);
}
.irs--trolley .irs-handle.state_hover,
.irs--trolley .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--trolley .irs-min,
.irs--trolley .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.irs--trolley .irs-from,
.irs--trolley .irs-to,
.irs--trolley .irs-single {
font-size: 14px;
line-height: normal;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: white;
border-radius: 4px;
top: 21px;
z-index: 10;
min-width: 25px;
height: 25px;
border: 1px solid #8a8888;
background-color: #bbb9b9;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
background: linear-gradient(0.5turn, #bbb9b9, #6d6c6c);
text-align: center;
padding: 3px 18px;
font-weight: bold;
}
.irs--trolley .irs-from:before,
.irs--trolley .irs-to:before,
.irs--trolley .irs-single:before {
position: absolute;
display: block;
content: "\f104";
top: 4px;
left: 2px;
color: #6b6a6a;
font-family: FontAwesome;
padding: 0 5px;
}
.irs--trolley .irs-from:after,
.irs--trolley .irs-to:after,
.irs--trolley .irs-single:after {
position: absolute;
display: block;
content: "\f105";
top: 4px;
right: 2px;
color: #6b6a6a;
font-family: FontAwesome;
padding: 0 5px;
}
.irs--trolley .irs-grid {
height: 25px;
}
.irs--trolley .irs-grid-pol {
background-color: #dedede;
}
.irs--trolley .irs-grid-text {
color: silver;
font-size: 13px;
}