.#{$prefix}grid-row-editor {
    position: absolute !important;
    z-index: 1;
    zoom: 1;
    overflow: visible !important;

    .#{$prefix}form-display-field {
        font: $grid-editor-font;
    }

    .#{$prefix}panel-body {
        border-top: $grid-row-editor-border;
        border-bottom: $grid-row-editor-border;
        padding: $grid-row-editor-padding;
        background-color: $grid-row-editor-background-color;
    }
    .#{$prefix}form-cb {
        margin-top: 0;
    }
}

// The RowEditorButtons component has framing at the bottom
@include x-frame(
    $cls: grid-row-editor-buttons,
    $border-radius: 0 0 5px 5px,
    $border-width: 0 1px 1px 1px,
    $padding: 4px,
    $background-color: $grid-row-editor-background-color,
    $background-gradient: null,
    $table: false
);

.#{$prefix}grid-row-editor-buttons {
    border-color: $grid-row-editor-border-color;
}

.#{$prefix}row-editor-update-button {
    margin-right: ceil($grid-row-editor-button-spacing / 2);
}
.#{$prefix}row-editor-cancel-button {
    margin-left: $grid-row-editor-button-spacing - ceil($grid-row-editor-button-spacing / 2);
}

@if $include-rtl {
    .#{$prefix}rtl.#{$prefix}row-editor-update-button {
        margin-left: ceil($grid-row-editor-button-spacing / 2);
        margin-right: auto;
    }
    .#{$prefix}rtl.#{$prefix}row-editor-cancel-button {
        margin-right: $grid-row-editor-button-spacing - ceil($grid-row-editor-button-spacing / 2);
        margin-left: auto;
    }

    // In IEQuirks, row editor input fields, when in RTL mode disappear if the form-item-body TD is left as relative
    .#{$prefix}quirks .#{$prefix}ie .#{$prefix}rtl.#{$prefix}grid-row-editor {
        .#{$prefix}form-item-body {
            position: static;
        }
    }
}

.#{$prefix}grid-row-editor-errors {
    ul {
        margin-left: 5px;
    }
    li {
        list-style: disc;
        margin-left: 15px;
    }
}