/* scrollbars 
style="overflow: auto; width: 100%; height: 333px; float: left; padding: 2%;"
*/
.info-scrollable {
    overflow: auto; width: 100%; height: 333px; float: left; padding: 2%;
}
.jcf-scrollable-wrapper {
	box-sizing: content-box;
    position: relative;
    width: 100%;
    height: 333px !important;
}
.jcf-scrollbar-vertical {
	position: absolute;
	cursor: default;
	background: transparent;
	width: 10px;
	bottom: 0;
	right: 0;
	top: -30px;
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
	background: #fff;
	height: 10px;
	width: 10px;
	left: 0;
    top: 0;
   /* display: none;*/
   color: gray;
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
	top: auto;
	bottom: 0;
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec {
    margin-bottom: 15px;
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec::before {
    content:"\f106";
    display:inline-block;
    font:normal normal normal 10px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale; 
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc::before {
    content:"\f107";
    display:inline-block;
    font:normal normal normal 10px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;    
    position: absolute;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
	/*background: #888;
    height: 1px;*/
    background: rgba(0,0,0,.3) url(scroll-decor.png) no-repeat 50% 50%;
    height: 1px;
    width: 10px;
    border-radius: 7px;

}

.jcf-scrollbar-slider {
    /*background-color: #80808033;*/
    border-radius: 5px;
}

.jcf-scrollbar-slider .jcf-scrollbar-handle {
    height: 70px !important;
}


.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: 10px;
	width: 10px;
}
.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;
}