 /* Прокрутка содержимого */ 
.bl-scroll { width: 280px; max-height: 200px; /*Высота блока после которой начнется прокрутка*/ 
display: inline-block; overflow-x: hidden; border-color: #008a77; /*непосредственно прокрутка*/ 
margin: 0 -3px; padding-top: 1px;} 
.box-scrollnews{}::-webkit-scrollbar{
 width: 5px;height: 5px;
 }::-webkit-scrollbar-track-piece{
 background-color: #DCDCDC;
 }::-webkit-scrollbar-thumb:vertical{
 height: 5px;background-color: #202020;
 }::-webkit-scrollbar-thumb:horizontal{
 width: 5px;background-color: #202020;
 } 

 .bd-example>.list-group
{
 max-width:400px
}
.bd-example>[class*=list-group-horizontal]
{
 max-width:100%}.bd-example .fixed-top,.bd-example .sticky-top
{
 position:static;
 margin:-1rem -1rem 1rem
} 
.bd-navbar .navbar-nav-scroll
{
 max-width:100%;
 height:2.5rem;
 margin-top:.25rem;
 overflow:hidden
}
.bd-navbar .navbar-nav-scroll .navbar-nav
{
 padding-bottom:2rem;
 overflow-x:auto;
 white-space:nowrap;
-webkit-overflow-scrolling:touch
}
.scrollspy-example
{
 position:relative;
 height:1000px;
 margin-top:.5rem;
 overflow:auto
}
.scrollspy-example-2
{
 position:relative;
 max-height:auto;
 overflow:auto
} 
.highlight
{
 padding:1rem;
 margin-top:1rem;
 margin-bottom:1rem;
 background-color:#f8f9fa;
-ms-overflow-style:-ms-autohiding-scrollbar
}
 
