﻿/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:0;
	overflow:hidden;
	padding:0;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:10px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	right:0; 
	bottom:0;
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:10px;
	height:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:none;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:10px;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:8px;
	height:100%;
	margin:0 auto;
	text-align:center;
	z-index:10;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}


/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
	height:100%;
	margin-right:0;
	margin-bottom:0;
	overflow:hidden;
	z-index:1000;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:0;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:100%;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:100%;
	margin:0;
	border:0 none;
	border-left:0;
	border-right:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:10px;
	margin:6px auto;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	top:50%;
	z-index:1000;
	overflow:hidden;
	margin:-30px 20px 0 20px;
	cursor:pointer;
	float:left;
	width:60px;
	height:60px;
	background-color:#003050;
	background-color:rgba(0,48,80,.5);
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;*/
	transition:All .4s ease;
	-webkit-transition:All .4s ease;
	-moz-transition:All .4s ease;
	-o-transition:All .4s ease;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft{
	background-image:url('Images/arrowNaviLeft.png');
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url('Images/arrowNaviRight.png');
	float:right;
}
/*.mCSB_horizontal:hover>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal:hover>.mCSB_scrollTools .mCSB_buttonRight{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}*/
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight:hover{
	background-color:#adb1b8;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}


/* default scrollbar colors and backgrounds */
.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color:#adb1b8;
	background-color:rgba(173,177,184,.5);
	transition:All .4s ease;
	-webkit-transition:All .4s ease;
	-moz-transition:All .4s ease;
	-o-transition:All .4s ease;
}
.scroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.scroll .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color:#adb1b8;
}

