/** initial setup **/
.nano {
	float: left;
	height: 100%;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 600px;
}
.nano > .nano-content {
	position : absolute;
	overflow : scroll;
	overflow-x : hidden;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
}
.nano > .nano-content:focus {
	outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
 visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
 visibility: visible;
}
.nano > .nano-pane {
	background : rgba(0,0,0,.25);
	position : absolute;
	width : 10px;
	right : 0;
	top : 0;
	bottom : 0;
	opacity : 1;
	-webkit-transition : .2s;
	-moz-transition : .2s;
	-o-transition : .2s;
	transition : .2s;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
}
.nano > .nano-pane > .nano-slider {
	background: #464646;
	position : relative;
	margin : 0 1px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	border-radius : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {/
	opacity : 1;
}
