body {
	font-family:sans;
	font-size:10pt;
	text-align:center;
	background:#d7f1f9;
	color:#363c3a;
	margin:0;
	padding:0;
}

table{
	margin:auto;
	border:none;
}
table,tr,th,td{
	border-collapse:collapse;
	padding:0;
}
tr,th,td{border:1px #45504d solid;}
.first_row{border-top-width:3px;}
.sunday{border-right-width:2px;}
td.checkbox{min-width:40px;max-width:40px;width:40px;min-height:40px;max-height:40px;height:40px;}
td.checked{background:#546663;}
.status_red{background:#fb5845;}
.status_yellow{background:#fea049;}
.status_white{background:#c7f2fb;}
.status_green{background:#a8db26;}

div#container{
	width:100%;
	height:100vh;
	position:relative;
	overflow:auto;
	white-space:nowrap;
	margin:0;
	padding:0;
}

.headcol1{
	position:sticky;
	width:10em;
	min-width:10em;
	max-width:10em;
	left:0em;
}
.headcol2{
	position:sticky;
	width:5em;
	min-width:5em;
	max-width:5em;
	left:10em;
}

.headcol1 div{
	width:100%;
	height:79px;
	border:1px #45504d solid;
	display:table;
}
.headcol2 div{
	width:100%;
	height:39px;
	border:1px #45504d solid;
	display:table;
}


.headrow1{
	position:sticky;
	height:1.5em;
	min-height:1.5em;
	max-height:1.5em;
	top:0em;
	background:#d7f1f9;
	z-index:2;
}

.headrow2{
	position:sticky;
	height:1em;
	min-height:1em;
	max-height:1em;
	top:1.5em;
	background:#d7f1f9;
	z-index:2;
	text-size:8pt;
}

.headrow1 div{
	width:100%;
	height:1.5em;
	border:1px #45504d solid;
}

.headrow2 div{
	width:100%;
	border:1px #45504d solid;
}

.corner{
	position:sticky;
	width:15em;
	height:2.5em;
	top:0;
	left:0;
	background:#d7f1f9;
	z-index:3;
}

.corner div{
	width:100%;
	height:100%;
	display:table;
}

td div p{
	vertical-align:middle;
	margin:0;
	padding:0;
	display:table-cell;
}

.small_text{
	font-size: 75%;
}

@media(min-width:750px){
	body{font-size:10pt;}
	tr,th,td{border-width:1px;}
	.first_row{border-top-width:3px;}
	.sunday{border-right-width:2px;}
	td.checkbox{min-width:20px;max-width:20px;width:20px;min-height:20px;max-height:20px;height:20px;}
	.headcol1{border-width:1px;}
	.headcol2{border-width:1px;}
	.headcol1 div{height:40px;}
	.headcol2 div{height:19px;}
}