/* Slider
----------------------------------*/
.ui-slider {
	position: relative;
	text-align: left;
}

/* Линия слайдера — чёрная, 3px */
.ui-slider-horizontal {
	height: 6px;
	background: #C0C0C0;
	border: none;
	border-radius: 0;
}

.ui-slider-vertical {
	width: 3px;
	background: #000000;
	border: none;
	border-radius: 0;
}

/* При движении ползунка линия становится тёмно-серой */
.ui-slider-horizontal.ui-state-active,
.ui-slider-horizontal .ui-state-active,
.ui-slider-vertical.ui-state-active,
.ui-slider-vertical .ui-state-active {
	background: #C0C0C0;
}

/* Бегунок: круглый, 10px, белый с чёрной границей 1px */
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
	background: #ffffff;
	border: 1px solid #000000;
	border-radius: 50%;
	/* Сбрасываем станадартные стили темы */
	box-shadow: none;
	outline: none;
}

/* Центрирование бегунка на горизонтальной линии */
.ui-slider-horizontal .ui-slider-handle {
	top: 50%;
	margin-left: -5px;
	transform: translateY(-50%);
}

/* Центрирование бегунка на вертикальной линии */
.ui-slider-vertical .ui-slider-handle {
	left: 50%;
	margin-bottom: -5px;
	transform: translateX(-50%);
}

/* Сброс стандартного фона/бордюра темы у бегунка */
.ui-slider .ui-slider-handle.ui-state-default,
.ui-slider .ui-slider-handle.ui-state-hover,
.ui-slider .ui-slider-handle.ui-state-focus,
.ui-slider .ui-slider-handle.ui-state-active {
	background: #ffffff;
	border: 1px solid #000000;
	font-weight: normal;
	color: inherit;
}

/* Диапазон (он будет показывать часть до ползунка) — тёмно‑серый */
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background: #000000;         /* тёмно‑серый цвет */
	box-shadow: none;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}