/*******************************************************/
/* Override styles from the built-in styles of datatables.css  */

/* note: 14px padding on the right gives room for the up/down arrows in the headers (th) */
table.dataTable thead th {
  font-weight: normal; 
  padding: 4px 12px 4px 4px; 
  title:
}

/* note: 14px padding on the right gives room for the up/down arrows in the headers (th) */
table.dataTable thead th,
table.dataTable thead td {
  padding: 4px 4px 4px 4px;
  border-bottom: 1px solid white; 
}

table.dataTable tr td {
  padding: 4px 4px 4px 4px;
  border-bottom: 1px solid white; 
}

table.dataTable.no-footer {
  border-bottom: 1px solid white;
}

/* this puts padding on the right side of the headings to make space for the sorting arrows */
table.dataTable thead th, table.dataTable  { 
  padding-right:0px;
  /* padding-top:30px; */
}







/* For "Show 10 entries" info at top left */
.dataTables_length {
  float: left;
  font: italic 13px Arial, Verdana, Helvetica, sans-serif;
}

/* For the "Search" box */
.dataTables_filter {
  float: right;
  text-align: right;
  font: italic 13px Arial, Verdana, Helvetica, sans-serif;
}


/* For "Showing 1 to 10 entries" info at bottom left */
.dataTables_info {
  font: italic 13px Arial, Verdana, Helvetica, sans-serif;
}

/* For the pagination info at bottom right */
.dataTables_paginate{
  font: italic 13px Arial, Verdana, Helvetica, sans-serif;
}




/*******************************************************/
/* The following are custom styles RH 2/8/17 */
.DataTableClass {
  border-collapse:collapse; 
  border:1px solid white;
}


.DataTableClass th {
  border:2px solid white; 
  background-color:#DCDCDC; 
  text-align:left;
  line-height:21px; 
  font : normal 13px Arial, Verdana, Helvetica, sans-serif;
  color: #000080;
}



.DataTableClass td {
  border:2px solid white; 
  /* doesn't work here padding: 4px 4px 4px 4px; */ 
  /* doesn't work here background-color:aqua; */
 
}


td.TotalTDCell {
	background-color:#D1FAD1;
	/* border:4px solid red;  */ /* this works but only affects side borders */
}


/* These two styles set the tan/light tan row colors used on lists and report pages. */
.DataTableClass tr:nth-child(even) {
  background-color: #FAFAD2;
}
.DataTableClass tr:nth-child(odd) {
  background-color: #EEE8AA;
}

.DataTableClass tfoot td {
  border-top: 1px solid white;
}


/* this gets rid of a 1px black border on the top of the green total row. */
table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: 1px solid white;
}