/* Table */
/* Buttons */
table.mht_body a.icon-button ,
table.mht_header a.icon-button {
	background-color: #ccc;display: inline-block;width: 16px;height: 16px;text-decoration: none;color: #fff;font-weight: 800;line-height: 16px;text-align: left;font-size: 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
/* Add Buttons */
table.mht_body a.icon-button.addcol, table.mht_body a.icon-button.addrow {
	background-color: #81b71a;
}
/* Remove Buttons */
table.mht_body a.icon-button.delcol, table.mht_body a.icon-button.delrow {
	background-color: #db4a39;
}
/* Disabled Buttons */
table.mht_body a.icon-button.disabled {
	background-color: #eee;
}
table.mht_body td input, table.mht_body td textarea {
	border: 0;padding: 0%;	
	font-size: 12px;
	white-space: normal;
}
/* Table body inputs on focus */
table.mht_body tr td input:focus {
	background-color: #fafafa;
}
/* First body row cells & input on table without columns header */
table.mht_body.wh tbody tr:nth-child(1), table.mht_body.wh tbody tr:nth-child(1) input {
	background-color: #fdfdfd;font-weight: 800;
}
/* Mobile Landscape */
@media only screen and (max-width : 480px) { 
	/* Table single cells */
	table.mht_body td, table.mht_header th {
		min-width: 40px;height: 80px;
	}
	/* Buttons */
	table.mht_body a.icon-button {
		width: 90%;height: 40px;font-size: 18px;min-width: 40px;line-height: 40px;
	}
	/* Table body inputs */
	table.mht_body td input {
		height: 80px;
	}
	/* Add Buttons */
	table.mht_body a.icon-button.addcol, table.mht_body a.icon-button.addrow {
		color: #81b71a;background-color: #fff;
	}
	/* Remove Buttons */
	table.mht_body a.icon-button.delcol, table.mht_body a.icon-button.delrow {
		color: #db4a39;background-color: #fff;
	}
	/* Disabled Buttons */
	table.mht_body a.icon-button.disabled {
		color: #eee;background-color: #fff;
	}
}
.mhTable {
	/* text */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.editable {
	display: inline-block;
	min-width:200px;
	word-wrap: break-word;
	position: relative;
}


/*
 table structuur:
 div tabel id / name
	theader
		theaderrow
			hdr cells
	tblBody
		tblBodyRow
			tblcells
		tblBodyRow
		tblBodyRow
		tblBodyRow
*/
#mhtable {
	overflow-x:auto;
	width:max-content;
	margin:20px;
}
.theader {
//	overflow:hidden;
	margin-right:30px;
}

.tblHdrRow {
	display:table;
}
.tblBody {
	height:max-content;
 }
.tblBodyRow  {
	display:table;
}

.hdrCell, .dragCell, .tblCell {
  display:table-cell;
}
.hdrCell, .dragCell, .tblCell {
  border: 1px solid gray;
  padding: 10px;
}
.dragCell {
	width: 50px;
}