    @mixin extjs-dragdrop {

        // Must always be on top
        // Pointer events go through so that mousemove fires on the element being dragged *over*
        .#{$prefix}dd-drag-proxy,
        .#{$prefix}dd-drag-current {
            z-index: 1000000!important;
            pointer-events: none;
        }

        .#{$prefix}dd-drag-repair {
            .#{$prefix}dd-drag-ghost {
                @include opacity(.6);
            }

            .#{$prefix}dd-drop-icon {
                display: none;
            }
        }

        .#{$prefix}dd-drag-ghost {
            @include opacity(.85);

            padding: 5px;
            padding-left: 20px;

            white-space: nowrap;

            color: #000;
            font: normal ceil($font-size * .9) $font-family;

            border: 1px solid;
            border-color: #ddd #bbb #bbb #ddd;

            background-color: #fff;
        }

        .#{$prefix}dd-drop-icon {
            position: absolute;
            top: 3px;
            left: 3px;

            display: block;

            width: 16px;
            height: 16px;

            background-color: transparent;
            background-position:  center;
            background-repeat:  no-repeat;

            z-index: 1;
        }

        @if $include-rtl {
            .#{$prefix}rtl {
                // These rules do not account for applications that contain nested rtl/ltr
                // components, because it's a challenge to determine what the direction
                // of the drag StatusProxy should be.  For now we just switch it to rtl styling
                // if any ancestor has the x-rtl class.
                .#{$prefix}dd-drag-ghost {
                    padding-left: 5px;
                    padding-right: 20px;
                }
                .#{$prefix}dd-drop-icon {
                    left: auto;
                    right: 3px;
                }
            }
        }

        .#{$prefix}view-selector {
            position: absolute;
            left: 0;
            top: 0;

            width: 0;

            background-color: #c3daf9;
            border: 1px dotted #3399bb;

            @include opacity(.5);

            zoom: 1;
        }

       .#{$prefix}dd-drop-nodrop .#{$prefix}dd-drop-icon {
            background-image: theme-background-image($theme-name, 'dd/drop-no.gif');
        }

        .#{$prefix}dd-drop-ok .#{$prefix}dd-drop-icon {
            background-image: theme-background-image($theme-name, 'dd/drop-yes.gif');
        }

        .#{$prefix}dd-drop-ok-add .#{$prefix}dd-drop-icon {
            background-image: theme-background-image($theme-name, 'dd/drop-add.gif');
        }
    }