/*

== malihu jquery custom scrollbar plugin ==

Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller

*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }

	.mCustomScrollbar.mCS_no_scrollbar{ -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;

	}

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



	.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: 0px;

	}

	

	.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: 10px;

		height: auto;

		left: auto;

		top: 0;

		right: 2px;

		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 0; }



	.mCSB_scrollTools .mCSB_draggerRail{

		width: 100%;

		height: 100%;

		*height:500px;

		margin: 0 auto;

		background: #fff;

		border-radius: 5px;

	}



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

		cursor: pointer;

		width: 100%;

		height: 30px;

		z-index: 1;

		background:#27a7df;

		border-radius: 5px;

	}



	.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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; right:-5px;/* auto-expanded scrollbar */ }

	

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }



	.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; }