.scrollingHotSpotLeft{
		width: 25px;
		height: 100%;
		position: absolute;
		background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
		background-image: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
		background-image: -moz-linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
		z-index: 2000;
		left: 0;
}
.scrollingHotSpotRight{
		width: 25px;
		height: 100%;
		position: absolute;
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
		background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
		background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
		z-index: 2000;
		right: 0;
}

.scrollingHotSpotLeftVisible, .scrollingHotSpotRightVisible{
		opacity: 1 !important;
}

.scrollWrapper{position: relative; overflow: hidden; width: 100%; height: 100%;}
.scrollableArea {position: relative; width: auto; height: 100%; display: flex; justify-content: center;}