[draggable] {
  user-select: none; /* Prevent the text contents of draggable elements from being selectable. */
  border: 1px solid #666666;
  background-color: #ccf;
  border-radius: 3px;
  margin: 2px;
  padding: 5px;
}

.column {
  float: left;
  border: 2px solid #343a40;
  background-color: #fff;
  margin-right: 5px;
  border-radius: 10px;
  text-align: center;
  cursor: move;
  min-height: 150px;
}

.columnContent {
  width: 150px;
  float: left;
  overflow-y: auto;
  max-height: 300px;
}
.column header {
  color: #fff;
  padding: 5px;
  background: #007bff;
  border-bottom: 1px solid #343a40;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.column.over {
  border: 2px dashed #f00;
}