/*NEW SLIDER STYLES FOR SCALE, ETC*/

/* slider widget */

.ui-slider {
    text-decoration: none !important;
}
.ui-slider .ui-slider-handle {
    overflow: visible !important;
}
.ui-slider .ui-slider-tooltip {
    display: none;
}
.ui-slider .ui-state-active .ui-slider-tooltip,
.ui-slider .ui-state-focus .ui-slider-tooltip,
.ui-slider .ui-state-hover .ui-slider-tooltip {
    display: block;
    position: absolute;
    bottom: 20px;
    text-align: center;
    padding: .2em;
    font-size: .9em;
    width: 14em;
    /*width: auto;*/
    margin-left: -4em;
}
.ui-slider a {
    text-decoration: none;
}
.ui-slider ol,
.ui-slider li,
.ui-slider dl,
.ui-slider dd,
.ui-slider dt {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-slider ol,
.ui-slider dl {
    position: relative;
    top: 1.3em;
    width: 100%;
}
.ui-slider dt {
    top: 1.5em;
    position: absolute;
    padding-top: .2em;
    text-align: center;
    border-bottom: 1px dotted #ddd;
    height: .7em;
    color: #999;
}
.ui-slider dt span {
    background: #fff;
    padding: 0 .5em;
}
.ui-slider li,
.ui-slider dd {
    position: absolute;
    overflow: visible;
    color: #666;
}
.ui-slider li span.ui-slider-label,
.ui-slider dd span.ui-slider-label {
    display: none;
}
.ui-slider li span.ui-slider-label-show,
.ui-slider dd span.ui-slider-label-show {
    display: block;
}
.ui-slider span.ui-slider-tic {
    position: absolute;
    left: 0;
    height: .8em;
    top: -1.3em;
}
.ui-slider li span.ui-widget-content,
.ui-slider dd span.ui-widget-content {
    border-right: 0;
    border-left-width: 1px;
    border-left-style: solid;
    border-top: 0;
    border-bottom: 0;
}
.ui-slider .first .ui-slider-tic,
.ui-slider .last .ui-slider-tic {
    display: none;
}
.slider {
    margin-bottom: 50px;
    width: 95%;
    float: left;
}
.slider.lightgray {
    background: lightgray;
}
.slider.gray {
    background: gray;
}
.slider.silver {
    background: silver;
}
.slider.black {
    background: black;
}
.slider.red {
    background: red;
}
.slider.maroon {
    background: maroon;
}
.slider.yellow {
    background: yellow;
}
.slider.olive {
    background: olive;
}
.slider.lime {
    background: lime;
}
.slider.green {
    background: green;
}
.slider.aqua {
    background: aqua;
}
.slider.teal {
    background: teal;
}
.slider.blue {
    background: blue;
}
.slider.fuchsia {
    background: fuchsia;
}
.slider.navy {
    background: navy;
}
.slider.purple {
    background: purple;
}
.slider.silver {
    background: silver;
}
.slider-controller {
    padding-top: 0;
}
.slider-controller select {
    width: 100px;
}


.ui-slider-handle.lightgray,
.ui-slider-range.lightgray {
    background: lightgray;
}

.ui-slider-handle.gray,
.ui-slider-range.gray {
    background: gray;
}

.ui-slider-handle.silver,
.ui-slider-range.silver {
    background: silver;
}

.ui-slider-handle.black,
.ui-slider-range.black {
    background: black;
}

.ui-slider-handle.red,
.ui-slider-range.red {
    background: red;
}

.ui-slider-handle.maroon,
.ui-slider-range.maroon {
    background: maroon;
}

.ui-slider-handle.yellow,
.ui-slider-range.yellow {
    background: yellow;
}

.ui-slider-handle.olive,
.ui-slider-range.olive {
    background: olive;
}

.ui-slider-handle.lime,
.ui-slider-range.lime {
    background: lime;
}

.ui-slider-handle.green,
.ui-slider-range.green {
    background: green;
}

.ui-slider-handle.aqua,
.ui-slider-range.aqua {
    background: aqua;
}

.ui-slider-handle.teal,
.ui-slider-range.teal {
    background: teal;
}

.ui-slider-handle.blue,
.ui-slider-range.blue {
    background: blue;
}

.ui-slider-handle.fuchsia,
.ui-slider-range.fuchsia {
    background: fuchsia;
}

.ui-slider-handle.navy,
.ui-slider-range.navy {
    background: navy;
}

.ui-slider-handle.purple,
.ui-slider-range.purple {
    background: purple;
}

.ui-slider-handle.silver,
.ui-slider-range.silver {
    background: silver;
}
.ui-slider-handle.none,
.ui-slider-range.none {
    background: lightgrey;
}

/*.ui-slider-handle:first-child {*/
    /*background: lightgrey;*/
/*}*/

/*.ui-slider-handle:last-child {*/
    /*background: lightgrey;*/
/*}*/


.ui-slider-handle.ui-state-focus {
    /*background: white;*/
    /*border-width: 2px;*/
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/*.ui-slider-handle[data-value='0'] {*/
    /*background: lightgrey;*/
    /*border: 1px solid lightgrey;*/
/*}*/
/*.ui-slider-horizontal .ui-slider-handle[data-value='0']:focus {*/
    /*background: lightgrey;*/
    /*border: 1px solid lightgrey;*/
/*}*/
/*.ui-slider-horizontal .ui-slider-handle[data-value='0']:hover {*/
    /*background: lightgrey;*/
    /*border: 1px solid lightgrey;*/
/*}*/


.slider-tick-mark-main {
    display: inline-block;
    width: 1px;
    background: #bbb;
    height: 7px;
    position: absolute;
    top: 15px;
    font-size: 11px;
}
.slider-tick-mark-main-text {
    display: inline-block;
    width: 20px;
    height: 10px;
    position: absolute;
    top: 25px;
    font-size: 11px;
    text-align: center;
    margin-left: -9px;
}
.slider-tick-mark-side {
    display: inline-block;
    width: 1px;
    background: #ccc;
    height: 5px;
    position: absolute;
    top: 15px;
}
.slider-tick-mark-side-text {
    display: inline-block;
    width: 20px;
    height: 10px;
    position: absolute;
    top: 25px;
    font-size: 9px;
    text-align: center;
    margin-left: -9px;
}
.slider span.ui-slider-tooltip {
    width: auto;
}