@keyframes attention_old {
	0% { color: auto; }
	50% { color: #e0e040; }
	100% { color: auto; }
}
@keyframes attention {
	0% { background: none; }
	50% { background: radial-gradient(yellow,transparent); }
	100% { background: none; }
}
.noshow { display: none; }
@media print {
	.noprint { display: none; }
}
@page {
	size: A4 landscape;
	margin: 0cm;
}
*, html {
	box-sizing: border-box;
	user-select: none;
	font: 10pt sans-serif;
	padding: 0;
	margin: 0;
	border: 0;
}
table {
	border-collapse: collapse;
	page-break-inside: avoid;
}
td {
	vertical-align: top;
}
.schedule table {
	border-collapse: collapse;
	page-break-inside: avoid;
}
.schedule th, .schedule td {
	width: 22mm;
	padding: 0pt;
	height: 18mm;
}
.schedule th {
	font-weight: bold;
	font-size: 12pt;
}
.schedule th:first-child {
	font-size: 7pt;
	text-align: right;
	vertical-align: top;
	padding-right: 2pt;
	width: 10mm;
}
.schedule td {
	position: relative;
	border: 1.4pt dotted #666;
	text-align: center;
}
.schedule td img {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
.schedule td div {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
.schedule td.lesson {
	border: 2pt solid black;
}
.a5 {
	box-sizing: border-box;
	width: 14.8cm;
	height: 20cm;
	padding: 1cm;
}
#second, #fourth { border-left: 1pt solid black; }
#first * {
	font: 12pt sans-serif;
	line-height: 16pt;
}
#first #print {
	margin-top:5mm;
	font-style: italic;
}
#first button {
	border: 2pt outset #a0a0a0;
	border-radius: 3mm;
	box-shadow: 1mm 1mm 2mm #ccc;
	background: #e0e0ff;
	padding: 1mm 2mm;
	float: right;
}
#first ul#instructions {
	padding-left: 4mm;
	margin: 8mm 0;
}
#first h1 span {
	font: bold 24pt sans-serif;
	cursor: pointer;
}
#first h1 span.date:hover {
	animation-name: attention;
	animation-duration: 800ms;
}
#first h1 {
	margin: 1cm 0;
}
#first input#name {
	display: block;
	font: bold 18pt sans-serif;
	background: none;
	cursor: pointer;
}
#first input#name:hover {
	animation-name: attention;
	animation-duration: 800ms;
}
#first select#classCode {
	display: block;
	font: bold 18pt sans-serif;
	//text-align: right;
	background: none;
	appearance: none;
	cursor: pointer;
}
#first select#classCode:hover {
	animation-name: attention;
	animation-duration: 800ms;
}

#first #subjectCheck {
	padding-top: 3mm;
	column-count: 2;
	column-fill: balance;
}
#first label {
	cursor: pointer;
	display: block;
	user-select: none;
	margin: 0 0 3mm 0;
}
#first label:hover {
	animation-name: attention;
	animation-duration: 800ms;
}
#first input[type=checkbox] {
	visibility: hidden;
	display: none;
}
#first input[type=checkbox] + label {
	color: #a0a0a0;
	text-decoration: double line-through;
}
#first input[type=checkbox]:checked + label {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
#first input[type=checkbox]:checked + label:after {
	content: "\00a0\2713";
}