/* Overrides for right-to-left sliders. */

.ui-slider-horizontal.ui-slider-rtl .ui-slider-range-min { left: auto; right: 0; }

.ui-slider-horizontal.ui-slider-rtl .ui-slider-range-max { left: 0; right: auto; }

.ui-slider-vertical.ui-slider-rtl .ui-slider-range-min { top: 0; bottom: auto; }

.ui-slider-vertical.ui-slider-rtl .ui-slider-range-max { top: auto; bottom: 0; }

.ui-slider-horizontal.ui-slider-rtl  {
	border-radius: 0;
    background: none;
    border:0;
}

.ui-slider-horizontal.ui-slider-rtl .ui-slider-handle{
    position: absolute;
    top:0;
    left:0;
    transform: translate(-50%,-50%);
    
    width: 25px;
    height: 25px;
    
	border: none;
    pointer-events: auto; 
    border-radius: 25px;
    background: white;
    box-shadow: 1px 1px 3px black;    
}

    

 .ui-slider-handle .ui-state-default .ui-corner-all {
     max-width: 25px;
}