table.responsive {
        width: 100%;
        border-collapse: collapse;
        border: none;
        margin: 10px 0;
      }
      
tr.table-header > th {
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: none;
}
      table.responsive th,
       table.responsive td {
        border: 1px solid #ccc;
        padding: 10px;
        text-align: left;
      }
 

table.responsive th:first-of-type {
    width: 50%;
}

 table.responsive th {
    width: 10%;
}
 table.responsive td:first-of-type {
    text-align: left !important;
}

 table.responsive td {
    text-align: left !important;
}
      /* Zebra striping for table rows */
       table.responsive tr:nth-child(odd) {
        background-color: rgb(
          239,
          238,
          238
        ); /* Light gray for every other row */
      }
      
      th.table-label{
        	/*display:block!important;*/
        	width: 50%;
        }
        
      /*Borders and Colors*/
      tr.table-header {
    border-bottom: 3px solid #003660 !important;
    background: #e6f2ff !important;
}

table.responsive {
    background: white !important;
}

table.responsive th,
table.responsive td {
    border: 1px solid #c8e4ff;
}

table.responsive tr:nth-child(odd) {
    background-color: white;
}

table.responsive tbody tr:nth-child(even) {
    background: #eef5fc!important;
}

tr.table-footer {
    border-top: 2px solid #003660;
    background: #FFFFFF !important;
}
      /* Mobile View */
      @media (max-width: 768px) {
         table.responsive table,
         table.responsive tbody,
         table.responsive tr,
         table.responsive th,
         table.responsive td {
          display: block;
        }

         table.responsive tr {
          margin-bottom: 10px;
        }

        table.responsive th {
          background-color: lightgray;
          text-align: left;
          padding-left: 15px;
          display: none;
        }
        
        th.table-label{
        	display:block!important;
        	/*width: 50%;*/
        }

         table.responsive td {
          text-align: left;
          /*padding-left: 15px;*/
          position: relative;
          padding-left: 100px!important;
          height: auto;
        }

         table.responsive td:before {
          content: attr(data-label); /* Use the column header as the label */
          position: absolute;
          left: 10px;
          width: 80px;
          white-space: nowrap;
          font-weight: bold;
          text-align: left !important;
        }
        /* Course labels*/
        table.responsive td:nth-of-type(1) {
    background: #c8e4ff;
    border-bottom: 2px solid #003660 !important;
        }
    table.responsive tr:nth-child(even) {
    background-color: white;
}
table.responsive th {
        background-color: #efd78e;
        width: 100%;
}
      }