/**********************************************************************
* CSS for formatting of the UI
**********************************************************************/
html{
  font-size: 16px;
}
main{
	width:100%;
}
.smallButton{
	background-color: inherit;
	border: none;
}
textarea, input{
	font-size:1em;
	border:none;
}
input[type=checkbox]{
	height: 1.5em;
	width: 1.5em;
	border: 0.2em solid black;
/*	appearance: none; */
}
input[type=checkbox]:checked{
	background: gray;
	color: white;
/*	appearance: none; */
}
input[type=checkbox]:disabled{
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 0);
}

/**********************************************************************
* table formatting
**********************************************************************/
td, th{
	padding: 2px 3px 1px 3px  ;  /* top, right, bottum, left  */
	border: 1px solid black;
}
.tableHeadline{
	color:#000000;
	text-align:left;
}
.tableFootline{
	color:#000000;
	font-weight:bold;
	text-align:left;
}
.monthHeader{
	font-size: 1em;
	font-weight:bold;
	padding-top: 0.25em;
	border:none;
	break-after:avoid;
}

/*-end of file------------------------------------------------------------*/