.earnings-table {
     border-collapse: separate;
     margin: 0;
     padding: 0;
     width: 100%;
     table-layout: fixed;
     border-radius:1em;
     overflow:hidden;
     border-spacing: 0 10px;
}

 .table>tbody>tr>td {
    border-top: 0!important;
}

 .earnings-table caption {
     font-size: 1.5em;
     margin: .5em 0 .75em;
}
 .earnings-table.collapse {
     border-collapse: collapse;
}
 .earnings-table tr {
     background-color:#F4F4F4;
     vertical-align: middle!important;
     font-size:17px;
     border-radius: 10px;
}
 .earnings-table tr:hover td{
     background-color:#E7E7E7;
}
 .earnings-table th, .earnings-table td {
     background-color:#F4F4F4;
     padding: .625em;
     text-align: center;
     vertical-align:middle;
     font-size:1em;
     vertical-align: middle!important;
}
 .earnings-table td:first-child {
      border-radius: 10px 0 0 10px;
    }

   .earnings-table td:last-child {
      border-radius: 0 10px 10px 0;
    }

 .earnings-table th {
     font-size: .85em;
     letter-spacing: .1em;
     text-transform: uppercase;
     vertical-align: middle!important;
     background-color:white;
     border-radius: 10px;
}
 @media screen and (max-width: 800px) {
     .earnings-table tr:hover td{
     background-color:F4F4F4;
    }
     .earnings-table {
         border: 0;
    }
     .earnings-table td {
         border-bottom:none;
         border-top:none;
    }
     .earnings-table caption {
         font-size: 1.3em;
    }
     .earnings-table thead {
         border: none;
         clip: rect(0 0 0 0);
         height: 1px;
         margin: -1px;
         overflow: hidden;
         padding: 0;
         position: absolute;
         width: 1px;
    }
     .earnings-table tr {
         border-bottom: 5px solid #ddd;
         display: block;
         margin-bottom: .625em;
         border-radius: 1rem;
         vertical-align: middle!important;
    }
     .earnings-table td {
         display: block;
         text-align: right;
         margin: 0 15px;

    }
    .table>tbody>tr>td {
        padding:0;
        margin-bottom: 15px;
    }
     .earnings-table td::before {
        /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label);
         */
         content: attr(data-label);
         float: left;
         font-weight: bold;
         text-transform: uppercase;
    }
     .earnings-table td:last-child {
         border-bottom: 0;
    }

}