/**
 * @file
 * Styles for Bootstrap Barrio's tables.
 */

 table {
	border: 0;
	border-spacing: 0;
	font-size: 0.857em;
	margin: 10px 0;
	width: 100%;
  }
  table table {
	font-size: 1em;
  }
  tr {
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0.6em;
  }
  thead > tr {
	border-bottom: 1px solid #000;
  }
  tr.odd {
	background: white;
	background: rgba(0, 0, 0, 0.105);
  }
  table tr th {
	background: white;
	border-bottom-style: none;
  }
  table tr th,
  table tr th a,
  table tr th a:hover,
  table tr th a:focus {
	color: black;
	font-weight: bold;
  }
  table tbody tr th {
	vertical-align: top;
  }
  tr td,
  tr th {
	padding: 4px 9px;
	border: 1px solid #fff;
	text-align: left; /* LTR */
  }
  [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;
	}
  }