.tableFixHead          { overflow: auto; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 1px 2px;}
th     { background:#eee; }
tr:nth-child(even) {background-color: #FD9D5D;}
tr:nth-child(odd) {	background-color: #C0F390;}
td:first-of-type{
	position:sticky; 
	left:0; 
	min-width:20px;
	background-color: lightblue;
}
td:nth-of-type(2){
	position:sticky; 
	left:20px;
	background-color: lightblue;
}

td.user{
	border:1px solid black;
	text-align:center;
}

input.userfield{
	background-color:transparent;
	border:none;
}
textarea.userfield{
	background-color:transparent;
	border:none;
}

div.button {
	border: 2px solid gray;
	border-radius: 10px;
	margin:5px;
	padding: 5px;
	background-color:lightgray;
	position:relative;
	display:inline-block;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}