.shift_c { background-color: rgba(255, 3, 3, 0.75); }td.shift_c { background-color: rgba(255, 3, 3, 0.75); }
.shift_a { background-color: rgba(5, 17, 255, 0.75); }td.shift_a { background-color: rgba(5, 17, 255, 0.75); }
.shift_b { background-color: rgba(55, 207, 0, 0.75); }td.shift_b { background-color: rgba(55, 207, 0, 0.75); }

#planningcontainer td.shift_c.is_consignment {
		background-image:
			linear-gradient(
			45deg,
			rgba(255, 3, 3, 0.75) 50%,
			#f06d06 50%
		);
		background-color: rgba(0,0,0,0);
	}
#planningcontainer td.shift_a.is_consignment {
		background-image:
			linear-gradient(
			45deg,
			rgba(5, 17, 255, 0.75) 50%,
			#f06d06 50%
		);
		background-color: rgba(0,0,0,0);
	}
#planningcontainer td.shift_b.is_consignment {
		background-image:
			linear-gradient(
			45deg,
			rgba(55, 207, 0, 0.75) 50%,
			#f06d06 50%
		);
		background-color: rgba(0,0,0,0);
	}
#planningcontainer td.shift_c.is_consignment.has_remark {
		background-image:
			linear-gradient(
			45deg,
			rgba(255, 3, 3, 0.75) 50%,
			rgba(240, 109, 6, 0.75) 50%,
			rgba(240, 109, 6, 0.75) 85%,
			#913000 85%
		);
		background-color: rgba(0,0,0,0);
	}
#planningcontainer td.shift_a.is_consignment.has_remark {
		background-image:
			linear-gradient(
			45deg,
			rgba(5, 17, 255, 0.75) 50%,
			rgba(240, 109, 6, 0.75) 50%,
			rgba(240, 109, 6, 0.75) 85%,
			#913000 85%
		);
		background-color: rgba(0,0,0,0);
	}
#planningcontainer td.shift_b.is_consignment.has_remark {
		background-image:
			linear-gradient(
			45deg,
			rgba(55, 207, 0, 0.75) 50%,
			rgba(240, 109, 6, 0.75) 50%,
			rgba(240, 109, 6, 0.75) 85%,
			#913000 85%
		);
		background-color: rgba(0,0,0,0);
	}

#planningcontainer td.shift_c.is_weekend { background-color: rgba(255, 3, 3, 0.75); }
#planningcontainer td.shift_a.is_weekend { background-color: rgba(5, 17, 255, 0.75); }
#planningcontainer td.shift_b.is_weekend { background-color: rgba(55, 207, 0, 0.75); }
#planningcontainer tr.hover td.shift_c.is_weekend { background-color: rgba(255, 3, 3, 0.75); }
#planningcontainer tr.hover td.shift_a.is_weekend { background-color: rgba(5, 17, 255, 0.75); }
#planningcontainer tr.hover td.shift_b.is_weekend { background-color: rgba(55, 207, 0, 0.75); }

#planningcontainer td.shift_c.is_holiday {
		background-image:
			linear-gradient(
			45deg,
			rgba(255, 3, 3, 0.75) 50%,
			#dd00ff7d 50%
		);
	}
#planningcontainer td.shift_a.is_holiday {
		background-image:
			linear-gradient(
			45deg,
			rgba(5, 17, 255, 0.75) 50%,
			#dd00ff7d 50%
		);
	}
#planningcontainer td.shift_b.is_holiday {
		background-image:
			linear-gradient(
			45deg,
			rgba(55, 207, 0, 0.75) 50%,
			#dd00ff7d 50%
		);
	}