.category-1 { background-color: #7980FF; color: #FFFFFF; }
.half-day-morning.category-1 { background: linear-gradient(to right, #7980FF 50%, transparent 50%); }
.half-day-afternoon.category-1 { background: linear-gradient(to right, transparent 50%, #7980FF 50%); }
.category-2 { background-color: #FF2600; color: #FFFFFF; }
.half-day-morning.category-2 { background: linear-gradient(to right, #FF2600 50%, transparent 50%); }
.half-day-afternoon.category-2 { background: linear-gradient(to right, transparent 50%, #FF2600 50%); }
.category-3 { background-color: #FFD478; color: #000000; }
.half-day-morning.category-3 { background: linear-gradient(to right, #FFD478 50%, transparent 50%); }
.half-day-afternoon.category-3 { background: linear-gradient(to right, transparent 50%, #FFD478 50%); }