/**
 * mCustomScrollbar design for sidebar.
 * Custom design for Industry / Branch page.
 *
 * ---------------------------------------------------------------------------------------------------------------------
 * @version   1.0.1
 * @date      2013-01-10
 * @since     2012-12-10
 * @author    Christian Oellers <c.oellers@*.de>
 * @copyright Alldesign, http://alldesign.de/
 */

/* ------------------------------------------------------------------------------------------------- mCustomScrollbar */

/**
 * Also see '../../Page.css'.
 */

.mCSB_container.mCS_no_scrollbar {
    margin-right:0;
}

.mCSB_scrollTools {
    /** /
    opacity:0;
    filter:"alpha(opacity=0)";
    -ms-filter:"alpha(opacity=0)";
    /**/
    width:16px;
    height:100%;
    top:0;
    right:-6px;
}

.mCustomScrollBox:hover .mCSB_scrollTools {
    opacity:1.0;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
    transition:opacity 0.8s;
    -moz-transition:opacity 0.8s;
    -webkit-transition:opacity 0.8s;
    -o-transition:opacity 0.8s;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    cursor:pointer;
    height:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/** /
.mCSB_scrollTools .mCSB_buttonUp + .mCSB_draggerContainer {
    padding-bottom:40px;
}
/**/

.mCSB_scrollTools .mCSB_dragger {
    width:100%;
    height:30px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background:#141414;
    border-left:1px solid #141414;
    width:8px;
    height:100%;
    margin:0 auto;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background:#F5D200; /* 404040 */
    border-left:1px solid #666;
    opacity:1.0;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
    width:4px;
    height:100%;
    margin:0 auto;
}

/**
 * Override scroller size for improved usability.
 */

.mCSB_scrollTools .mCSB_dragger {
    cursor:move;
    width:100%;
    width:15px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    /* Requires IE7 fix */
    margin:0 0 auto 4px;
}

CSB_scrollTools {
    width:30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:3px;
}

/* ------------------------------------------------------------------------------------ Animation */
/* ------------------------------------------------------------------ Dragger */

body.cms_industry .right .mod_navigation {
    /* Fullsize: 400px */
    width:158px;
    width:400px;
}

.mCSB_dragger.ui-draggable.animate .mCSB_dragger_bar {
    background:#F5D200;
    /** /
    animation-name:animateDraggerBar;
    animation-duration:0.3s;
    animation-iteration-count:1;
    animation-play-state:play;
    animation-timing-function:ease-in-out;
    animation-fill-mode:forwards;
    animation-direction:alternate;
    /**/
}

@keyframes animateDraggerBar {
    0% {
        background:#404040;
    }
    50% {
        background:#F5D200;
    }
    100% {
        background:#404040;
    }
}

/* ---------------------------------------------------------------- Container */

/** /
.mCSB_container {
    animation-name:animateDraggerContainer;
    animation-duration:1.5s;
    animation-iteration-count:1;
    animation-play-state:play;
    animation-timing-function:ease-in-out;
    animation-fill-mode:forwards;
}

@keyframes animateDraggerContainer {
    0% {
        top:0px;
    }
    25% {
        top:-50px;
    }
    100% {
        top:0px;
    }
}
/**/