/*
 * Copyright © 2025 Securepoint GmbH. All rights reserved.
 *
 * This source code includes both proprietary and open-source components.
 * Proprietary portions of this code are copyrighted by Securepoint GmbH
 * and may not be used, reproduced, or distributed without explicit written permission.
 *
 * Open-source components are provided under their respective license terms,
 * which are detailed in the associated files or within the project directory.
 * For access to these license documents, please visit our website or the specific project directory.
 *
 * Securepoint GmbH assumes no liability for damages or legal infringements resulting from unauthorized use of this code.
 * For further information or licensing inquiries, please contact security@securepoint.de or call us at +49 4131 24010.
 */
.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 .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;
}