/*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;
}
}