.ui-slider-handle::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    margin-top: 8px;
    background: #3D7D3E /*#1E69B8*/;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.ui-slider .ui-slider-handle {
    cursor: pointer;
    width: 28px;
    height: 28px;
    top: -10px;
    border: 1px solid #E2E7E4 /*#E2E6E7*/;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #7cd67d /*#2BED2D*/ /*#1E69B8*/ !important;
    outline: none;
	
}
.ui-slider-handle .slider-tooltip {
    width: auto;
    font-family: 'Open Sans';
    color: #FFF;
    background: #3D7D3E /*#1E69B8*/;
    text-align: center;
    left: 0 !important;
    top: -35px !important;
    padding: 0 10px;
    margin-left: -9px;
}

.ui-slider-handle .slider-tooltip::after {
    content: "";
    border-color: #3D7D3E /*#1E69B8*/ transparent;
    border-style: solid;
    border-width: 8px 8px 0px;
    width: 1px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    left: 7px;
    right: 0;
    bottom: -8px;
}
.ui-slider-handle {
    content: "";
    background: #3D7D3E /*#1E69B8*/ transparent !important;
}

.ui-slider-range {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,8bb935+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 1%, #8bb935 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 1%,#8bb935 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 1%,#8bb935 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8bb935',GradientType=1 ); /* IE6-9 */

}