/**
 * @file
 * Styles for Bartik's tables.
 */

 table {
    width: 100%;
    margin: 10px 0;
    border-spacing: 0;
    border: 0;
    border-collapse: collapse;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 0.857em;
    background-color: var(--leafe-white);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  }
  table table {
    font-size: 1em;
  }
  tr {
    padding: 0.1em 0.6em;
    border-bottom: 1px solid #ccc;
    background: #efefef;
    background: rgba(0, 0, 0, 0.063);
  }
  thead > tr {
    border-bottom: 1px solid #000;
  }
  tr.odd {
    background: #e4e4e4;
    background: rgba(0, 0, 0, 0.105);
  }
  table tr th {
    border-bottom-style: none;
    background: #757575;
    background: rgba(0, 0, 0, 0.51);
  }
  table tr th,
  table tr th a,
  table tr th a:hover,
  table tr th a:focus {
    color: #fff;
    font-weight: bold;
  }
  table tbody tr th {
    vertical-align: top;
  }
  tr td,
  tr th {
    padding: 4px 9px;
    text-align: left; /* LTR */
    border: 1px solid #fff;
    color: #444444;
  }
  .tabledrag-handle:hover,
  .tabledrag-handle {
    border: none;
  }
  [dir="rtl"] tr td,
  [dir="rtl"] tr th {
    text-align: right;
  }
  
  /**
   * Responsive tables.
   */
  @media screen and (max-width: 37.5em) { /* 600px */
    th.priority-low,
    td.priority-low,
    th.priority-medium,
    td.priority-medium {
      display: none;
    }
  }
  
  @media screen and (max-width: 60em) { /* 920px */
    th.priority-low,
    td.priority-low {
      display: none;
    }
  }