.custom-scrollbar {
    scrollbar-color: rgba(0,0,0,.2) transparent;
    scrollbar-color: var(--scrollbar-colour,rgba(0, 0, 0, .2)) transparent;
    scrollbar-width: thin;
}

    .custom-scrollbar::-webkit-scrollbar {
        width: 1.3rem;
        height: 1.3rem;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb {
        border: 6px solid transparent;
        background: rgba(0,0,0,.2);
        background: var(--scrollbar-colour,rgba(0, 0, 0, .2));
        border-radius: 10px;
        background-clip: padding-box;
    }


    .custom-scrollbar::-webkit-scrollbar-corner {
        background: transparent;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb:vertical {
        min-height: 30px
    }

    .custom-scrollbar::-webkit-scrollbar-thumb:horizontal {
        min-width: 30px;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.3);
        background: var(--scrollbar-hover-colour,rgba(0, 0, 0, .3));
        background-clip: padding-box;
    }

.custom-scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .custom-scrollbar-hidden::-webkit-scrollbar {
        width: 0;
    }

/*Quote Summary Scroll*/
.quote-summary-scroll {
    overflow-x: scroll;
    margin: auto;
    height: 15px;
    overflow-y: hidden;
    width: 90%;
}

    .quote-summary-scroll::-webkit-scrollbar {
        height: 15px;
    }

    .quote-summary-scroll::-webkit-scrollbar-thumb {
        background: var(--scrollbar-colour);
        cursor: pointer;
    }

        .quote-summary-scroll::-webkit-scrollbar-thumb:hover {
            background: var(--scrollbar-hover-colour);
        }

/*End of Quote summary Scroll*/

.scrolling-shadow {
    overflow: auto;
    background: linear-gradient(var(--primary-color) 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),var(--primary-color) 70%) 0 100%, radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}

.alt-scrolling-shadow {
    overflow: auto;
    background: linear-gradient(var(--card-color) 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),var(--card-color) 70%) 0 100%, radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}

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

/*KENDOS SCROLLBAR STYLING OVERRIDES*/

.k-scrollbar::-webkit-scrollbar-thumb:hover, .k-list-scroller::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.3);
    background: var(--scrollbar-hover-colour,rgba(0, 0, 0, .3));
    background-clip: padding-box;
}

:not(.custom-scrollbar)::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.3);
    background: var(--scrollbar-hover-colour,rgba(0, 0, 0, .3));
}


:not(.custom-scrollbar)::-webkit-scrollbar {
    width: 0.6rem; /* for vertical scrollbars */
    height: 0.6rem; /* for horizontal scrollbars */
    background-clip: padding-box;
    border-radius: 10px;
}

:not(.custom-scrollbar)::-webkit-scrollbar-track {
    border: 6px solid transparent;
    background-color: var(--scrollbar-colour,rgba(0, 0, 0, .2));
    border-radius: 10px;
    background-clip: padding-box;
}

:not(.custom-scrollbar)::-webkit-scrollbar-thumb {
    border: 6px solid transparent;
    background-color: var(--scrollbar-colour,rgba(0, 0, 0, .2));
    border-radius: 10px;
}