/* responsive-tables.fixed.css Responsive tables using only IDs: #table1 .. #table20. On small screens, <td>::before shows the associated column header label. No classes are used. */
 :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) {
     margin: 1em 0;
     border-collapse: collapse;
     width: 100%;
}
 :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) caption {
     text-align: left;
     font-style: italic;
     padding: 0.25em 0.5em 0.5em 0.5em;
}
 :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) th, :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td {
     padding: 0.25em 0.5em 0.25em 1em;
     vertical-align: top;
     text-align: left;
}
 :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) th {
     background-color: #cb4900;
     color: #fff;
     font-weight: bold;
}
 :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td::before {
     display: none;
}
 @media screen and (max-width: 800px) {
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20), :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) tr, :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td {
         display: block;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) th {
         display: none;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td::before {
         display: inline;
         font-weight: bold;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td {
         display: grid;
         grid-template-columns: 9em auto;
         grid-gap: 0.75em 0.5em;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) caption {
         font-style: normal;
         background-color: rgba(0,0,0,0.35);
         color: #fff;
         font-weight: bold;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td:nth-of-type(3) {
         text-align: left;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td:nth-of-type(4), :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td:nth-of-type(5) {
        /* customize alignment/width here if needed */
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td:nth-of-type(4)::before, :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td:nth-of-type(5)::before {
         text-align: left;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) td:nth-of-type(2)::before {
         font-style: normal;
    }
}
 @media print {
     body {
         font-size: 6pt;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) {
         page-break-inside: avoid;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) th {
         color: #000;
         border-bottom: 1pt solid #000;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) tr {
         border-top: 1pt solid #000;
    }
}
 @media print and (max-width: 5in) {
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) caption {
         background-color: #fff;
         border-bottom: 1pt solid #000;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) {
         page-break-inside: auto;
    }
     :is(#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14, #table15, #table16, #table17, #table18, #table19, #table20) tr {
         page-break-inside: avoid;
    }
}
 