/*

Malihu Jquery custom scrollbar plugin

Version: 3.1.1
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
Author: malihu
Author URI: http://manos.malihu.gr
License: MIT License (MIT)

*/

/* ---------------------- Basic ---------------------- */
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; overflow: visible; }

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

.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { overflow: hidden; width: auto; height: auto; }


/* ---------------------- Y-axis scroll bar ---------------------- */
.mCSB_scrollTools { position: absolute; width: 11px; height: auto; left: auto; top: 0; right: 0; bottom: 0; background: #fff; }

/* * * Y-axis scroll bar :: rail * * */
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools .mCSB_draggerRail { width: 11px; height: 100%; margin: 0 auto; }

.mCSB_scrollTools .mCSB_dragger { z-index: 1; left: 0; right: 0; margin: 0 auto; width: 11px; min-height: 24px; background: #e8e8e8; border-radius: 6px; cursor: pointer; transition: background 250ms; }
.mCSB_scrollTools .mCSB_dragger:hover { background: #c8c8c8; }

/* * * Y-axis scroll bar :: buttons * * */
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown { position: absolute; left: 0; right: 0; width: 11px; height: 5px; font: 400 5px/1 'RDM', sans-serif; text-align: center; text-decoration: none; color: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; cursor: pointer; transition: all 250ms; }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover { opacity: .75; }

/*
.mCSB_scrollTools .mCSB_buttonUp:before { display: block; height: 5px; content: '\e808'; }
.mCSB_scrollTools .mCSB_buttonDown:before { display: block; height: 5px; content: '\e807'; }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover { color: #ffcd32; }
*/

.mCSB_scrollTools .mCSB_buttonUp { top: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMSA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS44OTM5ODc3MywwLjEzMjQyNjk4NyBMMTAuODM3NzQ1NCw0LjIxNjExNiBDMTAuOTM5ODg3LDQuMjkyODQwNDMgMTEsNC40MTMyNTE4NCAxMSw0LjU0MTEyNTg5IEMxMSw0LjY2ODk5OTkzIDEwLjkzOTg4Nyw0Ljc4OTQxMTM1IDEwLjgzNzc0NTQsNC44NjYxMzU3NyBDMTAuNjA2NzA4LDUuMDQ0NjIxNDEgMTAuMjg0NTUyMiw1LjA0NDYyMTQxIDEwLjA1MzUxNDgsNC44NjYxMzU3NyBMNS41MDEzNzE2NCwxLjEwNTQ1MDQxIEwwLjk1MDIzMDA2MSw0Ljg2NTEzMjY2IEMwLjcxOTIzODAyNiw1LjA0NDg0MzcxIDAuMzk1OTg5OTIxLDUuMDQ0ODQzNzEgMC4xNjQ5OTc4ODcsNC44NjUxMzI2NiBDMC4wNjEzMzMwMzM4LDQuNzg5NjI3NDcgMCw0LjY2OTAwMTIgMCw0LjU0MDYyNDMzIEMwLDQuNDEyMjQ3NDYgMC4wNjEzMzMwMzM4LDQuMjkxNjIxMTkgMC4xNjQ5OTc4ODcsNC4yMTYxMTYgTDUuMTA4NzU1NTUsMC4xMzI0MjY5ODcgQzUuMzQwODEzNDEsLTAuMDQ0MTQyMzI5IDUuNjYxOTI5ODcsLTAuMDQ0MTQyMzI5IDUuODkzOTg3NzMsMC4xMzI0MjY5ODcgWiI+PC9wYXRoPjwvc3ZnPg==); }
.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMSA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS44OTM5ODc3Myw0Ljg2NzU3MzAxIEwxMC44Mzc3NDU0LDAuNzgzODgzOTk3IEMxMC45Mzk4ODcsMC43MDcxNTk1NzEgMTEsMC41ODY3NDgxNTYgMTEsMC40NTg4NzQxMTIgQzExLDAuMzMxMDAwMDY4IDEwLjkzOTg4NywwLjIxMDU4ODY1MyAxMC44Mzc3NDU0LDAuMTMzODY0MjI3IEMxMC42MDY3MDgsLTAuMDQ0NjIxNDA5MSAxMC4yODQ1NTIyLC0wLjA0NDYyMTQwOTEgMTAuMDUzNTE0OCwwLjEzMzg2NDIyNyBMNS41MDEzNzE2NCwzLjg5NDU0OTU5IEwwLjk1MDIzMDA2MSwwLjEzNDg2NzM0NCBDMC43MTkyMzgwMjYsLTAuMDQ0ODQzNzEyNSAwLjM5NTk4OTkyMSwtMC4wNDQ4NDM3MTI1IDAuMTY0OTk3ODg3LDAuMTM0ODY3MzQ0IEMwLjA2MTMzMzAzMzgsMC4yMTAzNzI1MjkgMCwwLjMzMDk5ODgwMiAwLDAuNDU5Mzc1NjcxIEMwLDAuNTg3NzUyNTM5IDAuMDYxMzMzMDMzOCwwLjcwODM3ODgxMiAwLjE2NDk5Nzg4NywwLjc4Mzg4Mzk5NyBMNS4xMDg3NTU1NSw0Ljg2NzU3MzAxIEM1LjM0MDgxMzQxLDUuMDQ0MTQyMzMgNS42NjE5Mjk4Nyw1LjA0NDE0MjMzIDUuODkzOTg3NzMsNC44Njc1NzMwMSBaIj48L3BhdGg+PC9zdmc+); }

.mCSB_scrollTools .mCSB_buttonUp ~ .mCSB_draggerContainer { top: 10px; bottom: 10px; }

/* ---------------------- Transitions ---------------------- */
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
       -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
         -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
            transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }