.easy-target-dropzone{
  @extend %page-zone;
  border-color: $color-important;
  cursor: pointer;
  text-align: center;
  @extend %flash;
  text-align: center;
  margin-top: $box-padding;
  margin-bottom: 0;
  .box ~ &{
    margin-top: 0;
    margin-bottom: $box-padding;
  }
}

.easy-panel-handler{
  position: absolute !important;
  left: -$box-padding - 1;
  line-height: 1em;
  padding: 0.25em 0;
  margin-top: -0.75em;
  top: 50%;
  opacity: 0;
  //@extend %box-shadow-foreground;
  @extend %button-base;
  @extend %border-radius-half-right;
  table.list tr &{
    left: -1px !important;
    line-height: 2em;
    margin-top: -1.3em;
    font-size: $font-size;
    position: fixed !important;
    z-index: 1;
    top: auto;
    border-color: $color-border;
    background: mix($color-background, $color-foreground);
    //@extend %box-shadow-none;
    &-container{
      position: static;
    }
  }
  table.list tr:hover &{
    opacity: 1;
  }
  &-container:hover &{
    opacity: 1;
  }
  &-container{
    position: relative;
    .easy-query-additional-beginning-buttons &{
      position: static;
    }
  }
}
.drag{
  &-ready, &-over{
    //@include animation(icon-blink 1s infinite alternate);
    position: static;
    color: $color-negative !important;
    &:after{
      @extend %pseudo-block;
      position: absolute;
      top: 1px;
      left: 1px;
      right: 1px;
      bottom: 1px;
      border: 1px dotted $color-negative;
      z-index: 0;
    }
  }
  &-over{
    &:after{
      background: rgba($color-negative, 0.1);
    }
  }
}