.umb-block-list__wrapper textarea {
    height: 30px;
}

.grid-row, .grid-row:hover {
    background-color: #ffffff;
    border: 1px solid rgba(27, 38, 79, 0.8) !important;
}

    .grid-row .grid-row-header {
        background-color: rgba(27, 38, 79, 0.8);
        color: #ffffff;
        font-weight: 700;
    }

        .grid-row:hover .grid-row-header, .grid-row .grid-row-header:hover {
            background-color: #1b264f;
            color: #ffffff;
        }

    .grid-row .grid-row-body {
        background-color: rgba(27, 38, 79, 0.1);
        padding: 15px;
    }

.grid-column, .grid-column:hover {
    background-color: #ffffff;
    border: 1px solid rgba(27, 38, 79, 0.8) !important;
    margin: 0;
}

    .grid-column .grid-column-header {
        background-color: rgba(27, 38, 79, 0.8);
        color: #ffffff;
        font-weight: 700;
    }

        .grid-column:hover .grid-column-header, .grid-column .grid-column-header:hover {
            background-color: #1b264f;
            color: #ffffff;
        }

    .grid-column .grid-column-body {
        background-color: rgba(27, 38, 79, 0.1);
        padding: 15px;
    }


.grid-columns .ui-sortable {
    min-height: 40px;
}

    .grid-columns .ui-sortable::before {
        content: "Drop content";
        position: absolute;
        text-align: center;
        width: 100%;
        /* border: 1px dashed #bbbabf; */
        border: 1px solid #e9e9eb;
        margin-top: 4px;
        margin-bottom: 4px;
        border-radius: 3px;
        box-sizing: border-box;
        padding: 5px 15px;
        background-color: white;
    }

/* Generic */
.umb-block-list__wrapper .grid-columns .umb-group-panel__content, .umb-block-list__wrapper .grid-columns {
    display: flex;
    gap: 20px;
    max-width: 100%;
}

    /* col-12 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element="property-column_12"], .umb-block-list__wrapper .grid-columns .col-12 {
        flex-basis: 100% !important;
    }

    /* col-11 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element="property-column_11"], .umb-block-list__wrapper .grid-columns .col-11 {
        flex-basis: 91% !important;
    }

    /* col-10 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element="property-column_10"], .umb-block-list__wrapper .grid-columns .col-10 {
        flex-basis: 83% !important;
    }

    /* col-9 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element="property-column_9"], .umb-block-list__wrapper .grid-columns .col-9 {
        flex-basis: 75%;
    }

    /* col-8 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element="property-column_8"], .umb-block-list__wrapper .grid-columns .col-8 {
        flex-basis: 66%;
    }

    /* col-7 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element="property-column_7"], .umb-block-list__wrapper .grid-columns .col-7 {
        flex-basis: 58%;
    }

    /* col-6 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element^="property-column_6"], .umb-block-list__wrapper .grid-columns .col-6 {
        flex-basis: 50%;
    }

    /* col-5 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element^="property-column_5"], .umb-block-list__wrapper .grid-columns .col-5 {
        flex-basis: 41%;
    }

    /* col-4 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element^="property-column_4"], .umb-block-list__wrapper .grid-columns .col-4 {
        flex-basis: 33%;
    }

    /* col-3 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element^="property-column_3"], .umb-block-list__wrapper .grid-columns .col-3 {
        flex-basis: 25%;
    }

    /* col-2 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element^="property-column_2"], .umb-block-list__wrapper .grid-columns .col-2 {
        flex-basis: 16%;
    }

    /* col-1 */
    .umb-block-list__wrapper .grid-columns umb-property[data-element^="property-column_1"], .umb-block-list__wrapper .grid-columns .col-1 {
        flex-basis: 8%;
    }