@media only screen and (min-width: 1200px) {
    /* XL */
    table {
      width: 100% !important;
      font-size: 13px !important;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* L */
    table {
      width: 100% !important;
      font-size: 12px !important;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    /* M */
    table {
      width: 100% !important;
      font-size: 10px !important;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    /* S */
    table {
      width: 100% !important;
      font-size: 8px !important;
    }
  }
  @media only screen and (max-width: 574px) {
    /* XS */
    table {
      width: 100% !important;
      font-size: 7px !important;
  
    }
  }
  table {
    width: 100% !important;
    margin-top: 30px;
    table-layout: auto !important;
  
  }
  
  table,
  td,
  th {
    border-collapse: collapse !important;
    border: 0.5px dashed gray !important;
  }
  
  th {
    border-collapse: collapse !important;
    border: 1px solid #fff !important;
    background-color: #146C94 !important;
    color: #fff;
  
    text-align: center !important;
  }
  
  table tbody tr:nth-child(even) {
    background: #fff;
    color: black;
    padding-top: 50px !important;
  }
  
  table tbody tr:nth-child(even):hover {
    background: #7291f9;
    color: #fff;
  }
  
  table tbody tr {
      background: #C4DFDF;
    color: black;
    padding-top: 50px !important;
  }
  
  
  
  table tbody tr:hover {
    background: #7291f9;
    color: #fff;
  }
  
  th,
  td {
    text-align: center;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }