/** initial setup **/
.nano {
	position : relative;
	width    : 100%;
	height   : 100%;
	overflow : hidden;
}
.nano .nano-content {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0;
	bottom        : 0;
	left          : 0;
	margin: 0px;
	padding: 0 24px 0 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 : #d8d7d7;
	position   : absolute;
	width      : 1px;
	right      : 14px;
	top        : 0;
	bottom     : 0;
	border: 0;
	box-shadow: 0 0 3px #000;
	opacity    : .01;
	-webkit-transition    : .2s;
	-moz-transition       : .2s;
	-o-transition         : .2s;
	transition            : .2s;
}

.nano .nano-pane .nano-slider {
	background: #111;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-weight: 800;
	font-size: 15px;
	font-family: Arial, Verdana;
	position              : relative;
	margin                : 0 0 0 -12px;
	border-width: 1px;
	border-style: solid;
	border-radius         : 50%;
}
.nano .nano-pane .nano-slider:before { 
	content: "\00B7";
	font-weight: 900;
	font-size: 1.3em;
}
.nano:hover .nano-pane, .nano-pane.active, .nano-pane.flashed {
	opacity: 0.99;
}

#liveNowData .nano .nano-pane {
	background: #fff;
	box-shadow: none;
	width: 2px;
}
#liveNowData .nano .nano-pane .nano-slider {
	background: #d2d2d2;
	margin: 0 0 0 -11px;
}