/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {
	background: url(../img/sprite-skin-flat.png) repeat-x;
}
.irs {
	height: 40px;
}
.irs-with-grid {
	height: 60px;
}
.irs-line {
	height: 12px;
	top: 25px;
}
.irs-line-left {
	height: 12px;
	background-position: 0 -30px;
}
.irs-line-mid {
	height: 12px;
	background-position: 0 0;
}
.irs-line-right {
	height: 12px;
	background-position: 100% -30px;
}
.irs-bar {
	height: 12px;
	top: 25px;
	background-position: 0 -60px;
}
.irs-bar-edge {
	top: 25px;
	height: 12px;
	width: 9px;
	background-position: 0 -90px;
}
.irs-shadow {
	height: 3px;
	top: 34px;
	background: #000;
	opacity: 0.25;
}
.lt-ie9 .irs-shadow {
	filter: alpha(opacity=25);
}
.irs-slider {
	width: 16px;
	height: 18px;
	top: 22px;
	background-position: 0 -120px;
}
.irs-slider.state_hover, .irs-slider:hover {
	background-position: 0 -150px;
}
.irs-min, .irs-max {
	color: #495057;
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	top: 0;
	padding: 2px 6px;
	background: #f0f0f2;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.irs-from, .irs-to, .irs-single {
	color: #fff;
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	background: #0BAAA8;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: #0BAAA8;
}
.irs-grid-pol {
	background: #e1e4e9;
}
.irs-grid-text {
	color: #999;
}
.irs-disabled {}
/*--- RANGE SLIDER ---*/

.irs-min, .irs-max {
	font-family: "Roboto", sans-serif;
	/* border-radius: 0; */
}
.irs-from, .irs-to, .irs-single {
	font-family: 'Roboto', sans-serif;
	border-radius: 0;
}
.irs-bar-edge {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.irs-line-left {
	background-image: none;
	background-color: #ebecf1;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.irs-line-mid {
	background-image: none;
	background-color: #ebecf1;
}
.irs-line-right {
	background-image: none;
	background-color: #ebecf1;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.irs-slider {
	background-image: none;
}
.irs-slider:before {
	content: '';
	width: 2px;
	height: 18px;
	position: absolute;
	left: 50%;
	margin-left: -1px;
}

/* #################### COLOR VARIANT SKINS #################### */


.irs-success .irs-bar, .irs-success .irs-bar-edge, .irs-success .irs-slider::before {
	background-color: #28c76f;
}
.irs-success .irs-from, .irs-success .irs-to, .irs-success .irs-single {
	background-color: #28c76f;
}
.irs-success .irs-from::after, .irs-success .irs-to::after, .irs-success .irs-single::after {
	border-top-color: #28c76f;
}
.irs-dark .irs-bar, .irs-dark .irs-bar-edge, .irs-dark .irs-slider::before {
	background-color: #191621;
}
.irs-dark .irs-from, .irs-dark .irs-to, .irs-dark .irs-single {
	background-color: #191621;
}
.irs-dark .irs-from::after, .irs-dark .irs-to::after, .irs-dark .irs-single::after {
	border-top-color: #191621;
}
/* #################### MODERN SKIN #################### */

.irs-modern .irs-line-left, .irs-modern .irs-line-mid, .irs-modern .irs-line-right {
	height: 6px;
	box-shadow: inset -2px 2px 2px 0 rgba(34, 34, 34, 0.1);
}
.irs-modern .irs-bar, .irs-modern .irs-bar-edge {
	height: 6px;
	box-shadow: inset 0 1px 1px 0 rgba(34, 34, 34, 0.1);
}
.irs-modern .irs-slider {
	top: 19px;
	background-color: #fff;
	border-radius: 0;
}
.irs-modern .irs-slider::before {
	width: 4px;
	height: 9px;
	background-color: #fff;
	margin-left: -2px;
	top: 3px;
}
.irs-modern.irs-success .irs-slider {
	border-color: #28c76f;
}
.irs-modern.irs-success .irs-slider::before {
	border-color: #28c76f;
}
.irs-modern.irs-dark .irs-slider {
	border-color: #14112d;
}
.irs-modern.irs-dark .irs-slider::before {
	border-color: #14112d;
}
/* #################### OUTLINE SKIN #################### */

.irs-outline .irs-line {
	height: 10px;
	border-radius: 5px;
}
.irs-outline .irs-line-left, .irs-outline .irs-line-mid, .irs-outline .irs-line-right {
	height: 10px;
	background-color: transparent;
}
.irs-outline .irs-bar, .irs-outline .irs-bar-edge {
	height: 10px;
}
.irs-outline .irs-bar-edge {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.irs-outline .irs-slider {
	top: 21px;
	width: 18px;
	background-color: #fff;
	border-radius: 100%;
}
.irs-outline .irs-slider::before {
	margin-left: -4px;
	top: 4px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}
.irs-outline.irs-success .irs-line, .irs-outline.irs-success .irs-slider {
	border-color: #28c76f;
}
.irs-outline.irs-success .irs-line:hover::before, .irs-outline.irs-success .irs-line:focus::before, .irs-outline.irs-success .irs-slider:hover::before, .irs-outline.irs-success .irs-slider:focus::before {
	background-color: #339701;
}
.irs-outline.irs-dark .irs-line, .irs-outline.irs-dark .irs-slider {
	border-color: #191621;
}
.irs-outline.irs-dark .irs-line:hover::before, .irs-outline.irs-dark .irs-line:focus::before, .irs-outline.irs-dark .irs-slider:hover::before, .irs-outline.irs-dark .irs-slider:focus::before {
	background-color: #313c53;
}
/*--- RANGE SLIDER ---*/