table {
     margin: auto;
     font-size: 14px;
     border-collapse: collapse;
 }

/*
td  {
     background: white;
     border: 1px solid #999;
     border-radius: 6px;
 }
 */



 tr:not(:first-child) {
     font-family: Courier New;
     font-size: 16px;
     border-top: 1px solid #666;
     background: #fffa;
 }


 th {
     vertical-align: bottom;
     text-align: left;
 }

 td, th {
     padding: 4px 12px;
 }

 th.rotate {
     vertical-align: initial;
     height: 80px;
     white-space: nowrap;
 }

 th.rotate > div {
   width: 0;
   float: right;

   transform:
     translate(-6px, 64px)
     rotate(315deg);

 }

 td.right {
     text-align: right;
 }

 td.padright, th.padright {
     padding-right: 24px;
 }

 td:nth-child(6) {
     font-weight: bold;
 }

 .loader {
    display: block;
    margin: 48px auto;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
 }
 @keyframes mulShdSpin {
    0%,
    100% { box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(30,30,30, 0.2), 2.5em 0em 0 0em rgba(30,30,30, 0.2), 1.75em 1.75em 0 0em rgba(30,30,30, 0.2), 0em 2.5em 0 0em rgba(30,30,30, 0.2), -1.8em 1.8em 0 0em rgba(30,30,30, 0.2), -2.6em 0em 0 0em rgba(30,30,30, 0.5), -1.8em -1.8em 0 0em rgba(30,30,30, 0.7); }
    12.5% { box-shadow: 0em -2.6em 0em 0em rgba(30,30,30, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(30,30,30, 0.2), 1.75em 1.75em 0 0em rgba(30,30,30, 0.2), 0em 2.5em 0 0em rgba(30,30,30, 0.2), -1.8em 1.8em 0 0em rgba(30,30,30, 0.2), -2.6em 0em 0 0em rgba(30,30,30, 0.2), -1.8em -1.8em 0 0em rgba(30,30,30, 0.5); }
    25% { box-shadow: 0em -2.6em 0em 0em rgba(30,30,30, 0.5), 1.8em -1.8em 0 0em rgba(30,30,30, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(30,30,30, 0.2), 0em 2.5em 0 0em rgba(30,30,30, 0.2), -1.8em 1.8em 0 0em rgba(30,30,30, 0.2), -2.6em 0em 0 0em rgba(30,30,30, 0.2), -1.8em -1.8em 0 0em rgba(30,30,30, 0.2); }
    37.5% { box-shadow: 0em -2.6em 0em 0em rgba(30,30,30, 0.2), 1.8em -1.8em 0 0em rgba(30,30,30, 0.5), 2.5em 0em 0 0em rgba(30,30,30, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(30,30,30, 0.2), -1.8em 1.8em 0 0em rgba(30,30,30, 0.2), -2.6em 0em 0 0em rgba(30,30,30, 0.2), -1.8em -1.8em 0 0em rgba(30,30,30, 0.2); }
    50% { box-shadow: 0em -2.6em 0em 0em rgba(30,30,30, 0.2), 1.8em -1.8em 0 0em rgba(30,30,30, 0.2), 2.5em 0em 0 0em rgba(30,30,30, 0.5), 1.75em 1.75em 0 0em rgba(30,30,30, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(30,30,30, 0.2), -2.6em 0em 0 0em rgba(30,30,30, 0.2), -1.8em -1.8em 0 0em rgba(30,30,30, 0.2); }
    62.5% { box-shadow: 0em -2.6em 0em 0em rgba(30,30,30, 0.2), 1.8em -1.8em 0 0em rgba(30,30,30, 0.2), 2.5em 0em 0 0em rgba(30,30,30, 0.2), 1.75em 1.75em 0 0em rgba(30,30,30, 0.5), 0em 2.5em 0 0em rgba(30,30,30, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(30,30,30, 0.2), -1.8em -1.8em 0 0em rgba(30,30,30, 0.2); }
    75% { box-shadow: 0em -2.6em 0em 0em rgba(30,30,30, 0.2), 1.8em -1.8em 0 0em rgba(30,30,30, 0.2), 2.5em 0em 0 0em rgba(30,30,30, 0.2), 1.75em 1.75em 0 0em rgba(30,30,30, 0.2), 0em 2.5em 0 0em rgba(30,30,30, 0.5), -1.8em 1.8em 0 0em rgba(30,30,30, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(30,30,30, 0.2); }
    87.5% { box-shadow: 0em -2.6em 0em 0em rgba(30,30,30, 0.2), 1.8em -1.8em 0 0em rgba(30,30,30, 0.2), 2.5em 0em 0 0em rgba(30,30,30, 0.2), 1.75em 1.75em 0 0em rgba(30,30,30, 0.2), 0em 2.5em 0 0em rgba(30,30,30, 0.2), -1.8em 1.8em 0 0em rgba(30,30,30, 0.5), -2.6em 0em 0 0em rgba(30,30,30, 0.7), -1.8em -1.8em 0 0em #000000; }
 }



 @media (max-width: 650px) {
     .body-content {
         font-size: 14px;
     }

     table {
         width: 100%;
         font-size: 12px;
     }

     tr:not(:first-child) {
         font-size: 14px;
     }

     th.rotate > div {
       transform:
         translate(-6px, 64px)
         rotate(270deg);
       width: 0;
     }
 }

 @media (max-width: 550px) {
     td, th {
         padding: 2px 5px;
     }

     td.padright, th.padright {
         padding-right: 12px;
     }

     tr:not(:first-child) {
         font-size: 13px;
     }
 }
 @media (max-width: 400px) {
     td, th {
         padding: 2px 4px;
         max-width: 80px;
     }

     td.padright, th.padright {
         padding-right: 6px;
     }

 }