@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: 350px;
}

@media (max-width:600px) {
  div.dt-button-collection.fixed.two-column {
    margin-left: -175px;    
  } 
}

div.dt-button-collection button.dt-button
{
    width: 12em;
}

@media (max-width:600px) or (max-height:1024)
{	
	div.dt-button-collection.fixed {
		 top: 40%;
		 left: 45%;
	}
}

/* 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, hsl(120, 40%, 80%) 0%, hsl(120, 40%, 90%) 100%);
    box-shadow: 1px 1px 3px #a0a0cf inset;
    font-weight: bold;
}

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

/* 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;
  }
}

/* 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;
}

td.child.odd {
    background: #f9f9f9 !important;
} 

tr.child.odd > td > table td.responsiveContent {
	  background-color: #f9f9f9 !important;
}

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

td.responsiveContent {
    text-align: left;
}

.dtr-title, .dtr-data {
    font-size: small;
}