/* =========================
   Tables
   ========================= */

/* spec table (basic info) */
.pota-spec-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.pota-spec-table th,
.pota-spec-table td{
  padding: 10px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  vertical-align: top;
}
.pota-spec-table th{
  width: 36%;
  color: rgba(0,0,0,.62);
  font-weight: 700;
}

/* results table */
.pota-results-wrap{ overflow-x:auto; -webkit-overflow-scrolling: touch; }
.pota-results-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 860px;
}
.pota-results-table th,
.pota-results-table td{
  padding: 10px;
  border: 1px solid rgba(0,0,0,.08);
  vertical-align: top;
}
.pota-results-table thead th{
  background: rgba(0,0,0,.03);
  white-space: nowrap;
}

/* success/fail highlight */
.pota-results-table tr.is-success{ background: rgba(0, 160, 90, .06); }
.pota-results-table tr.is-fail{    background: rgba(220, 60, 60, .06); }
.pota-results-table tr.is-success td:first-child{ border-left: 6px solid rgba(0, 160, 90, .55); }
.pota-results-table tr.is-fail td:first-child{    border-left: 6px solid rgba(220, 60, 60, .55); }

.pota-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius: 999px;
  font-weight: 900;
  white-space: nowrap;
}
.pota-badge--success{ background: rgba(0,160,90,.14); }
.pota-badge--fail{    background: rgba(220,60,60,.14); }