/* BIGSYS_DOC_LIST_ID_BADGE_CSSONLY_V3_START */

.doc-invoice-item[data-action="loadInvoice"][data-invoice-id],
.doc-invoice-item-row[data-action="loadInvoice"][data-invoice-id]{
  position: relative !important;
  padding-right: 76px !important;
}

.doc-invoice-item[data-action="loadInvoice"][data-invoice-id]::after,
.doc-invoice-item-row[data-action="loadInvoice"][data-invoice-id]::after{
  content: "ID " attr(data-invoice-id) !important;

  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  min-width: 54px !important;
  height: 26px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;

  color: #dbeafe !important;
  background: rgba(59,130,246,.22) !important;
  border: 1px solid rgba(96,165,250,.45) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.18) !important;

  pointer-events: none !important;
  z-index: 4 !important;
}

.doc-invoice-row.active .doc-invoice-item[data-action="loadInvoice"][data-invoice-id]::after,
.doc-invoice-item.invoice-selected-left[data-action="loadInvoice"][data-invoice-id]::after{
  color: #ffedd5 !important;
  background: rgba(245,158,11,.28) !important;
  border-color: rgba(245,158,11,.65) !important;
}

/* BIGSYS_DOC_LIST_ID_BADGE_CSSONLY_V3_END */