/* here you can put your own css to customize and override the theme */
.mlabfc div.timeline-body:after {border-width: 4px !important; top: 11px!important;}
.mlabfc div.timeline-body > h4 , .mlabfc div.timeline-body > a > h4, .mlabfc div.timeline-body > a:hover > h4, .mlabfc div.timeline-body > a:visited > h4{margin-top: 0px; margin-bottom: 0px; color:white; text-decoration:none;}
.mlabfc .timeline > li .timeline-icon {width: 20px;height: 20px;line-height: 20px;top: 0;margin: 5px 0 0 -15px;padding-bottom: 3px;padding-right: 1px;padding-left: 1px;background: transparent; padding-top: inherit;}
.timeline > li .timeline-icon {box-shadow: none!important;}
.timeline:before {background: #fff!important;}
.dashboard-stat .visual>i  {margin-left: inherit!important;}
.dashboard-stat.purple .visual>i , .dashboard-stat.yellow .visual>i {color: #fff;opacity: 1;filter: alpha(opacity=100);}
.mlabfc [class^="fa-"], .mlabfc [class*=" fa-"] {margin-left: -3px;}
.mlabfc .timeline > li .timeline-body {margin: 0 0 10px 25%;color: #fff;padding: 5px;/* font-weight: 300; */position: relative;border-radius: 5px;}
.mlabfc .timeline > li .timeline-time span.date {font-size: 10px;}
.mlabfc .timeline > li .timeline-time span.time {font-size: 18px;line-height: 18px;}
.mlabfc .timeline > li .timeline-time {margin-top: -2px;}
div.col2.mlabfc { width:110px; margin-left:-110px}
.mlabfc div.timeline-icon > i.fa-sign-in{color:#3cc051;}
.mlabfc div.timeline-icon > i.fa-sign-out{color:#ed4e2a;}
.label.label-sm {padding: 2px 1px 2px 2px;margin: 0px 4px;}
.header .navbar-nav li.dropdown .dropdown-toggle i {color: #FFF !important;}
.blue { color:#0d638f}	
.fc-event-time, .fc-event-title {padding: 0 1px!important;font-size: 10px!important;}	
 .table#raport_ajax>thead>tr>th,  .table#raport_ajax>tbody>tr>th,  .table#raport_ajax>tfoot>tr>th, .table#raport_ajax>thead>tr>td,  .table#raport_ajax>tbody>tr>td,  .table#raport_ajax>tfoot>tr>td {padding: 2px!important; }
.fright { float: right;}
.absence_user_icon {padding: 2px 5px!important;-webkit-border-radius: 50% !important;  -moz-border-radius: 50% !important;  border-radius: 50% !important;
  border: 1px #cedae1 solid;}
.inactive {color:#F00;}
@media (max-width: 767px) { 
.mlabfc .timeline > li .timeline-icon {
	position: relative !important;
	float: left !important;
	left: 10px !important;
	margin: 5px 0px 0px 55px!important;
	}
.mlabfc .timeline > li .timeline-body:after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
    right:inherit;
	left: -8px;
	top:inherit; 
}
.mlabfc .timeline > li .timeline-time {
	width: 50%;
	position: absolute;
	padding: 0 0 20px 0;
}
.mlabfc .timeline > li .timeline-body {margin: 0 0 10px 35%;}
.mlabfc tr > th{max-width:10px;}


}
.modal-body { overflow:inherit!important}