.mvsScroller {
	overflow: auto; position: relative; display: block;
	-ms-overflow-style: none; overflow: -moz-scrollbars-none;
}
.mvsScroller::-webkit-scrollbar { display: none; }

.mvsScroller.xAxisTop { padding-top: 20px; }
.mvsScroller.xAxisBottom { padding-bottom: 20px; }
.mvsScroller.xAxisBoth { padding-top: 20px; padding-bottom: 20px; /*overflow-y: hidden;*/ }

.mvsScroller.yAxisLeft { padding-left: 20px; }
.mvsScroller.yAxisRight { padding-right: 20px; }
.mvsScroller.yAxisBoth { padding-left: 20px; padding-right: 20px; /*overflow-x: hidden;*/ }


.mvsScroller .mvsScrollerX {
	display: none; position: absolute; left: 0; height: 15px; width: 100%; z-index: 1;
	background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
.mvsScroller .mvsScrollerX.topScroller { top: 0; }
.mvsScroller .mvsScrollerX.bottomScroller { bottom: 0; }

.mvsScroller .mvsScrollerX .xScrollSlider {
	position: absolute; background-color: rgba(0,0,0,0.6); height: 6px; width: 300px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
}
.mvsScroller .mvsScrollerX.topScroller .xScrollSlider { top: 2px; }
.mvsScroller .mvsScrollerX.bottomScroller .xScrollSlider { bottom: 2px; }

.mvsScroller:not(.scrollerHidden):hover .mvsScrollerX,
.mvsScroller.scrollingX .mvsScrollerX { display: block; }
.mvsScroller .mvsScrollerX:hover,
.mvsScroller.scrollingX .mvsScrollerX { background-color: rgba(0,0,0,0.3); }

.mvsScroller .mvsScrollerX:hover .xScrollSlider,
.mvsScroller.scrollingX .mvsScrollerX .xScrollSlider
{ background-color: rgba(255,255,255,0.9); height: 9px; }

.mvsScroller .mvsScrollerX.topScroller:hover .xScrollSlider,
.mvsScroller.scrollingX .mvsScrollerX.topScroller .xScrollSlider { top: 3px; }
.mvsScroller .mvsScrollerX.bottomScroller:hover .xScrollSlider,
.mvsScroller.scrollingX .mvsScrollerX.bottomScroller .xScrollSlider { bottom: 3px; }

.mvsScroller .mvsScrollerY {
	display: none; position: absolute; top:0; width: 15px; height: 100%; z-index: 2;
	background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
.mvsScroller .mvsScrollerY.leftScroller { left: 0; }
.mvsScroller .mvsScrollerY.rightScroller { right: 0; }

.mvsScroller .mvsScrollerY .yScrollSlider {
	position: absolute; background-color: rgba(0,0,0,0.6); right: 2px; width: 6px; height: 300px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
}
.mvsScroller:hover .mvsScrollerY { display: block; }
.mvsScroller .mvsScrollerY:hover,
.mvsScroller.scrollingY .mvsScrollerY { background-color: rgba(0,0,0,0.3); }

.mvsScroller .mvsScrollerY:hover .yScrollSlider,
.mvsScroller.scrollingY .mvsScrollerY .yScrollSlider
{ background-color: rgba(255,255,255,0.9); width: 9px; right: 3px; }


.mvsScroller.scrollingX,
.mvsScroller.scrollingY {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;	/* Konqueror */
	-moz-user-select: none;	  /* Firefox */
	-ms-user-select: none;	   /* Internet Explorer/Edge */
	user-select: none;
}