/**
 * @file
 * Styles for table components.
 */
 
table {
  width: 100%;
  font-size: 0.857em;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0;
}

/* Hintergrund der Kopfleiste soll grau sein */
table tr th {
  background: #f5f5f7;
}

/* Schriftart in der Kopfzeile von Tabellen soll schwarz und fett sein */
table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
  color: #3b3b3b;
  font-weight: bold;
}

/* Der Text in Tabellen soll prinzipiell linksbündig sein und einen kleinen Abstand haben */
tr td,
tr th {
  text-align: left;
  padding: 4px 9px;
}

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

/* Beim Hover über Zeilen in Tabellen, soll die Hintergrundfarbe grau sein und der Curser sich ändern */
tr:hover {
  background: #f5f5f7;
}

td {
  padding: 4px 9px;
}

/* Der Sortierpfeil soll richtig positioniert werden */
.tablesort {
  width: 14px;
  height: 14px;
  margin: 1px 0 0 5px;
  vertical-align: top;
}

/* 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;
  }
}