/*misc*/
.#{$prefix}webkit {
    * {
        &:focus {
            outline:none !important;
        }
    }
}

// form items
.#{$prefix}form-item {
    vertical-align: top;
    table-layout: fixed;
}

// Allow for positioned child elements, e.g. custom icons
.#{$prefix}form-item-body {
    position: relative;
}

@if $include-rtl {
    // EXTJSIV-9100: in IE quirks in rtl mode relatively positioning a td element (the form-item-body)
    // causes the td to display outside of the table.  This only happens when the table itself
    // is absolutely positioned (e.g. hbox layout on a toolbar) To fix this we relatively
    // position the tr element at right: 0;
    .#{$prefix}rtl.#{$prefix}form-item .#{$prefix}form-item-input-row {
        position: relative;
        right: 0;
    }
}

.#{$prefix}form-form-item {
    td {
        border-top: 1px solid transparent;
    }
}