/* tables
-- ------------------*/

table { border-collapse:collapse; border-spacing: 0; width: 100%; } 
table tr th { font-weight: 700; }
/*
table tr th,
table tr td { padding: 2px 3px; line-height: 2.3rem; line-height: 23px; text-align: left; vertical-align: top; }
*/
.row-odd td,
.row-even td,
table.resultset td,
table.form-table td { border-top: 1px #c8996b solid; }

table > .row-even td, 
table.resultset > tr:nth-child(even) td,
table.form-table tr:nth-child(even) td { background-color: #eee; }
/*
table.resultset tr.GroupsRow td { background-color: #fff; }
*/
.row-over td { cursor: pointer; background-color: #ffcccc; }

.form-table .row-odd td:first-child,
.form-table .row-even td:first-child { width: 200px;  }
/*
table.resultset td .actions { visibility: hidden; }
table.resultset tr:hover td .actions { visibility: visible; }
*/
td .actions a { padding: 3px 4px; color: #008000; font-size: 11px; border-radius: 2px; text-decoration: none; }
td .actions a:hover { color: #fff; background-color: #008000; }
td .actions a.Remove { color: #cc0000; }
td .actions a.Remove:hover { color: #fff; background-color: #cc0000; }

@media only screen and (max-width: 640px) {	
	table.form-table tr th,
	table.form-table tr td { display: block; }
	.form-table .row-odd td,
	.form-table .row-even td { border-top: 0; padding: 0 3px 3px 3px; }
	.form-table .row-odd td:first-child,
	.form-table .row-even td:first-child { border-top: 1px #c8996b solid; font-weight: 700; width: 100%; }

	.not-important { display: none; }
	table.resultset td .actions { visibility: visible; }

	.ShownOnResponsive { position: inherit; }
}