@charset "UTF-8";

/* CSS for ClinicalTrials.gov Search Results Pages */
/* This file defines a set of styles which override the default jQuery DataTables styles */

div.dt-buttons {
  float: right;
}

div.dt-buttons>a, div.dt-buttons>button {
  border-radius: 8px;
  margin-left: 8px;
  margin-right: 0;
}

/* Default Columns dialog is a bit too narrow */
div.dt-button-collection.two-column
{
	width: 23em;
}

/* Override the look of the selected column buttons as defined in buttons.dataTables.css*/
div.dt-button-collection button.dt-button:active:not(.disabled), 
div.dt-button-collection button.dt-button.active:not(.disabled), 
div.dt-button-collection div.dt-button:active:not(.disabled), 
div.dt-button-collection div.dt-button.active:not(.disabled), 
div.dt-button-collection a.dt-button:active:not(.disabled), 
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: hsl(120, 40%, 90%); /*#e9f0ff; */
/*    background-image: linear-gradient(to bottom, #f0f0f0 0%, #e9f0ff 100%); */
    background-image: linear-gradient(to bottom, hsl(120, 40%, 80%) 0%, hsl(120, 40%, 90%) 100%);
    box-shadow: 1px 1px 3px #a0a0cf inset;
    font-weight: bold;
}

.dataTables_wrapper .dataTables_length {
  padding-top: 0.5em;
 }
 
/* pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button
{
	padding: 0.25em 0.5em;
}

/* big table, so show as much as possible  
div#wrapper {
	max-width: none; 
	width:99%;
}
*/

/* Prevent the stupid row highlighting on hover */
/* The responsive.dataTables.css does this */
table.dataTable.stripe tbody tr.child:hover,
table.dataTable.display tbody tr.child:hover,
table.dataTable > tbody > tr.child:hover
{
    background: white !important;
}
table.dataTable.stripe tbody tr.child.odd:hover, 
table.dataTable.display tbody tr.child.odd:hover,
table.dataTable > tbody > tr.child.odd:hover {
    background: #f9f9f9 !important;
}


div.dataTables_paginate paging_simple_numbers 
{
	border: 1px solid lightgrey;
	white-space: nowrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    font-weight: lighter;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	font-weight: bolder;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate,
  .dataTables_wrapper .dt-buttons {
	clear: both;
    float: left;
    margin-left: 0;
  }
  .dataTables_wrapper .dataTables_paginate,
  .dataTables_wrapper .dt-buttons {
    margin-top: 0.5em;
  }
  
  div.dt-buttons>a, div.dt-buttons>button {
	margin-left: 0;
  }
  .dataTables_wrapper .dataTables_paginate > a.first {
	margin-left: 0;
	padding-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dt-buttons {
	clear: both;
    float: none;
    text-align: left;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

.dataTables_wrapper .dataTables_length {
    padding-top: 0.75em;
}

/* Prevent intermediate row lines when using responsive styles */
tr.child > td.child, tr.child > td.child td  {
	border-top-width: 0 !important;
}

/* -----------------------------------------------
 * For dataTable unordered Lists
 */
td > ul
{
	margin: 0;
	padding-left: 1.25em;
	padding-right: 0;
}

td > ul li
{
    font-size: inherit;
}

/* To reduce vertical usage restrict column headers to one line */
th.sorting_disabled 
{
	white-space: nowrap;
}

/* Doc List DataTable Styles */
table.dataTable>thead>tr>th
{
	margin-top:0px; 
	margin-bottom: 0px; 
	padding: 8px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: black;
	text-align: center;
	vertical-align: middle;
}
/* only use when sortable  table.dataTable thead tr th:hover { background-color: #f9f0cc; } */
table.dataTable tr {font-size: small; vertical-align: top;}
table.dataTable td {empty-cells: show; font-size: small;}

table.dataTable {border: 1px solid black;}

/* put back in if sorting on table header cells
 table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc
 {
  background-color: #dbf0db;
 }
*/

/* Fix compact version of header. It had too little padding and text was not centered */
table.dataTable.compact thead th, table.dataTable.compact thead td
{
	padding: 8px;
}

th.responsiveHeader
{
 	padding-left: 4em !important;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

table.dataTable>thead>tr>th, .responsiveHeader
{
	background-color: #e7f4e4; /* US Web std $color-green-lightest */
}

td.responsiveContent
{
	text-align: left;
}