.phone .cockpit-grid .cockpit-grid-portlet {
    overflow: scroll;
}

.cockpit-grid .cockpit-grid-portlet {
    position: absolute;
    box-sizing: border-box;
}

.cockpit-grid .cockpit-grid-portlet:not(.preview-holder):not(.ui-draggable-dragging):not(.ui-resizable-resizing) {
    -webkit-transition: left .5s, top .5s, width .5s, height .5s, opacity .5s;
    -moz-transition: left .5s, top .5s, width .5s, height .5s, opacity .5s;
    -o-transition: left .5s, top .5s, width .5s, height .5s, opacity .5s;
    transition: left .5s, top .5s, width .5s, height .5s, opacity .5s;
}

.cockpit-grid .cockpit-grid-portlet.ui-draggable-dragging,
.cockpit-grid .cockpit-grid-portlet.ui-resizable-resizing {
    -webkit-transition: left .0s, top .0s, width .0s, height .0s, opacity .5s !important;
    -moz-transition: left .0s, top .0s, width .0s, height .0s, opacity .5s !important;
    -o-transition: left .0s, top .0s, width .0s, height .0s, opacity .5s !important;
    transition: left .0s, top .0s, width .0s, height .0s, opacity .5s !important;
    z-index: 199;
}

.cockpit-grid .portlet,
.cockpit-grid .portlet-helper {
    position: absolute;
    margin: 0px;
}

.cockpit-grid .portlet-placeholder {
    z-index: 1;
    position: absolute;

    border: 1px dotted #ddd !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.cockpit-grid .portlet-content,
.cockpit-grid .portlet-content img,
.cockpit-grid .portlet-content .portlet-table {
    -webkit-transition: width .5s, height .5s;
    -moz-transition: width .5s, height .5s;
    -o-transition: width .5s, height .5s;
    transition: width .5s, height .5s;
}

.cockpit-grid .cockpit-grid-portlet .ui-resizable-handle {
    background-image: url(/images/icons/resizable-handle.svg);
    width: 50px;
    height: 30px;
    position: absolute;
    bottom: 4px;
    z-index: auto;
}

.cockpit-grid .cockpit-grid-portlet .ui-resizable-handle.ui-resizable-se {
    right: 4px;
}

.cockpit-grid .cockpit-grid-portlet .ui-resizable-handle.ui-resizable-sw {
    transform: scaleX(-1);
    left: 4px;
}