body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #888;
	text-align: left;
}

table {
	width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
	border-collapse: collapse;
}
table#fred {
	max-width:800px;
}
thead {
	background: #222;
}
thead th {
	vertical-align: bottom;
	border-bottom: 2px solid rgba(0,0,0,0.05);
	border-bottom-width: 2px;
	padding: 0.75rem;
}
table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid rgba(0,0,0,0.05);
}


/* ARIA attributes */
th[aria-sort="ascending" i]::after {
	 content: "\25b2";
	 font-size: 0.7em;
	 padding-left: 3px;
	 line-height: 0.7em;
 }
 
 th[aria-sort="descending" i]::after {
	 content: "\25bc";
	 font-size: 0.7em;
	 padding-left: 3px;
	 line-height: 0.7em;
 }

 /* Anything "busy" should fade out */
 [aria-busy="true" i] {
	opacity: 0.2;
	cursor: wait;
 }

 [aria-expanded="true" i]::after {
  content: "▾"; /* down arrow */
  padding-left: 0.3em;
}
[aria-expanded="false" i]::after {
  content: "▸"; /* right arrow */
  padding-left: 0.3em;
}

[aria-current="page" i],
[aria-current="true" i] {
  font-weight: bold;
  text-decoration: underline;
}

[aria-disabled="true" i],
:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

[aria-invalid="true" i] {
  border-color: var(--color-accent);
  background: #ffe6e6; /* light red hint */
}

[required] {
  border-color: var(--color-accent);
}
[required]::after {
  content: " *";
  color: var(--color-accent);
}
[readonly] {
  background: var(--color-border);
  color: var(--color-muted);
}
[hidden] {
  display: none !important;
}



/* Zebra striping */
tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,0.02);
}