/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright (c) 2015 Adobe Systems Incorporated. All rights reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
::-webkit-scrollbar { 
    width: 14px;
}

body.darker ::-webkit-scrollbar{ 
    background-color: #1b1b1b;
    background-image: linear-gradient(to right, #1b1b1b 0%, #222222 30%, #292929 70%, #222222 100%);
}

body.dark ::-webkit-scrollbar { 
    background-color: #333333;
    background-image: linear-gradient(to right, #333333 0%, #3d3d3d 30%, #434343 70%, #3c3c3c 100%);
}

body.lighter ::-webkit-scrollbar { 
    background-color: #c8c8c8;
    background-image: linear-gradient(to right, #c8c8c8 0%, #dedede 30%, #f6f6f6 70%, #dfdfdf 100%);
}

body.light ::-webkit-scrollbar { 
    background-color: #b2b2b2;
    background-image: linear-gradient(to right, #b2b2b2 0%, #d5d5d5 30%, #ededed 70%, #e7e7e7 100%);
}

::-webkit-scrollbar:disabled {
    border: none;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

body.darker ::-webkit-scrollbar-thumb:vertical {
    background: #1b1b1b;
    background-image: inear-gradient(to right, #424242 0%, #6b6b6b 20%, #565656 50%, #4e4e4e 80%, #595959 100%);
}

body.dark ::-webkit-scrollbar-thumb:vertical {
    background: #333333;
    background-image: inear-gradient(to right, #494949 0%, #9a9a9a 20%, #7c7c7c 50%, #707070 80%, #7a7a7a 100%);
}

body.lighter ::-webkit-scrollbar-thumb:vertical {
    background: #c8c8c8;
    background-image: inear-gradient(to right, #9d9d9d 0%, #bebebe 20%, #a3a3a3 50%, #9e9e9e 80%, #8d8d8d 100%);
}

body.light ::-webkit-scrollbar-thumb:vertical {
    background: #b2b2b2;
    background-image: inear-gradient(to right, #898989 0%, #aeaeae 20%, #929292 50%, #8e8e8e 80%, #7a7a7a 100%);
}


body.lighter ::-webkit-scrollbar-thumb,
body.light ::-webkit-scrollbar-thumb {
    background: #888888;
}

::-webkit-scrollbar-thumb:hover {
    background: #444444;
}

::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment {
    display: none;
}

body.windows ::-webkit-scrollbar-button:start:decrement,
body.windows ::-webkit-scrollbar-button:end:increment {
    display: block;
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-button:vertical:increment,
::-webkit-scrollbar-button:vertical:decrement {
    background-size: 10px 10px;
    background-position: center;
    background-repeat: no-repeat;
}

::-webkit-scrollbar-button:vertical:increment:hover,
::-webkit-scrollbar-button:vertical:decrement:hover {
    background-color: #444444;
}

body.darker ::-webkit-scrollbar-button:vertical:increment,
body.dark ::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../images/scrollbar/scroll_triangle_down_light.svg);
}


body.darker ::-webkit-scrollbar-button:vertical:decrement,
body.dark ::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../images/scrollbar/scroll_triangle_up_light.svg);
}


body.lighter ::-webkit-scrollbar-button:vertical:increment,
body.light ::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../images/scrollbar/scroll_triangle_down_dark.svg);
}

body.lighter ::-webkit-scrollbar-button:vertical:decrement,
body.light ::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../images/scrollbar/scroll_triangle_up_dark.svg);
}

body.darker ::-webkit-scrollbar-button:vertical:decrement:disabled,
body.darker ::-webkit-scrollbar-button:vertical:increment:disabled,
body.lighter ::-webkit-scrollbar-button:vertical:decrement:disabled,
body.lighter ::-webkit-scrollbar-button:vertical:increment:disabled,
body.dark ::-webkit-scrollbar-button:vertical:decrement:disabled,
body.dark ::-webkit-scrollbar-button:vertical:increment:disabled,
body.light ::-webkit-scrollbar-button:vertical:decrement:disabled,
body.light ::-webkit-scrollbar-button:vertical:increment:disabled {
    background: transparent;
    border: none;
}

::-webkit-scrollbar-corner {
    display: none;
}
