.alert {
	background-color: red;
}

.Personal .header{
	background: white;
	color: black;
}

.Personal .container{
	background: white;
	color: black;
}

.Office  .header{
	background: #fffbb2; /* for non-css3 browsers */
}
.Office .container{
	background-color: #fffdda; 

}

.LDNOffice .header{
	background: #514f37; 
	color: white
}
.LDNOffice .container{
	background-color: #edece6; 

}

.Eastside .header{
	background: #5b5727; 
	color: white
}
.Eastside .container{
	background-color: #edece6; 

}
.Warehouse  .header {
	background-color: #ffdd00;
}
.Warehouse .container{
	background-color: #ffe855; 
}

.Storage  .header {
	background: repeating-linear-gradient(
		  -30deg,
		  #ffdd00,
		  #ffdd00 5px,
		  #fffbb2 5px,
		  #fffbb2 10px
		);
}

.Storage .IN {
	background: #fff6bf; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6bf', endColorstr='#f6e889'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff6bf), to(#f6e889)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff6bf,  #f6e889); /* for firefox 3.6+ */
	
}

.Storage .OUT {
	background: #fff6bf; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6bf', endColorstr='#f6e889'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff6bf), to(#f6e889)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff6bf,  #f6e889); /* for firefox 3.6+ */
	
}


.Workshop  .header {
	background-color: #ffec93;
}
.Workshop .container{
	background-color: #fff4c3;
}

.Fabrication  .header {
	background-color: #ffbb00;
}
.Fabrication .container{
	background-color: #fdd35f;
}

.Scenic .header {
	background-color: #ffbb00;
}
.Scenic .container{
	background-color: #fdd35f;
}

.WFH  .header {
	background-color: #ffdd00;
}
.WFH .container{
	background-color: #ffea65; 
}

.Training  .header {
	background: -webkit-linear-gradient(135deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -webkit-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(229,229,89,1);
  background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -moz-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(229,229,89,1);
  background: linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(229,229,89,1);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 5em 5em;
  background-size: 5em 5em;
}
.One2One, .Induction {
  background: -webkit-linear-gradient(135deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -webkit-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1);
  background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -moz-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1);
  background: linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 5em 5em;
  background-size: 5em 5em;
}

.Training .Task{
	background: -webkit-linear-gradient(135deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -webkit-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1) !important;
  background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -moz-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1) !important;
  background: linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1) !important;
  background-position: auto auto !important;
  -webkit-background-origin: padding-box !important;
  background-origin: padding-box !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-background-size: 5em 5em !important;
  background-size: 5em 5em !important;
}

.Training {
	background: -webkit-linear-gradient(135deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -webkit-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1) !important;
  background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -moz-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1) !important;
  background: linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgba(247,247,220,1) !important;
  background-position: auto auto !important;
  -webkit-background-origin: padding-box !important;
  background-origin: padding-box !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-background-size: 5em 5em !important;
  background-size: 5em 5em !important;
}


.OutOfOffice  .header {
	background-color: #7f5d00;
	color: white;
}
.OutOfOffice .container{
	background-color: #a68d4a; 
}

.Off  .header {
	background-color: #191200;
	color: white;
}
.Off .container{
	background-color: #191200; 
}

.Holiday {
	background-image: url("../images/hash.png");
	background-color: #4c2b04;
	color: white;
}
.Leave {
	background-image: url("../images/hash.png");
	background-color: #4d4134;
	color: white;
}
.SickLeave {
	background-image: url("../images/hash.png");
	background-color: #191200;
	color: white;
}

.BankHoliday {
	background-image: url("../images/hash.png");
	background-color: #4c2b09;
	color: white;
}

.TOIL {
	background-image: url("../images/hash.png");
	background-color: #44392c;
	color: white;
}
.NotAvailable {
	background-image: url("../images/hash.png");
	background-color: #3c3c3c;
	color: white;
}

.Personal {
	background: white;
}

.Production {
	background: #fffe80; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdda', endColorstr='#fffe80'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fffdda), to(#fffe80)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fffdda,  #fffe80); /* for firefox 3.6+ */
}

.Office {
	background: #fffe80; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdda', endColorstr='#fffe80'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fffdda), to(#fffe80)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fffdda,  #fffe80); /* for firefox 3.6+ */
}

.Workshop  {
	background: #ffbb00;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd178', endColorstr='#ffbb00'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd178), to(#ffbb00)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffd178,  #ffbb00); /* for firefox 3.6+ */
}

.Fabrication {
	background: #fdd35f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7da8b', endColorstr='#fdd35f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f7da8b), to(#fdd35f)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f7da8b,  #fdd35f); /* for firefox 3.6+ */
}


.Hire {
	background: #fffe80; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdda', endColorstr='#fffe80'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fffdda), to(#fffe80)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fffdda,  #fffe80); /* for firefox 3.6+ */
}

.Admin {
	background: #fff6bf; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6bf', endColorstr='#f6e889'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff6bf), to(#f6e889)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff6bf,  #f6e889); /* for firefox 3.6+ */
}

.Meeting {
	background: #e2b946; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2b946', endColorstr='#b69333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e2b946), to(#b69333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e2b946,  #b69333); /* for firefox 3.6+ */
}
.OffsiteMeetingNon-Job {
	background: #e2b946; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2b946', endColorstr='#b69333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e2b946), to(#b69333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e2b946,  #b69333); /* for firefox 3.6+ */
}

.OffsiteMeeting {
	background: #e2b946; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2b946', endColorstr='#b69333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e2b946), to(#b69333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e2b946,  #b69333); /* for firefox 3.6+ */
}

.Task {
	background: #f2f3e5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f3e5', endColorstr='#bfc0af'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f3e5), to(#bfc0af)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f2f3e5,  #bfc0af); /* for firefox 3.6+ */
}

.Maintenance {
	background-color: #fee8be; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee8be', endColorstr='#c9b48c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fee8be), to(#c9b48c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fee8be,  #c9b48c); /* for firefox 3.6+ */
}

.Servicing {
	background-color: #f5c872; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c872', endColorstr='#cda964'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5c872), to(#cda964)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5c872,  #cda964); /* for firefox 3.6+ */
}

.PAT {
	background-color: #f5e6c9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5e6c9', endColorstr='#eec26d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5e6c9), to(#eec26d)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5e6c9,  #eec26d); /* for firefox 3.6+ */
}

.jobfilter {
	//background-color: white;
	opacity: 0.1;
}