.dataTable{
  border: 0px solid #000;
  height:auto;
  width:100%;
  font: 11px sans-serif;
  color:#000f;
  padding:10px 7px 0px 7px;
  margin:0px;
  display:table;
  box-sizing:border-box;
}

.dataContainer {
	padding:0px;
	width: 100%;
	max-width:100%;
	height:auto;
	min-height:30px;
	float:left;
	position: relative;
	box-sizing: border-box;
	display:table-row;
}

.dataCt2fld {
	width: calc(50% - 2px);
	border: 0px solid #000000;
	float:left;
	box-sizing: border-box;
	height: auto;
}

.dataCtValName {
	width: 98px;
	border: 0px solid #000000;
	padding: 2px;
	height: 20px;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	float: left;
	box-sizing: border-box;
}

.dataCtValue {
	width: calc(100% - 100px - 4px); 
	border: 0px solid;
	border-color: #000000;
	padding: 2px;
	height: auto;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	float: left;
	box-sizing: border-box;
}

.dataCtValueS {
	width: calc(((100% - 104px) / 2) - 4px);
	padding:0px;
	float: left;
	border: 0px solid;
	border-color: #000000;
	height: auto;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	float: left;
	box-sizing: border-box;
}

.dataCtVertSpacer {
	float: left;
	width:4px;
	height:auto;
	box-sizing: border-box;
	position:relative;
}

.dataCtWrapper {
	float: left;
	width:100%;
	margin:0px;
	padding:0px;
}

.dataCtHoriSpacer {
	float: left;
	height:4px;
	width: 100%;
}

.inputfield {
	width: 100%;
	font-family: sans-serif;
	font-size: 11px;
	outline:none;
	box-sizing: border-box;
}

.inputfieldS {
	width: 100%;
	font-family: sans-serif;
	font-size: 11px;
	outline:none;
	box-sizing: border-box;
}

.checkbox{
	margin:2px 0px 0px 0px;
	padding:0px;
	float: left;
	box-sizing: border-box;
}

.textfield {
	padding: 1px;
	width: 100%;
	font-family: sans-serif;
	font-size: 11px;
	height: 150px;
	min-height: 50px; 
	outline:none;
	box-sizing:border-box;
}

.inputError {
	background-color:rgba(208, 70, 78, .3);
	box-shadow: 0px 0px 7px 3px rgba(208, 70, 78, .3);
}