/* 
  // Tables - Test Content
*/

/* ========= VARIABLES ========= */
:root {
    --themelight: #72c7e7;
    --themedark: #263F6A;
    --themehighlight: #ca7700;
    --themecolor1: #;
    --themecolor2: #;
    --themecolor3: #;

    --themelightgrey: #888;
    --themedarkgrey: #555;
    --fontheading: Helvetica, Arial, sans-serif;
    --fontbody: Helvetica, Arial, sans-serif;
    --shadowfilter: drop-shadow(0px 0px 3px rgb(0 0 0/40%));

}

.gatablescroll {
  overflow-x:auto;
  margin-bottom: 30px;
}

/* ===== Recolours bottom border of tables ===== */
table.gatable tbody tr:last-child td {
  border-bottom: 1px solid  var(--themedark);
}
/* ===== Recolours top border of tables with no header ===== */
table.gatable.noheaderrow {
  border-top: 1px solid var(--themedark);
}

/* ===== Table text margin on last P tag of cell ===== */
table.gatable p:last-child {
  margin-bottom: 0px;
}

/* ===== Margin after table ===== */
table.gatable {
  margin-bottom: 0!important;
}

/* ===== Make table width 100% ===== */
table.widetable {
  width: 100%;
}

/* ===== Highlight table rows on hover ===== */
tbody tr:hover {
  background-color: rgba(114,199,231,0.1)!important;
}

table.gatable th a {
    color: #fff;
    text-decoration:underline;
}

table.gatable th a:hover {
    color: #fff;
    text-decoration:none;
}

/* ===== Table border on header rows ===== */
table.multiheader th {
    border: 1px solid #fff;
}
table.gatable th {
    border: 1px solid #fff;
    font-weight: normal;
}
.tabletitle {
  margin-top: 30px;
  margin-bottom: 6px;
  font-style: italic;
  font-size: 1.4rem;
  line-height: inherit;
}
.tablesource {
  margin-top: -25px;
  margin-bottom: 30px;
  font-style: italic;
  font-size: 1.4rem;
  line-height: inherit;
}
ol.tablesource li:not(:last-child) {
  margin-bottom: 0px;
}
ol.tablesource  {
  margin-bottom: 19px;
}
.gatable p:last-child, .gatable ul:last-child, .gatable li:last-child  {
  margin-bottom: 0px;
}
a:focus {
  outline: none;
}

.gatable ul  {
  padding:0 0 0 15px;
  margin-top: 0px;
}
.ttleft, tr.ttleft th, tr.ttcenter th.ttleft {
  text-align: left;
}
.ttcenter, tr.ttcenter th {
  text-align: center;
}
.ttright, tr.ttright th {
  text-align: right;
}
table.gatable {
  border: none;
}
table.gatable tbody tr:nth-child(odd) {
    background: #fff;
}
table.gatable tbody tr:nth-child(even) {
    background: #efefef;
}
.trwhite {
background: #fff!important;
}
.trgrey {
background: #efefef!important;
}

.table-responsive th, table:not([class]) th {
    padding: 1rem 0.5rem;
    font-weight: bold;
    font-size: 14px;
}
.table-responsive th > p, table:not([class]) th > p {
    padding: 0;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
}
.table-responsive td, table:not([class]) td {
    padding: 1rem 0.5rem;
    font-weight: 100;
    font-size: 14px;
}
.table-responsive td > p, table:not([class]) td > p {
    padding: 0;
    font-weight: 100;
    font-size: 12px;
    margin: 0;
}
table, .table-responsive, table:not([class]) {
    border-collapse: collapse;
    margin-bottom: 30px;
}
.content table {
    margin-bottom: 30px;
}


table > tbody > tr {
  border-bottom: 1px solid #D8D8D8;
}
table > tbody > tr:last-child td {  /* Can use tr:not(:last-child) to access every other bottom border in a table */
    border-bottom: 1px solid  var(--themedark);;
}
table th{
    background-color: var(--themedark);
    vertical-align: middle;
    color: #fff !important;
}
table td {
    vertical-align: top;
}
/*p:not([class]) + p:not([class]) {
  margin: 1rem 0;
}*/
table p:last-child, table p:not([class]) + p:not([class]):last-child {
  margin-bottom: 0px;
}
table {
  background-color: #fff;
}
tbody tr:nth-child(even) {
  background: #efefef;
}
tbody tr:hover {
  background-color: rgba(114,199,231,0.1);
}
table th, table td {
    border: none;
}
th, td, th > p, td > p {
    line-height: 20px !important;
}
.table > thead > tr > th {
  vertical-align: inherit;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
.table-responsive th, .table-responsive td {
  white-space: normal !important;
}}
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

table.fixedHeader-floating {
  position: fixed !important;
  background-color: white;
}
table.fixedHeader-locked {
  position: absolute !important;
  background-color: white;
}
@media print {
  table.fixedHeader-floating {
    display: none;
  }
}