.easy-checklist{
  &-item{
    //overflow: visible !important;
    &-container{
      width: 100%;
      display: inline-block;
      .multieditable-parent{
        max-width: 70%;
        max-width: calc(100% - 60px);
        display: inline-block;
      }
      label{
        max-width: 100%;
        @extend %truncate;
        vertical-align: middle;
      }
    }
    &-delete{
      display: none;
      @extend %edit-icon;
      font-size: 60% !important;
      width: 1.5em !important;
      line-height: 1.5em !important;
      height: 1.5em !important;
      top: -1px;
      &:before{
        @include smallest;
      }
    }
    &:hover &-delete{
      display: inline-block !important;
      opacity: 1;
    }
    .multieditable-parent{
      .icon-edit{
        top: 3px;
        font-size: 60% !important;
        width: 1.5em !important;
        line-height: 1.5em !important;
        height: 1.5em !important;
      }
    }
    &:hover{
      .multieditable-parent{
        .icon-edit{
          opacity: 1;
        }
      }
    }
    .tooltip{
      @extend %box-shadow-none;
      border: none;
      @include smallest;
      position: absolute;
      left: 2.5*$gap;
      bottom: 1px;
      line-height: 1;
      z-index: 0;
      padding: 0;
      background: none;
    }
  }
  &-items{
    list-style: none;
    input:checked + span > label{
      text-decoration: line-through;
    }
  }
  &-template{
    &-add-select{
      width: 50%;
      left: 2.5*$gap;
    }
  }
}
fieldset {
  & &.easy-checklist-container{
    border-top: none !important;
    padding: 0 !important;
    .splitcontent &{
      margin-bottom: $gap !important;
      padding: 0 !important;
    }
  }
}