.mch-task-tree{
  .h60 {
    height: 60px;
    border-top: 2px solid transparent;
    &.beforedrop {
      border-top: 2px solid #8534b3;
    }
  }
  .layer-item {
    width: 100%;
    height: 34px;
    cursor: pointer;
    justify-content: space-between;
    padding: 4px 20px;
    padding-left: 60px;
    margin: 4px auto;
    color: #ffffff;
    &.dragover {
      border-top: 1px solid #0099ff;
    }
    &:hover{
      background-color: #333333;
      .actions{
        display: block;
      }
    }
    &.selected {
      background-color: #000000 !important;
    }
    &.group{
      font-weight: bold;
      padding-left: 20px;
    }
    .actions{
      display: none;
    }
    label {
      display: inline-block;
      vertical-align: middle;
      max-width: 150px;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 20px;
      line-height: 20px;
      text-align: left;
      cursor: inherit;
    }
    .icon {
      margin-right: 6px;
    }
    &.disabled{
      opacity: 0.6;
      cursor: default;
    }
  }
}