#examples{
/*background-color: #191919;
background-color: rgba(0,0,0,0.3);*/
padding: 5px;
margin: 10px 0;
overflow: hidden;
}

.dna_scrollbar_content{
	overflow: auto;
	width: 300px;
	height: 400px;
	padding: 20px;
	margin: 10px;
	max-width: 97%; /* for responsive */
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	position: relative;
	/*background: #333;*/
	float: left;
}

/* hand_touch show only on mobile device*/


/* theme: "ais-theme" */
.mCS-ais-theme.mCSB_scrollTools{  width: 30px; }
.mCS-ais-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: #4d4d4d ;width: 8px; } 

.mCS-ais-theme.mCSB_scrollTools .mCSB_dragger { height: 38px; }
.mCS-ais-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{  background: url('../images/donutscr.png');background-position: center 0px;height: 38px;width: 8px;}

.mCS-ais-theme.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: transparent /*#614e48 */; }

.mCS-ais-theme.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-ais-theme.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: transparent /*#614e48 */ ; }

.mCS-ais-theme .mCSB_scrollTools a+.mCSB_draggerContainer{ margin: 0; }
.mCS-ais-theme .mCSB_buttonUp{ background-image: url('ais_buttonsUp.png'); width: 15px;height: 9px;background-position: center -24px;margin-top: 5px;opacity: 1;z-index: 2  }
.mCS-ais-theme .mCSB_buttonDown{ background-image: url('ais_buttonsDown.png'); width: 15px;height: 9px;background-position: center 0px;margin-bottom: 5px;margin-top: 10px;opacity: 1;  }




/* ScrollTools Horizontal */
.mCS-ais-11.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: #eaeaea ;width: 60px; }
.mCS-ais-11.mCSB_scrollTools_horizontal .mCSB_dragger { width: 60px; }
.mCS-ais-11.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-color: #4CA62B ;width: 60px; }
.mCS-ais-11.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-ais-11.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  width: 100%;
  height: 10px;
  margin: 5px 0;
}
.mCS-ais-11.mCSB_scrollTools_horizontal .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #4CA62B ;width: 60px; }
.mCS-ais-11.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-ais-11.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
  height: 10px;
  margin: 2px 0;
  width: 60px;
}
.mCS-ais-11.mCSB_scrollTools_horizontal .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-ais-11.mCSB_scrollTools_horizontal .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #4CA62B ;width: 60px; }
/*	.mCS-ais-11 .mCSB_buttonLeft{display: nones;}
.mCS-ais-11 .mCSB_buttonRight{display: none;}*/
	
/* -- end of customize -------------------------------------- */