table {
    width: 70%;
    margin-bottom: 1rem;
    border-radius: 0;
    border-collapse: collapse;
    border-spacing: 0;}

    table.custom-table{
      width: 100%;
    }
    table.custom-table tr {
        display: inherit;
        width: 100%;
        max-width: 100%;
    }
    table thead,
    table tbody,
    table tfoot {
      border: 1px solid #9f9f9f;
      background-color: #fefefe; }
    table caption {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold; }
    table thead {
      background: #01b8f2;
      color: #FFFFFF; }
    table tfoot {
      background: #f1f1f1;
      color: #0a0a0a; }
    table thead tr,
    table tfoot tr {
      background: transparent; }
    table thead th,
    table tfoot th {
      padding: 1rem;
      text-align: center}
    table thead td,
    table tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: left; }
    table tbody th,
    table tbody td {
      padding: 0.625rem; }
    table tbody tr:nth-child(even) {
      border-bottom: 0;
      background-color: #f7f7f7; }
    table.unstriped tbody {
      background-color: #FFFFFF; }
      table.unstriped tbody tr {
        border-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
        background-color: #fefefe; }
    table tr th {
      background: #01b8f2;
      color: #FFFFFF;
      font-weight: bold;
      text-align: center;
    }

  @media screen and (max-width: 768px) {
      table, tbody {
          border: none! important;
      }
      tr {
          border: 1px solid #9f9f9f;
          /*display: flex;*/
          flex-direction: column;
          /*width: 400px;*/
          margin-bottom: 30px;
      }
      tr th, tr td {
          border-left: none;
          border-right: none;
          border-top: none;
          border-bottom: 1px solid #9f9f9f;
      }
      .no-resize tr {
          display: table-row!important;
      }
  }