/* scrollbars */


.jcf-scrollable-wrapper {
		box-sizing: content-box;
		position: relative;
}

.jcf-scrollbar-vertical {
		position: absolute;
		cursor: default;
		width: 7px;
		bottom: 0;
		right: 0;
		top: 0;
}

.jcf-scrollbar-vertical:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		width: 1px;
		background: transparent;
		margin: 0 -0.5px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

.jcf-scrollbar-vertical:hover:before {
		background-color: #ebebeb;
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
		display: none;
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
		top: auto;
		bottom: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
		cursor: pointer;
		background: #dfdfdf;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		height: 1px;
		width: 7px;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle:hover {
		background-color: #1565c0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle:before,
.jcf-scrollbar-vertical .jcf-scrollbar-handle:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		background: url(../img/vscroll.png) no-repeat;
		background-size: 100% auto;
		width: 3px;
		height: 5px;
		margin: -2.5px -1.5px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle:after {
		opacity: 0;
		background-position: 0 -7px;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle:hover:before {
		opacity: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle:hover:after {
		opacity: 1;
}

.search-cat .jcf-scrollbar-vertical {
		background: #f9f9f9;
		box-shadow: inset 0 0 0 1px #e6e6e6;
		-webkit-box-shadow: inset 0 0 0 1px #e6e6e6;
		border-radius: 2px;
		-webkit-border-radius: 2px;
}

.search-cat .jcf-scrollbar-vertical:before {
		display: none;
}

.search-cat .jcf-scrollbar-vertical .jcf-scrollbar-handle {
		border-radius: 2px;
		-webkit-border-radius: 2px;
		background: #505050;
}

.search-cat .jcf-scrollbar-vertical .jcf-scrollbar-handle:before,
.search-cat .jcf-scrollbar-vertical .jcf-scrollbar-handle:after {
		display: none;
}

.jcf-scrollbar-horizontal {
		position: absolute;
		background: #e3e3e3;
		right: auto;
		top: auto;
		left: 0;
		bottom: 0;
		width: 1px;
		height: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		background: #bbb;
		height: 14px;
		width: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
		left: auto;
		right: 0;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
		display: inline-block;
		position: relative;
		height: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
		position: absolute;
		background: #888;
		height: 14px;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
		visibility: hidden;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
		background: #e3e3e3;
}