:root {
  --primary-soft: #cdbebe;
}

.ticket-card.ticket-unread.active > .ticket-item, .ticket-list-items > .ticket-card.ticket-unread.is-active > .ticket-content {
  background: rgba(0, 0, 0, 0.075);
  opacity: 1;
}

.ticket-card.ticket-read, .ticket-list-items > .ticket-card.ticket-read > .ticket-content {
  background-color: var(--primary-soft);
  font-weight: normal !important;
  opacity: 0.5;
}

.ticket-card.ticket-read > .ticket-item > .ticket-title, .ticket-list-items > .ticket-card.ticket-read > .ticket-content > .ticket-title {
  font-weight: normal !important;
}

.ticket-card.ticket-read.active > .ticket-item, .ticket-list-items > .ticket-card.ticket-read.is-active > .ticket-content {
  background: rgba(0, 0, 0, 0.075);
  opacity: 1;
}

.sort-indicator {
  -webkit-text-stroke-width: thick;
}


.ticket-card:hover * .display-on-row-hover {
    display: inline-block!important;
}

.ticket-title {
    font-weight: 600;
    color: #0f172a;
    font-size: 15px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#RelatedTicketsCard .ticket-title,
#RelatedTicketsCard .ticket-category {
  display: block;             /* nodig voor ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
}