/*Drag handler */
foreignObject {
    overflow: visible;
}

.ui-wrapper.ui-draggable.ui-draggable-handle {
    overflow: visible !important;
}

#profilePicture {
    border: 2px solid #39f;
}

.ui-draggable .ui-resizable-handle {
    width: 20px;
    height: 20px;
    background: #39f;
}

.ui-draggable .ui-resizable-e {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -3%;
}

.ui-resizable-handle {
    -ms-touch-action: auto !important;
    touch-action: auto !important;
}

.ui-draggable .ui-resizable-s {
    width: 20px;
    height: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #39f;
    bottom: -3%;
}

.android .ui-resizable-handle {
    width: 100px !important;
    height: 100px !important;
}

@media only screen and (min-width: 767px) {
    .ui-draggable .ui-resizable-handle, .ui-draggable .ui-resizable-s {
        width: 60px;
        height: 60px;
    }

    #test_4 .ui-draggable .ui-resizable-handle, #test_4 .ui-draggable .ui-resizable-s {
        width: 10px;
        height: 10px;
    }
}

.ui-draggable .ui-resizable-se {
    bottom: -3%;
    right: -3%;
    top: unset;
    left: unset;
    background-image: url("") !important;
}

.ui-draggable .ui-resizable-sw {
    bottom: -3%;
    left: -3%;
    top: unset;
    right: unset;
    background-image: url("") !important;
}