/* tables */

.table-wrapper{
    max-width: 100%;
    overflow-x: auto;
  }
  
  .table-wrapper > table{
    min-width:360px;
  }
  
  table { 
    width: 100%; 
    border-collapse: collapse;
    margin:1rem 0 2rem 0;
    border:0;
  }

  tr{
    border-bottom: 1px solid #ccc; 
  }

  /* Zebra striping */
  tr:nth-of-type(odd) { 
    background: var(--grey-very-light); 
  }

  td, th { 
    padding: 6px; 
    text-align: left;
    vertical-align: top;
    font-size:0.875rem;
    border:0;
  }
  
  th { 
    background: white;
    color:var(--dark);
    font-weight: var(--strong);
  }


  .separator {
    display: inline-block;
    width: 2px;
    height: 1rem;
    margin: 0 0.5rem;
    background-color: var(--accent);
  }