/*.custom_scroll_bar_1*/ 
@media (min-width:1200px) {
    * {
        scrollbar-face-color: #800013;
        scrollbar-arrow-color: #800013;
        scrollbar-track-color: #E2E2E2;
        scrollbar-shadow-color: #800013;
        /*scrollbar-highlight-color: rgb(0,0,0);
        scrollbar-3dlight-color: #808080;
        scrollbar-darkshadow-Color: #202020;*/
    }

    /*addresses the background of the bar itself. It is usually covered by the other elements*/
    *::-webkit-scrollbar{width:5px; height:5px;}

    /*addresses the directional buttons on the scrollbar*/
    *::-webkit-scrollbar-button {height:0px;}

    /*addresses the empty space “below” the progress bar*/
    *::-webkit-scrollbar-track{background-color: #E2E2E2;}

    /*is the top-most layer of the the progress bar not covered by the draggable scrolling element (thumb)*/
    *::-webkit-scrollbar-track-piece {}

    /*addresses the draggable scrolling element that resizes depending on the size of the scrollable element*/ 
    *::-webkit-scrollbar-thumb {background-color: #800013; border-radius:5px;}

    /*addresses the draggable scrolling element that resizes depending on the size of the scrollable element*/
    *::-webkit-scrollbar-thumb:hover {background-color: #55000d;}

    /*addresses the (usually) bottom corner of the scrollable element, where two scrollbars might meet*/
    *::-webkit-scrollbar-corner {}

    /*addresses the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements*/
    *::-webkit-resizer {}
}