.input-range
	@extends .control-input
	@extends .control
	padding 0
	outline none
	display inline-block
	vertical-align top
	// overflow hidden
	cursor pointer
	&:focus,&.active
		box-shadow 0 0 0 2px #F0F0F0
.input-range-value
	@extends .input-slider-value
	margin 0
	border-width 0
	border-radius 0
	width 59px
	height 33px
	&:focus
		box-shadow none
	&.min-value
		border-right-width 1px
	&.max-value
		border-left-width 1px
.input-range-track
	display inline-block
	width  calc(100% \- 204px)
	height 35px
	position relative
	margin-left 43px
	margin-right 43px
	&:after
		content ""
		display block
		position absolute
		z-index 0
		left -35px
		right -35px
		top 0
		bottom 0
.input-range-thumbs
	height 27px
	top 3px
	position absolute
	left 0px
	right 0px
	z-index 1
	&:after
		content ""
		display block
		position absolute
		border-radius 2px
		border 1px solid #dcdcdc
		top 0
		bottom 0
		left -2px
		right -2px
		background #f5f5f5
		z-index 0
.input-range-thumb
	@extends .input-slider-thumb
	left auto
	top auto
	z-index 1
	left -40px
	&.max-thumb
		left auto
		right -40px