﻿

.calendar-container                             { padding-top: 40px; }

.calendar-container table                       { border-collapse: separate; border-spacing: 0; width: 100%; }
.calendar-container table td:first-child        { width: 296px; }
.calendar-container table td                    { padding: 0; text-align: left; vertical-align: top; }
.calendar-container table td h1                 { background-color: #999; border-left: 1px solid #fff; color: #fff; font-size: 18px; font-weight: 600; height: 37px; margin: 0; padding: 13px 0 0 15px;  }
.calendar-container table td h1 i               { color: #fff; font-size: 24px; margin-right: 10px; }

.calendar-container .checklist                  { background-color: #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 15px 0 15px 20px; margin-left: -1px; }

.calendar-container .calendar-filter            { border: 1px solid #999; padding: 8px; font-size: 14px; width: 100%; border-radius: 0 0; }
.calendar-container .calendar-radiobutton       { display: inline-block; box-sizing: border-box; border: 1px solid #999; background-color: #fff; padding: 2px 12px; font-size: 14px; width: 100%; border-radius: 0 0; }

.appointment-container h1                       { font-weight: 600; margin: 0 0 3px 0; padding: 0; }
.appointment-container a                        { text-decoration: none; }
.appointment-container a:hover                  { text-decoration: underline; }
.appointment-container                          { font-size: 13px; }
.appointment-container .appointment-time        { display: inline-block; margin: 3px 15px 3px 0; }
.appointment-container .appointment-time i      { font-size: 20px; margin: 0 4px 0 0; }
.appointment-container .appointment-time span   { font-size: 14px; font-weight: 600; }

.appointment-container .appointment-location    { margin: 3px 15px 3px 0; }
.appointment-container .appointment-location i  { font-size: 20px; margin: 0 4px 0 0; }

.appointment-container .appointment-type        { margin: 3px 15px 3px 0; }
.appointment-container .appointment-type i      { font-size: 20px; margin: 0 4px 0 0; }

.appointment-container .appointment-user        { margin: 3px 15px 3px 0; }
.appointment-container .appointment-user i      { font-size: 20px; margin: 0 4px 0 0; }

.appointment-container .appointment-notified    { display: inline-block; margin: 3px 15px 3px 0; }
.appointment-container .appointment-notified i  { font-size: 20px; margin: 0 4px 0 0; }

.appointment-container .appointment-resource    { margin: 3px 15px 3px 0; }
.appointment-container .appointment-resource i  { font-size: 20px; margin: 0 4px 0 0; }








/***************
 DAILY CALENDAR
****************/

.fab_cal_main  
{
    border-top:  1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    height: 100%;
	margin: 0;
    position: relative;
}

.fab_cal_colheader
{
    height: 30px;
}

.fab_cal_cornerright_inner,
.fab_cal_corner_inner,
.fab_cal_colheader_inner,
.fab_cal_alldayheader_inner 
{
	color: #666;
	background: #eeeeee;
	background: -moz-linear-gradient(top,#f3f3f3 0%,#e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3),to(#e9e9e9));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9");
}

.fab_cal_rowheader_inner 
{
	color: #666666;
	background: #eeeeee;
	background: -moz-linear-gradient(left,#f3f3f3 0%,#e9e9e9);
	background: -webkit-gradient(linear, left top, right top, from(#f3f3f3),to(#e9e9e9));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9", GradientType=1);
}

.fab_cal_cornerright_inner 
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #aaa;
}

.fab_cal_rowheader_inner 
{
	font-size: 16pt;
	text-align: right; 
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	
}

.zfab_cal_corner_inner 
{ 
    background-color: green;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.fab_cal_rowheader_minutes 
{
	font-size:10px; 
	vertical-align: super; 
	padding-left: 2px;
	padding-right: 2px;
}

.fab_cal_colheader_inner 
{
	text-align: center; 
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.fab_cal_cell_business
.fab_cal_cell_inner
{
	background-color: #fff;
}

.fab_cal_cell_inner
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f3f3f3;
}

.fab_cal_alldayheader_inner 
{
	text-align: center; 
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.fab_cal_message
{
	opacity: 0.7;
	filter: alpha(opacity=70);
	padding: 10px; 
	color: #eeeeee;
	background: #333;
}

.fab_cal_alldayevent,
.fab_cal_event
{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.fab_cal_alldayevent_inner,
.fab_cal_event_inner  
{
	color: #000;
	background: #47afff;
	border: 1px solid #1066a8;
}

.fab_cal_selected .fab_cal_event_inner 
{
	background: #ddd;
}

.fab_cal_alldayevent_inner  
{
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 5px;
	right: 5px;
	padding: 2px;
	margin-right: 1px;
	font-size: 12px;
	border-left: 5px solid #1066a8;
}

.fab_cal_event_withheader .fab_cal_event_inner  
{
	padding-top: 15px;
}

.fab_cal_event 
{
	cursor: default;
}

.fab_cal_event_inner  
{
	position: absolute;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2px;
	padding-left: 10px;  /* space for duration bar */
	font-size: 12px;
}

.fab_cal_shadow_inner 
{
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
}

.fab_cal_event_bar
{
	top: 3px;
	bottom: 4px;
    left: 4px;
	width: 4px;
	background-color: #9dc8e8;
}

.fab_cal_event_bar_inner  
{
	position: absolute;
	width: 4px;
	background-color: #1066a8;
}

.fab_cal_alldayevent_continueright:after {
    content:"";
    border-color: transparent transparent transparent #1066a8;
    border-style:solid;
    border-width:5px;
    width:0;
    height:0;
    position:absolute;
    bottom:8px;
    right:-3px;
}

.fab_cal_alldayevent_continueleft:after {
    content:"";
    border-color: transparent #1066a8 transparent transparent ;
    border-style:solid;
    border-width:5px;
    width:0;
    height:0;
    position:absolute;
    bottom:8px;
    left:-5px;
}

.fab_cal_alldayevent_continueright .fab_cal_alldayevent_inner  {
    border-right: 1px solid #1066a8;
}

.fab_cal_alldayevent_continueleft .fab_cal_alldayevent_inner 
{
	padding-left: 6px;
    border-left: 1px solid #1066a8;
}

.fab_cal_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

.fab_cal_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}

.fab_cal_scroll_up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAB3RJTUUH2wESDiYcrhwCiQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAACcSURBVHjaY2AgF9wWsTW6yGMlhi7OhC7AyMDQzMnBXIpFHAFuCtuaMTP+P8nA8P/b1x//FfW/HHuF1UQmxv+NUP1c3OxMVVhNvCVi683E8H8LXOY/w9+fTH81tF8fv4NiIpBRj+YoZtZ/LDUoJmKYhsVUpv0MDiyMDP96sIYV0FS2/8z9ICaLlOhvS4b/jC//MzC8xBG0vJeF7GQBlK0xdiUzCtsAAAAASUVORK5CYII=);
}

.fab_cal_scroll_down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAACqSURBVChTY7wpam3L9J+xmQEP+PGPKZZxP4MDi4zI78uMDIwa2NT+Z2DYovrmiC+TI8OBP/8ZmEqwGvif4e8vxr+FIDkmEKH25vBWBgbG0+iK/zEwLtF+ffwOXCGI8Y+BoRFFIdC030x/WmBiYBNhpgLdswNJ8RSYaSgmgk39z1gPUfj/29ef/9rwhQTDHRHbrbdEbLvRFcGthkkAra/9/uMvhkK8piNLAgCRpTnNn4AEmAAAAABJRU5ErkJggg==);
}

.fab_cal_now { background-color: red; }
.fab_cal_now:before { content: ''; top: -5px; border-width: 5px; border-color: transparent transparent transparent red; border-style: solid; width: 0; height:0px; position: absolute; -moz-transform: scale(.9999); }



/*****************
 MONTHLY CALENDAR 
******************/



.fab_month_main 
{
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    box-sizing: border-box;
	margin: 0;
    min-width: 740px;
}

.fab_month_cell 
{
	background-color: white;
}

.fab_month_cell_inner 
{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;	
}

.fab_month_cell_header 
{
    font-size: 12px;
	text-align: right;
	padding-right: 2px;
}

.fab_month_header           { height: 40px; }
.fab_month_header_inner
{ 
    box-sizing: border-box;
    padding: 6px 4px 0 0;
    font-size: 11px;
    height: 40px;
    text-transform: uppercase;

	text-align: right; 
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	cursor: default;
	
	color: #666;
	background: #eee;
	background: -moz-linear-gradient(
		top,
		#eee 0%,
		#ddd);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#eee),
		to(#ddd));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#eeeeee", endColorStr="#dddddd");
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0 rgba(255,255,255,0.3);
}

.fab_month_message 
{
	padding: 10px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	color: #ffffff;
	background: #ffa216;
	background: -moz-linear-gradient(
		top,
		#ffa216 0%,
		#ff8400);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffa216),
		to(#ff8400));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffa216", endColorStr="#ff8400");
}


.fab_month_event_inner 
{
	position: absolute;
	top: 0;
	bottom: 2px;
	left: 2px;
	right: 2px;
	overflow:hidden;
	
	padding: 2px;
	padding-left: 5px;
	
	font-size: 11px;
	color: #666;
	background: #fff;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#eee);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#eee));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0 0 2px rgba(255,255,255,0.8);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0 0 2px rgba(255,255,255,0.8);
}

.fab_month_event_continueright .fab_month_event_inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-right-style: dotted;
}

.fab_month_event_continueleft .fab_month_event_inner 
{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;	
	border-left-style: dotted;
}

.fab_month_event_hover .fab_month_event_inner 
{
	background: #fff;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e8e8e8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#e8e8e8));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#e8e8e8");
}


.fab_month_selected .fab_month_event_inner 
{
	background: #ddd;
}

.fab_month_shadow_inner 
{
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.fab_month_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

.fab_month_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}

.fab_month_event_timeleft { color: #ccc; font-size: 12px; }
.fab_month_event_timeright { color: #ccc; font-size: 12px; text-align: right; }



/**********
 SCHEDULER 
***********/

.fab_scheduler_main 
{
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #bbb;
    box-sizing: border-box;
	margin: 0;
    min-width: 740px;
}

.fab_scheduler_event { font-size: 12px; color: #666; }
.fab_scheduler_event_inner  
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 4px;

    padding: 4px;
    overflow:hidden;

    border: 1px solid #bbb;
    border-radius: 5px;

    -webkit-box-shadow: 0 2px 3px rgba(000,000,000,0.3),inset 0 0 2px rgba(255,255,255,0.8);
    box-shadow:0px 2px 3px rgba(000,000,000,0.3), inset 0 0 2px rgba(255,255,255,0.8);

    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: linear-gradient(top, #ffffff 0%, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#eeeeee");  
}

.fab_scheduler_event_hover          .fab_scheduler_event_inner      { }
.fab_scheduler_event_continueright  .fab_scheduler_event_inner      { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: dotted; }
.fab_scheduler_event_continueleft   .fab_scheduler_event_inner      { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: dotted; }
.fab_scheduler_event                .fab_scheduler_action:hover     { opacity: 1; filter: none; }
.fab_scheduler_selected             .fab_scheduler_event_inner      { background: #ddd; }
.fab_scheduler_red                  .fab_scheduler_event_inner 
{
    border: 1px solid #c00004;
    background: #ab0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2819), to(#ab0000));
    background: -moz-linear-gradient(top, #ff2819 0%, #ab0000);
    background: -ms-linear-gradient(top, #ff2819 0%, #ab0000);
    background: -webkit-linear-gradient(top, #ff2819 0%, #ab0000);
    background: linear-gradient(top, #ff2819 0%, #ab0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ff2819", endColorStr="#ab0000");
}

.fab_scheduler_timeheader   { cursor: default; color: #666; box-sizing: border-box; }
.fab_scheduler_message
{
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 10px; 
    color: #ffffff;
    background: #ffa216;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa216), to(#ff8400));
    background: -moz-linear-gradient(top, #ffa216 0%, #ff8400);
    background: -ms-linear-gradient(top, #ffa216 0%, #ff8400);
    background: -webkit-linear-gradient(top, #ffa216 0%, #ff8400);
    background: linear-gradient(top, #ffa216 0%, #ff8400);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffa216", endColorStr="#ff8400");
}

.fab_scheduler_timeheadergroup,
.fab_scheduler_timeheadercol
{
    box-sizing: border-box;
    padding: 5px 0 0 0;
    font-size: 12px;
    text-transform: uppercase;

	text-align: center;
    color: #666;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd);
	background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd);
	background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd);
	background: linear-gradient(top, #eeeeee 0%, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#dddddd");
/*	text-shadow: 0 -1px 1px rgba(000,000,000,0.2), 0 1px 0 rgba(255,255,255,0.3); */
}

.fab_scheduler_rowheader,
.fab_scheduler_corner
{
    box-sizing: border-box;

    color: #666;
    background: #eee;
    background: -webkit-gradient(linear, left top, right top, from(#eeeeee), to(#dddddd));
    background: -moz-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: -ms-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: -webkit-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: linear-gradient(left, #eeeeee 0%, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#dddddd", GradientType=1);
    zoom: 1;
/*	text-shadow: 0 -1px 1px rgba(000,000,000,0.2), 0 1px 0 rgba(255,255,255,0.3);*/
}

.fab_scheduler_rowheader_inner 
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #eee;
    padding: 8px 2px 0 4px;
    box-sizing: border-box;
    font-size: 12px;
}

.fab_scheduler_timeheadergroup_inner
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.fab_scheduler_timeheadercol_inner
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #bbb;

    box-sizing: border-box;
    padding: 6px 0 0 0;
}

.fab_scheduler_cell                                 { background: #fff; }
.fab_scheduler_cellcolumn                           { background: #fff; }

.fab_scheduler_tree_image_no_children               { margin-top: 7px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLzEyzsCJAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAADBJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOL31MeLxHwCeXUT0WkFMKAAAAABJRU5ErkJggg==); }
.fab_scheduler_tree_image_expand                    { margin-top: 7px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLyUoFBT0AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAFJJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeRhgJGREc4GijMBtTNgA0BxFog+uA4IA2gmUJwFog/IgUhAGBB9KPYhA3T74Jog+hjx+A8A1KRQ+AN5vcwAAAAASUVORK5CYII=); }
.fab_scheduler_tree_image_collapse                  { margin-top: 7px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLxB+p9DXAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAENJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOAtEHyMjI7IE0EygOAtEH5CDqY9c+xjx+A8ANndK9WaZlP4AAAAASUVORK5CYII=); }

.fab_scheduler_divider, .fab_scheduler_splitter     { background-color: #bbb; }
.fab_scheduler_divider_horizontal                   { background-color: #bbb; }
.fab_scheduler_matrix_vertical_line                 { background-color: #eee; }
.fab_scheduler_matrix_vertical_break                { background-color: #000; }
.fab_scheduler_matrix_horizontal_line               { background-color: #eee; }
.fab_scheduler_resourcedivider                      { background-color: #bbb; }

.fab_scheduler_shadow_inner                         { background-color: #666666; opacity: 0.5; filter: alpha(opacity=50); height: 100%; border-radius: 5px;}
.fab_scheduler_event_bar                            { top: 3px; left: 4px; right: 4px; height: 2px;}
.fab_scheduler_event_bar_inner                      { position: absolute; height: 2px; background-color: #999; }

.fab_scheduler_columnheader { }
.fab_scheduler_columnheader_inner { font-weight: bold; }
.fab_scheduler_columnheader_cell {
    background: -webkit-gradient(linear, left top, right top, from(#eeeeee), to(#dddddd));
    background: -moz-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: -ms-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: -webkit-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: linear-gradient(left, #eeeeee 0%, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#dddddd", GradientType=1);
}

.fab_scheduler_columnheader_splitter        { background-color: #666; opacity: 0.5;filter: alpha(opacity=50); }
.fab_scheduler_columnheader_cell_inner      { padding: 2px; }
.fab_scheduler_timeheader_float_inner       { box-sizing: border-box; padding: 6px 0 0 0; }
.fab_scheduler_event_float_inner            { padding: 5px 4px 4px 8px; }
.fab_scheduler_event_float_inner:after {
    content:"";
    border-color: transparent #bbb transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
    top: 7px;
    left: -4px;
}

.fab_scheduler_event_move_left {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -o-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: linear-gradient(top, #ffffff 0%, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
}
.fab_scheduler_event_move_right {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: -o-linear-gradient(top, #ffffff 0%, #eeeeee);
    background: linear-gradient(top, #ffffff 0%, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
}

.fab_scheduler_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}
.fab_scheduler_event_delete:hover { opacity: 1; -ms-filter: none; }

.fab_scheduler_rowmove_handle { background-repeat: no-repeat; background-position: center center; background-color: #ccc; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC); cursor: move; }
.fab_scheduler_rowmove_source { background-color: black; opacity: 0.2; }
.fab_scheduler_rowmove_position_before, .fab_scheduler_rowmove_position_after { background-color: #999; height: 2px; }
.fab_scheduler_rowmove_position_child { margin-left: 10px; background-color: #999; height: 2px; }
.fab_scheduler_rowmove_position_child:before { content: '+'; color: #999; position: absolute; top: -8px; left: -10px; }
.fab_scheduler_rowmove_position_forbidden { background-color: red; height: 2px; margin-left: 10px; }
.fab_scheduler_rowmove_position_forbidden:before { content: 'x'; color: red; position: absolute; top: -8px; left: -10px; }

.fab_scheduler_link_horizontal { border-bottom-style: solid; border-bottom-color: red }
.fab_scheduler_link_vertical { border-right-style: solid; border-right-color: red }
.fab_scheduler_link_arrow_right:before { content: ''; border-width: 6px; border-color: transparent transparent transparent red; border-style: solid; width: 0; height:0px; position: absolute; }
.fab_scheduler_link_arrow_left:before { content: ''; border-width: 6px; border-color: transparent red transparent transparent; border-style: solid; width: 0; height:0px; position: absolute; }
.fab_scheduler_link_arrow_down:before { content: ''; border-width: 6px; border-color: red transparent transparent transparent; border-style: solid; width: 0; height:0px; position: absolute; }

.fab_scheduler_shadow_overlap .fab_scheduler_shadow_inner { background-color: red; }
.fab_scheduler_overlay { background-color: gray; opacity: 0.5; filter: alpha(opacity=50); }

.fab_scheduler_event_group { box-sizing: border-box; font-size:12px; color:#666; padding:2px 2px 2px 2px; overflow:hidden; border:1px solid #ccc; background-color: #fff; }

.fab_scheduler_header_icon { box-sizing: border-box; border: 1px solid #aaa; background-color: #f5f5f5; color: #000; }
.fab_scheduler_header_icon:hover { background-color: #ccc; }
.fab_scheduler_header_icon_hide:before { content: '\00AB'; }
.fab_scheduler_header_icon_show:before { content: '\00BB'; }

.fab_scheduler_rowheader.fab_scheduler_rowheader_selected { background-color: #aaa; background-image: -webkit-gradient(linear, 0 100%, 100% 0,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),	color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);-webkit-background-size: 20px 20px;-moz-background-size: 20px 20px;background-size: 20px 20px; }
.fab_scheduler_row_new .fab_scheduler_rowheader_inner { cursor: text; background-position: 0 5px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=); }
.fab_scheduler_row_new .fab_scheduler_rowheader_inner:hover { background: white; }

.fab_scheduler_rowheader textarea { padding: 3px; }
.fab_scheduler_rowheader_scroll { cursor: default; }

.fab_scheduler_shadow_forbidden .fab_scheduler_shadow_inner { background-color: red; }

.fab_scheduler_event_moving_source { opacity: 0.5; filter: alpha(opacity=50); }

.fab_scheduler_linkpoint { background-color: white; border: 1px solid gray; border-radius: 5px; }
.fab_scheduler_linkpoint.fab_scheduler_linkpoint_hover { background-color: black; }


