/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {

}
.noUi-base {
	height: 100%;
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {

}
.noUi-stacking .noUi-handle {

}
.noUi-stacking + .noUi-origin {

}
.noUi-state-tap .noUi-origin {

}
.noUi-state-drag * {
}

/* Slider size and handle placement;
 */
.noUi-horizontal {

}
.noUi-horizontal .noUi-handle {

}
.noUi-horizontal.noUi-extended {

}
.noUi-horizontal.noUi-extended .noUi-origin  {

}
.noUi-vertical {
		height:100px;
		width:40px;
		display:block;
		position:absolute;
	bottom:10px; 
	left:0;
}
.noUi-vertical .noUi-handle {	
	height:20px;
	width:20px;
	display:block;
	position:absolute;
	background-image: url(../img/flipicons.png);
	background-repeat: repeat-y;
	background-position:-322px -3px;
	cursor:pointer;	
	margin-top: -10px;
}

.noUi-vertical.noUi-extended {

}

.noUi-vertical.noUi-extended .noUi-origin  {

}

/* Styling;
 */
.noUi-background {
	background-image: url(../img/flipicons.png);
	background-repeat: repeat-y; 
	background-position:-358px -4px;  
}
.noUi-connect {

}
.noUi-origin {
}
.noUi-target {

}
.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.noUi-dragable {
	
}
.noUi-vertical .noUi-dragable {

}
.noUi-handle {

}
.noUi-active {

}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {

}
.noUi-handle:after {
	}
	
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {

}
.noUi-vertical .noUi-handle:after {

}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}