.angular-dnd-resizable-handle {
    position: absolute;
    display: block;
}
.angular-dnd-disabled .ui-resizable-handle,
.angular-dnd-autohide .ui-resizable-handle {
    display: none;
}
.angular-dnd-resizable-handle-n {
    cursor: pointer;
    height: 7px;
    width: 100%;
    top: 0px;
    left: 0;
}
.angular-dnd-resizable-handle-s {
    cursor: pointer;
    height: 7px;
    width: 100%;
    bottom: 0px;
    left: 0;
}
.angular-dnd-resizable-handle-e {
    cursor: pointer;
    width: 7px;
    right: 0px;
    top: 0;
    height: 100%;
}
.angular-dnd-resizable-handle-w {
    cursor: pointer;
    width: 7px;
    left: 0px;
    top: 0;
    height: 100%;
}
.angular-dnd-resizable-handle-se {
    cursor: pointer;
    width: 12px;
    height: 12px;
    right: 0px;
    bottom: 0px;
}
.angular-dnd-resizable-handle-sw {
    cursor: pointer;
    width: 12px;
    height: 12px;
    left: 0px;
    bottom: 0px;
}

.angular-dnd-resizable-handle-nw {
    cursor: pointer;
    width: 12px;
    height: 12px;
    left: 0px;
    top: 0px;
}

.angular-dnd-resizable-handle-ne {
    cursor: pointer;
    width: 12px;
    height: 12px;
    right: 0px;
    top: 0px;
}

.angular-dnd-rotatable-handle {
    display: block;
    position: absolute;
    top:-10px;
    left:-10px;
    width:10px;
    height:10px;
    background:#ccc;
    border-radius:50%;
}

.angular-dnd-lasso {
    position: absolute;
    border: 1px solid rgba(108, 152, 197, 0.73);
    background: rgba(108, 152, 197, 0.27);
    box-sizing: border-box;
}

.angular-dnd-draggable-helper {
    opacity: .5;
}

.angular-dnd-placeholder {
    opacity: .5;
}