/* Separated table rows: presentation only, retaining native column alignment. */
.tablewrap{
  background:var(--canvas);
  padding:0 20px 4px 10px;
}
.tablewrap table{
  border-collapse:separate;
  border-spacing:0 8px;
}
.tablewrap th{
  background:var(--canvas);
  box-shadow:0 -8px 0 var(--canvas),0 8px 0 var(--canvas);
}
.tablewrap tbody td{
  background:#fff;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.tablewrap tbody td:first-child{
  border-left:1px solid var(--border);
  border-radius:10px 0 0 10px;
}
.tablewrap tbody td:last-child{
  border-right:1px solid var(--border);
  border-radius:0 10px 10px 0;
}
.tablewrap tbody tr:hover td{
  background:#f7fbff;
  border-top-color:#b9d3ed;
  border-bottom-color:#b9d3ed;
}
.tablewrap tbody tr:hover td:first-child{border-left-color:#b9d3ed}
.tablewrap tbody tr:hover td:last-child{border-right-color:#b9d3ed}
.tablewrap tbody tr.selected td{background:var(--soft);border-top-color:#b9d3ed;border-bottom-color:#b9d3ed}
.tablewrap tbody tr.selected td:first-child{border-left-color:#b9d3ed}
.tablewrap tbody tr.selected td:last-child{border-right-color:#b9d3ed}
@media(max-width:600px){.tablewrap{padding-left:6px;padding-right:6px}}