.fakeScroll { 
	position: relative; 
	height: 70vh;
	width: 100%; 
	overflow: auto;
}
.fakeScroll__scope { 
	overflow:visible !important; 
}
.fakeScroll__wrap {
    overflow: hidden;
    height: 98%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-device-width: 700px) {
.fakeScroll__wrap {
    height: 100%;
}
}

.fakeScroll__content {
    height: 100%;
    width: 100%;
    padding: 0 18px 0 0;
    position: relative;
    right: -18px;
    overflow: auto;
    box-sizing: border-box;
}
.fakeScroll__track {
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    cursor: default;
}
.fakeScroll__bar {
    position: relative;
    background: rgba(51, 122, 183, .0);
    width: 100%;
    border-radius: 4px;
    right: 0;
    top: 0;
    z-index: 0;
    transition: background 0.1s;
    cursor: pointer;
}
.fakeScroll__bar:hover {
    background: rgba(51, 122, 183, .0);
}
.fakeScroll__bar.fakeScroll--grabbed {
    background: rgba(51, 122, 183, .0);
}
body.fakeScroll--grabbed {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}	
.fakeScroll__wrap::before{ 
	content:''; 
	position:absolute; 
	z-index:1; 
	top:0; 
	left:0; 
	right:0; 
	height:3%;
	background: linear-gradient(#f8f9fa 0%, rgba(255,255,255,0) 100%);
}
.fakeScroll__wrap::after{ 
	content:''; 
	position:absolute; 
	z-index:1; 
	bottom:0; 
	left:0; 
	right:0; 
	height:5%;
	background: linear-gradient(rgba(255,255,255,0) 0%, #f8f9fa 100%);
}
.scroll-inside .fakeScroll__content {
    padding: 0 33px 0 0;
}
.scroll-inside .fakeScroll__track {
	background: #BFE2FF;
	right: 0;
	top: 10%;
	bottom: 10%;
	z-index: 1;
	padding: 10px 3px;
	border-radius: 20px 0 0 20px;
	transition: .1s;
	width: 14px;
}
.scroll-inside .fakeScroll__bar{ 
	background: #337AB7; 
	border-radius: 20px 0 0 20px; 
}