/* Table */
table.mht_body, table.mht_header {
	margin: 15px 0px 0px 0px;
	border: 1px solid #eee;
	border-collapse: collapse;
	border-spacing: 0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
table.mht_body {
	margin: 0px;
}
/* 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 single cells */
table.mht_body td, table.mht_body th {
	border: 1px solid #c8c8c8;height: 22px;vertical-align: top;
padding-top:5px;
white-space:no-wrap;
}
/* Table headers single cells */
table.mht_header th {
	border-bottom: 2px solid #c0c0c0;
	border-top: 2px solid #c0c0c0;
}
/* Table body inputs */
table.mht_body td input, table.mht_body td textarea {
	border: 0;padding: 0%;	
	font-size: 12px;
	white-space: normal;
}
.mht_body textarea {
//	width:100%;
}
/* 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;
	}
}
thead.mhtable {
	display:block;
	overflow: auto;
}
tbody.mhtable {
	display:block;
	overflow:auto;
	height:500px;
}
tr.mhtable {
	display:table-row;
}
.updated {
	background-color:yellow;
}

thead.mhtable tr {
}

/* @group Reset */

.mht_table,
.mht_table thead,
.mht_table tfoot,
.mht_table tbody,
.mht_table tr,
.mht_table th,
.mht_table td {
	/* position */
    margin: 0;
    
    /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	}

.mht_table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

.mht_table_wrapper,
.mht_table_wrapper .mht_thead,
.mht_table_wrapper .mht_tfoot,
.mht_table_wrapper .mht_fixed-column .mht_tbody,
.mht_table_wrapper .mht_fixed-body .mht_tbody,
.mht_table_wrapper .mht_tbody {
	/* appearance */
	overflow: hidden;
	
	/* position */
	position: relative;
	}

	.mht_table_wrapper .mht_fixed-body .mht_tbody,
	.mht_table_wrapper .mht_tbody {
		/* appearance */
	    overflow: auto;
		}

		.mht_table_wrapper .mht_table .mht_cell {
			/* appearance */
			overflow: hidden;
			
			/* size */
		    height: 1px;
			}
	
	.mht_table_wrapper .mht_fixed-column,
	.mht_table_wrapper .mht_fixed-body {
	    /* position */
	    top: 0;
	    left: 0;
	    position: absolute;
	    }
	    
	.mht_table_wrapper .mht_fixed-column {
	    /* position */
	    z-index: 1;
	    }

/* @end */
.mhTable td, .mhTable th {
	/* appearance */
	border: 1px solid #778899;
	
	/* size */
	padding: 5px;
	}

.mhTable {
	/* text */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.mhTable tbody tr td {
	/* appearance */
	background-color: #eef2f9;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #262c31;
	font-size: 11px;
	}

.mhTable tbody tr.odd td {
	/* appearance */
	background-color: #d6e0ef;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	}

.mhTable thead tr th,
.mhTable thead tr td,
.mhTable tfoot tr th, 
.mhTable tfoot tr td {
	/* appearance */
	background-color: #8ca9cf;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #121517;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 1px #e8ebee;
	}
	
.editable {
	display: inline-block;
	min-width:80px;
	word-wrap: break-word;
}
/* 3 layout vormen:
table: rijen en kolommen
form: rijen label en veld
mobile: labelrij, veldrij, labelrij ...
labels: th
velden: td
*/
.mhtable_td, .mhtable_th, .mhform_td, .mhform_th, .mhmobile_td, .mhmobile_th {
	margin-left:5px;
	margin-right:5px;
}