/** initial setup **/
.scroll > .nano-content {
  position      : absolute;
  overflow-y    : scroll;
  overflow-x    : hidden;
  width: 100%;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.scroll > .nano-content:focus {
  outline: thin dotted;
}
.scroll > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

.scroll > .nano-pane {
  background : #fff;
  position   : absolute;
  width      : 20px;
  right      : -8px;
  top        : -5px;
  bottom     : -5px;
}
.scroll > .nano-pane .wrap {
	background : #acaeb0;
	position   : absolute;
	width      : 2px;
	right      : 10px;
	top        : 5px;
	bottom     : 5px;
}
.scroll > .nano-pane .nano-slider {
  background: #2bb673 url(../images/back-scroll.png) center no-repeat;
  width: 8px;
  position              : relative;
  right: 3px;
  margin                : 0 0;
  cursor: pointer;
}
.scroll:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 1;
}