/*********************************/
/* Custom CSS for all DataTables */
/*********************************/

/* Blue margin around global search input box */
div.dt-container .dt-search input {
  border:3px solid #00a2cf;
  border-radius:3px;
  padding:5px;
  background-color:transparent;
  color:inherit;
  margin-left:3px;
}

/* blue background, white text in table header and footer rows:  */
table.dataTable>thead>tr,
table.dataTable>tfoot>tr
{
  background-color:var(--color-Euresys-main-blue);
  color: white;
}

/* table header and footer ??? */
table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
  border-bottom:1px solid white;
}

/* Upper blue border on body rows */
table.dataTable.row-border>tbody>tr>*,
table.dataTable.display>tbody>tr>* {
  border-top:1px solid var(--color-Euresys-main-blue);
}

/* Blue margin around serach input box of Search Panes */
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
  border:3px solid #00a2cf;
  border-radius:3px;
  margin-top: 1px;
}
div.dtsp-searchPane div.dtsp-topRow {
  border-bottom:1px solid #00a2cf;
  border-radius:0px;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding-left: 2px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
}