.day {
	font-weight: bold;
}

.calendar td {
	cursor: pointer;
}

.calendar td[data-type="Weekend"] {
	background-color: snow;
}

.calendar td[data-type="Vacation"] {
	background-color: greenyellow;
}

.calendar td[data-type="Flexday"] {
	background-color: lightcyan;
}

.calendar td[data-type="Holiday"] {
	background-color: plum;
}

.calendar td[data-type="BusinessTrip"] {
	background-color: tan;
}

.calendar td[data-type="Sick"] {
	background-color: yellowgreen;
}

.calendar td[data-type="Error"] {
	background-color: lightpink;
}

.calendar td[data-type="OutOfMonth"] {
	background-color: #EEE;
}

.calendar td[data-today] {
	border: 1mm solid red;
}

#clock-table tr:has(input[value=true]) {
	background-color: salmon;
}