.tasks-list-item-container {
  display: flex;
  flex: none;
  flex-direction: column;
  padding: 1.5% 3%;
}

.tasks-list-item-container:nth-child(odd) {
  background-color: #f8f8f8;
}

.tasks-list-item-container:nth-child(even) {
  background-color: #fff;
}

.tasks-list-item__header {
  display: flex;
  justify-content: space-between;
}

.tasks-list-item__project-name {
  color: #363636;
  font-size: 11px;
}

.tasks-list-item__date {
  color: #7c7c7c;
  font-size: 10px;
}

.tasks-list-item__text-container {
  align-items: flex-start;
  display: flex;
  margin: 1% 0;
  overflow: hidden;
}

.tasks-list-item__text {
  /* padding-left: 10%; */
  color: #6d6c6c;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tasks-list-item-container {
  cursor: pointer;
}