.ui-slider-pips .ui-slider-pip
{
    font-size: 11px;
    color: #5F6062;
}

#zoom_slider 
{
    margin: 30px 14px 20px 10px;
    border-radius: 30px;
    border: none;
}

.zoom_slider_90 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 90%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 90%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 90%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(90, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 90%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 90%, #0000FF 100%) !important;
}

.zoom_slider_80 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 80%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 80%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 80%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(80, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 80%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 80%, #0000FF 100%) !important;
}

.zoom_slider_70 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 70%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 70%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 70%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(70, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 70%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 70%, #0000FF 100%) !important;
}

.zoom_slider_60 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 60%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 60%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 60%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(60, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 60%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 60%, #0000FF 100%) !important;
}

.zoom_slider_50 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 50%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 50%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 50%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(50, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 50%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, #0000FF 100%) !important;
}

.zoom_slider_40 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 40%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 40%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 40%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(40, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 40%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 40%, #0000FF 100%) !important;
}

.zoom_slider_30 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 30%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 30%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 30%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(30, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 30%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 30%, #0000FF 100%) !important;
}

.zoom_slider_20 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 20%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 20%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 20%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(20, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 20%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 20%, #0000FF 100%) !important;
}

.zoom_slider_10 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 10%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 10%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 10%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(10, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 10%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 10%, #0000FF 100%) !important;
}

.zoom_slider_5 
{
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 5%, #0000FF 100%) !important;
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 5%, #0000FF 100%) !important;
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 5%, #0000FF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(5, #FFFFFF), color-stop(100, #0000FF)) !important;
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 5%, #0000FF 100%) !important;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 5%, #0000FF 100%) !important;
}

#zoom_slider .ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus,
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover,
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default 
{
  background: #00255B;
  border-color: transparent;
}

#zoom_slider .ui-slider-tip 
{
    visibility: visible;
    opacity: 1;
    color: #00255B;
    font-weight: bold;
    font-size: 12px;
    width: 50px;
}

#lens_speed_slider 
{
    margin: 10px 10px 20px 10px;
}

#lens_speed_slider .ui-slider-tip
{
    visibility: visible;
    opacity: 1;
    color: #00255B;
    font-weight: bold;
    font-size: 12px;
    width: 50px;
    left: -5px;
}

#focus_speed_slider 
{
    margin: 10px 10px 20px 10px;
}

#focus_speed_slider .ui-slider-tip 
{
    visibility: visible;
    opacity: 1;
    color: #00255B;
    font-weight: bold;
    font-size: 12px;
    width: 50px;
    left: -5px;
}

.setup_slider
{
    border-radius: 30px;
    border: none;
    height: 10px;
    background-color: #AFB0B1 !important;
    display: block;
    margin: 20px 50px 0px 50px !important;
}

.setup_slider_container table
{
    width: 90%;
}

.setup_slider_container td
{
    margin: 0 auto;
}

.setup_slider .ui-slider-tip 
{
    visibility: visible;
    opacity: 1;
    color: #00255B;
    font-weight: bold;
    font-size: 10px;
    width: 40px;
}

#lens_speed_slider.ui-slider.ui-slider-handle 
{
    position: absolute;
    z-index: 2;
    width: 1.6em !important;
    height: 1.6em !important;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

#osdCustomPositionSlider
{
    height: 150px;
    margin-left: 30px;
}

.widgetContainer .ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.widgetContainer .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.widgetContainer .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.widgetContainer .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.widgetContainer .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.widgetContainer  .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label  {
    top: 50%;
    margin-top: -11px;
    left: -60px !important;
}