.imatic-kanban-board {
  display: flex;
}

.imatic-kanban-panel {
  padding: 0 0.25em;
  margin: 0 0.25em;
  background-color: #e3e3e3;
}

.imatic-kanban-panel-droppable {
  width: 100%;
  height: 100vh;
  z-index: 2000;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  background-color: #e3e3e3;
}

.imatic-kanban-status-droppable {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin-bottom: 1em;
  border: 1px dashed;
}
.imatic-kanban-status-droppable-hover {
  background-color: #5A5A5A;
  color: #fff;
}
.imatic-kanban-status-droppable:last-child {
  margin-bottom: 0;
}

.imatic-kanban-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.imatic-kanban-card {
  border: 1px solid;
  margin: 0.25em 0;
  padding: 0;
  display: flex;
}

.imatic-kanban-card:nth-of-type(odd):not(.imatic-kanban-card--ghost) {
    background-color: #f9f9f9;
}
.imatic-kanban-card:nth-of-type(even):not(.imatic-kanban-card--ghost) {
    background-color: #fff;
}

.imatic-kanban-card > div {
  padding: 0.5em;
}

.imatic-kanban-card > div:first-child {
  border-right: 1px solid;
}

.imatic-kanban-card--ghost {
  background-color: #e3e3e3;
}

.imatic-nowrap {
  white-space: nowrap;
}

/* copied from css/default.css as original required td element */
.due-0 { background-color: red; color: #ffffff; font-weight: bold; }
.due-1 { background-color: darkorange; color: #ffffff; font-weight: bold; }
.due-2 { background-color: green; color: #ffffff; font-weight: bold; }