.wpj-panel .treeDragDrop .tdd-tree {
   border: none;
   min-height: 0;
   padding: 0;

   &.collapsed {
      display: none;
   }
}

.wpj-panel body:not(.cursorGrabbing) .treeDragDrop li {
   cursor: auto;
}

.wpj-panel .treeDragDrop li {
   border: none;
   background: $body-bg;

   .disabled {
      color: $white;
   }

   .bi.opener {
      margin-right: 8px;

      &.disabled {
         display: none;
      }
   }
}

.wpj-panel li.tdd-selected {
   opacity: .5;
   background-color: $gray-background-light;
}

.treeDragDrop > .tdd-tree > li.tdd-listItem {
   padding: 0;
}

.tdd-row {
   border-top: 1px solid $border-color-light;
   display: flex;
   align-items: center;
   margin: 0;
   padding: 5px 0;
   cursor: pointer;

   &:hover {
      background: $table-bg-hover;
   }
}

.thh-row {
   padding: 4px 0;
   min-height: 30px;
   pointer-events: none;

   .hidden-label {
      * {
         color: transparent;
      }
   }
}

.tdd-column {
   position: absolute;
   padding-right: 15px;
   padding-left: 15px;
}

.tdd-row > .tdd-column-1 {
   position: relative;
}

.tdd-column.alignLeft {
   text-align: left;
}

.list_item.alignRight,
.tdd-column.alignRight {
   text-align: right;
   justify-content: flex-end;
}

.list_item.alignCenter,
.tdd-column.alignCenter {
   text-align: center;
   justify-content: center;
}

body .ui-draggable-dragging {
   height: 50px;
   width: 100%;
   background-color: #e6e6e6;
}

.sections-root {
   list-style: none;
   margin: 0;
   padding: 0;
   background: $table-bg-active;

   .list_item.is-editable {
      overflow: clip visible;
   }

   .chosen-single {
      text-align: left;
      height: 22px;
      font-size: 13px;
      line-height: 14px;
      padding-top: 2px;
      padding-bottom: 2px;

      div {
         padding-top: 0;
      }
   }
}

.ui-sortable-placeholder,
.treeDragDrop .tdd-after,
.treeDragDrop .tdd-before,
.treeDragDrop .tdd-append,
.nestedSortable .placeholder {
   list-style-type: none;
   text-indent: 0;
   height: 37px;
   margin: 5px 0;
   padding: 0;
   border: 2px dashed $border-color !important;
   background-color: transparent;
}

.nestedSortableRoot .node {
   .node,
   .placeholder,
   .tdd-after,
   .tdd-before,
   .tdd-append {
      margin-left: 28px;
   }

   &.ui-sortable-helper {
      opacity: .75;
   }
}
