﻿
.hover-lightblue:hover {
    box-shadow: 0px 0px 3px 3px lightblue !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hover-deepskyblue:hover {
    box-shadow: 0px 0px 3px 3px deepskyblue !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.hover-lightpink:hover {
    box-shadow: 0px 0px 3px 3px lightpink !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hover-hotpink:hover {
    box-shadow: 0px 0px 3px 3px hotpink !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.hover-lightyellow:hover {
    box-shadow: 0px 0px 3px 3px lightyellow !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hover-palegreen:hover {
    box-shadow: 0px 0px 3px 3px palegreen !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.focus-white:focus {
    box-shadow: 0px 0px 3px 3px white !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.focus-lightpink:focus {
    box-shadow: 0px 0px 3px 3px lightpink !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.focus-lightblue:focus {
    box-shadow: 0px 0px 3px 3px lightblue !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.focus-lightskyblue:focus {
    box-shadow: 0px 0px 3px 3px lightskyblue !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}




.ScrollbarStyle {
    overflow-x: hidden;
    overflow-y: auto;
}

    .ScrollbarStyle::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 15px;
        height: 1px;
    }

    .ScrollbarStyle::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 5px;
        background-color: skyblue;
        background-image: -webkit-linear-gradient( 45deg, deepskyblue 25%, transparent 25%, transparent 50%,deepskyblue 50%, deepskyblue 75%, transparent 75%, transparent );
    }

        .ScrollbarStyle::-webkit-scrollbar-thumb:hover {
            border: solid 2px lightyellow;
        }

    .ScrollbarStyle::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: lightgray;
        border-radius: 5px;
    }

    .ScrollbarStyle::-webkit-scrollbar-button:single-button {
        display: block;
        height: 20px;
        background: lightgreen;
    }
        /*顶部*/
        .ScrollbarStyle::-webkit-scrollbar-button:single-button:vertical:increment {
            background-image: url('/img/ComboBoxD.png');
            background-repeat: no-repeat;
            background-size: 100%;
        }

            .ScrollbarStyle::-webkit-scrollbar-button:single-button:vertical:increment:hover {
                background-color: skyblue;
            }
        /*底部*/
        .ScrollbarStyle::-webkit-scrollbar-button:single-button:vertical:decrement {
            background-image: url('/img/ComboBoxU.png');
            background-repeat: no-repeat;
            background-size: 100%;
        }

            .ScrollbarStyle::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
                background-color: skyblue;
            }
