:root {
    --dark-mode-background-color: #434343;
    --dark-mode-card-background-color: #333333;
    --dark-mode-grey-color: #CCCCCC;
	--dark-mode-blue-color: #3AAACF;
}

/* tables */
table.datagrid {
	font-family:arial;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.datagrid tr th {
	background-color: #8b8b8b;
	font-size: 12px;
	padding: 5px;
    border:1px solid #666;
    height:10px;
    color:#eee;
}
table.datagrid tr th {
	background-image: url(../images/icons/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.datagrid tr th.nosort, table.datagrid.nosort tr th {
	background-image: none;
	cursor:default;
}
table.datagrid tr .headerSortUp {
	background-image: url(../images/icons/asc.gif);
}
table.datagrid tr .headerSortDown {
	background-image: url(../images/icons/desc.gif);
}
table.datagrid tr .headerSortDown, table.datagrid tr .headerSortUp {
    background-color: #ddd;
    color:#333;
}
table.datagrid, table.datagrid tr, table.datagrid th {
    text-align:left;
}
table.datagrid td.center, table.datagrid th.center {
    text-align:center;
}
table.datagrid td.left, table.datagrid th.left {
    text-align:left;
}
table.datagrid td.right, table.datagrid th.right {
    text-align:right;
}

table.datagrid.fixedwidth table {
    padding:0px;
    border-spacing:0px;
    border-collapse:collapse;
    border: 0px solid #CCCCCC;
    width:100%;
}
#contentPanelContainer .panel table.datagrid tr table tr {
    border: none;
}
#contentPanelContainer .panel table.datagrid tr table tr + tr {
    border-top: 1px solid #CCCCCC;
}

/* Dark Mode Theme */

body.darkMode table#remaptable.datagrid.tablesorter tbody tr.customizefield td {
	color: var(--dark-mode-grey-color);
}

body.darkMode table.datagrid tr .headerSortDown, body.darkMode table.datagrid tr .headerSortUp {
    background-color: rgb(224, 224, 224);
    color: #d66801;
	filter: invert(.9);
}

body.darkMode table.datagrid tr .headerSortDown, body.darkMode table.datagrid tr .headerSortUp {
    background-color: rgb(224, 224, 224);
    color: #d66801;
	filter: invert(.9);
}

/* End Dark Mode Theme */

/*
table.tablesorter {
	font-family:arial;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #8b8b8b;
	font-size: 12px;
	padding: 8px;
    border:1px solid #666;
    height:10px;
    color:#eee;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .header.nosort {
	background-image: none;
	cursor:default;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #ddd;
    color:#333;
}

*/