/* @import "aui_variables.scss"; */
@import "compass";

.aui { 
	/* ----- LIST AGENDA -----*/
	.lista-agenda{
		width:100% !important;
		h2{
	        height: 49px !important;
	        background: #eaebee;
	        border-top: 4px solid #2c66ce;
	        color: #004a99;
	        line-height: 20px!important;
	        padding: 5px 10px 10px;
	        font-size: 18px;
	        font-weight:normal;
	        font-family: opensans,sans-serif;
   		 }
   		 .btn-top{
   		 	padding-bottom:30px;
   		 	border-bottom:1px solid #e5e5e5;
   		 	margin-top:30px;
   		 }
   		 ul{
   		 	list-style-type:none;
   		 	margin:0;
			li{
				padding:25px 0;
				border-bottom:1px solid #e5e5e5;
				position:relative;
				padding-right:30px;
				&:last-child{
	   		 		border:0 !important;
	   		 	}
				a{
	   		 		font-weight:bold;
	   		 		color:#222;
	   		 		text-decoration:none;
	   		 		font-size:16px;
	   		 	}
	   		 	.btn-group{
	   		 		position:absolute;
	   		 		right:0;
	   		 		top:20px;
	   		 		a{
			   		 	background: #f2f2f2 !important;
					    border: 1px solid #59738c !important;
					    border-radius:5px !important;
					    color:#59738c !important;
					    font-size: 14px !important;
					    cursor:pointer;
					    padding:5px !important;
					    font-size: 14px;
					    width:20px !important;
					    i{
					    	border-top:4px solid #59738c !important;
					    }
	   		 		}
	   		 	}
			}
   		 }
   		 table{
   		 	border:0 !important;
   		 }
	}/*fim_lista-agenda*/
	
	/* ----- VIEW AGENDA -----*/
	.view-agenda {
		.contentView{
			.header{
				position:relative;
				margin-bottom:15px;
				button{
					position:absolute;
					right:0;
					top:80px;
				}
				h2{
					font-size:36px;
					font-family: opensans_bold,sans-serif;
					/*border-bottom:1px solid #e5e5e5;
					padding-bottom:15px;*/
					margin-bottom:20px;
					
				}
				h3{
					text-transform:uppercase !important;
					text-align:center;
				}
				img{
					margin:15px auto;
					display:block;
					width:100%;
					max-width:300px;
				}
				.info-agenda{
					max-width:200px;
					color:#777 !important;
				}
				p{
					width:100%;
					font-size:20px;
					font-weight:bold;
					margin:0;
					text-align:center;
					width:100%;
				}
			}/*fim_header*/
			ul{
				list-style-type:none;
				margin:0;
				padding:0;
				li{
					border-top:1px solid #e5e5e5;
					padding-top:30px;
					float:left;
					width:100%;
					display:block;
					margin:5px 0;
					button{
						min-width: 86px;
					}
				}
			}
			.periodo, .informacoes, .acoes{
				float:left;
			}
			.periodo{
				width: calc(15% - 20px);
				min-width:50px;
				padding-right:20px;
				span.icon{
					color:#004a99;
					font-size:16px;
				}
			}
			.informacoes{
				width: calc(65% - 20px);
				min-width:190px;
				border-left:1px solid #e5e5e5;
				padding-left:20px;
				h3{
					font-size:16px;
					margin:0 0 5px 0;
					line-height:normal;
				}
				p{
					margin:0;
				}
			}
			.acoes{
				width: calc(20% - 5px);
				text-align:right;
				.btn{
					margin-top:8px;
				}
			}
			.alert-info{
				margin-top: 20px;
			}
			/*Agenda Simples*/
			.compromissos-agenda-simples{
				border:1px solid #e5e5e5;
				border-radius:5px 5px 0 0;
				overflow:hidden;
				
				.header{
					h2{
						padding:2px 15px 15px 15px!important;
						width: calc(100% - 15px) !important;
						text-transform:uppercase !important;
						font-size:18px !important;
						line-height:18px !important;
					}
					p{
						text-align:left !important;
						width:100% !important;
						padding:0 15px !important;
						font-size:16px !important;
					}
				}
				ul{
					display:block;
					height:auto;
					max-height:350px;
					overflow-y:auto;
					overflow-x:hidden !important;
					li{
						width:100% !important;
						padding:15px 15px 0 15px !important;
					}
				}
				.informacoes{
					width: calc(65% - 50px) !important;
				}
			}/*fim_agendaSimples*/
			a.listar-geral{
					padding:20px 15px;
					display:block;
					width: calc(100% - 32px) !important;
					border:1px solid #e5e5e5;
					border-top:0;
					border-radius:0  0 5px 5px;
					text-align:right;
					color: #444A53;
					font-size:11px;
					text-transform:uppercase;
					margin-bottom:30px;
					&:hover{
						text-decoration:none !important;
					}
			}
		}/*fim_contentView*/
		
		.sideView{
			overflow:hidden;
			button{
				width:100%;
				margin-top:15px;
				float:left;
			}
			.datepicker{
				width: calc(100% - 10px) !important;
			}
		}/*fim_sideView*/
	}
	/*--- RESPONSIVIDADE ---*/
	@media screen and (max-width: 767px) {
		.lista-agenda{
			.btn-group{
				width:20px !important;
			}
		}
	
		.header button{
			top:70px !important;
			width:95px;
		}
		.sideView{
			padding-left:0 !important;
		}
		.periodo, .informacoes, .acoes{
			width:100% !important;
		}
		.periodo{
			margin-bottom:5px;
		}
		.acoes{
			 margin-top:10px;
			 button{
				float:left;
				width:50%;
			 }
			button:first-child{
				border-radius:4px 0 0 4px !important;
			}
			button:last-child{
				border-radius:0 4px 4px 0 !important;
			}
		}
	}
	/*--- PRE-LOG ---*/
	.signed-out{
		.lista-agenda{
			.btn-top, .btn-group{
				display:none;
			}
		}
		.view-agenda{
			.acoes{display:none !important;}
			.informacoes{
					width: calc(85% - 25px) !important;
			}
			.sideView button.printPage{
				display:none;
			}
		}
		.contentView .compromissos-agenda-simples .informacoes{
   			 width: calc(80% - 15px) !important;
		}
		
	}
	/*--- FORM-MODAL ---*/
	.form-modal{
		.row{
			margin-left:0 !important;
		}
		h2{
			font-size:18px;
			margin-bottom:15px;
			padding-bottom:15px;
			line-height:normal;
			border-bottom:1px solid #e5e5e5;
			span{
				font-size:14px;
				display:block;
				font-weight:normal;			
			}
		}
		textarea{
			width:calc(100% - 15px) !important;
			min-height:200px;
		}
	}
	.dropdown-menu a:hover, .dropdown-menu a.focus{
	   	background:#004A99 !important;
	}
	.portlet-borderless-container{
   		 	width:100% !important;
   	}
   	.agenda-configuration{
   		h2{
   			font-size: 18px;
		    margin-bottom: 15px;
		    padding-bottom: 15px;
		    line-height: normal;
		    border-bottom: 1px solid #e5e5e5;
		    span{
		    	    font-size: 14px;
				    display: block;
				    font-weight: normal;
		    }
   		}
   	}
   	/*GGTIN-THEME*/
   	.ggtin-theme{
   		position:relative;
		.has_compromisso{
			box-shadow: 0 0 6px #999 inset !important;
			border-radius:8px !important;
			&:after {
				  content: "";
				  height: 10px;
				  width: 10px;
				  display: block;
				  position: relative;
				  z-index: 5;
				  right: -29px;
				  margin-top: -12px;
				  background: #6eaa5f;
				  border-radius:100%;
			}
		}
		.active.day.has_compromisso{
			background: #3b6b32 !important;
		    color: #fff !important;
		    box-shadow: none;
		}
   		th.next:hover, th.prev:hover, .active.day, .month.active, .year.active{
   			background:#3b6b32 !important;
   			color:#fff !important;
   		}
   		.datepicker  {
   			margin-bottom:25px !important;
   			border-radius:5px 5px 0 0 !important;
   			thead tr:first-child{
   				background:#4f8642 !important;
   			}
   			td{
   				-webkit-border-radius: 50px !important;
   				-moz-border-radius: 50px !important;
   			    border-radius: 50px !important;
   			}
   			table tr td.day:hover{
	   			 box-shadow: 0 0 6px #999 inset !important;
   			}
   		}
   		span.icon-time.icon{
   			color:#3b6b32 !important;
   		}
   		.logo-anvisa{
   			display:none;
   			margin:15px auto;
   		}
   		i.has_compromisso{ 
			display: inline; width: 20px; 
		}
			
		i.has_compromisso:after{
			 position: inherit;
			 margin: 0; 
			 top: 8px;
			 display: inline-block; 
			 float: none;
			 margin-right: 4px; 
			 margin-left: 14px; 
		}
		th.next, th.prev{
			background: #3b6b32 !important;
		}
		.calendar-legend{
		    right: 0;
		    bottom: -270px;
		    position: absolute;
		    border: 1px solid #e5e5e5;
		    width: calc(100% - 32px);
		    text-align: right;
		    padding: 0 15px;
		    border-top: 0;
		    border-radius: 0 0 5px 5px;
		    color:#999 !important;
		    .has_compromisso {
			    box-shadow:none !important;
			}
		}
	}/*fim ggtinTheme*/
}/*fim_aui*/

.hora-compromisso .control-group-inline{
	float: left;
}

.hora-compromisso .separator-hour{
	margin: 0 5px;
}

.hora-compromisso .control-group-inline .help-inline{
	display: block !important;
}

.select-users-agenda .button-search-users{
	margin-top: -10px;
}

.lista-usuarios-agenda{
	margin-top: 15px;
}

.portlet-configuration .displaying-agenda-id.modified {
	color: #4DCF0C;
}
/*SCROLLER*/
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width: calc(100% - 20px);
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
	background:#d5d5d5 !important;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#f2f2f2 !important;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#f2f2f2; /* rgba fallback */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}