﻿.workReportsCalendar{display:block; width:100%; border-bottom:1px solid #B78624;}
.workReportsCalendar>.timeLine, .workReportsCalendar>.day{display:block; float:left; height:100%;}
.workReportsCalendar>.timeLine {width: 10%; display:block; float:left; height:100%; }
.workReportsCalendar>.day{width:12.85%; max-width:12.85%; min-width:12.85%; border-left:1px solid #aaa; }
.workReportsCalendar>.day.today{background-color:#FFF9ED; }
.workReportsCalendar>.timeLine{}
.workReportsCalendar>.day.offDay{background-color:#eeeeee; }
.workReportsCalendar>.day.holiday{background-color:#ffeeee; }
.workReportsCalendar .timeSpacer, .workReportsCalendar .timeLabel {display:block; margin:0em 0.125em; line-height:1em; text-align:center; vertical-align:top; }
.workReportsCalendar .dateLabel{display:block; margin:0em 0.125em; text-align:center; }
.workReportsCalendar .dateLabel{height:2.5em;}
.workReportsCalendar>.day.offDay .dateLabel, .workReportsCalendar>.day.holiday .dateLabel{color:#666;}
.workReportsCalendar .report, .workReportsCalendar .addReport{display:block; width:90%; margin:0 auto; }
.workReportsCalendar .report{border:1px solid #B78624; background-color:#FFEDC9; overflow:hidden; }
.workReportsCalendar .report.hasPredecessor{ border-top:none; }
.workReportsCalendar .report:hover{background-color:#F7D89E;}
.workReportsCalendar .report{transition: background-color 0.2s}
.workReportsCalendar .addReport{ }
.workReportsCalendar a.addReport:hover{border:1px dashed #999; }
.workReportsCalendarNavigation{width:100%; padding:0.5em; text-align:center;}
.workReportsCalendarNavigation .button{ display:inline-block; padding:0em 0.4em; color:#333333;text-decoration:none;border:1px solid #dddddd;background-color:#eeeeee;border-radius:0.125em;}
.workReportsCalendarNavigation .button:hover{color:#666; background-color:#fff; border-color:#ccc;}
.workReportsCalendarNavigation .weekInfo {display:inline-block; margin:0em 2em; border:none;}

.progressBarContainer{display:block;border:1px solid #999; background-color:#fafafa;padding:1px 1px 0px 1px; }
.progressBar{display:block;position:relative;height:1.5em; border-width:1px;border-style:solid;clear:right; margin-bottom:1px;}
.progressBarLegend{ display:inline-block; height:1em; width:1em; border-width:1px; border-style:solid; vertical-align:baseline; margin-right:0.25em;}
.progressBar.plus, .progressBarLegend.plus{border-color:#23B223;background-color: rgba(230, 247, 230, 0.9);}		/* copy from main css bigRoundLink.green*/
.progressBar.minus, .progressBarLegend.minus{border-color:#AF2323;background-color: rgba(247, 230, 230, 0.9);}		/* copy from main css bigRoundLink.red*/
.progressBar.target, .progressBarLegend.target{border-color:#AC4FEF;background-color: rgba(242, 226, 255, 0.9);}	/* copy from main css bigRoundLink.red*/

.policyError, .policyWarning{border-width:1px;border-style:solid;width:1.55em;text-align:center;display:inline-block;margin-right:1px;}
.policyError{border-color:#AF2323; background-color:#F7E6E6;}
.policyWarning{border-color:#AA6D22; background-color:#F7EFE6; }

/*LEDs*/
.ledBand{width:100%; margin:0.5em 0em 1em 0.25em;}
.led{display: inline-block; width:0.5em; height:0.5em; border-width:0.25em; border-style:solid; border-radius:0.25em; margin-right:2.75em;}
.ledRed{
	border-color: rgba(175, 35, 35, 1);
	box-shadow: 0px 0px 2px 1px rgba(235, 95, 95, 1);
}

/* Anmiations */
@keyframes anim-blink-red {
	0%, 25%, 75%, 100% {border-color: rgba(175, 35, 35, 0); box-shadow: 0px 0px 2px 1px rgba(235, 95, 95, 0); }
	50% {border-color: rgba(175, 35, 35, 1); box-shadow: 0px 0px 2px 1px rgba(235, 95, 95, 1); }
}

.blinkLedRed{
	border-color: rgba(175, 35, 35, 0);
	box-shadow: 0px 0px 2px 1px rgba(235, 95, 95, 0);
	animation: anim-blink-red 2.5s infinite linear;
}

@keyframes anim-blink-yellow {
	0%, 25%, 75%, 100% {border-color: rgba(170, 109, 34, 0); box-shadow: 0px 0px 2px 1px rgba(230, 169, 94, 0); }
	50% {border-color: rgba(170, 109, 34, 1); box-shadow: 0px 0px 2px 1px rgba(230, 169, 94, 1); }
}

.blinkLedYellow{
	border-color: rgba(170, 109, 34, 0);
	box-shadow: 0px 0px 2px 1px rgba(230, 169, 94, 0);
	animation: anim-blink-yellow 2s infinite linear;
}

@keyframes anim-blink-green {
	0%, 25%, 75%, 100% {border-color: rgba(35, 178, 35, 0); box-shadow: 0px 0px 2px 1px rgba(95, 238, 95, 0);  }
	50% {border-color: rgba(35, 178, 35, 1); box-shadow: 0px 0px 2px 1px rgba(95, 238, 95, 1); }
}

.blinkLedGreen{
	border-color: rgba(35, 178, 35, 0);
	box-shadow: 0px 0px 2px 1px rgba(95, 238, 95, 0);
	animation: anim-blink-green 2s infinite linear;
}

.blinkLed2{ animation-delay:0.5s; }
.blinkLed3{ animation-delay:1.0s; }
.blinkLed4{ animation-delay:1.5s; }

