.days-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.day-tag {
  border-radius: 4px;
  cursor: pointer;
  line-height: 20px;
  margin: 4px 0;
  padding: 6px 16px;
  width: fit-content;
}

  .day-tag.default {
    background-color: #f7f7f7;
    color: #8c8c8c;
    transition: background-color .1s,color .1s;
  }

  .day-tag.active {
    background-color: #f2fbff;
    color: #1b9aee;
    transition: background-color .1s,color .1s;
  }

    .day-tag.active:hover {
      background-color: #ccecff;
      color: #0171c2;
    }

  .day-tag.default:hover {
    background-color: #e5e5e5;
    color: #595959;
  }

  .day-tag:not(:last-child) {
    margin-right: 12px;
  }

.container-level {
  width: 60px;
  height: 8px;
  border-radius: 9999px;
  background-color: #e5e5e5;
}

.container-todo-item {
  padding: 5px 4px;
  border-radius: 4px;
  cursor: pointer;
}

.container-todo-item > p {
  margin-bottom: 0px !important;
}

.container-todo-item.pending {
  background: rgba(255, 253, 198, 0.50);
}

.container-todo-item.pending:hover {
  background: #FFFDC6;
}

.container-todo-item.pending > p {
  color: #898416;
}

.container-todo-item.pending .dot-item {
  background-color: #898416;
}

.container-todo-item.todo {
  background-color: unset;
}

.container-todo-item.todo:hover {
  background-color: #F1F7F7;
}

.container-todo-item.todo > p {
  color: #575E72;
}

.container-todo-item.todo .dot-item {
  background-color: #575E72;
}

.container-todo-item.doing {
  background: rgba(236, 240, 255, 0.50);
}

.container-todo-item.doing:hover {
  background: #ECF0FF;
}

.container-todo-item.doing > p {
  color: #355CAA;
}

.container-todo-item.doing .dot-item {
  background-color: #355CAA;
}

.container-todo-item.done {
  background-color: unset;
}

.container-todo-item.done:hover {
  background-color: #F1F7F7;
}

.container-todo-item.done .text-todo {
  color: #3DBD5E !important;
}

.container-todo-item.done > p {
  color: #8990A5;
}

.container-todo-item.done .text-todo {
  text-decoration: line-through;
}

.container-todo-item.done .dot-item {
  background-color: #3DBD5E !important;
}

.container-todo-item.cancel {
background: rgba(255, 237, 233, 0.50);
}

.container-todo-item.cancel:hover {
  background: #FFEDE9;
}

.container-todo-item.cancel > p {
  color: #BA1B1B;
}

.container-todo-item.cancel .dot-item {
  background-color: #BA1B1B;
}

.cancel-red {
  background: rgba(255, 237, 233, 0.50) !important;
  color: #BA1B1B !important;
  border: unset;
}

.review-icon {
  background: #ff45fb;
}

#todo_daskboard .dashboard_card {
  background: var(--bulma-white);
  border: 1px solid var(--bulma-text-light);
  border-radius:8px;
  width:100%;
  height:100%;
}

#todo_daskboard .eisenhower .column div{
  padding:0.5rem;
  height:100%;
  width:100%;
}

#todo_daskboard .eisenhower .column:nth-of-type(1) div {
  background: #FBF7EF;
  border-right: 1px solid #14BD4F;
  border-bottom: 1px solid #FFB9B9;
}

#todo_daskboard .eisenhower .column:nth-of-type(2) div {
  background: #FDF2F2;
  border-left: 1px solid #14BD4F;
  border-bottom: 1px solid #FFB9B9;
}

#todo_daskboard .eisenhower .column:nth-of-type(3) div {
  background: #F1F2F5;
  border-right: 1px solid #14BD4F;
  border-top: 1px solid #FFB9B9;
}

#todo_daskboard .eisenhower .column:nth-of-type(4) div {
  background: #EDFDF2;
  border-left: 1px solid #14BD4F;
  border-top: 1px solid #FFB9B9;
}