.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }

	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

	

	.mCustomScrollBox{ /* contains plugin's markup */

		position: relative;

		overflow: hidden;

		height: 100%;

		max-width: 100%;

		outline: none;

		direction: ltr;

	}



	.mCSB_container{ /* contains the original content */

		overflow: hidden;

		width: auto;

		height: auto;

	}







/* 

------------------------------------------------------------------------------------------------------------------------

2. VERTICAL SCROLLBAR 

y-axis

------------------------------------------------------------------------------------------------------------------------

*/



	.mCSB_inside > .mCSB_container{ margin-right: 30px; }



	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

	

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */

		margin-right: 0;

		margin-left: 30px;

	}

	

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */



	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */

		position: absolute;

		width: 16px;

		height: auto;

		left: auto;

		top: 0;

		right: 0;

		bottom: 0;

	}



	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

	

	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */

		right: auto;

		left: 0;

	}

	

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */



	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */

		position: absolute;

		top: 0;

		left: 0;

		bottom: 0;

		right: 0; 

		height: auto;

	}



	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 4px; }



	.mCSB_scrollTools .mCSB_draggerRail{

		width: 2px;

		height: 100%;

		margin: 0 auto;

		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;

	}



	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */

		cursor: pointer;

		width: 100%;

		height: 30px; /* minimum dragger height */

		z-index: 1;

	}



	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */

		position: relative;

		width: 4px;

		height: 100%;

		margin: 0 auto;

		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;

		text-align: center;

	}

	


	.mCSB_scrollTools .mCSB_buttonUp,

	.mCSB_scrollTools .mCSB_buttonDown{

		display: block;

		position: absolute;

		height: 20px;

		width: 100%;

		overflow: hidden;

		margin: 0 auto;

		cursor: pointer;

	}



	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }







/* 

------------------------------------------------------------------------------------------------------------------------

3. HORIZONTAL SCROLLBAR 

x-axis

------------------------------------------------------------------------------------------------------------------------

*/



	.mCSB_horizontal.mCSB_inside > .mCSB_container{

		margin-right: 0;

		margin-bottom: 30px;

	}

	

	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }



	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */



	.mCSB_scrollTools.mCSB_scrollTools_horizontal{

		width: auto;

		height: 16px;

		top: auto;

		right: 0;

		bottom: 0;

		left: 0;

	}



	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */



	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }



	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{

		width: 100%;

		height: 2px;

		margin: 7px 0;

	}



	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{

		width: 30px; /* minimum dragger width */

		height: 100%;

		left: 0;

	}



	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

		width: 100%;

		height: 4px;

		margin: 6px auto;

	}

	

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{

		height: 12px; /* auto-expanded scrollbar */

		margin: 2px auto;

	}

	

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{

		height: 8px; /* auto-expanded scrollbar */

		margin: 4px 0;

	}



	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{

		display: block;

		position: absolute;

		width: 20px;

		height: 100%;

		overflow: hidden;

		margin: 0 auto;

		cursor: pointer;

	}

	

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }



	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }






	.mCSB_container_wrapper{

		position: absolute;

		height: auto;

		width: auto;

		overflow: hidden;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		margin-right: 30px;

		margin-bottom: 30px;

	}

	

	.mCSB_container_wrapper > .mCSB_container{

		padding-right: 30px;

		padding-bottom: 30px;

		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	}

	

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

	

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

	

	/* non-visible horizontal scrollbar */

	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

	

	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 

	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

	

	/* RTL direction/left-side scrollbar */

	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

	

	/* non-visible scrollbar/RTL direction/left-side scrollbar */

	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

	

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */

		margin-right: 0;

		margin-left: 30px;

	}

	

	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

	

	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

	

	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{

		margin-right: 0; /* non-visible scrollbar */

		margin-left: 0;

	}

	

	/* non-visible horizontal scrollbar */

	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }






	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }

	

	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,

	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

	

	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,

	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,

	.mCustomScrollBox:hover > .mCSB_scrollTools,

	.mCustomScrollBox:hover ~ .mCSB_scrollTools,

	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,

	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }



	.mCSB_scrollTools .mCSB_draggerRail{

		background-color: #8E8E8E; background-color: rgba(142,142,142,0.85);

		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 

	}



	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

		background-color: #fff; background-color: rgba(205,26,32,0.95);

		filter: "alpha(opacity=95)"; -ms-filter: "alpha(opacity=95)"; 

	}