.cat-dashlet-handle {
    overflow: hidden !important;
    border: 1px solid #c7d0d5;
}

    .cat-dashlet-handle.disable-pointer > * {
        pointer-events: none;
    }

.cat-dashboard-editor {
    display: flex;
    height: 100%;
}

    .cat-dashboard-editor .cat-dashboard {
        min-height: 150px;
    }

    .cat-dashboard-editor .cat-dashlet {
        cursor: move;
    }

    .cat-dashboard-editor .cat-upper-content{
        position: relative;
    }

    .cat-dashboard-gallery {
        position: relative;
        width: 100%;
        display: flex;
        flex-flow: wrap;
    }

    .cat-dashboard-gallery .cat-dashlet {
        width: 128px;
        height: 140px;
        margin: 5px;
    }

    .cat-dashboard-gallery .cat-dashlet-handle {
        height: 100%;
        cursor: move;
    }

.cat-dashlet-gallery-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .cat-dashlet-gallery-item .dashlet-label {
        padding: 0px 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cat-dashlet-gallery-item .dashlet-thumbnail {
        flex: 3;
        padding: 5px;
    }

.dashlet-thumbnail img {
    width: 100% !important;
    height: 100% !important;
}


.cat-dashlet .helper {
    width: 100px;
    height: 100px;
}

    .helper img {
    width: 100% !important;
    height: 100% !important;
}


.cat-dashlet .ui-dashlet-delete {
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 11px;
    top: 1px;
    background: rgba(255,255,255,0.75);
}

    .cat-dashlet .ui-dashlet-delete i {
        font-size: 20px;
    }

.cat-dashlet .ui-dashlet-properties {
    cursor: pointer;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 2px;
    background: rgba(255,255,255,0.75);
}

    .cat-dashlet .ui-dashlet-properties i {
        font-size: 20px;
    }


.cat-dashlet .cat-content-loader {
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    bottom: unset;
    right: unset;
    opacity: 0.5;
}


.cat-dashlet-handle > div:not(.cat-content-loader) {
    height: 100%;
    width: 100%;
}

    .cat-dashlet-handle > div:not(.cat-content-loader) > .cat-form-view-tree-item {
        height: 100%;
        width: 100%;
    }

        .cat-dashlet-handle > div:not(.cat-content-loader) > .cat-form-view-tree-item > div:not(.cat-content-loader) {
            height: 100%;
            width: 100%;
        }