.ui-slider {
	height: 12px;
	border: 0;
	border-radius: 6px;
	background-color: #d1d1d1;
	margin: 17px 22px;
}

.data-slider.ui-slider {
	height: 30px;
	background-color: rgba(32, 32, 32, 0.95);
}

.ui-state-default,
.ui-slider-horizontal .ui-state-hover,
.ui-slider-horizontal .ui-state-focus,
.ui-slider-horizontal .ui-state-active {
	border: 0;
}

.ui-slider-horizontal .ui-state-hover:after,
.ui-slider-horizontal .ui-state-active:after {
	box-shadow: 0 0 0 10px rgba(41,121,255,.3);
	-webkit-transition: box-shadow 200ms;
    -moz-transition: box-shadow 200ms;
    transition: box-shadow 200ms;
}




.ui-slider-horizontal .ui-slider-handle {
    margin-left: -18px;
    top: -12px;
}

.ui-slider .ui-slider-handle {
    cursor: pointer;
    height: 36px;
    position: absolute;
    width: 36px;
    z-index: 2;
    background-color: transparent;
}

.data-slider.ui-slider .ui-slider-handle {
    height: 18px;
}

.ui-slider .ui-slider-handle:after {
	display: block;
	content: ' ';
	background-color: #2979ff;
	margin: 10px 0 0 10px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	-webkit-transition: box-shadow 200ms;
    -moz-transition: box-shadow 200ms;
    transition: box-shadow 200ms;
} 

.ui-slider .ui-slider-handle.active-handle:after,
.ui-slider .ui-slider-handle.centered-handle:after {
	display: none;
}

/* .ui-slider .ui-slider-handle.centered-handle:after, .ui-slider .ui-slider-handle.active-handle:after {
	display: block;
	content: ' ';
	background-color: #2979ff;
	margin: 5px 0 0 15px;
	width: 6px;
	height: 26px;
	border-radius: 0%;
}  */

.slider-tooltip {
	position: absolute;
	top: -44px;
	left: 17px;
	background-color: #2979ff;
	color: #fff;
	border-radius: 4px;
	padding: 10px;
	-ms-transform: translateX(-50%); /* IE 9 */
   	-webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%);
    white-space: nowrap;
}

.data-slider .slider-tooltip {
	color: #fff;
	background-color: rgba(32, 32, 32, 0.95);
	font-size: 25px;
}

.active-handle .slider-tooltip {
	display: none;
}

.ui-slider-range {
	background: #2979ff;
}

/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

	.ui-slider-horizontal .ui-slider-handle {
	    margin-left: -18px;
	    top: -15px;
	}
	.ui-slider .ui-slider-handle {
	    height: 36px;
	    width: 36px;
	}
}*/