/*Responsive Tables from https://adrianroselli.com/2017/11/a-responsive-accessible-table.html*/

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    border-top: 1px solid #111;
}
    

.responsive-table  {
  margin: 1em 0;
  border-collapse: collapse;
/*   width: 100%; */
}

.responsive-table  caption {
  text-align: left;
  font-style: italic;
  padding: 0.25em 0.5em 0.5em 0.5em;
}

.responsive-table  th,
.responsive-table  td {
  padding: 0.25em 0.5em 0.25em 1em;
  vertical-align: text-top;
  text-align: left;
  /*text-indent: -0.5em;*/
}

.responsive-table  th {
  /*vertical-align: bottom;*/
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  vertical-align: text-top;
}

.responsive-table  td::before {
  display: none;
}

.responsive-table  tr:nth-child(even) {
  /*background-color: rgba(255, 255, 255, 0.25);*/
  
}

.responsive-table  tr:nth-child(odd) {
  /*background-color: rgba(255, 255, 255, 0.5);*/

}

.responsive-table  td:nth-of-type(2) {
  /*font-style: italic;*/
}

.responsive-table  th:nth-of-type(3),
.responsive-table  td:nth-of-type(3) {
  /*text-align: right;*/
}

.responsive-div {
  overflow: auto;
}

/*@media screen and (max-width: 37em), print and (max-width: 5in) {*/
@media screen and (max-width: 800px) {
  .responsive-table  table,
  .responsive-table  tr,
  .responsive-table  td {
    display: block;
  }
  .responsive-table  tr {
    padding: 0.7em 2vw;
  }
  .responsive-table  tr:first-of-type {
    /*display: none;*/
  }
   .responsive-table  th {
    display: none;
  }
 .responsive-table   td::before {
    display: inline;
    font-weight: bold;
  }
  .responsive-table  td {
    /*display: grid;*/
    grid-template-columns: 6em auto;
    grid-gap: 1em 0.5em;
  }
  .responsive-table  caption {
    font-style: normal;
    /*background-color: rgba(0, 0, 0, 0.35);*/
    /*color: #fff;*/
    font-weight: bold;
  }
  .responsive-table  td:nth-of-type(3) {
    text-align: left;
  }
  .responsive-table  td:nth-of-type(4), .responsive-table  td:nth-of-type(5) {
    /*text-align: right;*/
    /*width: 12em;*/
  }
  .responsive-table  td:nth-of-type(4)::before, .responsive-table  td:nth-of-type(5)::before {
    text-align: left;
  }
  .responsive-table  td:nth-of-type(2)::before {
    font-style: normal;
  }
}

@media print {
  body {
    font-size: 6pt;
    /*color: #000;*/
    /*background-color: #fff;*/
    /*background-image: none;*/
  }
  body,
  .responsive-main {
    margin: 0;
    padding: 0;
    /*background-color: #fff;*/
    border: none;
  }
  .responsive-table {
    page-break-inside: avoid;
  }
  .responsive-div {
    overflow: visible;
  }
  .responsive-table  th {
    color: #000;
    /*background-color: #fff;*/
    border-bottom: 1pt solid #000;
  }
  .responsive-table  tr {
    border-top: 1pt solid #000;
  }
}

@media print and (max-width: 5in) {
  .responsive-table  caption {
    /*color: #000;*/
    background-color: #fff;
    border-bottom: 1pt solid #000;
  }
  .responsive-table  table {
    page-break-inside: auto;
  }
  .responsive-table  tr {
    page-break-inside: avoid;
  }
}



/* IDs next  */


/*Responsive Tables from https://adrianroselli.com/2017/11/a-responsive-accessible-table.html*/

 
 
 

#responsive-table, #responsive-table1, #responsive-table2, #responsive-table3, #responsive-table4, #responsive-table5, #myTable, #Table, #Table1, #Table2, #Table3, #Table4, #Table5, #Table6 {
  margin: 1em 0;
  border-collapse: collapse;
/*   width: 100%; */
}

#responsive-table caption, #responsive-table1 caption, #responsive-table2 caption, #responsive-table3 caption, #responsive-table4 caption, #responsive-table5 caption, #myTable caption, #Table caption, #Table1 caption, #Table2 caption, #Table3 caption, #Table4 caption, #Table5 caption, #Table6 caption {
  text-align: left;
  font-style: italic;
  padding: 0.25em 0.5em 0.5em 0.5em;
}

#responsive-table th, #responsive-table1 th, #responsive-table2 th, #responsive-table3 th, #responsive-table4 th, #responsive-table5 th, #myTable th, #Table th, #Table1 th, #Table2 th, #Table3 th, #Table4 th, #Table5 th, #Table6 th,
#responsive-table td, #responsive-table1 td, #responsive-table2 td, #responsive-table3 td, #responsive-table4 td, #responsive-table5 td, #myTable td, #Table td, #Table1 td, #Table2 td, #Table3 td, #Table4 td, #Table5 td, #Table6 td {
  padding: 0.25em 0.5em 0.25em 1em;
  /*vertical-align: text-top;*/
  text-align: left;
  /*text-indent: -0.5em;*/
}

#responsive-table th, #responsive-table1 th, #responsive-table2 th, #responsive-table3 th, #responsive-table4 th, #responsive-table5 th, #myTable th, #Table th, #Table1 th, #Table2 th, #Table3 th, #Table4 th, #Table5 th, #Table6 th {
  vertical-align: bottom;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
}

#responsive-table td::before, #responsive-table1 td::before, #responsive-table2 td::before, #responsive-table3 td::before, #responsive-table4 td::before, #responsive-table5 td::before, #myTable td::before, #Table td::before, #Table1 td::before, #Table2 td::before, #Table3 td::before, #Table4 td::before, #Table5 td::before, #Table6 td::before {
  display: none;
}

#responsive-table tr:nth-child(even), #responsive-table1 tr:nth-child(even), #responsive-table2 tr:nth-child(even), #responsive-table3 tr:nth-child(even), #responsive-table4 tr:nth-child(even), #responsive-table5 tr:nth-child(even), #myTable tr:nth-child(even), #Table tr:nth-child(even), #Table1 tr:nth-child(even), #Table2 tr:nth-child(even), #Table3 tr:nth-child(even), #Table4 tr:nth-child(even), #Table5 tr:nth-child(even), #Table6 tr:nth-child(even) {
  /*background-color: rgba(255, 255, 255, 0.25);*/
  
}

#responsive-table tr:nth-child(odd), #responsive-table1 tr:nth-child(odd), #responsive-table2 tr:nth-child(odd), #responsive-table3 tr:nth-child(odd), #responsive-table4 tr:nth-child(odd), #responsive-table5 tr:nth-child(odd), #myTable tr:nth-child(odd), #Table tr:nth-child(odd), #Table1 tr:nth-child(odd), #Table2 tr:nth-child(odd), #Table3 tr:nth-child(odd), #Table4 tr:nth-child(odd), #Table5 tr:nth-child(odd), #Table6 tr:nth-child(odd) {
  /*background-color: rgba(255, 255, 255, 0.5);*/

}

#responsive-table td:nth-of-type(2), #responsive-table1 td:nth-of-type(2), #responsive-table2 td:nth-of-type(2), #responsive-table3 td:nth-of-type(2), #responsive-table4 td:nth-of-type(2), #responsive-table5 td:nth-of-type(2), #myTable td:nth-of-type(2), #Table td:nth-of-type(2), #Table1 td:nth-of-type(2), #Table2 td:nth-of-type(2), #Table3 td:nth-of-type(2), #Table4 td:nth-of-type(2), #Table5 td:nth-of-type(2), #Table6 td:nth-of-type(2) {
  /*font-style: italic;*/
}

#responsive-table th:nth-of-type(3), #responsive-table1 th:nth-of-type(3), #responsive-table2 th:nth-of-type(3), #responsive-table3 th:nth-of-type(3), #responsive-table4 th:nth-of-type(3), #responsive-table5 th:nth-of-type(3), #myTable th:nth-of-type(3), #Table th:nth-of-type(3), #Table1 th:nth-of-type(3), #Table2 th:nth-of-type(3), #Table3 th:nth-of-type(3), #Table4 th:nth-of-type(3), #Table5 th:nth-of-type(3), #Table6 th:nth-of-type(3),
#responsive-table td:nth-of-type(3), #responsive-table1 td:nth-of-type(3), #responsive-table2 td:nth-of-type(3), #responsive-table3 td:nth-of-type(3), #responsive-table4 td:nth-of-type(3), #responsive-table5 td:nth-of-type(3), #myTable td:nth-of-type(3), #Table td:nth-of-type(3), #Table1 td:nth-of-type(3), #Table2 td:nth-of-type(3), #Table3 td:nth-of-type(3), #Table4 td:nth-of-type(3), #Table5 td:nth-of-type(3), #Table6 td:nth-of-type(3) {
  /*text-align: right;*/
}

.responsive-div {
  overflow: auto;
}

@media screen and (max-width: 50em), print and (max-width: 8in) {
/*@media screen and (max-width: 37em), print and (max-width: 5in) {*/
  #responsive-table table, #responsive-table1 table, #responsive-table2 table, #responsive-table3 table, #responsive-table4 table, #responsive-table5 table, #myTable table, #Table table, #Table1 table, #Table2 table, #Table3 table, #Table4 table, #Table5 table, #Table6 table,
  #responsive-table tr, #responsive-table1 tr, #responsive-table2 tr, #responsive-table3 tr, #responsive-table4 tr, #responsive-table5 tr, #myTable tr, #Table tr, #Table1 tr, #Table2 tr, #Table3 tr, #Table4 tr, #Table5 tr, #Table6 tr,
  #responsive-table td, #responsive-table1 td, #responsive-table2 td, #responsive-table3 td, #responsive-table4 td, #responsive-table5 td, #myTable td, #Table td, #Table1 td, #Table2 td, #Table3 td, #Table4 td, #Table5 td, #Table6 td {
    display: block;
  }
  #responsive-table tr, #responsive-table1 tr, #responsive-table2 tr, #responsive-table3 tr, #responsive-table4 tr, #responsive-table5 tr, #myTable tr, #Table tr, #Table1 tr, #Table2 tr, #Table3 tr, #Table4 tr, #Table5 tr, #Table6 tr {
    /*padding: 0.7em 2vw;*/
  }
 #responsive-table th, #responsive-table1 th, #responsive-table2 th, #responsive-table3 th, #responsive-table4 th, #responsive-table5 th, #myTable th, #Table th, #Table1 th, #Table2 th, #Table3 th, #Table4 th, #Table5 th, #Table6 th {
    /* th elements do not remain visible */
     display: none;
  }
  #responsive-table tr:first-of-type, #responsive-table1 tr:first-of-type, #responsive-table2 tr:first-of-type, #responsive-table3 tr:first-of-type, #responsive-table4 tr:first-of-type, #responsive-table5 tr:first-of-type, #myTable tr:first-of-type, #Table tr:first-of-type, #Table1 tr:first-of-type, #Table2 tr:first-of-type, #Table3 tr:first-of-type, #Table4 tr:first-of-type, #Table5 tr:first-of-type, #Table6 tr:first-of-type {
    /* display: none; */
  }
 #responsive-table td::before, #responsive-table1 td::before, #responsive-table2 td::before, #responsive-table3 td::before, #responsive-table4 td::before, #responsive-table5 td::before, #myTable td::before, #Table td::before, #Table1 td::before, #Table2 td::before, #Table3 td::before, #Table4 td::before, #Table5 td::before, #Table6 td::before {
    display: inline;
    font-weight: bold;
  }
  #responsive-table td, #responsive-table1 td, #responsive-table2 td, #responsive-table3 td, #responsive-table4 td, #responsive-table5 td, #myTable td, #Table td, #Table1 td, #Table2 td, #Table3 td, #Table4 td, #Table5 td, #Table6 td {
    display: grid;
    grid-template-columns: 6em auto;
    grid-gap: 1em 0.5em;
  }
  #responsive-table caption, #responsive-table1 caption, #responsive-table2 caption, #responsive-table3 caption, #responsive-table4 caption, #responsive-table5 caption, #myTable caption, #Table caption, #Table1 caption, #Table2 caption, #Table3 caption, #Table4 caption, #Table5 caption, #Table6 caption {
    font-style: normal;
    /*background-color: rgba(0, 0, 0, 0.35);*/
    /*color: #fff;*/
    font-weight: bold;
  }
  #responsive-table td:nth-of-type(3), #responsive-table1 td:nth-of-type(3), #responsive-table2 td:nth-of-type(3), #responsive-table3 td:nth-of-type(3), #responsive-table4 td:nth-of-type(3), #responsive-table5 td:nth-of-type(3), #myTable td:nth-of-type(3), #Table td:nth-of-type(3), #Table1 td:nth-of-type(3), #Table2 td:nth-of-type(3), #Table3 td:nth-of-type(3), #Table4 td:nth-of-type(3), #Table5 td:nth-of-type(3), #Table6 td:nth-of-type(3) {
    text-align: left;
  }
  #responsive-table td:nth-of-type(4), #responsive-table1 td:nth-of-type(4), #responsive-table2 td:nth-of-type(4), #responsive-table3 td:nth-of-type(4), #responsive-table4 td:nth-of-type(4), #responsive-table5 td:nth-of-type(4), #myTable td:nth-of-type(4), #Table td:nth-of-type(4), #Table1 td:nth-of-type(4), #Table2 td:nth-of-type(4), #Table3 td:nth-of-type(4), #Table4 td:nth-of-type(4), #Table5 td:nth-of-type(4), #Table6 td:nth-of-type(4), 
  #responsive-table td:nth-of-type(5), #responsive-table1 td:nth-of-type(5), #responsive-table2 td:nth-of-type(5), #responsive-table3 td:nth-of-type(5), #responsive-table4 td:nth-of-type(5), #responsive-table5 td:nth-of-type(5), #myTable td:nth-of-type(5), #Table td:nth-of-type(5), #Table1 td:nth-of-type(5), #Table2 td:nth-of-type(5), #Table3 td:nth-of-type(5), #Table4 td:nth-of-type(5), #Table5 td:nth-of-type(5), #Table6 td:nth-of-type(5) {
    /*text-align: right;*/
    /*width: 12em;*/
  }
  #responsive-table td:nth-of-type(4)::before, #responsive-table1 td:nth-of-type(4)::before, #responsive-table2 td:nth-of-type(4)::before, #responsive-table3 td:nth-of-type(4)::before, #responsive-table4 td:nth-of-type(4)::before, #responsive-table5 td:nth-of-type(4)::before, #myTable td:nth-of-type(4)::before, #Table td:nth-of-type(4)::before, #Table1 td:nth-of-type(4)::before, #Table2 td:nth-of-type(4)::before, #Table3 td:nth-of-type(4)::before, #Table4 td:nth-of-type(4)::before, #Table5 td:nth-of-type(4)::before, #Table6 td:nth-of-type(4)::before, 
  #responsive-table td:nth-of-type(5)::before, #responsive-table1 td:nth-of-type(5)::before, #responsive-table2 td:nth-of-type(5)::before, #responsive-table3 td:nth-of-type(5)::before, #responsive-table4 td:nth-of-type(5)::before, #responsive-table5 td:nth-of-type(5)::before, #myTable td:nth-of-type(5)::before, #Table td:nth-of-type(5)::before, #Table1 td:nth-of-type(5)::before, #Table2 td:nth-of-type(5)::before, #Table3 td:nth-of-type(5)::before, #Table4 td:nth-of-type(5)::before, #Table5 td:nth-of-type(5)::before, #Table6 td:nth-of-type(5)::before {
    text-align: left;
  }
  #responsive-table td:nth-of-type(2)::before, #responsive-table1 td:nth-of-type(2)::before, #responsive-table2 td:nth-of-type(2)::before, #responsive-table3 td:nth-of-type(2)::before, #responsive-table4 td:nth-of-type(2)::before, #responsive-table5 td:nth-of-type(2)::before, #myTable td:nth-of-type(2)::before, #Table td:nth-of-type(2)::before, #Table1 td:nth-of-type(2)::before, #Table2 td:nth-of-type(2)::before, #Table3 td:nth-of-type(2)::before, #Table4 td:nth-of-type(2)::before, #Table5 td:nth-of-type(2)::before, #Table6 td:nth-of-type(2)::before {
    font-style: normal;
  }
}

@media print {
  body {
    font-size: 6pt;
    /*color: #000;*/
    /*background-color: #fff;*/
    /*background-image: none;*/
  }
  body,
  .responsive-main {
    margin: 0;
    padding: 0;
    /*background-color: #fff;*/
    border: none;
  }
  .responsive-table {
    page-break-inside: avoid;
  }
  .responsive-div {
    overflow: visible;
  }
  #responsive-table th, #responsive-table1 th, #responsive-table2 th, #responsive-table3 th, #responsive-table4 th, #responsive-table5 th, #myTable th, #Table th, #Table1 th, #Table2 th, #Table3 th, #Table4 th, #Table5 th, #Table6 th {
    color: #000;
    /*background-color: #fff;*/
    border-bottom: 1pt solid #000;
  }
  #responsive-table tr, #responsive-table1 tr, #responsive-table2 tr, #responsive-table3 tr, #responsive-table4 tr, #responsive-table5 tr, #myTable tr, #Table tr, #Table1 tr, #Table2 tr, #Table3 tr, #Table4 tr, #Table5 tr, #Table6 tr {
    border-top: 1pt solid #000;
  }
}

@media print and (max-width: 5in) {
  #responsive-table caption, #responsive-table1 caption, #responsive-table2 caption, #responsive-table3 caption, #responsive-table4 caption, #responsive-table5 caption, #myTable caption, #Table caption, #Table1 caption, #Table2 caption, #Table3 caption, #Table4 caption, #Table5 caption, #Table6 caption {
    /*color: #000;*/
    /*background-color: #fff;*/
    border-bottom: 1pt solid #000;
  }
  #responsive-table table, #responsive-table1 table, #responsive-table2 table, #responsive-table3 table, #responsive-table4 table, #responsive-table5 table, #myTable table, #Table table, #Table1 table, #Table2 table, #Table3 table, #Table4 table, #Table5 table, #Table6 table {
    page-break-inside: auto;
  }
  #responsive-table tr, #responsive-table1 tr, #responsive-table2 tr, #responsive-table3 tr, #responsive-table4 tr, #responsive-table5 tr, #myTable tr, #Table tr, #Table1 tr, #Table2 tr, #Table3 tr, #Table4 tr, #Table5 tr, #Table6 tr {
    page-break-inside: avoid;
  }
}