.table-responsive::-webkit-scrollbar {

    width: 20px;

    height: 15px

    }

    .table-responsive::-webkit-scrollbar-track {

    background-color: #E9EDF1;

    border-radius: 100px;

    box-shadow: 0px 1px 3px gray inset;

    }

    .table-responsive::-webkit-scrollbar-thumb {

    background-image: linear-gradient(180deg, #BD2217 0%, #BD2217 99%);

    box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);

    border-radius: 100px;

    }

    .table-responsive {

    scrollbar-width: thin;

    }   

​

    .table-responsive{

        scrollbar-color: red;

        scrollbar-width: thin;

    }

/* width */

::-webkit-scrollbar {

  width: 20px;

}

/* Track */

::-webkit-scrollbar-track {

  /* border-radius: 5px; */

}

/* Handle */

::-webkit-scrollbar-thumb {

  background:rgba(58, 114, 60, 1);

  /* border-radius: 5px 0 0 5px; */

  /* box-shadow: inset 5px -5px 5px rgba(58, 114, 60, 1); */

}

/* Styling the scrollbar */

::-webkit-scrollbar {

  width: 10px;

}

​

::-webkit-scrollbar-track {

  background-color: #f1f1f1;

}

​

::-webkit-scrollbar-thumb {

  background-color: #888;

  border-radius: 5px;

}

​

::-webkit-scrollbar-thumb:hover {

  background-color: #555;

}

​

/* Styling the scrollbar for Firefox */

/* Requires Gecko 64+ */

scrollbar-color: #888 #f1f1f1; /* thumb color, track color */

​

/* Styling the scrollbar for Internet Explorer */

/* Requires IE 10+ */

-ms-overflow-style: none; /* hide scrollbar */

​

element::-ms-scrollbar {

  width: 10px;

}

​

element::-ms-scrollbar-track {

  background-color: #f1f1f1;

}

​

element::-ms-scrollbar-thumb {

  background-color: #888;

  border-radius: 5px;

}

​

element::-ms-scrollbar-thumb:hover {

  background-color: #555;

}

::-webkit-scrollbar{

    width: 0.9vw;

    background: #777;

}

::-webkit-scrollbar-thumb{

    background: -webkit-linear-gradient(transparent,#30ff00);

    background: linear-gradient(transparent,#30ff00);

    border-radius: 20px;

}

::-webkit-scrollbar-thumb:hover{

   background: -webkit-linear-gradient(transparent,#00c6ff);

   background: linear-gradient(transparent,#00c6ff); 

}

/* width */

::-webkit-scrollbar {width: 10px;}

​

/* Track */

::-webkit-scrollbar-track {background: #f1f1f1;}

​

/* Handle */

::-webkit-scrollbar-thumb {background: #888;}

​

/* Handle on hover */

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

  .Class::-webkit-scrollbar {

    width: 2px;

  }

  .Class::-webkit-scrollbar-track {

    border-radius: px;

    background: #c9cacc;

  }

  .Class::-webkit-scrollbar-track:hover {

    background: #78797a;

  }

  .Class::-webkit-scrollbar-thumb {

    background: #3d5585; 

    border-radius: 10px;

  }

  .scroll-bar::-webkit-scrollbar-thumb:hover {

    background: #01143b; 

  }

::-webkit-scrollbar {

        width: 8px; /* width of the entire scrollbar */

    }

    ::-webkit-scrollbar-track {

        background: none; /* color of the tracking area */

    }

    ::-webkit-scrollbar-thumb {

        background-color: gray; /* color of the scroll thumb */

        border-radius: 20px; /* roundness of the scroll thumb */

        border: solid 1px #242424;

    }

/* transparent scrollbar */

div::-webkit-scrollbar {

  width: 12px;

  /* if scrollbar is horizontal replace width with height */

}

​

div::-webkit-scrollbar-thumb {

  border: 2px solid hsla(0, 0%, 50%, 0.1);

  border-radius: 20px;

  /* to remove transparency */

  /* background-color: hsla(0, 0%, 15%, 1.0); */

}