.k-thing {
  border-radius: .1rem;
  //background-color: #fff;
  margin-top: -1px;
  padding: 0 .6rem;
  height: 38px;
  color: #444;
  cursor: pointer;
  line-height: 2.5rem;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  align-content: flex-start;
  flex-flow: row wrap;

  &.ui-draggable-dragging {
    width: 400px;
    background: #fff;
    z-index: 10;
  }

  &.draghover {
    background: $primary;
    color: #fff;

    label {
      color: #fff;
    }
  }

  label {
    color: #666;
    width: 1.4rem;
    cursor: pointer;
  }

  .bold {
    margin-right: 2px;
  }

  .icon:before {
    content: "\e8e8";
  }

  &.finish {
    color: #999;

    div {
      text-decoration: line-through;
    }

    .icon {
      color: #999;

      &:before {
        content: "\e819";
      }
    }
  }

  div {
    flex: 1;
    cursor: pointer;
    overflow: hidden;
    line-height: 36px;
  }

  span {
    width: 40px;
    color: $todo_red;
    font-size: 12px;
    margin-left: .5rem;
  }
}