table.hcmsEditTable {
	width: auto;
}

table.hcmsEditTable table {
	width: 100%;
}

table.tableNoBackground tr {
	background: transparent;
}

/* table.hcmsEditTable table tr, form.hcmsForm table tr {
	background: transparent;
} */

table.dataTable {
	background: inherit;
}

table.hcmsEditTable td {
	vertical-align: top;	
}

.hcmsEditTable tbody {
	border: none;
}

.dataTables_filter input {
	display: inline-block;
	max-width: 150px;
	height: 30px;
}

.dataTable th {
	font-size: inherit;	
}

.dataTable select {
	padding: 0;
	margin:0;	
	height: 23px;
}

table, table tbody, table tr, table td, .stack tr, .stack td {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: inherit;	
}



.tableTdAlignCenter td {
	text-align: center;
}

.hcmsTableTransparent tbody, .hcmsTableTransparent tr {
	background: transparent !important;
}

.calendarMonthTables table tbody {
	border: none;
}


.dataTable  tfoot tr:hover, .dataTable  thead tr:hover  {
	background: transparent;
}


/* problem with iframes and to large tables in iOS*/
.hcmsTableWrapper {
   width: 1px !important;
  min-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/************************************************************/
/************************************************************/
/************************************************************/
/* medium-up */
@media screen and (min-width: 40em) {
	
}

/* only small */
@media screen and (max-width: 39.9375em) {

	.hcmsTable tbody  {
		border: none;
	}
		
	.dataTables_wrapper {
		max-width: 320px !important;
	}
	
	table.dataTable td:empty {
	  visibility: hidden;
	}
	
	table.dataTable td {
	  text-align: left;
	  border: none;
	}
	
	table.dataTable tr {
	  border: 1px solid #CCCCCC !important;
	}
		
	table.hcmsEditTable td {
		width: 100%;	
	}
	
	tfoot {
		position: relative;
		bottom: 0;
	    display: table-footer-group !important;
	}
		
}