:root {
  /* Status Colors */
  --priority-unassigned: #2e86de;
  --priority-1: #7b241c;
  --priority-2: #af601a;
  --priority-3: #7d6608;
  --priority-4: #1e8449;
  --priority-5: #566573;
  --pastDue: red;
}

.list-container {
  /* position: absolute;
  z-index: 2;
  right: 0; */
  /* background-color: white; */
  grid-area: 1/1;

  width: 50%;
  height: 100%;
}

.item {
  background-color: rgb(168, 191, 199);
  padding: 0 5px 0 5px;
  border-bottom: 1px solid #0f172a;
  border-radius: 2px;
  cursor: grab;
  transition: transform 0.2s ease;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hover {
  opacity: 0.5;
}

.p1 {
  background-color: var(--priority-1);
}
.p2 {
  background-color: var(--priority-2);
}
.p3 {
  background-color: var(--priority-3);
}
.p4 {
  background-color: var(--priority-4);
}
.p5 {
  background-color: var(--priority-5);
}

.item:hover {
  white-space: normal;
  height: auto;
}

.jH1 {
  min-height: 29px;
}
.jH2 {
  min-height: 59px;
}