.scrollbar {
height: 100%;
position: relative;
}
.scrollbar__container {
height: 100%;
width: 100%;
overflow: hidden;
}
.sidebar-collapse .scrollbar__container {
	overflow: visible;
}
.scrollbar__track {
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 888;
}
.scrollbar__handle {
min-height: 10px;
position: absolute;
top: 0;
width: 6px;
}

/* scrollbar width */
.scrollbar__handle, .scrollbar__track {
	border-radius: 6px;
}
.scrollbar__track {
	width: 10px;
	border: 2px solid transparent;
}
.sidebar-collapse .scrollbar__track {
		display: none;
}
@media (max-width: 767px) {
	.scrollbar__track {
		display: none;
	}
}
/* scrollbar style */
body.wpbar .scrollbar__handle, body.wpbar .side-nav-div .scrollbar.equals:hover .scrollbar__handle {
	background-color: #fff;
}
.scrollbar__handle, .side-nav-div .scrollbar.equals:hover .scrollbar__handle {
	background-color: #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


/* MOBILE */
.scrollbar_mode_mobile .scrollbar__container {
/*overflow-y: auto;*/
-webkit-overflow-scrolling: touch;
}

.scrollbar:hover .scrollbar__handle {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.scrollbar.scrollbar_state_move .scrollbar__handle {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}