/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.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_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 30px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}
	@media (min-width: 768px) {
		.mCSB_scrollTools.mCSB_scrollTools_vertical {
			width: 50px;
		}
	}
	
	.popup-content .mCSB_scrollTools_vertical {
	    top: 40px;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* 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_vertical .mCSB_draggerContainer {
		bottom: 30px;
		top: 30px;
	}
	
	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		margin: 0 auto;
		-webkit-border-radius: 3px;
	    border-radius: 3px;
	}
	
	.mCSB_scrollTools_vertical .mCSB_draggerRail {
		width: 6px;
		height: 100%;
	    overflow: hidden;
	    position: relative;
    }

	.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;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		-webkit-border-radius: 3px;
	    border-radius: 3px;
	}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		padding-bottom: 40px;
	}
	
	.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: 260px;
		height: 16px;
		margin-bottom: 0;
		margin-left: -130px;
		top: auto;
		bottom: 0;
		left: 50%;
	}

	.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: 6px;
		margin: 5px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 90px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 16px;
		margin: 0 auto;
	}

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	
	.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: #dfdfdf;
	}
	
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #333;
	}
	.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background: rgb(79,190,7);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmYmUwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOWE4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(79,190,7,1) 0%, rgba(57,168,0,1) 100%);
		background: -webkit-linear-gradient(top, rgba(79,190,7,1) 0%,rgba(57,168,0,1) 100%);
		background: linear-gradient(to bottom, rgba(79,190,7,1) 0%,rgba(57,168,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fbe07', endColorstr='#39a800',GradientType=0 );
		-webkit-box-shadow:inset 0 2px 1px 1px rgba(0,0,0,.15);
		box-shadow:inset 0 2px 1px 1px rgba(0,0,0,.15);
		-moz-transform: scale(-1);
		-webkit-transform: scale(-1);
		-o-transform: scale(-1);
		-ms-transform: scale(-1);
		transform: scale(-1);
	}
	
	.mCSB_scrollTools_vertical .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCSB_scrollTools_vertical .mCSB_dragger:active .mCSB_dragger_bar {
		background-color: #40a400;
	}