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

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

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

        

                  /* default theme ("light") */

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

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



                  /* theme "rounded-dots-dark" */

                  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
                      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
                  }

                  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

                  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

                  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

                  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

                  /* ---------------------------------------- */
  /* theme: "minimal", "minimal-dark" */

                  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
                  .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
                      right:-17px; 
                      margin: 12px 0; 
                  }

                  .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
                  .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
                  .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
                  .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
                      bottom: 0; 
                      margin: 0 12px; 
                  }

                  /* RTL direction/left-side scrollbar */
                  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
                  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
                      left: 0; 
                      right: auto;
                  }

                  .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
                  .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

                  .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
                  .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

                  .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
                  .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

                  .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
                      background-color:#c5c3c3;
                      filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
                  }

                  .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
                      .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
                      background-color:#c5c3c3;
                      filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
                  }