.drop-here{
  outline: #BBB dashed 1px !important;
  background-color: #DDD !important;
}

.drop-here td{
  background-color: #DDD !important;
}

.handle{
  cursor: grab;

  table & {
    display: block;
    // border-radius: 4px;
    // border: ;
    width: 14px;
    // height: 32px;
  }

  img {
    width: 12px;
  }
}

li.drop-here{
  list-style-type: none;
}

li > .menu-res{
  margin: 0;
}

#main-menu {
  margin-top: 10px;
  padding: 5px;
  background-color: #EEE;
  height: auto;

  > .menu-res {
    padding-left: 5px;
    margin-top: 5px;

    li{
      margin-top: 5px;
      border: 1px solid transparent;
    }

    .menu-res{
      padding-left: 30px;
    }
  }

  .expand-collapse {
    margin-left: 10px;
  }

  .disclose {
    cursor: pointer;
    padding-right: 10px;
    display: none;
    font-size: 14px;
  }

  li.mjs-nestedSortable-collapsed > .menu-res {
    display: none;
  }

  li.mjs-nestedSortable-branch > .menuitem-ctrl .disclose {
    display: inline-block;
    cursor: pointer;
  }

  li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: '';
    display: inline-block;
    height: 12px;
    position: relative;
    transform: rotate(45deg);
    vertical-align: top;
    width: 12px;
    top: 4px;
    left: -3px;
  }

  li.mjs-nestedSortable-expanded > div > .disclose > span:before {
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: '';
    display: inline-block;
    height: 12px;
    position: relative;
    transform: rotate(135deg);
    vertical-align: top;
    width: 12px;
    top: 1px;
  }

  ul {
    list-style-type: none;
  }

  .menu-res {
    list-style-type: none;

    li{
      position: relative;
    }

    .menuitem-ctrl {
      display: flex;
      align-items: center;
      position: relative;
      padding: 4px;
      border: 1px solid #CCC;
      background-color: #FFF;
      //z-index: 805;
      border-radius: 4px;
      transition: .2s;

      &:hover {
        box-shadow: 1px 1px 10px rgba(0,0,0,.2);
      }

      .handle {
        margin-right: 8px;
      }

      .sel-item, .toggle-menu-item {
        margin-right: 10px;
      }

      .menu-entry {
        flex: 1;
        display: flex;
        overflow: hidden;
        align-items: flex-end;

        > a:first-child {
          white-space: nowrap;
          font-size: 15px;
        }
      }

      .link-text-open, .link-text-close {
        padding: 0 5px;
      }

      .link-text-close {
        margin-right: 5px;
      }

      .link-text {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 420px;
        font-style: italic;
        color: #7a7a7a;
        margin-left: 10px;
        > span {
          white-space: nowrap;
        }
      }

      .dropmic {
        margin-left: 10px;
      }
    }

    li > .hierarchy {
      position: absolute;
      z-index: 0;
      top: 32px;
      left: 15px;
      bottom: 1px;
      width: 2px;
      border-left: 1px solid #BBB;
    }
  }

  .bulk-actions {
    margin: 0 0 10px 7px;
  }
}
