/* Ion.RangeSlider — Flat UI Skin Orange (CSS-only, sem sprite PNG) */

.irs-line-mid,
.irs-line-left,
.irs-line-right {
	background: #3a3a42;
}

.irs-bar,
.irs-bar-edge {
	background: #ff4500;
}

.irs-line {
	height: 12px;
	top: 25px;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
	height: 12px;
	border-radius: 4px;
}

.irs-bar {
	height: 12px;
	top: 25px;
	border-radius: 4px;
}

.irs-bar-edge {
	top: 25px;
	height: 12px;
	width: 9px;
	background: #ff4500;
	border-radius: 4px 0 0 4px;
}

.irs-slider {
	width: 16px;
	height: 18px;
	top: 22px;
	background: #ff5722;
	border: 2px solid #fff;
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(255, 69, 0, 0.4);
}

.irs-slider.state_hover,
.irs-slider:hover {
	background: #ff4500;
}

.irs-min,
.irs-max {
	color: #9ca3af;
	background: #1c1c22;
	border-radius: 4px;
}

.irs-from,
.irs-to,
.irs-single {
	color: #fff;
	background: #ff4500;
	border-radius: 4px;
}

.irs-from:after,
.irs-to:after,
.irs-single:after {
	border-top-color: #ff4500;
}

.irs-grid-pol {
	background: #3a3a42;
}

.irs-grid-text {
	color: #9ca3af;
}

.irs-shadow {
	background: #000;
	opacity: 0.2;
}