//@import "../../../abstracts/abstracts";

.dbqdcltg-scrollbar-container {
    .dbqsb-scrollbar {
        height: calc(100% - 35px);
        margin: 35px 0 0 15px;
    }
    // .dbq-scrollbar {
    //     display: flex;
    //     flex-direction: column;
    //     justify-content: center;
    //     align-items: center;
    //     width: 22px;
    //     height: calc(100% - 34px);
    //     margin-top: 34px;
    //     background: $classlist-tree-grid-scrollbar-background-color;
    //     border-radius: 17px;
    //     margin: 34px 5px 0 0;
    //     padding: 5px 0;

    //     .dbq-scrollbar-navigation {
    //         display: flex;
    //         flex-direction: column;
    //         align-items: center;

    //         .dbq-scrollbar-navigation-button {
    //             cursor: pointer;
    //             fill: $classlist-tree-grid-scrollbar-navigation-button-color;
    //         }
    //     }

    //     .dbq-scrollbar-track {
    //         width: 8px;
    //         height: 100%;
    //         min-height: 20px;
    //         background: $classlist-tree-grid-scrollbar-track-background-color;
    //         position: relative;
    //         border-radius: 5px;
    //         cursor: pointer;

    //         .dbq-scrollbar-thumb {
    //             width: 14px;
    //             height: 20px;
    //             min-height: 8px;
    //             position: absolute;
    //             left: -3px;
    //             background: $classlist-tree-grid-scrollbar-thumb-background-color;
    //             cursor: pointer;
    //             border-radius: $border-radius-default;
    //             border: $classlist-tree-grid-scrollbar-thumb-border;

    //             .dbq-scrollbar-thumb-index {
    //                 display: flex;
    //                 align-items: center;
    //                 justify-content: center;
    //                 position: absolute;
    //                 background: $classlist-tree-grid-scrollbar-thumb-background-color;
    //                 min-width: 30px;
    //                 height: 26px;
    //                 top: -3px;
    //                 right: 20px;
    //                 border: $classlist-tree-grid-scrollbar-thumb-border;
    //                 border-radius: 10px;
    //                 padding: 1px 5px;
    //                 font-size: 12px;
    //                 font-weight: 600;
    //                 white-space: nowrap;
    //                 //box-shadow: 0 3px 10px rgba(0 0 0 0.2);

    //                 &.dbq-scrollbar-thumb-index-hidden {
    //                     display: none;
    //                 }
    //             }
    //         }
    //     }
    // }
}