.input-slider
	@extends .control-input
	@extends .control
	padding 0
	outline none
	display inline-block
	vertical-align top
	width calc(100% \- 90px)
	cursor pointer
	&:focus
		box-shadow 0 0 0 2px #F0F0F0
.input-slider-value
	appearance none
	@extends .control-input
	display inline-block
	vertical-align top
	padding-right 0
	width 80px
	margin-right 10px
.input-slider-drag
.input-slider-thumb
	position absolute
	top 3px
	cursor pointer
	left 3px
	width 38px
	height 25px
	border 1px solid mediumgray
	border-radius 2px
	background url('img/control-slider-arrows.png') no-repeat center center,#e6e6e6
	&:hover
		background url('img/control-slider-arrows-hover.png') no-repeat center center,#e6e6e6
.input-slider-container
	absolute left 3px right 5px
	top 0
	bottom 0
body.thumb-dragging
	cursor pointer !important