/* List Styles */

div#main table.list th,
div#main table.list td {
	/* border: 1px solid red; */
	vertical-align: top;
	padding: 5px;
}

@media (max-width: 640px) {

	div#main table.list tr th,
	div#main table.list tr td {
		/* border: 1px solid red; */
		text-align: left !important;
		word-wrap: break-all;
		display: block;
		/* border:1px solid red; */
	}

}

div#main table:not(.list) {
	/* border: 1px solid red; */
	margin: 1em 0;
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}

div#main table caption {
	/* border: 1px solid red; */
	font-weight: 700;
	text-align: center;
}

div#main table th {
	/* border: 1px solid red; */
	font-weight: 700;
}

div#main table:not(.list) {
	/* border: 1px solid red; */
	background: white;
	border-radius: 10px;
	border-collapse: collapse;
	/*border: solid #ddd 1px;*/
}

/* Table Styles (NOT LIST) */

div#main table:not(.list) tr th,
div#main table:not(.list) tr td {
	/* border: 1px solid red; */
	text-align: left;
	padding: 10px;
}

div#main table:not(.list) tr td {
	/* border: 1px solid red; */
	/*border: solid #ddd 1px;*/
}

div#main table:not(.list) tr.alt th,
div#main table:not(.list) tr.alt td {
	/* border: 1px solid red; */
	background: #F8F8F8;
}

div#main table:not(.list) thead tr th,
div#main table:not(.list) thead tr th a,
div#main table:not(.list) tbody tr th.st-head-row-main {
	/* border: 1px solid red; */
	background: #565c55;
	color: white;
}

div#main table:not(.list) thead tr th a:hover {
	color: lightgray;
}

div#main table:not(.list) tbody tr th.st-head-row-main {
	/* border: 1px solid red; */
	vertical-align: middle;
	padding: 10px;
}

/* Table Data Styles (NOT LIST) - TBody */

div#main table:not(.list) tbody tr.highlighted td {
	/* border: 1px solid red; */
	background: #D6E1D5;
}

div#main table:not(.list) tbody tr.highlighted.alt td {
	/* border: 1px solid red; */
	background: #B8CFB6;
}

div#main table:not(.list) tbody tr td.edit {
	/* border: 1px solid red; */
	text-align: right;
}

/* Table Data Styles (NOT LIST) - TFoot */

div#main table:not(.list) tfoot > tr > th {
	/* border: 1px solid red; */
}

div#main table:not(.list) tfoot.data_tfoot_background > tr > td {
	/* border: 1px solid red; */
	background: #565c55;
	color: white;
	padding: 5px;
}

/* Table Data Styles (DATA) */

div#main table.data {
	/* border: 1px solid red; */
}