.scrollable {
  position: relative;
  z-index:1;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
  width: 100%;
  z-index:1;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  width:7px;
  position:absolute;
  right:0;
  height:100%;
  background-color:#fff;
  z-index:100;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width:7px;
  min-height:10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height:100%;
  min-width:10px;
  left:0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/
.scrollable.default-skin .scroll-bar .thumb {
  background-color:#2498cc;
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
  -khtml-border-radius:3px; 
  border-radius:3px;
}