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



/*
CONTENTS:
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



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

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



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

  .mCSB_inside > .mCSB_container{ padding-top: 65px ; padding-bottom: 65px ;}

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


  .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: 14px;
    height: auto;
    left: 25px;
    top: 0;
    bottom: 0;*/
  }

  .mCSB_outside + .mCSB_scrollTools{ right: -26px; } 

  .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{
    right: auto;
    left: 0;
  }

  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } 

  .mCSB_scrollTools .mCSB_draggerContainer{ 
	    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
  }


.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    /*overflow: hidden;*/
    margin: 0 auto;
    cursor: pointer;
	left:0px;
	background: #cccccc url(/3d/js3d/images/macro_slider.png) no-repeat center bottom;
    height: 53px;
    width: 100%;
	margin-left:0;
}
.mCSB_scrollTools .mCSB_buttonUp:after, .mCSB_scrollTools .mCSB_buttonDown:after {
	content:"";
	position:absolute;
	z-index:50;
	background-color:#f3f3f3;
	left:0px;
	width:100%;
	height:5px;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0px; /*border-top:5px solid #f3f3f3;*/}  
.mCSB_scrollTools .mCSB_buttonUp{ top: 0px; /*border-bottom:5px solid #f3f3f3;*/}
.mCSB_scrollTools .mCSB_buttonDown:after {
	top:-5px;
}
.mCSB_scrollTools .mCSB_buttonUp:after {
	bottom:-5px;
}

#macro .mCSB_buttonUp {
    background-position: center 0;
}
#macro .mCSB_buttonDown {
    background-position: center -43px;
} 


#macro .mCSB_buttonUp:hover {
    background-position: center -65px;
}
#macro .mCSB_buttonUp.mCSB_disabled:hover {
    background-position: center 0;
	cursor:default;
}
#macro .mCSB_buttonDown:hover {
    background-position: center -108px;
}
#macro .mCSB_buttonDown.mCSB_disabled:hover {
    background-position: center -43px;
	cursor:default;
}
#macro.mCS_no_scrollbar .mCSB_buttonUp,#macro.mCS_no_scrollbar .mCSB_buttonUp:hover, #macro .mCSB_buttonUp.disabled {
    background-position: center -130px;
}
#macro.mCS_no_scrollbar .mCSB_buttonDown,#macro.mCS_no_scrollbar .mCSB_buttonDown:hover,#macro .mCSB_buttonDown.disabled {
    background-position: center -173px;
}
#macro {
	height:100%;
	padding:0;
}




#macro {
    overflow: hidden;
}

.bx-viewport{
	z-index:1000000;
}
.bx-controls-direction{
	position:absolute;
	height:100%;
	width:100px;
	text-align:center;
}