.fsslider {
position: relative;
min-width: 150px;
height: 24px;
display: inline-block;
width: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #000;
}
.fsslider {
text-align: center;
line-height: 24px;
font-size: 14px;
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
}
.fsslider > * {
position: absolute;
top: 50%;
cursor: pointer;
}
.fsslider > .fsfull-value, .fsslider > .fssel-value {
margin-top: -1px;
height: 9px;
left: 0;
right: 0;
}
.fsslider > .fsfull-value {
width: 100%;
background: transparent;
border: 1px solid #ffae00;
border-radius: 10px;
}
.fsslider > .fssel-left, .fsslider > .fssel-right, .fsslider > .fscaret {
background: #fff;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
/*! height: 100%; */
min-width: 67px;
top: 0;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #f68428;
/*! font-weight: bold; */
font-family: "FuturalT Heavy";
}
.fsslider > .fssel-value {
/*background: #ff7c19;*/
background: #f65d28;
height: 10px;
margin-top: -2px;
right: 50%;
}
.fsslider.fsdisabled {
color: #c8c8c8;
}
.fsslider.fsdisabled > .fssel-value {
/*background: #c8c8c8;*/
background-color:#f65d28;
}