#cpt-search-wrapper { position: relative; margin-bottom: 1em; }
#cpt-search { width:100%; padding:.5em; box-sizing:border-box; }
.cpt-results {
  position:absolute; top:100%; left:0; right:0;
  background:#fff; border:1px solid #ccc;
  max-height:200px; overflow-y:auto;
  margin:0; padding:0; list-style:none;
  display:none; z-index:999;
}
.cpt-results li { padding:.5em; cursor:pointer; }
.cpt-results li:hover { background:#f0f0f0; }

#cpt-table { width:100%; border-collapse:collapse; }
#cpt-table th, #cpt-table td {
  padding:.5em; text-align:left; border:1px solid #ddd;
}
#cpt-table tbody tr:hover { background:#f9f9f9; }
#cpt-table .negative { color:#e74c3c; }
#cpt-table .positive { color:#2ecc71; }

/* mobile-friendly */
@media (max-width:600px) {
  #cpt-table, #cpt-table thead, #cpt-table tbody,
  #cpt-table th, #cpt-table td, #cpt-table tr { display:block !important; }
  #cpt-table tr { margin-bottom:1em !important; }
  #cpt-table th { display:none !important; }
  #cpt-table td {
    display:flex !important; justify-content:space-between !important;
    padding:.5em 0 !important; border:none !important; border-bottom:1px solid #eee !important;
  }
  #cpt-table td::before { content:attr(data-label) !important; font-weight:600 !important; }
}