/* ======================== ETC ======================== */
/* including package ext-theme-base */
/**
 * Creates a background gradient.
 *
 * Example usage:
 *     .foo {
 *          @include background-gradient(#808080, matte, left);
 *     }
 *
 * @param {Color} $bg-color The background color of the gradient
 * @param {String/List} [$type=$base-gradient] The type of gradient to be used. Can either
 * be a String which is a predefined gradient name, or it can can be a list of color stops.
 * If null is passed, this mixin will still set the `background-color` to $bg-color.
 * The available predefined gradient names are:
 *
 * * bevel
 * * glossy
 * * recessed
 * * matte
 * * matte-reverse
 * * panel-header
 * * tabbar
 * * tab
 * * tab-active
 * * tab-over
 * * tab-disabled
 * * grid-header
 * * grid-header-over
 * * grid-row-over
 * * grid-cell-special
 * * glossy-button
 * * glossy-button-over
 * * glossy-button-pressed
 *
 * Each of these gradient names corresponds to a function named linear-gradient[name].
 * Themes can override these functions to customize the color stops that they return.
 * For example, to override the glossy-button gradient function add a function named
 * "linear-gradient-glossy-button" to a file named "sass/etc/mixins/background-gradient.scss"
 * in your theme.  The function should return the result of calling the Compass linear-gradient
 * function with the desired direction and color-stop information for the gradient.  For example:
 *
 *     @function linear-gradient-glossy-button($direction, $bg-color) {
 *         @return linear-gradient($direction, color_stops(
 *             mix(#fff, $bg-color, 10%),
 *             $bg-color 50%,
 *             mix(#000, $bg-color, 5%) 51%,
 *             $bg-color
 *         ));
 *     }
 *
 * @param {String} [$direction=top] The direction of the gradient. Can either be
 * `top` or `left`.
 *
 * @member Global_CSS
 */
/*
 * Method which inserts a full background-image property for a theme image.
 * It checks if the file exists and if it doesn't, it'll throw an error.
 * By default it will not include the background-image property if it is not found,
 * but this can be changed by changing the default value of $include-missing-images to
 * be true.
 */
/**
 * Includes a google webfont for use in your theme.
 * @param {string} $font-name The name of the font.  If the font name contains spaces
 * use "+" instead of space.
 * @param {string} [$font-weights=400] Comma-separated list of font weights to include.
 *
 * Example usage:
 *
 *     @include google-webfont(
 *         $font-name: Exo,
 *         $font-weights: 200 300 400
 *     );
 *
 * Outputs:
 *
 *     @import url(//fonts.googleapis.com/css?family=Exo:200,300,400);
 *
 * @member Global_CSS
 */
/**
 * adds a css outline to an element with compatibility for IE8/outline-offset
 * NOTE: the element receiving the outline must be positioned (either relative or absolute)
 * in order for the outline to work in IE8
 *
 * @param {number} [$width=1px]
 * The width of the outline
 *
 * @param {string} [$style=solid]
 * The style of the outline
 *
 * @param {color} [$color=#000]
 * The color of the outline
 *
 * @param {number} [$offset=0]
 * The offset of the outline
 *
 * @param {number/list} [$border-width=0]
 * The border-width of the element receiving the outline.
 * Required in order for outline-offset to work in IE8
 * 
 * @member Global_CSS
 */
/* including package ext-theme-neutral */
/* including package ext-theme-neptune */
/* including package ext-theme-crisp */
/* ======================== VAR ======================== */
/* including package ext-theme-crisp */
/** @class Ext.resizer.Resizer */
/* including package ext-theme-neptune */
/** @class Global_CSS */
/** @class Ext.LoadMask */
/** @class Ext.ProgressBar */
/** @class Ext.button.Button */
/** @class Ext.panel.Tool */
/** @class Ext.resizer.Splitter */
/** @class Ext.toolbar.Toolbar */
/** @class Ext.panel.Panel */
/**
 * @var {boolean}
 * True to include the "light" panel UI
 */
/**
 * @var {boolean}
 * True to include the "light-framed" panel UI
 */
/** @class Ext.container.ButtonGroup */
/** @class Ext.window.Window */
/** @class Ext.form.Labelable */
/** @class Ext.form.field.Base */
/** @class Ext.form.field.Checkbox */
/** @class Ext.form.FieldSet */
/** @class Ext.toolbar.Paging */
/** @class Ext.view.BoundList */
/** @class Ext.picker.Date */
/** @class Ext.form.field.Display */
/** @class Ext.tip.Tip */
/** @class Ext.picker.Color */
/** @class Ext.grid.header.Container */
/** @class Ext.grid.column.Column */
/** @class Ext.grid.column.Action */
/** @class Ext.grid.feature.Grouping */
/** @class Ext.menu.Menu */
/** @class Ext.grid.plugin.RowEditing */
/** @class Ext.layout.container.Accordion */
/** @class Ext.layout.container.Border */
/** @class Ext.resizer.Resizer */
/** @class Ext.selection.CheckboxModel */
/** @class Ext.tab.Tab */
/** @class Ext.tab.Bar */
/* including package ext-theme-neutral */
/**
 * @class Ext.Component
 */
/**
 * @var {color}
 * The background color of scroll indicators when touch scrolling is enabled
 */
/**
 * @var {number}
 * The opacity of scroll indicators when touch scrolling is enabled
 */
/**
 * @var {number}
 * The border-radius of scroll indicators when touch scrolling is enabled
 */
/**
 * @var {color}
 * The background color of scroll indicators when touch scrolling is enabled
 */
/**
 * @var {number}
 * The space between scroll indicators and the edge of their container
 */
/**
 * @class Global_CSS
 */
/**
 * @var {color} $color
 * The default text color to be used throughout the theme.
 */
/**
 * @var {string} $font-family
 * The default font-family to be used throughout the theme.
 */
/**
 * @var {number} $font-size
 * The default font-size to be used throughout the theme.
 */
/**
 * @var {string/number}
 * The default font-weight to be used throughout the theme.
 */
/**
 * @var {string/number}
 * The default font-weight for bold font to be used throughout the theme.
 */
/**
 * @var {string/number} $line-height
 * The default line-height to be used throughout the theme.
 */
/**
 * @var {string} $base-gradient
 * The base gradient to be used throughout the theme.
 */
/**
 * @var {color} $base-color
 * The base color to be used throughout the theme.
 */
/**
 * @var {color} $neutral-color
 * The neutral color to be used throughout the theme.
 */
/**
 * @var {color} $body-background-color
 * Background color to apply to the body element.  If set to transparent or 'none' no
 * background-color style will be set on the body element.
 */
/**
 * @class Ext.FocusManager
 */
/**
 * @var {color}
 * The border-color of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @var {color}
 * The border-style of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @var {color}
 * The border-width of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @class Ext.LoadMask
 */
/**
 * @var {number}
 * Opacity of the LoadMask
 */
/**
 * @var {color}
 * The background-color of the LoadMask
 */
/**
 * @var {string}
 * The type of cursor to dislay when the cursor is over the LoadMask
 */
/**
 * @var {string}
 * The border-style of the LoadMask focus border
 */
/**
 * @var {string}
 * The border-color of the LoadMask focus border
 */
/**
 * @var {string}
 * The border-width of the LoadMask focus border
 */
/**
 * @var {number/list}
 * The padding to apply to the LoadMask's message element
 */
/**
 * @var {string}
 * The border-style of the LoadMask's message element
 */
/**
 * @var {color}
 * The border-color of the LoadMask's message element
 */
/**
 * @var {number}
 * The border-width of the LoadMask's message element
 */
/**
 * @var {color}
 * The background-color of the LoadMask's message element
 */
/**
 * @var {string/list}
 * The background-gradient of the LoadMask's message element. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number/list}
 * The padding of the message inner element
 */
/**
 * @var {string}
 * The icon to display in the message inner element
 */
/**
 * @var {list}
 * The background-position of the icon
 */
/**
 * @var {string}
 * The border-style of the message inner element
 */
/**
 * @var {color}
 * The border-color of the message inner element
 */
/**
 * @var {number}
 * The border-width of the message inner element
 */
/**
 * @var {color}
 * The background-color of the message inner element
 */
/**
 * @var {color}
 * The text color of the message inner element
 */
/**
 * @var {number}
 * The font-size of the message inner element
 */
/**
 * @var {string}
 * The font-weight of the message inner element
 */
/**
 * @var {string}
 * The font-family of the message inner element
 */
/**
 * @var {number/list}
 * The padding of the message element
 */
/**
 * @var {number}
 * The border-radius of the message element
 */
/**
 * @class Ext.ProgressBar
 */
/**
 * @var {number}
 * The height of the ProgressBar
 */
/**
 * @var {color}
 * The border-color of the ProgressBar
 */
/**
 * @var {number}
 * The border-width of the ProgressBar
 */
/**
 * @var {number}
 * The border-radius of the ProgressBar
 */
/**
 * @var {color}
 * The background-color of the ProgressBar
 */
/**
 * @var {color}
 * The background-color of the ProgressBar's moving element
 */
/**
 * @var {string/list}
 * The background-gradient of the ProgressBar's moving element. Can be either the name of
 * a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The color of the ProgressBar's text when in front of the ProgressBar's moving element
 */
/**
 * @var {color}
 * The color of the ProgressBar's text when the ProgressBar's 'moving element is not under it
 */
/**
 * @var {string}
 * The text-align of the ProgressBar's text
 */
/**
 * @var {number}
 * The font-size of the ProgressBar's text
 */
/**
 * @var {string}
 * The font-weight of the ProgressBar's text
 */
/**
 * @var {string}
 * The font-family of the ProgressBar's text
 */
/**
 * @var {boolean}
 * True to include the "default" ProgressBar UI
 */
/** @class Ext.button.Button */
/**
 * @var {number}
 * The default width for a button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height for a button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width for a {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height for a {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default space between a button's icon and text
 */
/**
 * @var {number}
 * The default border-radius for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a small {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is focused and
 * the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is focused and pressed
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is focused
 * and pressed
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is focused
 * and pressed
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The line-height for the text in a small {@link #scale} button
 */
/**
 * @var {number}
 * The default icon size for a small {@link #scale} button
 */
/**
 * @var {number}
 * The space between a small {@link #scale} button's icon and text
 */
/**
 * @var {number}
 * The default width of a small {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a small {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a small {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a small {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default border-radius for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is focused
 * and pressed
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is focused
 * and pressed
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is focused
 * and pressed
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The line-height for the text in a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default icon size for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The space between a medium {@link #scale} button's icon and text
 */
/**
 * @var {number}
 * The default width of a medium {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a medium {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a medium {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a medium {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default border-radius for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a large {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is focused
 * and pressed
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is focused
 * and pressed
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is focused
 * and pressed
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The line-height for the text in a large {@link #scale} button
 */
/**
 * @var {number}
 * The default icon size for a large {@link #scale} button
 */
/**
 * @var {number}
 * The space between a large {@link #scale} button's icon and text
 */
/**
 * @var {number}
 * The default width of a large {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a large {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a large {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a large {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {color}
 * The base color for the `default` button UI
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is focused and the cursor
 * is over the button
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The border-color for the `default` button UI
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is focused and the cursor
 * is over the button
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The background-color for the `default` button UI
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is disabled
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI.  Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the cursor is over the button.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is focused.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is pressed.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is focused and the
 * cursor is over the button. Can be either the name of a predefined gradient or a list
 * of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is focused and
 * pressed.  Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is disabled.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color for the `default` button UI
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is focused and the cursor
 * is over the button
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is disabled
 */
/**
 * @var {number/list}
 * The inner border-width for the `default` button UI
 */
/**
 * @var {number/list}
 * The inner border-width for the `default` button UI when the cursor is over the button
 */
/**
 * @var {number/list}
 * The inner border-width for the `default` button UI when the button is focused
 */
/**
 * @var {number/list}
 * The inner border-width for the `default` button UI when the button is pressed
 */
/**
 * @var {number/list}
 * The inner border-width for the `default` button UI when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {number/list}
 * The inner border-width for the `default` button UI when the button is focused and pressed
 */
/**
 * @var {number/lipressed}
 * The inner border-width for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The inner border-color for the `default` button UI
 */
/**
 * @var {color}
 * The inner border-color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The inner border-color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The inner border-color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The inner border-color for the `default` button UI when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {color}
 * The inner border-color for the `default` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The inner border-color for the `default` button UI when the button is disabled
 */
/**
 * @var {number}
 * The body outline width for the `default` button UI when the button is focused
 */
/**
 * @var {string}
 * The body outline-style for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The body outline color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The color of the {@link #glyph} icon for the `default` button UI
 */
/**
 * @var {color}
 * The opacity of the {@link #glyph} icon for the `default` button UI
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is focused and
 * pressed
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is focused
 * and pressed
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI.  Can be either the name of
 * a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the cursor is over the
 * button. Can be either the name of a predefined gradient or a list of color stops. Used
 * as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is focused.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is pressed.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is focused
 * and the cursor is over the button. Can be either the name of a predefined gradient or a
 * list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is focused
 * and pressed. Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is disabled.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {number/list}
 * The inner border-width for the `default-toolbar` button UI
 */
/**
 * @var {number/list}
 * The inner border-width for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {number/list}
 * The inner border-width for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {number/list}
 * The inner border-width for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {number/list}
 * The inner border-width for the `default-toolbar` button UI when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {number/list}
 * The inner border-width for the `default-toolbar` button UI when the button is focused
 * and pressed
 */
/**
 * @var {number/list}
 * The inner border-width for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {color}
 * The inner border-color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The inner border-color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The inner border-color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The inner border-color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The inner border-color for the `default-toolbar` button UI when the button is focused
 * and the cursor is over the button
 */
/**
 * @var {color}
 * The inner border-color for the `default-toolbar` button UI when the button is focused
 * and pressed
 */
/**
 * @var {color}
 * The inner border-color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {number}
 * The body outline width for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {string}
 * The body outline-style for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The body outline color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The color of the {@link #glyph} icon for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The opacity of the {@link #glyph} icon for the `default-toolbar` button UI
 */
/**
 * @var {boolean} $button-include-ui-menu-arrows
 * True to use a different image url for the menu button arrows for each button UI
 */
/**
 * @var {boolean} $button-include-ui-split-arrows
 * True to use a different image url for the split button arrows for each button UI
 */
/**
 * @var {boolean} $button-include-split-over-arrows
 * True to include different split arrows for buttons' hover state.
 */
/**
 * @var {boolean} $button-include-split-noline-arrows
 * True to include "noline" split arrows for buttons in their default state.
 */
/**
 * @var {boolean} $button-toolbar-include-split-noline-arrows
 * True to include "noline" split arrows for toolbar buttons in their default state.
 */
/**
 * @var {number} $button-opacity-disabled
 * opacity to apply to the button's main element when the buton is disabled
 */
/**
 * @var {number} $button-inner-opacity-disabled
 * opacity to apply to the button's inner elements (icon and text) when the buton is disabled
 */
/**
 * @var {number} $button-toolbar-opacity-disabled
 * opacity to apply to the toolbar button's main element when the button is disabled
 */
/**
 * @var {number} $button-toolbar-inner-opacity-disabled
 * opacity to apply to the toolbar button's inner elements (icon and text) when the buton is disabled
 */
/**
 * @var {boolean}
 * True to include the "default" button UI
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "small" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "medium" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "large" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for buttons rendered inside a grid cell (Slightly smaller height than default)
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "small" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "medium" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "large" scale buttons
 */
/**
 * @var {number}
 * The default width for a grid cell button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height for a grid cell button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width a grid cell {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height a grid cell {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default space between a grid cell button's icon and text
 */
/**
 * @var {number}
 * The default border-radius for a grid cell button
 */
/**
 * @var {number}
 * The default border-width for a grid cell button
 */
/**
 * @var {number}
 * The default padding for a grid cell button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a grid cell button
 */
/**
 * @var {number}
 * The default font-size for a grid cell button
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the button is focused and the cursor
 * is over the button
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the button is focused and pressed
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the button is focused and pressed
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a grid cell button
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the button is focused and pressed
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the button is disabled
 */
/**
 * @var {number}
 * The line-height for the text in a grid cell button
 */
/**
 * @var {number}
 * The default icon size for a grid cell button
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the button is focused and the cursor
 * is over the button
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the button is disabled
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the button is focused and the cursor
 * is over the button
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the button is disabled
 */
/**
 * @var {string/list}
 * The background-gradient for the `cell` button UI.  Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `cell` button UI when the cursor is over the button.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `cell` button UI when the button is focused.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `cell` button UI when the button is pressed.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `cell` button UI when the button is focused and the
 * cursor is over the button.  Can be either the name of a predefined gradient or a list
 * of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `cell` button UI when the button is focused and pressed.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `cell` button UI when the button is disabled.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color for the `cell` button UI
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the button is focused and the cursor is
 * over the button
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the button is disabled
 */
/**
 * @var {number/list}
 * The inner border-width for the `cell` button UI
 */
/**
 * @var {number/list}
 * The inner border-width for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {number/list}
 * The inner border-width for the `cell` button UI when the button is focused
 */
/**
 * @var {number/list}
 * The inner border-width for the `cell` button UI when the button is pressed
 */
/**
 * @var {number/list}
 * The inner border-width for the `cell` button UI when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {number/list}
 * The inner border-width for the `cell` button UI when the button is focused and pressed
 */
/**
 * @var {number/list}
 * The inner border-width for the `cell` button UI when the button is disabled
 */
/**
 * @var {color}
 * The inner border-color for the `cell` button UI
 */
/**
 * @var {color}
 * The inner border-color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The inner border-color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The inner border-color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The inner border-color for the `cell` button UI when the button is focused and the
 * cursor is over the button
 */
/**
 * @var {color}
 * The inner border-color for the `cell` button UI when the button is focused and pressed
 */
/**
 * @var {color}
 * The inner border-color for the `cell` button UI when the button is disabled
 */
/**
 * @var {number}
 * The body outline width for the `cell` button UI when the button is focused
 */
/**
 * @var {string}
 * The body outline-style for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The body outline color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The color of the {@link #glyph} icon for the `cell` button UI
 */
/**
 * @var {color}
 * The opacity of the {@link #glyph} icon for the `cell` button UI
 */
/**
 * @var {number} $button-grid-cell-opacity-disabled
 * opacity to apply to the button's main element when the button is disabled
 */
/**
 * @var {number} $button-grid-cell-inner-opacity-disabled
 * opacity to apply to the button's inner elements (icon and text) when the buton is disabled
 */
/**
 * @class Ext.panel.Tool
 */
/**
 * @var {number}
 * The size of Tools
 */
/**
 * @var {boolean}
 * True to change the background-position of the Tool on hover. Allows for a separate
 * hover state icon in the sprite.
 */
/**
 * @var {string}
 * The cursor to display when the mouse cursor is over a Tool
 */
/**
 * @var {number}
 * The opacity of Tools
 */
/**
 * @var {number}
 * The opacity of hovered Tools
 */
/**
 * @var {number}
 * The opacity of pressed Tools
 */
/**
 * @var {string}
 * The sprite to use as the background-image for Tools
 */
/** @class Ext.panel.Header */
/**
 * @class Ext.resizer.Splitter
 */
/**
 * @var {number}
 * The size of the Splitter
 */
/**
 * @var {color}
 * The background-color of the active Splitter (the Splitter currently being dragged)
 */
/**
 * @var {number}
 * The opacity of the active Splitter (the Splitter currently being dragged)
 */
/**
 * @var {number}
 * The opacity of the collapse tool on the active Splitter (the Splitter currently being dragged)
 */
/**
 * @var {color}
 * The color of the outline around the splitter when it is focused
 */
/**
 * @var {string}
 * The outline-style of the splitter when it is focused
 */
/**
 * @var {number}
 * The outline-width of the splitter when it is focused
 */
/**
 * @var {number}
 * The outline-offset of the splitter when it is focused
 */
/**
 * @var {string}
 * The the type of cursor to display when the cursor is over the collapse tool
 */
/**
 * @var {number}
 * The size of the collapse tool. This becomes the width of the collapse tool for
 * horizontal splitters, and the height for vertical splitters.
 */
/**
 * @var {number}
 * The opacity of the collapse tool.
 */
/**
 * @class Ext.toolbar.Toolbar
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {color}
 * The background-color of the Toolbar
 */
/**
 * @var {string/list}
 * The background-gradient of the Toolbar.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number}
 * The horizontal spacing of Toolbar items
 */
/**
 * @var {number}
 * The vertical spacing of Toolbar items
 */
/**
 * @var {number}
 * The horizontal spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
/**
 * @var {number}
 * The vertical spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
/**
 * @var {color}
 * The background-color of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {number}
 * The border-width of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {color}
 * The border-color of Toolbars
 */
/**
 * @var {number}
 * The border-width of Toolbars
 */
/**
 * @var {string}
 * The border-style of Toolbars
 */
/**
 * @var {number}
 * The width of Toolbar {@link Ext.toolbar.Spacer Spacers}
 */
/**
 * @var {color}
 * The main border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
/**
 * @var {color}
 * The highlight border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number}
 * The height of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {string}
 * The default font-family of Toolbar text
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {color}
 * The text-color of Toolbar text
 */
/**
 * @var {number}
 * The line-height of Toolbar text
 */
/**
 * @var {number/list}
 * The padding of Toolbar text
 */
/**
 * @var {number}
 * The width of Toolbar scrollers
 */
/**
 * @var {number}
 * The height of Toolbar scrollers
 */
/**
 * @var {number}
 * The width of scrollers on vertically aligned toolbars
 */
/**
 * @var {number}
 * The height of scrollers on vertically aligned toolbars
 */
/**
 * @var {color}
 * The border-color of Toolbar scroller buttons
 */
/**
 * @var {number}
 * The border-width of Toolbar scroller buttons
 */
/**
 * @var {color}
 * The border-color of scroller buttons on vertically aligned toolbars
 */
/**
 * @var {number}
 * The border-width of scroller buttons on vertically aligned toolbars
 */
/**
 * @var {number/list}
 * The margin of "top" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "right" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "bottom" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "left" Toolbar scroller buttons
 */
/**
 * @var {string}
 * The cursor of Toolbar scroller buttons
 */
/**
 * @var {string}
 * The cursor of disabled Toolbar scroller buttons
 */
/**
 * @var {number}
 * The opacity of Toolbar scroller buttons. Only applicable when
 * {@link #$toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of hovered Toolbar scroller buttons. Only applicable when
 * {@link #$toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of pressed Toolbar scroller buttons. Only applicable when
 * {@link #$toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of disabled Toolbar scroller buttons.
 */
/**
 * @var {boolean}
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given their
 * hover state by changing their background-position,  When `false` scroller buttons are
 * given their hover state by applying opacity.
 */
/**
 * @var {string}
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 */
/**
 * @var {boolean}
 * True to include the "default" toolbar UI
 */
/**
 * @var {boolean}
 * True to include the "footer" toolbar UI
 */
/**
 * @class Ext.panel.Panel
 */
/**
 * @var {number}
 * The default border-width of Panels
 */
/**
 * @var {color}
 * The base color of Panels
 */
/**
 * @var {color}
 * The default border-color of Panels
 */
/**
 * @var {number}
 * The maximum width a Panel's border can be before resizer handles are embedded
 * into the borders using negative absolute positions.
 *
 * This defaults to 2, so that in the classic theme which uses 1 pixel borders,
 * resize handles are in the content area within the border as they always have
 * been.
 *
 * In the Neptune theme, the handles are embedded into the 5 pixel wide borders
 * of any framed panel.
 */
/**
 * @var {string}
 * The default border-style of Panels
 */
/**
 * @var {color}
 * The default body background-color of Panels
 */
/**
 * @var {color}
 * The default color of text inside a Panel's body
 */
/**
 * @var {color}
 * The default border-color of the Panel body
 */
/**
 * @var {number}
 * The default border-width of the Panel body
 */
/**
 * @var {number}
 * The default font-size of the Panel body
 */
/**
 * @var {string}
 * The default font-weight of the Panel body
 */
/**
 * @var {string}
 * The default font-family of the Panel body
 */
/**
 * @var {number}
 * The space between the Panel {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The background sprite to use for Panel {@link Ext.panel.Tool Tools}
 */
/**
 * @var {number}
 * The border-width of Panel Headers
 */
/**
 * @var {string}
 * The border-style of Panel Headers
 */
/**
 * @var {number/list}
 * The padding of Panel Headers
 */
/**
 * @var {number}
 * The font-size of Panel Headers
 */
/**
 * @var {number}
 * The line-height of Panel Headers
 */
/**
 * @var {string}
 * The font-weight of Panel Headers
 */
/**
 * @var {string}
 * The font-family of Panel Headers
 */
/**
 * @var {string}
 * The text-transform of Panel Headers
 */
/**
 * @var {number/list}
 * The padding of the Panel Header's text element
 */
/**
 * @var {number/list}
 * The margin of the Panel Header's text element
 */
/**
 * @var {string/list}
 * The background-gradient of the Panel Header. Can be either the name of a predefined
 * gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The border-color of the Panel Header
 */
/**
 * @var {color}
 * The inner border-color of the Panel Header
 */
/**
 * @var {number}
 * The inner border-width of the Panel Header
 */
/**
 * @var {color}
 * The text color of the Panel Header
 */
/**
 * @var {color}
 * The background-color of the Panel Header
 */
/**
 * @var {number}
 * The width of the Panel Header icon
 */
/**
 * @var {number}
 * The height of the Panel Header icon
 */
/**
 * @var {number}
 * The space between the Panel Header icon and text
 */
/**
 * @var {list}
 * The background-position of  the Panel Header icon
 */
/**
 * @var {color}
 * The color of the Panel Header glyph icon
 */
/**
 * @var {number}
 * The opacity of the Panel Header glyph icon
 */
/**
 * @var {boolean}
 * True to adjust the padding of borderless panel headers so that their height is the same
 * as the height of bordered panels.  This is helpful when borderless and bordered panels
 * are used side-by-side, as it maintains a consistent vertical alignment.
 */
/**
 * @var {color}
 * The base color of the framed Panels
 */
/**
 * @var {number}
 * The border-radius of framed Panels
 */
/**
 * @var {number}
 * The border-width of framed Panels
 */
/**
 * @var {string}
 * The border-style of framed Panels
 */
/**
 * @var {number}
 * The padding of {@link Ext.panel.Panel#cfg-frame framed} Panels.
 * 
 * The padding value must be equal to or greater than value specified in the 
 * {@link #$panel-frame-border-radius} variable (or the maximum value if corner values 
 * are specified individually).  
 * See also: {@link #$panel-ignore-frame-padding}
 */
/**
 * @var {color}
 * The background-color of framed Panels
 */
/**
 * @var {color}
 * The border-color of framed Panels
 */
/**
 * @var {number}
 * The border-width of the body element of framed Panels
 */
/**
 * @var {number}
 * The border-width of framed Panel Headers
 */
/**
 * @var {color}
 * The inner border-color of framed Panel Headers
 */
/**
 * @var {number}
 * The inner border-width of framed Panel Headers
 */
/**
 * @var {number/list}
 * The padding of framed Panel Headers
 */
/**
 * @var {number}
 * The opacity of ghost Panels while dragging
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of top docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of bottom docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of right docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of left docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {boolean}
 * True to include neptune style border management rules.
 */
/**
 * @var {color}
 * The color to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$panel-include-border-management-rules` is
 * `true`.
 */
/**
 * @var {number}
 * The width to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$panel-include-border-management-rules` is
 * `true`.
 */
/**
 * @var {boolean}
 * True to include the "default" panel UI
 */
/**
 * @var {boolean}
 * True to include the "default-framed" panel UI
 */
/**
 * @var {boolean}
 * True to ignore the frame padding.  By default, the frame mixin adds extra padding when
 * border radius is larger than border width.  This is intended to prevent the content
 * from colliding with the rounded corners of the frame.  Set this to true to prevent
 * the panel frame from adding this extra padding.
 * 
 * **Note:** This var is not applicable to IE8 & IE9.
 */
/**
 * @class Ext.container.ButtonGroup
 */
/**
 * @var {color}
 * The background-color of the ButtonGroup
 */
/**
 * @var {color}
 * The border-color of the ButtonGroup
 */
/**
 * @var {number}
 * The border-radius of the ButtonGroup
 */
/**
 * @var {number}
 * The border-radius of framed ButtonGroups
 */
/**
 * @var {number}
 * The border-width of the ButtonGroup
 */
/**
 * @var {number/list}
 * The body padding of the ButtonGroup
 */
/**
 * @var {number/list}
 * The inner border-width of the ButtonGroup
 */
/**
 * @var {color}
 * The inner border-color of the ButtonGroup
 */
/**
 * @var {number/list}
 * The margin of the header element. Used to add space around the header.
 */
/**
 * @var {number}
 * The font-size of the header
 */
/**
 * @var {number}
 * The font-weight of the header
 */
/**
 * @var {number}
 * The font-family of the header
 */
/**
 * @var {number}
 * The line-height of the header
 */
/**
 * @var {number}
 * The text color of the header
 */
/**
 * @var {number}
 * The padding of the header
 */
/**
 * @var {number}
 * The background-color of the header
 */
/**
 * @var {number}
 * The border-spacing to use on the table layout element
 */
/**
 * @var {number}
 * The background-color of framed ButtonGroups
 */
/**
 * @var {number}
 * The border-width of framed ButtonGroups
 */
/**
 * @var {string}
 * Sprite image to use for header {@link Ext.panel.Tool Tools}
 */
/**
 * @var {boolean}
 * True to include the "default" button group UI
 */
/**
 * @var {boolean}
 * True to include the "default-framed" button group UI
 */
/**
 * @class Ext.window.Window
 */
/**
 * @var {color}
 * The base color of Windows
 */
/**
 * @var {number}
 * The padding of Windows.
 * 
 * The padding value must be equal to or greater than value specified in the 
 * {@link #$window-border-radius} variable (or the maximum value if corner values 
 * are specified individually).  
 * See also: {@link #$window-ignore-frame-padding}
 */
/**
 * @var {number}
 * The border-radius of Windows
 */
/**
 * @var {number}
 * The border-width of Windows
 */
/**
 * @var {color}
 * The border-color of Windows
 */
/**
 * @var {color}
 * The inner border-color of Windows
 */
/**
 * @var {number}
 * The inner border-width of Windows
 */
/**
 * @var {color}
 * The background-color of Windows
 */
/**
 * @var {number}
 * The body border-width of Windows
 */
/**
 * @var {string}
 * The body border-style of Windows
 */
/**
 * @var {color}
 * The body border-color of Windows
 */
/**
 * @var {color}
 * The body background-color of Windows
 */
/**
 * @var {color}
 * The body text color of Windows
 */
/**
 * @var {number/list}
 * The padding of Window Headers
 */
/**
 * @var {number}
 * The font-size of Window Headers
 */
/**
 * @var {number}
 * The line-height of Window Headers
 */
/**
 * @var {color}
 * The text color of Window Headers
 */
/**
 * @var {color}
 * The background-color of Window Headers
 */
/**
 * @var {string}
 * The font-weight of Window Headers
 */
/**
 * @var {number}
 * The space between the Window {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The background sprite to use for Window {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The font-family of Window Headers
 */
/**
 * @var {number/list}
 * The padding of the Window Header's text element
 */
/**
 * @var {string}
 * The text-transform of Window Headers
 */
/**
 * @var {number}
 * The width of the Window Header icon
 */
/**
 * @var {number}
 * The height of the Window Header icon
 */
/**
 * @var {number}
 * The space between the Window Header icon and text
 */
/**
 * @var {list}
 * The background-position of  the Window Header icon
 */
/**
 * @var {color}
 * The color of the Window Header glyph icon
 */
/**
 * @var {number}
 * The opacity of the Window Header glyph icon
 */
/**
 * @var {number}
 * The border-width of Window Headers
 */
/**
 * @var {color}
 * The inner border-color of Window Headers
 */
/**
 * @var {number}
 * The inner border-width of Window Headers
 */
/**
 * @var {boolean} $ui-force-header-border
 * True to force the window header to have a border on the side facing the window body.
 * Overrides dock layout's border management border removal rules.
 */
/**
 * @var {number}
 * The opacity of ghost Windows while dragging
 */
/**
 * @var {boolean}
 * True to include neptune style border management rules.
 */
/**
 * @var {color}
 * The color to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$window-include-border-management-rules` is `true`.
 */
/**
 * @var {number}
 * The width to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$window-include-border-management-rules` is `true`.
 */
/**
 * @var {boolean}
 * True to include the "default" window UI
 */
/**
 * @var {boolean}
 * @inheritdoc Ext.panel.Panel#css_var-$panel-ignore-frame-padding
 */
/**
 * @var {number}
 * The default font-size of the Window body
 */
/**
 * @var {string}
 * The default font-weight of the Window body
 */
/**
 * @var {string}
 * The default font-family of the Window body
 */
/**
 * @class Ext.form.field.Base
 */
/**
 * @var {number} $form-field-height
 * Height for form fields.
 */
/**
 * @var {number} $form-toolbar-field-height
 * Height for form fields in toolbar.
 */
/**
 * @var {number} $form-field-padding
 * Padding around form fields.
 */
/**
 * @var {number} $form-field-font-size
 * Font size for form fields.
 */
/**
 * @var {string} $form-field-font-family
 * Font family for form fields.
 */
/**
 * @var {string} $form-field-font-weight
 * Font weight for form fields.
 */
/**
 * @var {number} $form-toolbar-field-font-size
 * Font size for toolbar form fields.
 */
/**
 * @var {string} $form-toolbar-field-font-family
 * Font family for toolbar form fields.
 */
/**
 * @var {string} $form-toolbar-field-font-weight
 * Font weight for toolbar form fields.
 */
/**
 * @var {color} $form-field-color
 * Text color for form fields.
 */
/**
 * @var {color} $form-field-empty-color
 * Text color for empty form fields.
 */
/**
 * @var {color} $form-field-border-color
 * Border color for form fields.
 */
/**
 * @var {number} $form-field-border-width
 * Border width for form fields.
 */
/**
 * @var {string} $form-field-border-style
 * Border style for form fields.
 */
/**
 * @var {color} $form-field-focus-border-color
 * Border color for focused form fields.
 *
 * In the default Neptune color scheme this is the same as $base-highlight-color
 * but it does not change automatically when one changes the $base-color.  This is because
 * checkboxes and radio buttons have this focus color hard coded into their background
 * images.  If this color is changed, you should also modify checkbox and radio button
 * background images to match
 */
/**
 * @var {color} $form-field-invalid-border-color
 * Border color for invalid form fields.
 */
/**
 * @var {color} $form-field-background-color
 * Background color for form fields.
 */
/**
 * @var {string} $form-field-background-image
 * Background image for form fields.
 */
/**
 * @var {color} $form-field-invalid-background-color
 * Background color for invalid form fields.
 */
/**
 * @var {string} $form-field-invalid-background-image
 * Background image for invalid form fields.
 */
/**
 * @var {string} $form-field-invalid-background-repeat
 * Background repeat for invalid form fields.
 */
/**
 * @var {string/list} $form-field-invalid-background-position
 * Background position for invalid form fields.
 */
/**
 * @var {boolean}
 * True to include the "default" field UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" field UI
 */
/**
 * @class Ext.form.Labelable
 */
/**
 * @var {color}
 * The text color of form field labels
 */
/**
 * @var {string}
 * The font-weight of form field labels
 */
/**
 * @var {number}
 * The font-size of form field labels
 */
/**
 * @var {string}
 * The font-family of form field labels
 */
/**
 * @var {number}
 * The line-height of form field labels
 */
/**
 * @var {number}
 * Horizontal space between the label and the field body when the label is left-aligned.
 */
/**
 * @var {number}
 * Vertical space between the label and the field body when the label is top-aligned.
 */
/**
 * @var {string}
 * The background image for error icons
 */
/**
 * @var {number}
 * Width for form error icons.
 */
/**
 * @var {number}
 * Height for form error icons.
 */
/**
 * @var {number/list}
 * Margin for error icons that are aligned to the side of the field
 */
/**
 * @var {number}
 * The space between the icon and the message for errors that display under the field
 */
/**
 * @var {number/list}
 * The padding on errors that display under the form field
 */
/**
 * @var {color}
 * The text color of form error messages
 */
/**
 * @var {string}
 * The font-weight of form error messages
 */
/**
 * @var {number}
 * The font-size of form error messages
 */
/**
 * @var {string}
 * The font-family of form error messages
 */
/**
 * @var {number}
 * The line-height of form error messages
 */
/**
 * @var {number}
 * The bottom margin to apply to form items when in auto, anchor, vbox, or table layout.
 * This value is also used as the default border-spacing in a form-layout.
 */
/**
 * @var {number}
 * Opacity of disabled form fields
 */
/**
 * @var {color}
 * The text color of toolbar form field labels
 */
/**
 * @var {string}
 * The font-weight of toolbar form field labels
 */
/**
 * @var {number}
 * The font-size of toolbar form field labels
 */
/**
 * @var {string}
 * The font-family of toolbar form field labels
 */
/**
 * @var {number}
 * The line-height of toolbar form field labels
 */
/**
 * @var {number}
 * Horizontal space between the toolbar field's label and the field body when the label is left-aligned.
 */
/**
 * @var {number}
 * Vertical space between the toolbar field's label and the field body when the label is top-aligned.
 */
/**
 * @var {string}
 * The background image for toolbar field error icons
 */
/**
 * @var {number}
 * Width for toolbar field error icons.
 */
/**
 * @var {number}
 * Height for toolbar field error icons.
 */
/**
 * @var {number/list}
 * Margin for toolbar field error icons that are aligned to the side of the field
 */
/**
 * @var {number}
 * The space between the icon and the message for errors that display under a toolbar field
 */
/**
 * @var {number/list}
 * The padding on errors that display under the toolbar form field
 */
/**
 * @var {color}
 * The text color of toolbar form error messages
 */
/**
 * @var {string}
 * The font-weight of toolbar form field error messages
 */
/**
 * @var {number}
 * The font-size of toolbar form field error messages
 */
/**
 * @var {string}
 * The font-family of toolbar form field error messages
 */
/**
 * @var {number}
 * The line-height of toolbar form field error messages
 */
/**
 * @var {number}
 * Opacity of disabled toolbar form fields
 */
/**
 * @var {boolean}
 * True to include the "default" label UI
 */
/**
 * @var {boolean}
 * True to include the "default" label UI
 */
/**
 * @class Ext.form.field.Text
 */
/**
 * @var {number}
 * The height of text fields
 */
/**
 * @var {number}
 * Font size for text fields.
 */
/**
 * @var {string}
 * Font family for text fields.
 */
/**
 * @var {string}
 * Font weight for text fields.
 */
/**
 * @var {color}
 * The color of the text field's input element
 */
/**
 * @var {color}
 * The background color of the text field's input element
 */
/**
 * @var {number/list}
 * The border width of text fields
 */
/**
 * @var {string/list}
 * The border style of text fields
 */
/**
 * @var {color/list}
 * The border color of text fields
 */
/**
 * @var {color/list}
 * The border color of the focused text field
 */
/**
 * @var {color}
 * Border color for invalid text fields.
 */
/**
 * @var {number/list}
 * Border radius for text fields
 */
/**
 * @var {string}
 * The background image of the text field's input element
 */
/**
 * @var {number/list}
 * The padding of the text field's input element
 */
/**
 * @var {color}
 * Text color for empty text fields.
 */
/**
 * @var {number}
 * The default width of the text field's body element (the element that contains the input
 * element and triggers) when the field is not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Background color of the text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background image of the text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background repeat of the text field's input element when the field value is invalid.
 */
/**
 * @var {string/list}
 * Background position of the text field's input element when the field value is invalid.
 */
/**
 * @var {boolean}
 * `true` to use classic-theme styled border for text fields.
 */
/**
 * @var {number} $form-textarea-line-height
 * The line-height to use for the TextArea's text
 */
/**
 * @var {number} $form-textarea-body-height
 * The default width of the TextArea's body element (the element that contains the textarea
 * html element when the field is not sized explicitly using the {@link #width}config, or
 * sized by it's containing layout.
 */
/**
 * @var {color}
 * Text color for file fields
 */
/**
 * @var {number}
 * The width of the text field's trigger element
 */
/**
 * @var {number/list}
 * The width of the text field's trigger's border
 */
/**
 * @var {color/list}
 * The color of the text field's trigger's border
 */
/**
 * @var {string/list}
 * The style of the text field's trigger's border
 */
/**
 * @var {color}
 * The color of the text field's trigger's border when hovered
 */
/**
 * @var {color}
 * The color of the text field's trigger's border when the field is focused
 */
/**
 * @var {color}
 * The color of the text field's trigger's border when the field is focused and the trigger is hovered
 */
/**
 * @var {string}
 * The default background image for text field triggers
 */
/**
 * @var {color}
 * The background color of the text field's trigger element
 */
/**
 * @var {number}
 * The height of toolbar text fields
 */
/**
 * @var {number}
 * Font size for toolbar text fields.
 */
/**
 * @var {string}
 * Font family for toolbar text fields.
 */
/**
 * @var {string}
 * Font weight for toolbar text fields.
 */
/**
 * @var {color}
 * The color of the toolbar text field's input element
 */
/**
 * @var {color}
 * The background color of the toolbar text field's input element
 */
/**
 * @var {number/list}
 * The border width of toolbar text fields
 */
/**
 * @var {string/list}
 * The border style of toolbar text fields
 */
/**
 * @var {color/list}
 * The border color of toolbar text fields
 */
/**
 * @var {color/list}
 * The border color of the focused toolbar text field
 */
/**
 * @var {color} $form-field-invalid-border-color
 * Border color for invalid toolbar text fields.
 */
/**
 * @var {number/list}
 * Border radius for toolbar text fields
 */
/**
 * @var {string}
 * The background image of the toolbar text field's input element
 */
/**
 * @var {number/list}
 * The padding of the toolbar text field's input element
 */
/**
 * @var {color}
 * Text color for empty toolbar text fields.
 */
/**
 * @var {number}
 * The default width of the toolbar text field's body element (the element that contains the input
 * element and triggers) when the field is not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Background color of the toolbar text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background image of the toolbar text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background repeat of the toolbar text field's input element when the field value is invalid.
 */
/**
 * @var {string/list}
 * Background position of the toolbar text field's input element when the field value is invalid.
 */
/**
 * @var {boolean}
 * `true` to use classic-theme styled border for toolbar text fields.
 */
/**
 * @var {number/string}
 * The line-height to use for the toolbar TextArea's text
 */
/**
 * @var {number}
 * The default width of the toolbar TextArea's body element (the element that contains the
 * textarea html element when the field is not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Text color for toolbar file fields
 */
/**
 * @var {number}
 * The width of the toolbar text field's trigger element
 */
/**
 * @var {number/list}
 * The width of the toolbar text field's trigger's border
 */
/**
 * @var {color/list}
 * The color of the toolbar text field's trigger's border
 */
/**
 * @var {string/list}
 * The style of the toolbar text field's trigger's border
 */
/**
 * @var {color}
 * The color of the toolbar text field's trigger's border when hovered
 */
/**
 * @var {color}
 * The color of the toolbar text field's trigger's border when the field is focused
 */
/**
 * @var {color}
 * The color of the toolbar text field's trigger's border when the field is focused and the trigger is hovered
 */
/**
 * @var {string}
 * The default background image for toolbar text field triggers
 */
/**
 * @var {color}
 * The background color of the toolbar text field's trigger element
 */
/**
 * @var {boolean}
 * True to include the "default" text field UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" text field UI
 */
/**
 * @class Ext.form.field.Spinner
 */
/**
 * @var {boolean}
 * True to use vertically oriented triggers. False to use horizontally oriented triggers.
 * Themes that set this property to true must also override the
 * {@link Ext.form.trigger.Spinner#vertical} config to match. Defaults to true.  When
 * 'vertical' orientation is used, the background image for both triggers is
 * 'form/spinner'.  When 'horizontal' is used, the triggers use separate background
 * images - 'form/spinner-up', and 'form/spinner-down'.
 */
/**
 * @var {string}
 * Background image for vertically oriented spinner triggers
 */
/**
 * @var {string}
 * Background image for the "up" trigger when trigger buttons are horizontally aligned
 */
/**
 * @var {string}
 * Background image for the "down" trigger when trigger buttons are horizontally aligned
 */
/**
 * @var {boolean}
 * `true` to use vertically oriented triggers for fields with the 'toolbar' UI.
 */
/**
 * @var {string}
 * Background image for vertically oriented toolbar spinner triggers
 */
/**
 * @var {string}
 * Background image for the "up" toolbar trigger when trigger buttons are horizontally aligned
 */
/**
 * @var {string}
 * Background image for the "down" toolbar trigger when trigger buttons are horizontally aligned
 */
/**
 * @var {boolean}
 * True to include the "default" spinner UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" spinner UI
 */
/**
 * @class Ext.form.field.Checkbox
 */
/**
 * @var {number}
 * The size of the checkbox
 */
/**
 * @var {string}
 * The background-image of the checkbox
 */
/**
 * @var {string}
 * The background-image of the radio button
 */
/**
 * @var {color}
 * The color of the checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-weight of the checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-size of the checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-family of the checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The line-height of the checkbox's {@link #boxLabel}
 */
/**
 * @var {number}
 * The space between the {@link #boxLabel} and the checkbox.
 */
/**
 * @var {number}
 * The size of the toolbar checkbox
 */
/**
 * @var {string}
 * The background-image of the toolbar checkbox
 */
/**
 * @var {string}
 * The background-image of the toolbar radio button
 */
/**
 * @var {color}
 * The color of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-weight of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-size of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-family of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The line-height of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {number}
 * The space between the {@link #boxLabel} and the toolbar checkbox.
 */
/**
 * @var {boolean}
 * True to include the "default" checkbox UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" checkbox UI
 */
/**
 * @class Ext.form.field.Display
 */
/**
 * @var {color}
 * The text color of display fields
 */
/**
 * @var {number}
 * The font-size of display fields
 */
/**
 * @var {string}
 * The font-family of display fields
 */
/**
 * @var {string}
 * The font-weight of display fields
 */
/**
 * @var {number}
 * The line-height of display fields
 */
/**
 * @var {color}
 * The text color of toolbar display fields
 */
/**
 * @var {number}
 * The font-size of toolbar display fields
 */
/**
 * @var {string}
 * The font-family of toolbar display fields
 */
/**
 * @var {string}
 * The font-weight of toolbar display fields
 */
/**
 * @var {number}
 * The line-height of toolbar display fields
 */
/**
 * @var {boolean}
 * True to include the "default" display field UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" display field UI
 */
/**
 * @class Ext.window.MessageBox
 */
/**
 * @var {color}
 * The background-color of the MessageBox body
 */
/**
 * @var {number}
 * The border-width of the MessageBox body
 */
/**
 * @var {color}
 * The border-color of the MessageBox body
 */
/**
 * @var {string}
 * The border-style of the MessageBox body
 */
/**
 * @var {list}
 * The background-position of the MessageBox icon
 */
/**
 * @var {number}
 * The size of the MessageBox icon
 */
/**
 * @var {number}
 * The amount of space between the MessageBox icon and the message text
 */
/**
 * @class Ext.form.CheckboxGroup
 */
/**
 * @var {number/list}
 * The padding of the CheckboxGroup body element
 */
/**
 * @var {color}
 * The border color of the CheckboxGroup body element when in an invalid state.
 */
/**
 * @var {string}
 * The border style of the CheckboxGroup body element when in an invalid state.
 */
/**
 * @var {number}
 * The border width of the CheckboxGroup body element when in an invalid state.
 */
/**
 * @var {string}
 * The background image of the CheckboxGroup body element when in an invalid state.
 */
/**
 * @var {string}
 * The background-repeat of the CheckboxGroup body element when in an invalid state.
 */
/**
 * @var {string}
 * The background-position of the CheckboxGroup body element when in an invalid state.
 */
/**
 * @var {boolean}
 * True to include the "default" checkboxgroup UI
 */
/**
 * @class Ext.form.FieldSet
 */
/**
 * @var {number}
 * The font-size of the FieldSet header
 */
/**
 * @var {string}
 * The font-weight of the FieldSet header
 */
/**
 * @var {string}
 * The font-family of the FieldSet header
 */
/**
 * @var {number/string}
 * The line-height of the FieldSet header
 */
/**
 * @var {color}
 * The text color of the FieldSet header
 */
/**
 * @var {number}
 * The border-width of the FieldSet
 */
/**
 * @var {string}
 * The border-style of the FieldSet
 */
/**
 * @var {color}
 * The border-color of the FieldSet
 */
/**
 * @var {number}
 * The border radius of FieldSet elements.
 */
/**
 * @var {number/list}
 * The FieldSet's padding
 */
/**
 * @var {number/list}
 * The FieldSet's margin
 */
/**
 * @var {number/list}
 * The padding to apply to the FieldSet's header
 */
/**
 * @var {number}
 * The size of the FieldSet's collapse tool
 */
/**
 * @var {number/list}
 * The margin to apply to the FieldSet's collapse tool
 */
/**
 * @var {number/list}
 * The padding to apply to the FieldSet's collapse tool
 */
/**
 * @var {string} $fieldset-collapse-tool-background-image
 * The background-image to use for the collapse tool. If 'none' the default tool
 * sprite will be used.  Defaults to 'none'.
 */
/**
 * @var {number}
 * The opacity of the FieldSet's collapse tool
 */
/**
 * @var {number}
 * The opacity of the FieldSet's collapse tool when hovered
 */
/**
 * @var {number}
 * The opacity of the FieldSet's collapse tool when pressed
 */
/**
 * @var {number/list}
 * The margin to apply to the FieldSet's checkbox (for FieldSets that use
 * {@link #checkboxToggle})
 */
/**
 * @var {boolean}
 * True to include the "default" fieldset UI
 */
/**
 * @class Ext.toolbar.Paging
 */
/**
 * @var {boolean}
 * True to include different icons when the paging toolbar buttons are disabled.
 */
/**
 * @class Ext.view.BoundList
 */
/**
 * @var {color}
 * The background-color of the BoundList
 */
/**
 * @var {color}
 * The border-color of the BoundList
 */
/**
 * @var {number}
 * The border-width of the BoundList
 */
/**
 * @var {string}
 * The border-style of the BoundList
 */
/**
 * @var {number}
 * The height of BoundList items
 */
/**
 * @var {string}
 * The font family of the BoundList items
 */
/**
 * @var {number}
 * The font size of the BoundList items
 */
/**
 * @var {string}
 * The font-weight of the BoundList items
 */
/**
 * @var {number/list}
 * The padding of BoundList items
 */
/**
 * @var {number}
 * The border-width of BoundList items
 */
/**
 * @var {string}
 * The border-style of BoundList items
 */
/**
 * @var {color}
 * The border-color of BoundList items
 */
/**
 * @var {color}
 * The border-color of hovered BoundList items
 */
/**
 * @var {color}
 * The border-color of selected BoundList items
 */
/**
 * @var {color}
 * The background-color of hovered BoundList items
 */
/**
 * @var {color}
 * The background-color of selected BoundList items
 */
/**
 * @class Ext.picker.Date
 */
/**
 * @var {number}
 * The border-width of the DatePicker
 */
/**
 * @var {string}
 * The border-style of the DatePicker
 */
/**
 * @var {color}
 * The background-color of the DatePicker
 */
/**
 * @var {string}
 * The background-image of the DatePicker next arrow
 */
/**
 * @var {list}
 * The background-position of the DatePicker next arrow
 */
/**
 * @var {string}
 * The background-image of the DatePicker previous arrow
 */
/**
 * @var {list}
 * The background-position of the DatePicker previous arrow
 */
/**
 * @var {number}
 * The width of DatePicker arrows
 */
/**
 * @var {number}
 * The height of DatePicker arrows
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a DatePicker arrow
 */
/**
 * @var {number}
 * The opacity of the DatePicker arrows
 */
/**
 * @var {number}
 * The opacity of the DatePicker arrows when hovered
 */
/**
 * @var {string/list}
 * The Date Picker header background gradient. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number/list}
 * The padding of the Date Picker header
 */
/**
 * @var {color}
 * The color of the Date Picker month button
 */
/**
 * @var {number}
 * The width of the arrow on the Date Picker month button
 */
/**
 * @var {string}
 * The background-image of the arrow on the Date Picker month button
 */
/**
 * @var {boolean}
 * True to render the month button as transparent
 */
/**
 * @var {string}
 * The text-align of the Date Picker header
 */
/**
 * @var {number}
 * The height of Date Picker items
 */
/**
 * @var {number}
 * The width of Date Picker items
 */
/**
 * @var {number/list}
 * The padding of Date Picker items
 */
/**
 * @var {string}
 * The font-family of Date Picker items
 */
/**
 * @var {number}
 * The font-size of Date Picker items
 */
/**
 * @var {string}
 * The font-weight of Date Picker items
 */
/**
 * @var {string}
 * The text-align of Date Picker items
 */
/**
 * @var {color}
 * The text color of Date Picker items
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a Date Picker item
 */
/**
 * @var {string}
 * The font-family of Date Picker column headers
 */
/**
 * @var {number}
 * The font-size of Date Picker column headers
 */
/**
 * @var {string}
 * The font-weight of Date Picker column headers
 */
/**
 * @var {string/list}
 * The background-gradient of Date Picker column headers. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string}
 * The border-style of Date Picker column headers
 */
/**
 * @var {number}
 * The border-width of Date Picker column headers
 */
/**
 * @var {string}
 * The text-align of Date Picker column headers
 */
/**
 * @var {number}
 * The height of Date Picker column headers
 */
/**
 * @var {number/list}
 * The padding of Date Picker column headers
 */
/**
 * @var {number}
 * The border-width of Date Picker items
 */
/**
 * @var {string}
 * The border-style of Date Picker items
 */
/**
 * @var {color}
 * The border-color of Date Picker items
 */
/**
 * @var {string}
 * The border-style of today's date on the Date Picker
 */
/**
 * @var {string}
 * The border-style of the selected item
 */
/**
 * @var {string}
 * The font-weight of the selected item
 */
/**
 * @var {color}
 * The text color of the items in the previous and next months
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a disabled item
 */
/**
 * @var {color}
 * The text color of disabled Date Picker items
 */
/**
 * @var {color}
 * The background-color of disabled Date Picker items
 */
/**
 * @var {color}
 * The background-color of the Date Picker footer
 */
/**
 * @var {string/list}
 * The background-gradient of the Date Picker footer. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number/list}
 * The border-width of the Date Picker footer
 */
/**
 * @var {string}
 * The border-style of the Date Picker footer
 */
/**
 * @var {string}
 * The text-align of the Date Picker footer
 */
/**
 * @var {number/list}
 * The padding of the Date Picker footer
 */
/**
 * @var {number}
 * The space between the footer buttons
 */
/**
 * @var {color}
 * The border-color of the Month Picker
 */
/**
 * @var {number}
 * The border-width of the Month Picker
 */
/**
 * @var {string}
 * The border-style of the Month Picker
 */
/**
 * @var {color}
 * The text color of Month Picker items
 */
/**
 * @var {color}
 * The text color of Month Picker items
 */
/**
 * @var {color}
 * The border-color of Month Picker items
 */
/**
 * @var {string}
 * The border-style of Month Picker items
 */
/**
 * @var {string}
 * The font-family of Month Picker items
 */
/**
 * @var {number}
 * The font-size of Month Picker items
 */
/**
 * @var {string}
 * The font-weight of Month Picker items
 */
/**
 * @var {number/list}
 * The margin of Month Picker items
 */
/**
 * @var {string}
 * The text-align of Month Picker items
 */
/**
 * @var {number}
 * The height of Month Picker items
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a Month Picker item
 */
/**
 * @var {color}
 * The background-color of hovered Month Picker items
 */
/**
 * @var {color}
 * The background-color of selected Month Picker items
 */
/**
 * @var {string}
 * The border-style of selected Month Picker items
 */
/**
 * @var {color}
 * The border-color of selected Month Picker items
 */
/**
 * @var {number}
 * The height of the Month Picker year navigation buttons 
 */
/**
 * @var {number}
 * The width of the Month Picker year navigation buttons 
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a Month Picker year navigation button 
 */
/**
 * @var {number}
 * The opacity of the Month Picker year navigation buttons 
 */
/**
 * @var {number}
 * The opacity of hovered Month Picker year navigation buttons 
 */
/**
 * @var {string}
 * The background-image of the Month Picker next year navigation button
 */
/**
 * @var {string}
 * The background-image of the Month Picker previous year navigation button
 */
/**
 * @var {list}
 * The background-poisition of the Month Picker next year navigation button
 */
/**
 * @var {list}
 * The background-poisition of the hovered Month Picker next year navigation button
 */
/**
 * @var {list}
 * The background-poisition of the Month Picker previous year navigation button
 */
/**
 * @var {list}
 * The background-poisition of the hovered Month Picker previous year navigation button
 */
/**
 * @var {string}
 * The border-style of the Month Picker separator
 */
/**
 * @var {number}
 * The border-width of the Month Picker separator
 */
/**
 * @var {color}
 * The border-color of the Month Picker separator
 */
/**
 * @var {number/list}
 * The margin of Month Picker items when the datepicker does not have footer buttons
 */
/**
 * @var {number}
 * The height of Month Picker items when the datepicker does not have footer buttons
 */
/**
 * @class Ext.tip.Tip
 */
/**
 * @var {color}
 * The background-color of the Tip
 */
/**
 * @var {string/list}
 * The background-gradient of the Tip. Can be either the name of a predefined gradient or a
 * list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color of the Tip body
 */
/**
 * @var {number}
 * The font-size of the Tip body
 */
/**
 * @var {string}
 * The font-weight of the Tip body
 */
/**
 * @var {number/list}
 * The padding of the Tip body
 */
/**
 * @var {color}
 * The text color of any anchor tags inside the Tip body
 */
/**
 * @var {color}
 * The text color of the Tip header
 */
/**
 * @var {number}
 * The font-size of the Tip header
 */
/**
 * @var {string}
 * The font-weight of the Tip header
 */
/**
 * @var {number/list}
 * The padding of the Tip header's body element
 */
/**
 * @var {color}
 * The border-color of the Tip
 */
/**
 * @var {number}
 * The border-width of the Tip
 */
/**
 * @var {number}
 * The border-radius of the Tip
 */
/**
 * @var {color}
 * The inner border-color of the form field error Tip
 */
/**
 * @var {number}
 * The inner border-width of the form field error Tip
 */
/**
 * @var {color}
 * The border-color of the form field error Tip
 */
/**
 * @var {number}
 * The border-radius of the form field error Tip
 */
/**
 * @var {number}
 * The border-width of the form field error Tip
 */
/**
 * @var {color}
 * The background-color of the form field error Tip
 */
/**
 * @var {number/list}
 * The padding of the form field error Tip's body element
 */
/**
 * @var {color}
 * The text color of the form field error Tip's body element
 */
/**
 * @var {number}
 * The font-size of the form field error Tip's body element
 */
/**
 * @var {string}
 * The font-weight of the form field error Tip's body element
 */
/**
 * @var {color}
 * The color of anchor tags in the form field error Tip's body element
 */
/**
 * @var {number}
 * The space between {@link Ext.panel.Tool Tools} in the header
 */
/**
 * @var {string}
 * The sprite to use for the header {@link Ext.panel.Tool Tools}
 */
/**
 * @var {boolean}
 * True to include the "default" tip UI
 */
/**
 * @var {boolean}
 * True to include the "form-invalid" tip UI
 */
/**
 * @class Ext.picker.Color
 */
/**
 * @var {color}
 * The background-color of Color Pickers
 */
/**
 * @var {color}
 * The border-color of Color Pickers
 */
/**
 * @var {number}
 * The border-width of Color Pickers
 */
/**
 * @var {string}
 * The border-style of Color Pickers
 */
/**
 * @var {number}
 * The number of columns to display in the Color Picker
 */
/**
 * @var {number}
 * The number of rows to display in the Color Picker
 */
/**
 * @var {number}
 * The height of each Color Picker item
 */
/**
 * @var {number}
 * The width of each Color Picker item
 */
/**
 * @var {number}
 * The padding of each Color Picker item
 */
/**
 * @var {string}
 * The cursor to display when the mouse is over a Color Picker item
 */
/**
 * @var {color}
 * The border-color of Color Picker items
 */
/**
 * @var {number}
 * The border-width of Color Picker items
 */
/**
 * @var {string}
 * The border-style of Color Picker items
 */
/**
 * @var {color}
 * The border-color of hovered Color Picker items
 */
/**
 * @var {color}
 * The background-color of Color Picker items
 */
/**
 * @var {color}
 * The background-color of hovered Color Picker items
 */
/**
 * @var {color}
 * The border-color of the selected Color Picker item
 */
/**
 * @var {color}
 * The background-color of the selected Color Picker item
 */
/**
 * @var {color}
 * The inner border-color of Color Picker items
 */
/**
 * @var {number}
 * The inner border-width of Color Picker items
 */
/**
 * @var {string}
 * The inner border-style of Color Picker items
 */
/**
 * @class Ext.form.field.HtmlEditor
 */
/**
 * @var {number}
 * The border-width of the HtmlEditor
 */
/**
 * @var {color}
 * The border-color of the HtmlEditor
 */
/**
 * @var {color}
 * The background-color of the HtmlEditor
 */
/**
 * @var {number}
 * The size of the HtmlEditor toolbar icons
 */
/**
 * @var {number}
 * The font-size of the HtmlEditor's font selection control
 */
/**
 * @var {number}
 * The font-family of the HtmlEditor's font selection control
 */
/**
 * @var {color}
 * The text color of tag field items
 */
/**
 * @class Ext.view.Table
 */
/**
 * @var {color}
 * The color of the text in the grid cells
 */
/**
 * @var {number}
 * The font size of the text in the grid cells
 */
/**
 * @var {number}
 * The line-height of the text inside the grid cells.
 */
/**
 * @var {string}
 * The font-weight of the text in the grid cells
 */
/**
 * @var {string}
 * The font-family of the text in the grid cells
 */
/**
 * @var {color}
 * The background-color of the grid cells
 */
/**
 * @var {color}
 * The border-color of row/column borders. Can be specified as a single color, or as a list
 * of colors containing the row border color followed by the column border color.
 */
/**
 * @var {string}
 * The border-style of the row/column borders.
 */
/**
 * @var {number}
 * The border-width of the row and column borders.
 */
/**
 * @var {color}
 * The background-color of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {string}
 * The background-gradient to use for "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {number}
 * The border-width of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border width is determined by
 * {#$grid-row-cell-border-width}.
 */
/**
 * @var {color}
 * The border-color of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border color is determined by
 * {#$grid-row-cell-border-color}.
 */
/**
 * @var {string}
 * The border-style of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border style is determined by
 * {#$grid-row-cell-border-style}.
 */
/**
 * @var {color}
 * The border-color of "special" cells when the row is selected using a {@link
 * Ext.selection.RowModel Row Selection Model}.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the selected row border color is determined by
 * {#$grid-row-cell-selected-border-color}.
 */
/**
 * @var {color}
 * The background-color of "special" cells when the row is hovered. Special cells are
 * created by {@link Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel
 * Checkbox Selection Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {color}
 * The background-color color of odd-numbered rows when the table view is configured with
 * `{@link Ext.view.Table#stripeRows stripeRows}: true`.
 */
/**
 * @var {string}
 * The border-style of the hovered row
 */
/**
 * @var {color}
 * The text color of the hovered row
 */
/**
 * @var {color}
 * The background-color of the hovered row
 */
/**
 * @var {color}
 * The border-color of the hovered row
 */
/**
 * @var {string}
 * The border-style of the selected row
 */
/**
 * @var {color}
 * The text color of the selected row
 */
/**
 * @var {color}
 * The background-color of the selected row
 */
/**
 * @var {color}
 * The border-color of the selected row
 */
/**
 * @var {number}
 * The border-width of the focused cell
 */
/**
 * @var {color}
 * The border-color of the focused cell
 */
/**
 * @var {string}
 * The border-style of the focused cell
 */
/**
 * @var {number}
 * The spacing between grid cell border and inner focus border
 */
/**
 * @var {color}
 * The text color of the focused cell
 */
/**
 * @var {color}
 * The background-color of the focused cell
 */
/**
 * @var {boolean}
 * True to show the focus border when a row is focused even if the grid has no
 * {@link Ext.panel.Table#rowLines rowLines}.
 */
/**
 * @var {color}
 * The text color of a selected cell when using a {@link Ext.selection.CellModel
 * Cell Selection Model}.
 */
/**
 * @var {color}
 * The background-color of a selected cell when using a {@link Ext.selection.CellModel
 * Cell Selection Model}.
 */
/**
 * @var {number}
 * The amount of padding to apply to the grid cell's inner div element
 */
/**
 * @var {string}
 * The type of text-overflow to use on the grid cell's inner div element
 */
/**
 * @var {color}
 * The border-color of the grid body
 */
/**
 * @var {number}
 * The border-width of the grid body border
 */
/**
 * @var {string}
 * The border-style of the grid body border
 */
/**
 * @var {color}
 * The background-color of the grid body
 */
/**
 * @var {number}
 * The amount of padding to apply to the grid body when the grid contains no data.
 */
/**
 * @var {color}
 * The text color of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {color}
 * The background color of the grid body when the grid contains no data.
 */
/**
 * @var {number}
 * The font-size of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {number}
 * The font-weight of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {number}
 * The font-family of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {color}
 * The color of the resize markers that display when dragging a column border to resize
 * the column
 */
/**
 * @class Ext.grid.header.DropZone
 */
/**
 * @var {number}
 * The size of the column move icon
 */
/**
 * @class Ext.grid.header.Container
 */
/**
 * @var {color}
 * The background-color of grid headers
 */
/**
 * @var {string/list}
 * The background-gradient of grid headers.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The border-color of grid headers
 */
/**
 * @var {number}
 * The border-width of grid headers
 */
/**
 * @var {string}
 * The border-style of grid headers
 */
/**
 * @var {color}
 * The background-color of grid headers when the cursor is over the header
 */
/**
 * @var {string/list}
 * The background-gradient of grid headers when the cursor is over the header.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The background-color of a grid header when its menu is open
 */
/**
 * @var {number/list}
 * The padding to apply to grid headers
 */
/**
 * @var {number}
 * The height of grid header triggers
 */
/**
 * @var {number}
 * The width of grid header triggers
 */
/**
 * @var {number}
 * The width of the grid header sort icon
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a grid header trigger
 */
/**
 * @var {number}
 * The amount of space between the header trigger and text
 */
/**
 * @var {list}
 * The background-position of the header trigger
 */
/**
 * @var {color}
 * The background-color of the header trigger
 */
/**
 * @var {color}
 * The background-color of the header trigger when the menu is open
 */
/**
 * @var {number}
 * The space between the grid header sort icon and the grid header text
 */
/**
 * @class Ext.grid.column.Column
 */
/**
 * @var {string}
 * The font-family of grid column headers
 */
/**
 * @var {number}
 * The font-size of grid column headers
 */
/**
 * @var {string}
 * The font-weight of grid column headers
 */
/**
 * @var {number}
 * The line-height of grid column headers
 */
/**
 * @var {string}
 * The text-overflow of grid column headers
 */
/**
 * @var {color}
 * The text color of grid column headers
 */
/**
 * @var {number}
 * The border-width of grid column headers
 */
/**
 * @var {string}
 * The border-style of grid column headers
 */
/**
 * @var {color}
 * The text color of focused grid column headers
 */
/**
 * @var {color}
 * The background-color of focused grid column headers
 */
/**
 * @var {number}
 * The border-width of focused grid column headers
 */
/**
 * @var {string}
 * The border-style of focused grid column headers
 */
/**
 * @var {number}
 * The spacing between column header element border and inner focus border
 */
/**
 * @var {color}
 * The border color of focused grid column headers
 */
/**
 * @class Ext.grid.column.Action
 */
/**
 * @var {number}
 * The height of action column icons
 */
/**
 * @var {number}
 * The width of action column icons
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over an action column icon
 */
/**
 * @var {number}
 * The opacity of disabled action column icons
 */
/**
 * @var {number}
 * The amount of padding to add to the left and right of the action column cell
 */
/**
 * @class Ext.grid.column.Check
 */
/**
 * @var {number}
 * Opacity of disabled CheckColumns
 */
/**
 * @class Ext.grid.column.RowNumberer
 */
/**
 * @var {number}
 * The horizontal space before the number in the RowNumberer cell
 */
/**
 * @var {number}
 * The horizontal space after the number in the RowNumberer cell
 */
/**
 * @class Ext.form.field.Base
 */
/**
 * @var {number} $form-field-height
 * Height for form fields.
 */
/**
 * @var {number} $form-toolbar-field-height
 * Height for form fields in toolbar.
 */
/**
 * @var {number} $form-field-padding
 * Padding around form fields.
 */
/**
 * @var {number} $form-field-font-size
 * Font size for form fields.
 */
/**
 * @var {string} $form-field-font-family
 * Font family for form fields.
 */
/**
 * @var {string} $form-field-font-weight
 * Font weight for form fields.
 */
/**
 * @var {number} $form-toolbar-field-font-size
 * Font size for toolbar form fields.
 */
/**
 * @var {string} $form-toolbar-field-font-family
 * Font family for toolbar form fields.
 */
/**
 * @var {string} $form-toolbar-field-font-weight
 * Font weight for toolbar form fields.
 */
/**
 * @var {color} $form-field-color
 * Text color for form fields.
 */
/**
 * @var {color} $form-field-empty-color
 * Text color for empty form fields.
 */
/**
 * @var {color} $form-field-border-color
 * Border color for form fields.
 */
/**
 * @var {number} $form-field-border-width
 * Border width for form fields.
 */
/**
 * @var {string} $form-field-border-style
 * Border style for form fields.
 */
/**
 * @var {color} $form-field-focus-border-color
 * Border color for focused form fields.
 *
 * In the default Neptune color scheme this is the same as $base-highlight-color
 * but it does not change automatically when one changes the $base-color.  This is because
 * checkboxes and radio buttons have this focus color hard coded into their background
 * images.  If this color is changed, you should also modify checkbox and radio button
 * background images to match
 */
/**
 * @var {color} $form-field-invalid-border-color
 * Border color for invalid form fields.
 */
/**
 * @var {color} $form-field-background-color
 * Background color for form fields.
 */
/**
 * @var {string} $form-field-background-image
 * Background image for form fields.
 */
/**
 * @var {color} $form-field-invalid-background-color
 * Background color for invalid form fields.
 */
/**
 * @var {string} $form-field-invalid-background-image
 * Background image for invalid form fields.
 */
/**
 * @var {string} $form-field-invalid-background-repeat
 * Background repeat for invalid form fields.
 */
/**
 * @var {string/list} $form-field-invalid-background-position
 * Background position for invalid form fields.
 */
/**
 * @var {boolean}
 * True to include the "default" field UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" field UI
 */
/**
 * @class Ext.form.Labelable
 */
/**
 * @var {color}
 * The text color of form field labels
 */
/**
 * @var {string}
 * The font-weight of form field labels
 */
/**
 * @var {number}
 * The font-size of form field labels
 */
/**
 * @var {string}
 * The font-family of form field labels
 */
/**
 * @var {number}
 * The line-height of form field labels
 */
/**
 * @var {number}
 * Horizontal space between the label and the field body when the label is left-aligned.
 */
/**
 * @var {number}
 * Vertical space between the label and the field body when the label is top-aligned.
 */
/**
 * @var {string}
 * The background image for error icons
 */
/**
 * @var {number}
 * Width for form error icons.
 */
/**
 * @var {number}
 * Height for form error icons.
 */
/**
 * @var {number/list}
 * Margin for error icons that are aligned to the side of the field
 */
/**
 * @var {number}
 * The space between the icon and the message for errors that display under the field
 */
/**
 * @var {number/list}
 * The padding on errors that display under the form field
 */
/**
 * @var {color}
 * The text color of form error messages
 */
/**
 * @var {string}
 * The font-weight of form error messages
 */
/**
 * @var {number}
 * The font-size of form error messages
 */
/**
 * @var {string}
 * The font-family of form error messages
 */
/**
 * @var {number}
 * The line-height of form error messages
 */
/**
 * @var {number}
 * The bottom margin to apply to form items when in auto, anchor, vbox, or table layout.
 * This value is also used as the default border-spacing in a form-layout.
 */
/**
 * @var {number}
 * Opacity of disabled form fields
 */
/**
 * @var {color}
 * The text color of toolbar form field labels
 */
/**
 * @var {string}
 * The font-weight of toolbar form field labels
 */
/**
 * @var {number}
 * The font-size of toolbar form field labels
 */
/**
 * @var {string}
 * The font-family of toolbar form field labels
 */
/**
 * @var {number}
 * The line-height of toolbar form field labels
 */
/**
 * @var {number}
 * Horizontal space between the toolbar field's label and the field body when the label is left-aligned.
 */
/**
 * @var {number}
 * Vertical space between the toolbar field's label and the field body when the label is top-aligned.
 */
/**
 * @var {string}
 * The background image for toolbar field error icons
 */
/**
 * @var {number}
 * Width for toolbar field error icons.
 */
/**
 * @var {number}
 * Height for toolbar field error icons.
 */
/**
 * @var {number/list}
 * Margin for toolbar field error icons that are aligned to the side of the field
 */
/**
 * @var {number}
 * The space between the icon and the message for errors that display under a toolbar field
 */
/**
 * @var {number/list}
 * The padding on errors that display under the toolbar form field
 */
/**
 * @var {color}
 * The text color of toolbar form error messages
 */
/**
 * @var {string}
 * The font-weight of toolbar form field error messages
 */
/**
 * @var {number}
 * The font-size of toolbar form field error messages
 */
/**
 * @var {string}
 * The font-family of toolbar form field error messages
 */
/**
 * @var {number}
 * The line-height of toolbar form field error messages
 */
/**
 * @var {number}
 * Opacity of disabled toolbar form fields
 */
/**
 * @var {boolean}
 * True to include the "default" label UI
 */
/**
 * @var {boolean}
 * True to include the "default" label UI
 */
/**
 * @class Ext.form.field.Text
 */
/**
 * @var {number}
 * The height of text fields
 */
/**
 * @var {number}
 * Font size for text fields.
 */
/**
 * @var {string}
 * Font family for text fields.
 */
/**
 * @var {string}
 * Font weight for text fields.
 */
/**
 * @var {color}
 * The color of the text field's input element
 */
/**
 * @var {color}
 * The background color of the text field's input element
 */
/**
 * @var {number/list}
 * The border width of text fields
 */
/**
 * @var {string/list}
 * The border style of text fields
 */
/**
 * @var {color/list}
 * The border color of text fields
 */
/**
 * @var {color/list}
 * The border color of the focused text field
 */
/**
 * @var {color}
 * Border color for invalid text fields.
 */
/**
 * @var {number/list}
 * Border radius for text fields
 */
/**
 * @var {string}
 * The background image of the text field's input element
 */
/**
 * @var {number/list}
 * The padding of the text field's input element
 */
/**
 * @var {color}
 * Text color for empty text fields.
 */
/**
 * @var {number}
 * The default width of the text field's body element (the element that contains the input
 * element and triggers) when the field is not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Background color of the text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background image of the text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background repeat of the text field's input element when the field value is invalid.
 */
/**
 * @var {string/list}
 * Background position of the text field's input element when the field value is invalid.
 */
/**
 * @var {boolean}
 * `true` to use classic-theme styled border for text fields.
 */
/**
 * @var {number} $form-textarea-line-height
 * The line-height to use for the TextArea's text
 */
/**
 * @var {number} $form-textarea-body-height
 * The default width of the TextArea's body element (the element that contains the textarea
 * html element when the field is not sized explicitly using the {@link #width}config, or
 * sized by it's containing layout.
 */
/**
 * @var {color}
 * Text color for file fields
 */
/**
 * @var {number}
 * The width of the text field's trigger element
 */
/**
 * @var {number/list}
 * The width of the text field's trigger's border
 */
/**
 * @var {color/list}
 * The color of the text field's trigger's border
 */
/**
 * @var {string/list}
 * The style of the text field's trigger's border
 */
/**
 * @var {color}
 * The color of the text field's trigger's border when hovered
 */
/**
 * @var {color}
 * The color of the text field's trigger's border when the field is focused
 */
/**
 * @var {color}
 * The color of the text field's trigger's border when the field is focused and the trigger is hovered
 */
/**
 * @var {string}
 * The default background image for text field triggers
 */
/**
 * @var {color}
 * The background color of the text field's trigger element
 */
/**
 * @var {number}
 * The height of toolbar text fields
 */
/**
 * @var {number}
 * Font size for toolbar text fields.
 */
/**
 * @var {string}
 * Font family for toolbar text fields.
 */
/**
 * @var {string}
 * Font weight for toolbar text fields.
 */
/**
 * @var {color}
 * The color of the toolbar text field's input element
 */
/**
 * @var {color}
 * The background color of the toolbar text field's input element
 */
/**
 * @var {number/list}
 * The border width of toolbar text fields
 */
/**
 * @var {string/list}
 * The border style of toolbar text fields
 */
/**
 * @var {color/list}
 * The border color of toolbar text fields
 */
/**
 * @var {color/list}
 * The border color of the focused toolbar text field
 */
/**
 * @var {color} $form-field-invalid-border-color
 * Border color for invalid toolbar text fields.
 */
/**
 * @var {number/list}
 * Border radius for toolbar text fields
 */
/**
 * @var {string}
 * The background image of the toolbar text field's input element
 */
/**
 * @var {number/list}
 * The padding of the toolbar text field's input element
 */
/**
 * @var {color}
 * Text color for empty toolbar text fields.
 */
/**
 * @var {number}
 * The default width of the toolbar text field's body element (the element that contains the input
 * element and triggers) when the field is not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Background color of the toolbar text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background image of the toolbar text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background repeat of the toolbar text field's input element when the field value is invalid.
 */
/**
 * @var {string/list}
 * Background position of the toolbar text field's input element when the field value is invalid.
 */
/**
 * @var {boolean}
 * `true` to use classic-theme styled border for toolbar text fields.
 */
/**
 * @var {number/string}
 * The line-height to use for the toolbar TextArea's text
 */
/**
 * @var {number}
 * The default width of the toolbar TextArea's body element (the element that contains the
 * textarea html element when the field is not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Text color for toolbar file fields
 */
/**
 * @var {number}
 * The width of the toolbar text field's trigger element
 */
/**
 * @var {number/list}
 * The width of the toolbar text field's trigger's border
 */
/**
 * @var {color/list}
 * The color of the toolbar text field's trigger's border
 */
/**
 * @var {string/list}
 * The style of the toolbar text field's trigger's border
 */
/**
 * @var {color}
 * The color of the toolbar text field's trigger's border when hovered
 */
/**
 * @var {color}
 * The color of the toolbar text field's trigger's border when the field is focused
 */
/**
 * @var {color}
 * The color of the toolbar text field's trigger's border when the field is focused and the trigger is hovered
 */
/**
 * @var {string}
 * The default background image for toolbar text field triggers
 */
/**
 * @var {color}
 * The background color of the toolbar text field's trigger element
 */
/**
 * @var {boolean}
 * True to include the "default" text field UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" text field UI
 */
/**
 * @class Ext.form.field.Spinner
 */
/**
 * @var {boolean}
 * True to use vertically oriented triggers. False to use horizontally oriented triggers.
 * Themes that set this property to true must also override the
 * {@link Ext.form.trigger.Spinner#vertical} config to match. Defaults to true.  When
 * 'vertical' orientation is used, the background image for both triggers is
 * 'form/spinner'.  When 'horizontal' is used, the triggers use separate background
 * images - 'form/spinner-up', and 'form/spinner-down'.
 */
/**
 * @var {string}
 * Background image for vertically oriented spinner triggers
 */
/**
 * @var {string}
 * Background image for the "up" trigger when trigger buttons are horizontally aligned
 */
/**
 * @var {string}
 * Background image for the "down" trigger when trigger buttons are horizontally aligned
 */
/**
 * @var {boolean}
 * `true` to use vertically oriented triggers for fields with the 'toolbar' UI.
 */
/**
 * @var {string}
 * Background image for vertically oriented toolbar spinner triggers
 */
/**
 * @var {string}
 * Background image for the "up" toolbar trigger when trigger buttons are horizontally aligned
 */
/**
 * @var {string}
 * Background image for the "down" toolbar trigger when trigger buttons are horizontally aligned
 */
/**
 * @var {boolean}
 * True to include the "default" spinner UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" spinner UI
 */
/**
 * @class Ext.form.field.Checkbox
 */
/**
 * @var {number}
 * The size of the checkbox
 */
/**
 * @var {string}
 * The background-image of the checkbox
 */
/**
 * @var {string}
 * The background-image of the radio button
 */
/**
 * @var {color}
 * The color of the checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-weight of the checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-size of the checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-family of the checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The line-height of the checkbox's {@link #boxLabel}
 */
/**
 * @var {number}
 * The space between the {@link #boxLabel} and the checkbox.
 */
/**
 * @var {number}
 * The size of the toolbar checkbox
 */
/**
 * @var {string}
 * The background-image of the toolbar checkbox
 */
/**
 * @var {string}
 * The background-image of the toolbar radio button
 */
/**
 * @var {color}
 * The color of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-weight of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-size of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The font-family of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {string}
 * The line-height of the toolbar checkbox's {@link #boxLabel}
 */
/**
 * @var {number}
 * The space between the {@link #boxLabel} and the toolbar checkbox.
 */
/**
 * @var {boolean}
 * True to include the "default" checkbox UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" checkbox UI
 */
/**
 * @class Ext.form.field.Display
 */
/**
 * @var {color}
 * The text color of display fields
 */
/**
 * @var {number}
 * The font-size of display fields
 */
/**
 * @var {string}
 * The font-family of display fields
 */
/**
 * @var {string}
 * The font-weight of display fields
 */
/**
 * @var {number}
 * The line-height of display fields
 */
/**
 * @var {color}
 * The text color of toolbar display fields
 */
/**
 * @var {number}
 * The font-size of toolbar display fields
 */
/**
 * @var {string}
 * The font-family of toolbar display fields
 */
/**
 * @var {string}
 * The font-weight of toolbar display fields
 */
/**
 * @var {number}
 * The line-height of toolbar display fields
 */
/**
 * @var {boolean}
 * True to include the "default" display field UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" display field UI
 */
/**
 * @class Ext.view.Table
 */
/**
 * @var {color}
 * The color of the text in the grid cells
 */
/**
 * @var {number}
 * The font size of the text in the grid cells
 */
/**
 * @var {number}
 * The line-height of the text inside the grid cells.
 */
/**
 * @var {string}
 * The font-weight of the text in the grid cells
 */
/**
 * @var {string}
 * The font-family of the text in the grid cells
 */
/**
 * @var {color}
 * The background-color of the grid cells
 */
/**
 * @var {color}
 * The border-color of row/column borders. Can be specified as a single color, or as a list
 * of colors containing the row border color followed by the column border color.
 */
/**
 * @var {string}
 * The border-style of the row/column borders.
 */
/**
 * @var {number}
 * The border-width of the row and column borders.
 */
/**
 * @var {color}
 * The background-color of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {string}
 * The background-gradient to use for "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {number}
 * The border-width of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border width is determined by
 * {#$grid-row-cell-border-width}.
 */
/**
 * @var {color}
 * The border-color of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border color is determined by
 * {#$grid-row-cell-border-color}.
 */
/**
 * @var {string}
 * The border-style of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border style is determined by
 * {#$grid-row-cell-border-style}.
 */
/**
 * @var {color}
 * The border-color of "special" cells when the row is selected using a {@link
 * Ext.selection.RowModel Row Selection Model}.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the selected row border color is determined by
 * {#$grid-row-cell-selected-border-color}.
 */
/**
 * @var {color}
 * The background-color of "special" cells when the row is hovered. Special cells are
 * created by {@link Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel
 * Checkbox Selection Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {color}
 * The background-color color of odd-numbered rows when the table view is configured with
 * `{@link Ext.view.Table#stripeRows stripeRows}: true`.
 */
/**
 * @var {string}
 * The border-style of the hovered row
 */
/**
 * @var {color}
 * The text color of the hovered row
 */
/**
 * @var {color}
 * The background-color of the hovered row
 */
/**
 * @var {color}
 * The border-color of the hovered row
 */
/**
 * @var {string}
 * The border-style of the selected row
 */
/**
 * @var {color}
 * The text color of the selected row
 */
/**
 * @var {color}
 * The background-color of the selected row
 */
/**
 * @var {color}
 * The border-color of the selected row
 */
/**
 * @var {number}
 * The border-width of the focused cell
 */
/**
 * @var {color}
 * The border-color of the focused cell
 */
/**
 * @var {string}
 * The border-style of the focused cell
 */
/**
 * @var {number}
 * The spacing between grid cell border and inner focus border
 */
/**
 * @var {color}
 * The text color of the focused cell
 */
/**
 * @var {color}
 * The background-color of the focused cell
 */
/**
 * @var {boolean}
 * True to show the focus border when a row is focused even if the grid has no
 * {@link Ext.panel.Table#rowLines rowLines}.
 */
/**
 * @var {color}
 * The text color of a selected cell when using a {@link Ext.selection.CellModel
 * Cell Selection Model}.
 */
/**
 * @var {color}
 * The background-color of a selected cell when using a {@link Ext.selection.CellModel
 * Cell Selection Model}.
 */
/**
 * @var {number}
 * The amount of padding to apply to the grid cell's inner div element
 */
/**
 * @var {string}
 * The type of text-overflow to use on the grid cell's inner div element
 */
/**
 * @var {color}
 * The border-color of the grid body
 */
/**
 * @var {number}
 * The border-width of the grid body border
 */
/**
 * @var {string}
 * The border-style of the grid body border
 */
/**
 * @var {color}
 * The background-color of the grid body
 */
/**
 * @var {number}
 * The amount of padding to apply to the grid body when the grid contains no data.
 */
/**
 * @var {color}
 * The text color of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {color}
 * The background color of the grid body when the grid contains no data.
 */
/**
 * @var {number}
 * The font-size of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {number}
 * The font-weight of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {number}
 * The font-family of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {color}
 * The color of the resize markers that display when dragging a column border to resize
 * the column
 */
/*
 * Vars for fields which are rendered to fit inside grid cells.
 * This includes cell and row editor fields and fields in widget columns.
 */
/**
 *  @class Ext.form.field.Base
 */
/**
 * @var {number}
 * The height of text fields rendered in the context of a grid cell.  Defaults to $form-field-height.  If grid row
 * height is smaller than $form-field-height, defaults to the grid row height.  Grid row
 * height is calculated by adding $grid-row-cell-line-height to the top and bottom values of
 * $grid-cell-inner-padding.
 */
/**
 * @var {number/list}
 * The padding of grid fields.
 */
/**
 * @var {number}
 * The color of the grid field text
 */
/**
 * @var {number}
 * The font size of the grid field text
 */
/**
 * @var {string}
 * The font-weight of the grid field text
 */
/**
 * @var {string}
 * The font-family of the grid field text
 */
/**
 * @var {boolean}
 * True to include the "grid-cell" form field UIs input fields rendered in the context of a grid cell.
 *
 * This defaults to `true`. It is required if either grid editors
 * ({@link Ext.grid.plugin.CellEditing cell} or {@link Ext.grid.plugin.RowEditing row})
 * are being used, or if a {@link Ext.grid.column.Widget WidgetColumn} is being used to
 * house an input field.
 */
/**
 *  @class Ext.form.field.Text
 */
/**
 * @var {number}
 * The height of text fields rendered in the context of a grid cell
 */
/**
 * @var {number}
 * Font size for text fields rendered in the context of a grid cell.
 */
/**
 * @var {string}
 * Font family for text fields rendered in the context of a grid cell.
 */
/**
 * @var {string}
 * Font weight for text fields rendered in the context of a grid cell.
 */
/**
 * @var {color}
 * The color of a text field's input element when rendered in the context of a grid cell
 */
/**
 * @var {color}
 * The background color of a text field's input element when entered in the context of a grid cell
 */
/**
 * @var {number/list}
 * The border width of text fields entered in the context of a grid cell
 */
/**
 * @var {string/list}
 * The border style of text fields rendered in the context of a grid cell
 */
/**
 * @var {color/list}
 * The border color of text fields rendered in the context of a grid cell
 */
/**
 * @var {color/list}
 * The border color of the focused text fields rendered in the context of a grid cell
 */
/**
 * @var {color}
 * Border color for invalid text fields rendered in the context of a grid cell.
 */
/**
 * @var {number/list}
 * Border radius for text fields rendered in the context of a grid cell.
 */
/**
 * @var {string}
 * The background image of a text field's input element when rendered in the context of a grid cell
 */
/**
 * @var {number/list}
 * The padding of a text field's input element when rendered in the context of a grid cell
 */
/**
 * @var {color}
 * Text color for empty text fields rendered in the context of a grid cell.
 */
/**
 * @var {number}
 * @private
 * The default width of a text field's body element (the element that contains the input
 * element and triggers) when the field is  rendered in the context of a grid cell and not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Background color of a text field's input element when rendered in the context of a grid cell and the field value is invalid.
 */
/**
 * @var {string}
 * Background image of a grid field text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background repeat of the grid field text field's input element when the field value is invalid.
 */
/**
 * @var {string/list}
 * Background position of the grid field text field's input element when rendered in the context of a grid cell and the field value is invalid.
 */
/**
 * @var {boolean}
 * `true` to use classic-theme styled border for text fields  rendered in the context of a grid cell.
 */
/**
 * @var {number/string}
 * The line-height to use for the TextArea's text when rendered in the context of a grid cell
 */
/**
 * @var {number}
 * The default width of the grid field TextArea's body element (the element that
 * contains the textarea html element when the field is rendered in the context of a grid cell and not sized explicitly using the
 * {@link #width} config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Text color for file fields rendered in the context of a grid cell
 */
/**
 * @var {number}
 * The width of a text field's trigger element when rendered in the context of a grid cell
 */
/**
 * @var {number/list}
 * The width of a text field's trigger's border when rendered in the context of a grid cell
 */
/**
 * @var {color/list}
 * The color of a text field's trigger's border when rendered in the context of a grid cell
 */
/**
 * @var {string/list}
 * The style of a text field's trigger's border when rendered in the context of a grid cell
 */
/**
 * @var {color}
 * The color of a text field's trigger's border when  rendered in the context of a grid cell and hovered
 */
/**
 * @var {color}
 * The color of a text field's trigger's border when  rendered in the context of a grid cell and the field is focused
 */
/**
 * @var {color}
 * The color of a text field's trigger's border when rendered in the context of a grid cell and the field is focused and the trigger is hovered
 */
/**
 * @var {string}
 * The default background image for text field triggers when rendered in the context of a grid cell
 */
/**
 * @var {color}
 * The background color of a text field's trigger element when rendered in the context of a grid cell
 */
/**
 * @var {boolean}
 * True to include the "grid-cell" text field UI
 */
/**
 * @class Ext.form.field.Spinner
 */
/**
 * @var {boolean}
 * True to use vertically oriented spinner triggers when rendered in the context of a grid cell.
 */
/**
 * @var {string}
 * Background image for vertically oriented grid field spinner triggers when rendered in the context of a grid cell
 */
/**
 * @var {string}
 * Background image for the "up" trigger when grid field spinner trigger buttons are  rendered in the context of a grid cell and horizontally aligned
 */
/**
 * @var {string}
 * Background image for the "down" trigger when grid field spinner trigger buttons are  rendered in the context of a grid cell and horizontally aligned
 */
/**
 * @var {boolean}
 * True to include the "grid-cell" spinner UI
 */
/**
 * @var {number}
 * The size of a checkbox when rendered in the context of a grid cell
 */
/**
 * @var {string}
 * The background-image of a checkbox when rendered in the context of a grid cell
 */
/**
 * @var {string}
 * The background-image of a radio button when rendered in the context of a grid cell
 */
/**
 * @var {boolean}
 * True to include the "grid-cell" checkbox UI
 */
/**
 *  @class Ext.form.field.Display
 */
/**
 * @var {color}
 * The text color of display fields rendered in the context of a grid cell
 */
/**
 * @var {number}
 * The font-size of display fields rendered in the context of a grid cell
 */
/**
 * @var {string}
 * The font-family of display fields rendered in the context of a grid cell
 */
/**
 * @var {string}
 * The font-weight of display fields rendered in the context of a grid cell
 */
/**
 * @var {number}
 * The line-height of display fields rendered in the context of a grid cell
 */
/**
 * @var {boolean}
 * True to include the "default" display field UI
 */
/**
 * @class Ext.grid.feature.Grouping
 */
/**
 * @var {color}
 * The background color of group headers
 */
/**
 * @var {number/list}
 * The border-width of group headers
 */
/**
 * @var {string}
 * The border-style of group headers
 */
/**
 * @var {color}
 * The border-color of group headers
 */
/**
 * @var {number/list}
 * The padding of group headers
 */
/**
 * @var {string}
 * The cursor of group headers
 */
/**
 * @var {color}
 * The text color of group header titles
 */
/**
 * @var {string}
 * The font-family of group header titles
 */
/**
 * @var {number}
 * The font-size of group header titles
 */
/**
 * @var {string}
 * The font-weight of group header titles
 */
/**
 * @var {number}
 * The line-height of group header titles
 */
/**
 * @var {number/list}
 * The amount of padding to add to the group title element.  This is typically used
 * to reserve space for an icon by setting the amountof space to be reserved for the icon
 * as the left value and setting the remaining sides to 0.
 */
/**
 * @class Ext.grid.feature.RowBody
 */
/**
 * @var {number}
 * The font-size of the RowBody
 */
/**
 * @var {number}
 * The line-height of the RowBody
 */
/**
 * @var {string}
 * The font-family of the RowBody
 */
/**
 * @var {number}
 * The font-weight of the RowBody
 */
/**
 * @var {number/list}
 * The padding of the RowBody
 */
/**
 * @class Ext.menu.Menu
 */
/**
 * @var {color}
 * The background-color of the Menu
 */
/**
 * @var {color}
 * The border-color of the Menu
 */
/**
 * @var {string}
 * The border-style of the Menu
 */
/**
 * @var {number}
 * The border-width of the Menu
 */
/**
 * @var {number/list}
 * The padding to apply to the Menu body element
 */
/**
 * @var {color}
 * The color of Menu Item text
 */
/**
 * @var {string}
 * The font-family of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The font-size of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {string}
 * The font-weight of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The height of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The border-width of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {string}
 * The style of cursor to display when the cursor is over a {@link Ext.menu.Item Menu Item}
 */
/**
 * @var {string}
 * The style of cursor to display when the cursor is over a disabled {@link Ext.menu.Item Menu Item}
 */
/**
 * @var {color}
 * The background-color of the active {@link Ext.menu.Item Menu Item}
 */
/**
 * @var {color}
 * The border-color of the active {@link Ext.menu.Item Menu Item}
 */
/**
 * @var {string/list}
 * The background-gradient for {@link Ext.menu.Item Menu Items}. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number}
 * The border-radius of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The size of {@link Ext.menu.Item Menu Item} icons
 */
/**
 * @var {color} $menu-glyph-color
 * The color to use for menu icons configured using {@link Ext.menu.Item#glyph glyph}
 */
/**
 * @var {number} $menu-glyph-opacity
 * The opacity to use for menu icons configured using {@link Ext.menu.Item#glyph glyph}
 */
/**
 * @var {number}
 * The size of {@link Ext.menu.Item Menu Item} checkboxes
 */
/**
 * @var {list}
 * The background-position of {@link Ext.menu.Item Menu Item} icons
 */
/**
 * @var {number}
 * vertical offset for menu item icons/checkboxes.  By default the icons are roughly
 * vertically centered, but it may be necessary in some cases to make minor adjustments
 * to the vertical position.
 */
/**
 * @var {number}
 * vertical offset for menu item text.  By default the text is given a line-height
 * equal to the menu item's content-height, however, depending on the font this may not
 * result in perfect vertical centering.  Offset can be used to make small adjustments
 * to the text's vertical position.
 */
/**
 * @var {number/list}
 * The space to the left and right of {@link Ext.menu.Item Menu Item} text. Can be specified
 * as a number (e.g. 5px) or as a list with 2 items for different left/right values. e.g.
 *
 *     $menu-item-text-horizontal-spacing: 4px 8px !default; // 4px of space to the left, and 8px to the right
 */
/**
 * @var {number}
 * The space to the left and right of {@link Ext.menu.Item Menu Item} icons. Can be specified
 * as a number (e.g. 5px) or as a list with 2 items for different left/right values. e.g.
 *
 *     $menu-item-icon-horizontal-spacing: 4px 8px !default; // 4px of space to the left, and 8px to the right
 */
/**
 * @var {number}
 * The space to the left and right of {@link Ext.menu.Item Menu Item} arrows. Can be specified
 * as a number (e.g. 5px) or as a list with 2 items for different left/right values. e.g.
 *
 *     $menu-item-arrow-horizontal-spacing: 4px 8px !default; // 4px of space to the left, and 8px to the right
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.menu.Separator Menu Separators}
 */
/**
 * @var {number}
 * The height of {@link Ext.menu.Item Menu Item} arrows
 */
/**
 * @var {number}
 * The width of {@link Ext.menu.Item Menu Item} arrows
 */
/**
 * @var {number}
 * The opacity of disabled {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number/list}
 * The margin non-MenuItems placed in a Menu
 */
/**
 * @var {color}
 * The border-color of {@link Ext.menu.Separator Menu Separators}
 */
/**
 * @var {color}
 * The background-color of {@link Ext.menu.Separator Menu Separators}
 */
/**
 * @var {number}
 * The size of {@link Ext.menu.Separator Menu Separators}
 */
/**
 * @var {number}
 * The width of Menu scrollers
 */
/**
 * @var {number}
 * The height of Menu scrollers
 */
/**
 * @var {color}
 * The border-color of Menu scroller buttons
 */
/**
 * @var {number}
 * The border-width of Menu scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "top" Menu scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "bottom" Menu scroller buttons
 */
/**
 * @var {string}
 * The cursor of Menu scroller buttons
 */
/**
 * @var {string}
 * The cursor of disabled Menu scroller buttons
 */
/**
 * @var {number}
 * The opacity of Menu scroller buttons. Only applicable when
 * {@link #$menu-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of hovered Menu scroller buttons. Only applicable when
 * {@link #$menu-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of pressed Menu scroller buttons. Only applicable when
 * {@link #$menu-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of disabled Menu scroller buttons.
 */
/**
 * @var {boolean}
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given their
 * hover state by changing their background-position,  When `false` scroller buttons are
 * given their hover state by applying opacity.
 */
/**
 * @var {boolean}
 * True to include the "default" menu UI
 */
/**
 * @class Ext.grid.filters.Filters
 */
/**
 * @var {string}
 * The font-style of the filtered column.
 */
/**
 * @var {string}
 * The font-weight of the filtered column.
 */
/**
 * @var {string}
 * The text-decoration of the filtered column.
 */
/**
 * @class Ext.grid.locking.Lockable
 */
/**
 * @var {number}
 * The width of the border between the locked views
 */
/**
 * @var {string}
 * The border-style of the border between the locked views
 */
/**
 * @var {string}
 * The border-color of the border between the locked views. Defaults to the
 * panel border color. May be overridden in a theme.
 */
/*
 * Vars for fields which are rendered to fit inside grid cells.
 * This includes cell and row editor fields and fields in widget columns.
 */
/**
 *  @class Ext.form.field.Base
 */
/**
 * @var {number}
 * The height of text fields rendered in the context of a grid cell.  Defaults to $form-field-height.  If grid row
 * height is smaller than $form-field-height, defaults to the grid row height.  Grid row
 * height is calculated by adding $grid-row-cell-line-height to the top and bottom values of
 * $grid-cell-inner-padding.
 */
/**
 * @var {number/list}
 * The padding of grid fields.
 */
/**
 * @var {number}
 * The color of the grid field text
 */
/**
 * @var {number}
 * The font size of the grid field text
 */
/**
 * @var {string}
 * The font-weight of the grid field text
 */
/**
 * @var {string}
 * The font-family of the grid field text
 */
/**
 * @var {boolean}
 * True to include the "grid-cell" form field UIs input fields rendered in the context of a grid cell.
 *
 * This defaults to `true`. It is required if either grid editors
 * ({@link Ext.grid.plugin.CellEditing cell} or {@link Ext.grid.plugin.RowEditing row})
 * are being used, or if a {@link Ext.grid.column.Widget WidgetColumn} is being used to
 * house an input field.
 */
/**
 *  @class Ext.form.field.Text
 */
/**
 * @var {number}
 * The height of text fields rendered in the context of a grid cell
 */
/**
 * @var {number}
 * Font size for text fields rendered in the context of a grid cell.
 */
/**
 * @var {string}
 * Font family for text fields rendered in the context of a grid cell.
 */
/**
 * @var {string}
 * Font weight for text fields rendered in the context of a grid cell.
 */
/**
 * @var {color}
 * The color of a text field's input element when rendered in the context of a grid cell
 */
/**
 * @var {color}
 * The background color of a text field's input element when entered in the context of a grid cell
 */
/**
 * @var {number/list}
 * The border width of text fields entered in the context of a grid cell
 */
/**
 * @var {string/list}
 * The border style of text fields rendered in the context of a grid cell
 */
/**
 * @var {color/list}
 * The border color of text fields rendered in the context of a grid cell
 */
/**
 * @var {color/list}
 * The border color of the focused text fields rendered in the context of a grid cell
 */
/**
 * @var {color}
 * Border color for invalid text fields rendered in the context of a grid cell.
 */
/**
 * @var {number/list}
 * Border radius for text fields rendered in the context of a grid cell.
 */
/**
 * @var {string}
 * The background image of a text field's input element when rendered in the context of a grid cell
 */
/**
 * @var {number/list}
 * The padding of a text field's input element when rendered in the context of a grid cell
 */
/**
 * @var {color}
 * Text color for empty text fields rendered in the context of a grid cell.
 */
/**
 * @var {number}
 * @private
 * The default width of a text field's body element (the element that contains the input
 * element and triggers) when the field is  rendered in the context of a grid cell and not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Background color of a text field's input element when rendered in the context of a grid cell and the field value is invalid.
 */
/**
 * @var {string}
 * Background image of a grid field text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background repeat of the grid field text field's input element when the field value is invalid.
 */
/**
 * @var {string/list}
 * Background position of the grid field text field's input element when rendered in the context of a grid cell and the field value is invalid.
 */
/**
 * @var {boolean}
 * `true` to use classic-theme styled border for text fields  rendered in the context of a grid cell.
 */
/**
 * @var {number/string}
 * The line-height to use for the TextArea's text when rendered in the context of a grid cell
 */
/**
 * @var {number}
 * The default width of the grid field TextArea's body element (the element that
 * contains the textarea html element when the field is rendered in the context of a grid cell and not sized explicitly using the
 * {@link #width} config, or sized by it's containing layout.
 */
/**
 * @var {color}
 * Text color for file fields rendered in the context of a grid cell
 */
/**
 * @var {number}
 * The width of a text field's trigger element when rendered in the context of a grid cell
 */
/**
 * @var {number/list}
 * The width of a text field's trigger's border when rendered in the context of a grid cell
 */
/**
 * @var {color/list}
 * The color of a text field's trigger's border when rendered in the context of a grid cell
 */
/**
 * @var {string/list}
 * The style of a text field's trigger's border when rendered in the context of a grid cell
 */
/**
 * @var {color}
 * The color of a text field's trigger's border when  rendered in the context of a grid cell and hovered
 */
/**
 * @var {color}
 * The color of a text field's trigger's border when  rendered in the context of a grid cell and the field is focused
 */
/**
 * @var {color}
 * The color of a text field's trigger's border when rendered in the context of a grid cell and the field is focused and the trigger is hovered
 */
/**
 * @var {string}
 * The default background image for text field triggers when rendered in the context of a grid cell
 */
/**
 * @var {color}
 * The background color of a text field's trigger element when rendered in the context of a grid cell
 */
/**
 * @var {boolean}
 * True to include the "grid-cell" text field UI
 */
/**
 * @class Ext.form.field.Spinner
 */
/**
 * @var {boolean}
 * True to use vertically oriented spinner triggers when rendered in the context of a grid cell.
 */
/**
 * @var {string}
 * Background image for vertically oriented grid field spinner triggers when rendered in the context of a grid cell
 */
/**
 * @var {string}
 * Background image for the "up" trigger when grid field spinner trigger buttons are  rendered in the context of a grid cell and horizontally aligned
 */
/**
 * @var {string}
 * Background image for the "down" trigger when grid field spinner trigger buttons are  rendered in the context of a grid cell and horizontally aligned
 */
/**
 * @var {boolean}
 * True to include the "grid-cell" spinner UI
 */
/**
 * @var {number}
 * The size of a checkbox when rendered in the context of a grid cell
 */
/**
 * @var {string}
 * The background-image of a checkbox when rendered in the context of a grid cell
 */
/**
 * @var {string}
 * The background-image of a radio button when rendered in the context of a grid cell
 */
/**
 * @var {boolean}
 * True to include the "grid-cell" checkbox UI
 */
/**
 *  @class Ext.form.field.Display
 */
/**
 * @var {color}
 * The text color of display fields rendered in the context of a grid cell
 */
/**
 * @var {number}
 * The font-size of display fields rendered in the context of a grid cell
 */
/**
 * @var {string}
 * The font-family of display fields rendered in the context of a grid cell
 */
/**
 * @var {string}
 * The font-weight of display fields rendered in the context of a grid cell
 */
/**
 * @var {number}
 * The line-height of display fields rendered in the context of a grid cell
 */
/**
 * @var {boolean}
 * True to include the "default" display field UI
 */
/**
 * @class Ext.grid.plugin.RowEditing
 */
/**
 * @var {color}
 * The background-color of the RowEditor
 */
/**
 * @var {color}
 * The border-color of the RowEditor
 */
/**
 * @var {number}
 * The border-width of the RowEditor
 */
/**
 * @var {number/list}
 * The padding of the RowEditor
 */
/**
 * @var {number}
 * The amount of space in between the editor fields
 */
/**
 * @var {number}
 * The space between the RowEditor buttons
 */
/**
 * @var {number}
 * The border-radius of the RowEditor button container
 */
/**
 * @var {number/list}
 * The padding of the RowEditor button container
 */
/**
 * @var {number/list}
 * Padding to apply to the body element of the error tooltip
 */
/**
 * @var {string}
 * The list-style of the error tooltip's list items
 */
/**
 * @var {number}
 * Space to add before each list item on the error tooltip
 */
/**
 * @class Ext.grid.plugin.RowExpander
 */
/**
 * @var {number}
 * The height of the RowExpander icon
 */
/**
 * @var {number}
 * The width of the RowExpander icon
 */
/**
 * @var {number}
 * The horizontal space before the RowExpander icon
 */
/**
 * @var {number}
 * The horizontal space after the RowExpander icon
 */
/**
 * @var {string}
 * The cursor for the RowExpander icon
 */
/**
 * @class Ext.grid.property.Grid
 */
/**
 * @var {string}
 * The background-image of property grid cells
 */
/**
 * @var {string}
 * The background-position of property grid cells
 */
/**
 * @var {number/string}
 * The padding to add before the text of property grid cells to make room for the
 * background-image. Only applies if $grid-property-cell-background-image is not null
 */
/**
 * @class Ext.layout.container.Accordion
 */
/**
 * @var {color}
 * The text color of Accordion headers
 */
/**
 * @var {color}
 * The background-color of Accordion headers
 */
/**
 * @var {color}
 * The background-color of Accordion headers when hovered
 */
/**
 * @var {number}
 * The size of {@link Ext.panel.Tool Tools} in Accordion headers
 */
/**
 * @var {number/list}
 * The border-width of Accordion headers
 */
/**
 * @var {number/list}
 * The border-color of Accordion headers
 */
/**
 * @var {number/list}
 * The padding of Accordion headers
 */
/**
 * @var {string}
 * The font-weight of Accordion headers
 */
/**
 * @var {string}
 * The font-family of Accordion headers
 */
/**
 * @var {string}
 * The text-transform property of Accordion headers
 */
/**
 * @var {number}
 * The body border-width of Accordion layout element
 */
/**
 * @var {color}
 * The background-color of the Accordion layout element
 */
/**
 * @var {color}
 * The background-color of the Accordion layout element
 */
/**
 * @var {number/list}
 * The padding of the Accordion layout element
 */
/**
 * @var {string}
 * The sprite image to use for {@link Ext.panel.Tool Tools} in Accordion headers
 */
/**
 * @class Ext.layout.container.Border
 */
/**
 * @var {color}
 * The background-color of the Border layout element
 */
/**
 * @class Ext.selection.CheckboxModel
 */
/**
 * @var {number}
 * The horizontal space before the checkbox
 */
/**
 * @var {number}
 * The horizontal space after the checkbox
 */
/**
 * @class Ext.slider.Multi
 */
/**
 * @var {number}
 * The horizontal slider thumb width
 */
/**
 * @var {number}
 * The horizontal slider thumb height
 */
/**
 * @var {number}
 * The width of the horizontal slider start cap
 */
/**
 * @var {number}
 * The width of the horizontal slider end cap
 */
/**
 * @var {number}
 * The vertical slider thumb width
 */
/**
 * @var {number}
 * The vertical slider thumb height
 */
/**
 * @var {number}
 * The height of the vertical slider start cap
 */
/**
 * @var {number}
 * The height of the vertical slider end cap
 */
/**
 * @class Ext.tab.Tab
 */
/**
 * @var {color}
 * The base color of Tabs
 */
/**
 * @var {color}
 * The base color of focused Tabs
 */
/**
 * @var {color}
 * The base color of hovered Tabs
 */
/**
 * @var {color}
 * The base color of the active Tabs
 */
/**
 * @var {color}
 * The base color of focused hovered Tabs
 */
/**
 * @var {color}
 * The base color of the active Tab when focused
 */
/**
 * @var {color}
 * The base color of disabled Tabs
 */
/**
 * @var {color}
 * The text color of Tabs
 */
/**
 * @var {color}
 * The text color of focused Tabs
 */
/**
 * @var {color}
 * The text color of hovered Tabs
 */
/**
 * @var {color}
 * The text color of the active Tab
 */
/**
 * @var {color}
 * The text color of focused hovered Tabs
 */
/**
 * @var {color}
 * The text color of the active Tab when focused
 */
/**
 * @var {color}
 * The text color of disabled Tabs
 */
/**
 * @var {number}
 * The font-size of Tabs
 */
/**
 * @var {number}
 * The font-size of focused Tabs
 */
/**
 * @var {number}
 * The font-size of hovered Tabs
 */
/**
 * @var {number}
 * The font-size of the active Tab
 */
/**
 * @var {number}
 * The font-size of focused hovered Tabs
 */
/**
 * @var {number}
 * The font-size of the active Tab when focused
 */
/**
 * @var {number}
 * The font-size of disabled Tabs
 */
/**
 * @var {string}
 * The font-family of Tabs
 */
/**
 * @var {string}
 * The font-family of focused Tabs
 */
/**
 * @var {string}
 * The font-family of hovered Tabs
 */
/**
 * @var {string}
 * The font-family of the active Tab
 */
/**
 * @var {string}
 * The font-family of focused hovered Tabs
 */
/**
 * @var {string}
 * The font-family of the active Tab when focused
 */
/**
 * @var {string}
 * The font-family of disabled Tabs
 */
/**
 * @var {string}
 * The font-weight of Tabs
 */
/**
 * @var {string}
 * The font-weight of focused Tabs
 */
/**
 * @var {string}
 * The font-weight of hovered Tabs
 */
/**
 * @var {string}
 * The font-weight of the active Tab
 */
/**
 * @var {string}
 * The font-weight of focused hovered Tabs
 */
/**
 * @var {string}
 * The font-weight of the active Tab when focused
 */
/**
 * @var {string}
 * The font-weight of disabled Tabs
 */
/**
 * @var {string}
 * The Tab cursor
 */
/**
 * @var {string}
 * The cursor of disabled Tabs
 */
/**
 * @var {string/list}
 * The background-gradient for Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for focused Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for hovered Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the active Tab. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for focused hovered Tabs. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the active Tab when focused. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for disabled Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {list}
 * The border-radius of Tabs
 */
/**
 * @var {number/list}
 * The border-width of Tabs
 */
/**
 * @var {number/list}
 * The border-width of focused Tabs
 */
/**
 * @var {number/list}
 * The border-width of hovered Tabs
 */
/**
 * @var {number/list}
 * The border-width of active Tabs
 */
/**
 * @var {number/list}
 * The border-width of focused hovered Tabs
 */
/**
 * @var {number/list}
 * The border-width of active Tabs when focused
 */
/**
 * @var {number/list}
 * The border-width of disabled Tabs
 */
/**
 * @var {number/list}
 * The inner border-width of Tabs
 */
/**
 * @var {number/list}
 * The inner border-width of focused Tabs
 */
/**
 * @var {number/list}
 * The inner border-width of hovered Tabs
 */
/**
 * @var {number/list}
 * The inner border-width of active Tabs
 */
/**
 * @var {number/list}
 * The inner border-width of focused hovered Tabs
 */
/**
 * @var {number/list}
 * The inner border-width of active Tabs when focused
 */
/**
 * @var {number/list}
 * The inner border-width of disabled Tabs
 */
/**
 * @var {color}
 * The inner border-color of Tabs
 */
/**
 * @var {color}
 * The inner border-color of focused Tabs
 */
/**
 * @var {color}
 * The inner border-color of hovered Tabs
 */
/**
 * @var {color}
 * The inner border-color of active Tabs
 */
/**
 * @var {color}
 * The inner border-color of focused hovered Tabs
 */
/**
 * @var {color}
 * The inner border-color of active Tabs when focused
 */
/**
 * @var {color}
 * The inner border-color of disabled Tabs
 */
/**
 * @var {boolean}
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 */
/**
 * @var {boolean}
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused
 */
/**
 * @var {boolean}
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is hovered
 */
/**
 * @var {boolean}
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is active
 */
/**
 * @var {boolean}
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused and hovered
 */
/**
 * @var {boolean}
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused and active
 */
/**
 * @var {boolean}
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is disabled
 */
/**
 * @var {number}
 * The body outline width of focused Tabs
 */
/**
 * @var {string}
 * The body outline-style of focused Tabs
 */
/**
 * @var {color}
 * The body outline color of focused Tabs
 */
/**
 * @var {color}
 * The border-color of Tabs
 */
/**
 * @var {color}
 * The border-color of focused Tabs
 */
/**
 * @var {color}
 * The border-color of hovered Tabs
 */
/**
 * @var {color}
 * The border-color of the active Tab
 */
/**
 * @var {color}
 * The border-color of focused hovered Tabs
 */
/**
 * @var {color}
 * The border-color of the active Tab when focused
 */
/**
 * @var {color}
 * The border-color of disabled Tabs
 */
/**
 * @var {number/list}
 * The padding of Tabs
 */
/**
 * @var {number}
 * The horizontal padding to add to the left and right of the Tab's text element
 */
/**
 * @var {number/list}
 * The margin of Tabs. Typically used to add horizontal space between the tabs.
 */
/**
 * @var {number}
 * The width of the Tab close icon
 */
/**
 * @var {number}
 * The height of the Tab close icon
 */
/**
 * @var {number}
 * The distance to offset the Tab close icon from the top of the tab
 */
/**
 * @var {number}
 * The distance to offset the Tab close icon from the right of the tab
 */
/**
 * @var {number}
 * the space in between the text and the close button
 */
/**
 * @var {number}
 * The opacity of the Tab close icon
 */
/**
 * @var {number}
 * The opacity of the Tab close icon when hovered
 */
/**
 * @var {number}
 * The opacity of the Tab close icon when the Tab is disabled
 */
/**
 * @var {boolean}
 * True to change the x background-postition of the close icon background image on hover
 * to allow for a horizontally aligned background image sprite
 */
/**
 * @var {boolean}
 * True to change the x background-postition of the close icon background image on click
 * to allow for a horizontally aligned background image sprite
 */
/**
 * @var {number}
 * The width of Tab icons
 */
/**
 * @var {number}
 * The height of Tab icons
 */
/**
 * @var {number}
 * The line-height of Tabs
 */
/**
 * @var {number}
 * The space between the Tab icon and the Tab text
 */
/**
 * @var {number}
 * The background-position of Tab icons
 */
/**
 * @var {color}
 * The color of Tab glyph icons
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is focused
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is hovered
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is active
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is focused and hovered
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is focused and active
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is disabled
 */
/**
 * @var {number}
 * The opacity of a Tab glyph icon
 */
/**
 * @var {number}
 * The opacity of a Tab glyph icon when the Tab is disabled
 */
/**
 * @var {number}
 * opacity to apply to the tab's main element when the tab is disabled
 */
/**
 * @var {number}
 * opacity to apply to the tab's text element when the tab is disabled
 */
/**
 * @var {number}
 * opacity to apply to the tab's icon element when the tab is disabled
 */
/**
 * @var {boolean}
 * True to include the "default" tab UI
 */
/**
 * @class Ext.tab.Bar
 */
/**
 * @var {number/list}
 * The padding of the Tab Bar
 */
/**
 * @var {color}
 * The base color of the Tab Bar
 */
/**
 * @var {string/list}
 * The background-gradient of the Tab Bar. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The border-color of the Tab Bar
 */
/**
 * @var {number/list}
 * The border-width of the Tab Bar
 */
/**
 * @var {number}
 * The height of the Tab Bar strip
 */
/**
 * @var {color}
 * The border-color of the Tab Bar strip
 */
/**
 * @var {color}
 * The background-color of the Tab Bar strip
 */
/**
 * @var {number/list}
 * The border-width of the Tab Bar strip
 */
/**
 * @var {number}
 * The width of the Tab Bar scrollers
 */
/**
 * @var {number}
 * The height of the Tab Bar scrollers
 */
/**
 * @var {number/list}
 * The margin of "top" Tab Bar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "right" Tab Bar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "bottom" Tab Bar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "left" Tab Bar scroller buttons
 */
/**
 * @var {string}
 * The cursor of the Tab Bar scrollers
 */
/**
 * @var {string}
 * The cursor of disabled Tab Bar scrollers
 */
/**
 * @var {number}
 * The opacity of Tab Bar scrollers
 */
/**
 * @var {number}
 * The opacity of hovered Tab Bar scrollers
 */
/**
 * @var {number}
 * The opacity of pressed Tab Bar scrollers
 */
/**
 * @var {number}
 * The opacity of disabled Tab Bar scrollers
 */
/**
 * @var {boolean}
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given their
 * hover state by changing their background-position,  When `false` scroller buttons are
 * given their hover state by applying opacity.
 */
/**
 * @var {boolean}
 * true to include separate scroller icons for "plain" tabbars
 */
/**
 * @var {boolean}
 * if true, the tabbar will use symmetrical scroller icons.  Top and bottom tabbars
 * will share icons, and Left and right will share icons.
 */
/**
 * @var {boolean}
 * True to include the "default" tabbar UI
 */
/** @class Ext.toolbar.Breadcrumb */
/**
 * @class Ext.toolbar.Toolbar
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {color}
 * The background-color of the Toolbar
 */
/**
 * @var {string/list}
 * The background-gradient of the Toolbar.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number}
 * The horizontal spacing of Toolbar items
 */
/**
 * @var {number}
 * The vertical spacing of Toolbar items
 */
/**
 * @var {number}
 * The horizontal spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
/**
 * @var {number}
 * The vertical spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
/**
 * @var {color}
 * The background-color of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {number}
 * The border-width of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {color}
 * The border-color of Toolbars
 */
/**
 * @var {number}
 * The border-width of Toolbars
 */
/**
 * @var {string}
 * The border-style of Toolbars
 */
/**
 * @var {number}
 * The width of Toolbar {@link Ext.toolbar.Spacer Spacers}
 */
/**
 * @var {color}
 * The main border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
/**
 * @var {color}
 * The highlight border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number}
 * The height of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {string}
 * The default font-family of Toolbar text
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {color}
 * The text-color of Toolbar text
 */
/**
 * @var {number}
 * The line-height of Toolbar text
 */
/**
 * @var {number/list}
 * The padding of Toolbar text
 */
/**
 * @var {number}
 * The width of Toolbar scrollers
 */
/**
 * @var {number}
 * The height of Toolbar scrollers
 */
/**
 * @var {number}
 * The width of scrollers on vertically aligned toolbars
 */
/**
 * @var {number}
 * The height of scrollers on vertically aligned toolbars
 */
/**
 * @var {color}
 * The border-color of Toolbar scroller buttons
 */
/**
 * @var {number}
 * The border-width of Toolbar scroller buttons
 */
/**
 * @var {color}
 * The border-color of scroller buttons on vertically aligned toolbars
 */
/**
 * @var {number}
 * The border-width of scroller buttons on vertically aligned toolbars
 */
/**
 * @var {number/list}
 * The margin of "top" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "right" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "bottom" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "left" Toolbar scroller buttons
 */
/**
 * @var {string}
 * The cursor of Toolbar scroller buttons
 */
/**
 * @var {string}
 * The cursor of disabled Toolbar scroller buttons
 */
/**
 * @var {number}
 * The opacity of Toolbar scroller buttons. Only applicable when
 * {@link #$toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of hovered Toolbar scroller buttons. Only applicable when
 * {@link #$toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of pressed Toolbar scroller buttons. Only applicable when
 * {@link #$toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of disabled Toolbar scroller buttons.
 */
/**
 * @var {boolean}
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given their
 * hover state by changing their background-position,  When `false` scroller buttons are
 * given their hover state by applying opacity.
 */
/**
 * @var {string}
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 */
/**
 * @var {boolean}
 * True to include the "default" toolbar UI
 */
/**
 * @var {boolean}
 * True to include the "footer" toolbar UI
 */
/**
 * @var {string}
 * The UI of buttons that are used in the "default" breadcrumb UI
 */
/**
 * @var {number}
 * The space between the breadcrumb buttons
 */
/**
 * @var {number}
 * The width of breadcrumb arrows when {@link #useSplitButtons} is `false`
 */
/**
 * @var {number}
 * The width of breadcrumb arrows when {@link #useSplitButtons} is `true`
 */
/**
 * @var {string}
 * The background-image for the default "folder" icon
 */
/**
 * @var {string}
 * The background-image for the default "leaf" icon
 */
/**
 * @var {boolean}
 * `true` to include a separate background-image for menu arrows when a breadcrumb button's
 * menu is open
 */
/**
 * @var {boolean}
 * `true` to include a separate background-image for split arrows when a breadcrumb button's
 * arrow is hovered
 */
/**
 * @var {number}
 * The width of Breadcrumb scrollers
 */
/**
 * @var {number}
 * The height of Breadcrumb scrollers
 */
/**
 * @var {color}
 * The border-color of Breadcrumb scrollers
 */
/**
 * @var {number}
 * The border-width of Breadcrumb scrollers
 */
/**
 * @var {number/list}
 * The margin of "top" Breadcrumb scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "right" Breadcrumb scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "bottom" Breadcrumb scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "left" Breadcrumb scroller buttons
 */
/**
 * @var {string}
 * The cursor of Breadcrumb scrollers
 */
/**
 * @var {string}
 * The cursor of disabled Breadcrumb scrollers
 */
/**
 * @var {number}
 * The opacity of Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of hovered Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of pressed Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of disabled Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
/**
 * @var {boolean}
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given their
 * hover state by changing their background-position,  When `false` scroller buttons are
 * given their hover state by applying opacity.
 */
/**
 * @var {boolean}
 * `true` to include the "default" breadcrumb UI
 */
/**
 * @class Ext.tree.View
 */
/**
 * @var {number} $tree-elbow-width
 * The width of the tree elbow/arrow icons
 */
/**
 * @var {number} $tree-icon-width
 * The width of the tree folder/leaf icons
 */
/**
 * @var {number} $tree-elbow-spacing 
 * The amount of spacing between the tree elbows or arrows, and the checkbox or icon.
 */
/**
 * @var {number} $tree-checkbox-spacing
 * The amount of space (in pixels) between the tree checkbox and the folder/leaf icon
 */
/**
 * @var {number} $tree-icon-spacing
 * The amount of space (in pixels) between the folder/leaf icons and the text
 */
/**
 * @var {string} $tree-expander-cursor
 * The type of cursor to display when the mouse is over a tree expander (+, - or arrow icon)
 */
/**
 * @var {number/list}
 * The amount of padding to apply to the tree cell's inner div element
 */
/**
 * @class Ext.view.MultiSelector
 */
/**
 * @var {number}
 * The font-size for the multiselector's remove glyph.
 */
/**
 * @var {number/list}
 * The padding of "Remove" cell's inner element
 */
/**
 * @var {color}
 * The color for the multiselector's remove glyph.
 */
/**
 * @var {color}
 * The color for the multiselector's remove glyph during mouse over.
 */
/**
 * @var {string}
 * The cursor style for the remove glyph.
 */
/* including package ext-theme-base */
/**
 * @class Global_CSS
 */
/**
 * @var {string} $prefix
 * The prefix to be applied to all CSS selectors. If this is changed, it must also be changed in your
 * JavaScript application.
 */
/**
 * @var {boolean/string} $relative-image-path-for-uis
 * True to use a relative image path for all new UIs. If true, the path will be "../images/".
 * It can also be a string of the path value.
 * It defaults to false, which means it will look for the images in the ExtJS SDK folder.
 */
/**
 * @var {boolean} $include-not-found-images
 * True to include files which are not found when compiling your SASS
 */
/**
 * @var {boolean} $include-ie
 * True to include Internet Explorer specific rules for IE9 and lower.  IE10 and up are
 * considered to be "modern" browsers, and as such do not need any of the CSS hacks required
 * for IE9 and below.  Setting this property to false will result in a significantly smaller
 * CSS file size, and may also result in a slight performance improvement, because the
 * browser will have fewer rules to process.
 */
/**
 * @var {boolean} $include-ff
 * True to include Firefox specific rules
 */
/**
 * @var {boolean} $include-opera
 * True to include Opera specific rules
 */
/**
 * @var {boolean} $include-webkit
 * True to include Webkit specific rules
 */
/**
 * @var {boolean} $include-safari
 * True to include Safari specific rules
 */
/**
 * @var {boolean} $include-chrome
 * True to include Chrome specific rules
 */
/**
 * @var {boolean} $include-slicer-border-radius
 * True to include rules for rounded corners produced by the slicer.  Enables emulation
 * of CSS3 border-radius in browsers that do not support it.
 */
/**
 * @var {boolean} $include-slicer-gradient
 * True to include rules for background gradients produced by the slicer.  Enables emulation
 * of CSS3 background-gradient in browsers that do not support it.
 */
/**
 * @var {number} $css-shadow-border-radius
 * The border radius for CSS shadows
 */
/**
 * @var {string} $image-extension
 * default file extension to use for images (defaults to 'png').
 */
/**
 * @var {string} $slicer-image-extension
 * default file extension to use for slicer images (defaults to 'gif').
 */
/**
 * Default search path for images
 */
/**
 * @var {boolean}
 * True to include the default UI for each component.
 */
/**
 * @var {boolean}
 * True to add font-smoothing styles to all components
 */
/**
 * @var {string}
 * The base path relative to the CSS output directory to use for theme resources.  For example
 * if the theme's images live one directory up from the generated CSS output in a directory
 * named 'foo/images/', you would need to set this variable to '../foo/' in order for the image
 * paths in the CSS output to be generated correctly. By default this is the same as the
 * CSS output directory.
 */
/**
 * @private
 * Flag to ensure GridField rules only get set once
 */
/* ======================== RULE ======================== */
/* including package ext-theme-base */
/**
 * @class Ext.util.SizeMonitor
 */
/* line 5, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
.x-size-monitored {
  position: relative; }

/* line 9, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
.x-size-monitors {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden; }
  /* line 18, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
  .x-size-monitors > * {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  /* line 25, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
  .x-size-monitors.scroll > *.shrink::after {
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    min-width: 1px;
    min-height: 1px; }
  /* line 34, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
  .x-size-monitors.scroll > *.expand::after {
    content: '';
    display: block;
    width: 100000px;
    height: 100000px; }
  /* line 44, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
  .x-size-monitors.overflowchanged > *.shrink > * {
    width: 100%;
    height: 100%; }
  /* line 51, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
  .x-size-monitors.overflowchanged > *.expand > * {
    width: 200%;
    height: 200%; }

/* line 59, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
.x-size-change-detector {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden; }

/* line 70, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
.x-size-change-detector > * {
  visibility: hidden; }

/* line 74, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
.x-size-change-detector-shrink > * {
  width: 200%;
  height: 200%; }

/* line 79, ../../../ext-theme-base/sass/src/util/SizeMonitor.scss */
.x-size-change-detector-expand > * {
  width: 100000px;
  height: 100000px; }

/**
 * @class Ext.util.PaintMonitor
 */
@-webkit-keyframes x-paint-monitor-helper {
  /* line 6, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
  from {
    zoom: 1; }

  /* line 9, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
  to {
    zoom: 1; } }

@keyframes x-paint-monitor-helper {
  /* line 15, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
  from {
    zoom: 1; }

  /* line 18, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
  to {
    zoom: 1; } }

/* line 23, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
.x-paint-monitored {
  position: relative; }

/* line 27, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
.x-paint-monitor {
  width: 0 !important;
  height: 0 !important;
  visibility: hidden; }
  /* line 32, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
  .x-paint-monitor.cssanimation {
    -webkit-animation-duration: 0.0001ms;
    -webkit-animation-name: x-paint-monitor-helper;
    animation-duration: 0.0001ms;
    animation-name: x-paint-monitor-helper; }
  /* line 39, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
  .x-paint-monitor.overflowchange {
    overflow: hidden; }
    /* line 42, ../../../ext-theme-base/sass/src/util/PaintMonitor.scss */
    .x-paint-monitor.overflowchange::after {
      content: '';
      display: block;
      width: 1px !important;
      height: 1px !important; }

/**
 * @class Ext.util.Translatable
 */
/* line 5, ../../../ext-theme-base/sass/src/util/Translatable.scss */
.x-translatable {
  position: absolute !important;
  top: 500000px !important;
  left: 500000px !important;
  overflow: visible !important;
  z-index: 1; }

/* line 13, ../../../ext-theme-base/sass/src/util/Translatable.scss */
.x-translatable-hboxfix {
  position: absolute;
  min-width: 100%;
  top: 0;
  left: 0; }
  /* line 19, ../../../ext-theme-base/sass/src/util/Translatable.scss */
  .x-translatable-hboxfix > .x-translatable {
    position: relative !important; }

/* line 24, ../../../ext-theme-base/sass/src/util/Translatable.scss */
.x-translatable-container {
  overflow: hidden;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  /* line 34, ../../../ext-theme-base/sass/src/util/Translatable.scss */
  .x-translatable-container::before {
    content: '';
    display: block;
    width: 1000000px;
    height: 1000000px;
    visibility: hidden; }

/* line 1, ../../../ext-theme-base/sass/src/scroll/TouchScroller.scss */
.x-scroll-container {
  overflow: hidden;
  position: relative; }

/* line 8, ../../../ext-theme-base/sass/src/scroll/TouchScroller.scss */
.x-scroll-scroller {
  float: left;
  position: relative;
  min-width: 100%;
  min-height: 100%; }

/*
 * Although this file only contains a variable, all vars are included by default
 * in application sass builds, so this needs to be in the rule file section
 * to allow javascript inclusion filtering to disable it.
 */
/**
 * @var {boolean} $include-rtl
 * True to include right-to-left style rules.  This variable gets set to true automatically
 * for rtl builds. You should not need to ever assign a value to this variable, however
 * it can be used to suppress rtl-specific rules when they are not needed.  For example:
 *     @if $include-rtl {
 *         .x-rtl.foo {
 *             margin-left: $margin-right;
 *             margin-right: $margin-left;
 *         }
 *     }
 * @member Global_CSS
 * @readonly
 */
/* line 1, ../../../ext-theme-base/sass/src/Component.scss */
.x-body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 9, ../../../ext-theme-base/sass/src/Component.scss */
.x-no-touch-scroll {
  touch-action: none;
  -ms-touch-action: none; }

@-ms-viewport {
  width: device-width; }

/* line 23, ../../../ext-theme-base/sass/src/Component.scss */
img {
  border: 0; }

/* line 28, ../../../ext-theme-base/sass/src/Component.scss */
.x-border-box,
.x-border-box * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* line 36, ../../../ext-theme-base/sass/src/Component.scss */
.x-rtl {
  direction: rtl; }

/* line 41, ../../../ext-theme-base/sass/src/Component.scss */
.x-ltr {
  direction: ltr; }

/* line 45, ../../../ext-theme-base/sass/src/Component.scss */
.x-clear {
  overflow: hidden;
  clear: both;
  font-size: 0;
  line-height: 0;
  display: table; }

/* line 53, ../../../ext-theme-base/sass/src/Component.scss */
.x-layer {
  position: absolute !important;
  overflow: hidden; }

/* line 60, ../../../ext-theme-base/sass/src/Component.scss */
.x-fixed-layer {
  position: fixed !important;
  overflow: hidden; }

/* line 65, ../../../ext-theme-base/sass/src/Component.scss */
.x-shim {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

/* line 73, ../../../ext-theme-base/sass/src/Component.scss */
.x-hidden-display {
  display: none !important; }

/* line 77, ../../../ext-theme-base/sass/src/Component.scss */
.x-hidden-visibility {
  visibility: hidden !important; }

/* line 82, ../../../ext-theme-base/sass/src/Component.scss */
.x-hidden,
.x-hidden-offsets {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -10000px !important; }

/* line 93, ../../../ext-theme-base/sass/src/Component.scss */
.x-hidden-clip {
  position: absolute!important;
  clip: rect(0, 0, 0, 0); }

/* line 98, ../../../ext-theme-base/sass/src/Component.scss */
.x-masked-relative {
  position: relative; }

/* line 104, ../../../ext-theme-base/sass/src/Component.scss */
.x-ie-shadow {
  background-color: #777;
  position: absolute;
  overflow: hidden; }

/* line 111, ../../../ext-theme-base/sass/src/Component.scss */
.x-unselectable {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-drag: none;
  cursor: default; }

/* line 115, ../../../ext-theme-base/sass/src/Component.scss */
.x-selectable {
  cursor: auto;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -o-user-select: text; }

/* line 130, ../../../ext-theme-base/sass/src/Component.scss */
.x-list-plain {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* line 137, ../../../ext-theme-base/sass/src/Component.scss */
.x-table-plain {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; }

/* line 150, ../../../ext-theme-base/sass/src/Component.scss */
.x-frame-tl,
.x-frame-tr,
.x-frame-tc,
.x-frame-bl,
.x-frame-br,
.x-frame-bc {
  overflow: hidden;
  background-repeat: no-repeat; }

/* line 156, ../../../ext-theme-base/sass/src/Component.scss */
.x-frame-tc,
.x-frame-bc {
  background-repeat: repeat-x; }

/* line 167, ../../../ext-theme-base/sass/src/Component.scss */
td.x-frame-tl,
td.x-frame-tr,
td.x-frame-bl,
td.x-frame-br {
  width: 1px; }

/* line 171, ../../../ext-theme-base/sass/src/Component.scss */
.x-frame-mc {
  background-repeat: repeat-x;
  overflow: hidden; }

/* line 176, ../../../ext-theme-base/sass/src/Component.scss */
.x-proxy-el {
  position: absolute;
  background: #b4b4b4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

/* line 183, ../../../ext-theme-base/sass/src/Component.scss */
.x-css-shadow {
  position: absolute;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

/* line 189, ../../../ext-theme-base/sass/src/Component.scss */
.x-item-disabled,
.x-item-disabled * {
  cursor: default;
  pointer-events: none; }

/* line 195, ../../../ext-theme-base/sass/src/Component.scss */
.x-component,
.x-container {
  position: relative; }

/* line 204, ../../../ext-theme-base/sass/src/Component.scss */
:focus {
  outline: none; }

/* line 211, ../../../ext-theme-base/sass/src/Component.scss */
.x-position-relative {
  position: relative !important; }

/* line 3, ../../../ext-theme-base/sass/src/layout/container/Container.scss */
.x-box-item {
  position: absolute !important;
  left: 0;
  top: 0; }

/* line 10, ../../../ext-theme-base/sass/src/layout/container/Container.scss */
.x-rtl > .x-box-item {
  right: 0;
  left: auto; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Auto.scss */
.x-autocontainer-outerCt {
  display: table; }

/* line 5, ../../../ext-theme-base/sass/src/layout/container/Auto.scss */
.x-autocontainer-innerCt {
  display: table-cell;
  height: 100%;
  vertical-align: top; }

/* line 1, ../../../ext-theme-base/sass/src/LoadMask.scss */
.x-mask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*
   * IE and FF will add an outline to focused elements,
   * which we don't want when using our own focus treatment
   */
  outline: none !important; }

/*
 * IE8 will treat partially transparent divs as invalid click targets,
 * allowing mouse events to reach elements beneath the mask. Placing
 * a 1x1 transparent gif as the link el background will cure this.
 */
/* line 21, ../../../ext-theme-base/sass/src/LoadMask.scss */
.x-ie8 .x-mask {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }

/* line 27, ../../../ext-theme-base/sass/src/LoadMask.scss */
.x-mask-fixed {
  position: fixed; }

/* line 31, ../../../ext-theme-base/sass/src/LoadMask.scss */
.x-mask-msg {
  position: absolute; }

/* line 1, ../../../ext-theme-base/sass/src/ProgressBar.scss */
.x-progress {
  position: relative;
  border-style: solid;
  overflow: hidden; }

/* line 7, ../../../ext-theme-base/sass/src/ProgressBar.scss */
.x-progress-bar {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 100%; }

/* line 14, ../../../ext-theme-base/sass/src/ProgressBar.scss */
.x-progress-text {
  overflow: hidden;
  position: absolute; }

/**
 * generates base style rules for both tabs and buttons
 *
 * @param {string} [$base-cls='button']
 *
 * @param {boolean} [$include-arrows=true]
 *
 * @member Ext.button.Button
 * @private
 */
/* line 16, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn {
  display: inline-block;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: top;
  overflow: hidden;
  position: relative; }
  /* line 28, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-btn > .x-frame {
    height: 100%;
    width: 100%; }

/* line 34, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-wrap {
  display: table;
  height: 100%;
  width: 100%; }

/* line 40, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-button {
  vertical-align: middle;
  display: table-cell;
  white-space: nowrap;
  line-height: 0; }

/* line 47, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-inner {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis; }
  /* line 53, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-btn-icon.x-btn-no-text > .x-btn-inner {
    display: none; }

/* line 58, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-icon-el {
  display: none;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat; }
  /* line 64, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-btn-icon > .x-btn-icon-el {
    display: inline-block; }
  /* line 69, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el, .x-btn-icon-bottom > .x-btn-icon-el {
    display: block; }

/* line 74, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-button-center {
  text-align: center; }

/* line 78, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-button-left {
  text-align: left; }

/* line 83, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-rtl.x-btn-button-left {
  text-align: right; }

/* line 88, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-button-right {
  text-align: right; }

/* line 93, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-rtl.x-btn-button-right {
  text-align: left; }

/* line 102, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-opera12m-btn-arrow-right {
  display: table; }
  /* line 106, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-opera12m-btn-arrow-right > .x-btn-arrow-right,
  .x-opera12m-btn-arrow-right > .x-btn-split-right {
    display: table-row; }

/* line 114, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-arrow:after,
.x-btn-split:after {
  background-repeat: no-repeat;
  content: '';
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* line 126, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-arrow-right:after,
.x-btn-split-right:after {
  display: table-cell;
  background-position: right center; }

/* line 134, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-rtl.x-btn-arrow-right:after, .x-rtl.x-btn-split-right:after {
  background-position: left center; }

/* line 141, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-arrow-bottom:after,
.x-btn-split-bottom:after {
  display: table-row;
  background-position: center bottom;
  content: '\00a0';
  line-height: 0; }

/* line 154, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-btn-mc {
  overflow: visible; }

/* line 1, ../../../ext-theme-base/sass/src/button/Segmented.scss */
.x-segmented-button {
  display: table;
  table-layout: fixed; }

/* line 6, ../../../ext-theme-base/sass/src/button/Segmented.scss */
.x-segmented-button-item {
  display: table-cell;
  vertical-align: top; }
  /* line 10, ../../../ext-theme-base/sass/src/button/Segmented.scss */
  .x-segmented-button-item > .x-frame {
    width: 100%;
    height: 100%; }
  /* line 17, ../../../ext-theme-base/sass/src/button/Segmented.scss */
  .x-segmented-button-item .x-btn-mc {
    width: 100%; }

/* line 23, ../../../ext-theme-base/sass/src/button/Segmented.scss */
.x-segmented-button-item-horizontal {
  display: table-cell;
  height: 100%; }
  /* line 30, ../../../ext-theme-base/sass/src/button/Segmented.scss */
  .x-segmented-button-item-horizontal.x-segmented-button-first {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    /* line 37, ../../../ext-theme-base/sass/src/button/Segmented.scss */
    .x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-tr,
    .x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-mr,
    .x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-br {
      display: none; }
  /* line 43, ../../../ext-theme-base/sass/src/button/Segmented.scss */
  .x-segmented-button-item-horizontal.x-segmented-button-middle {
    border-radius: 0;
    border-left: 0; }
    /* line 53, ../../../ext-theme-base/sass/src/button/Segmented.scss */
    .x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-tl,
    .x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-tr,
    .x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-ml,
    .x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-mr,
    .x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-bl,
    .x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-br {
      display: none; }
  /* line 59, ../../../ext-theme-base/sass/src/button/Segmented.scss */
  .x-segmented-button-item-horizontal.x-segmented-button-last {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    /* line 67, ../../../ext-theme-base/sass/src/button/Segmented.scss */
    .x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-tl,
    .x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-ml,
    .x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-bl {
      display: none; }

/* line 74, ../../../ext-theme-base/sass/src/button/Segmented.scss */
.x-segmented-button-row {
  display: table-row; }

/* line 79, ../../../ext-theme-base/sass/src/button/Segmented.scss */
.x-segmented-button-item-vertical.x-segmented-button-first {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
  /* line 86, ../../../ext-theme-base/sass/src/button/Segmented.scss */
  .x-segmented-button-item-vertical.x-segmented-button-first .x-btn-bl,
  .x-segmented-button-item-vertical.x-segmented-button-first .x-btn-bc,
  .x-segmented-button-item-vertical.x-segmented-button-first .x-btn-br {
    display: none; }
/* line 92, ../../../ext-theme-base/sass/src/button/Segmented.scss */
.x-segmented-button-item-vertical.x-segmented-button-middle {
  border-radius: 0;
  border-top: 0; }
  /* line 102, ../../../ext-theme-base/sass/src/button/Segmented.scss */
  .x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tl,
  .x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tc,
  .x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tr,
  .x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-bl,
  .x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-bc,
  .x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-br {
    display: none; }
/* line 108, ../../../ext-theme-base/sass/src/button/Segmented.scss */
.x-segmented-button-item-vertical.x-segmented-button-last {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }
  /* line 116, ../../../ext-theme-base/sass/src/button/Segmented.scss */
  .x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tl,
  .x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tc,
  .x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tr {
    display: none; }

/* line 1, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-icon {
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  text-align: center; }

/* line 8, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title {
  display: table;
  table-layout: fixed; }

/* line 14, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-rtl.x-title {
  -o-text-overflow: clip;
  text-overflow: clip; }

/* line 20, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-text {
  display: table-cell;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle; }

/* line 29, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-align-left {
  text-align: left; }
  /* line 32, ../../../ext-theme-base/sass/src/panel/Title.scss */
  .x-title-align-left.x-rtl {
    text-align: right; }

/* line 38, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-align-center {
  text-align: center; }

/* line 42, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-align-right {
  text-align: right; }
  /* line 45, ../../../ext-theme-base/sass/src/panel/Title.scss */
  .x-title-align-right.x-rtl {
    text-align: left; }

/* line 51, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-rotate-right {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0; }
  /* line 43, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
  .x-ie8 .x-title-rotate-right {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; }
  /* line 55, ../../../ext-theme-base/sass/src/panel/Title.scss */
  .x-title-rotate-right.x-rtl {
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 100% 0;
    -o-transform: rotate(270deg);
    -o-transform-origin: 100% 0;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 100% 0;
    transform: rotate(270deg);
    transform-origin: 100% 0; }
    /* line 43, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
    .x-ie8 .x-title-rotate-right.x-rtl {
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; }

/* line 61, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-rotate-left {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 0;
  -ms-transform: rotate(270deg);
  -ms-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0; }
  /* line 43, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
  .x-ie8 .x-title-rotate-left {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; }
  /* line 65, ../../../ext-theme-base/sass/src/panel/Title.scss */
  .x-title-rotate-left.x-rtl {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 0 0;
    -o-transform: rotate(90deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 0 0;
    transform: rotate(90deg);
    transform-origin: 0 0; }
    /* line 43, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
    .x-ie8 .x-title-rotate-left.x-rtl {
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; }

/* line 74, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-horizontal.x-header .x-title-rotate-right.x-title-align-left > .x-title-item {
  vertical-align: bottom; }
/* line 78, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-horizontal.x-header .x-title-rotate-right.x-title-align-center > .x-title-item {
  vertical-align: middle; }
/* line 82, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-horizontal.x-header .x-title-rotate-right.x-title-align-right > .x-title-item {
  vertical-align: top; }
/* line 88, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-horizontal.x-header .x-title-rotate-left.x-title-align-left > .x-title-item {
  vertical-align: top; }
/* line 92, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-horizontal.x-header .x-title-rotate-left.x-title-align-center > .x-title-item {
  vertical-align: middle; }
/* line 96, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-horizontal.x-header .x-title-rotate-left.x-title-align-right > .x-title-item {
  vertical-align: bottom; }

/* line 104, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-vertical.x-header .x-title-rotate-none.x-title-align-left > .x-title-item {
  vertical-align: top; }
/* line 108, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-vertical.x-header .x-title-rotate-none.x-title-align-center > .x-title-item {
  vertical-align: middle; }
/* line 112, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-vertical.x-header .x-title-rotate-none.x-title-align-right > .x-title-item {
  vertical-align: bottom; }

/* line 119, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-icon-wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 0; }
  /* line 125, ../../../ext-theme-base/sass/src/panel/Title.scss */
  .x-title-icon-wrap.x-title-icon-top, .x-title-icon-wrap.x-title-icon-bottom {
    display: table-row; }

/* line 130, ../../../ext-theme-base/sass/src/panel/Title.scss */
.x-title-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat; }

/* line 1, ../../../ext-theme-base/sass/src/panel/Tool.scss */
.x-tool {
  font-size: 0;
  line-height: 0; }

/* line 3, ../../../ext-theme-base/sass/src/panel/Header.scss */
.x-header > .x-box-inner {
  overflow: visible; }

/* line 1, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x-splitter {
  font-size: 1px; }

/* line 5, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x-splitter-horizontal {
  cursor: e-resize;
  cursor: row-resize; }

/* line 10, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x-splitter-vertical {
  cursor: e-resize;
  cursor: col-resize; }

/* line 17, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x-splitter-collapsed,
.x-splitter-horizontal-noresize,
.x-splitter-vertical-noresize {
  cursor: default; }

/* line 21, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x-splitter-active {
  z-index: 4; }

/* line 25, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x-collapse-el {
  position: absolute;
  background-repeat: no-repeat; }

/* line 30, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x-splitter-focus {
  z-index: 4; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-layout-ct {
  overflow: hidden;
  position: relative; }

/* line 6, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-target {
  position: absolute;
  width: 20000px;
  top: 0;
  left: 0;
  min-height: 1px; }

/* line 27, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-rtl.x-box-target {
  left: auto;
  right: 0; }

/* line 33, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-inner {
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0; }

/* line 40, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-scroller {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 0;
  font-size: 0; }

/* line 48, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-scroller-top {
  top: 0; }

/* line 52, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-scroller-right {
  right: 0; }

/* line 56, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-scroller-bottom {
  bottom: 0; }

/* line 60, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-scroller-left {
  left: 0; }

/* line 64, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-menu-body-horizontal {
  float: left; }

/* line 68, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-menu-after {
  position: relative;
  float: left; }

/* line 1, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x-toolbar-text {
  white-space: nowrap; }

/* line 5, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x-toolbar-separator {
  display: block;
  font-size: 1px;
  overflow: hidden;
  cursor: default;
  border: 0;
  width: 0;
  height: 0;
  line-height: 0px; }

/* line 16, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x-toolbar-scroller {
  padding-left: 0; }

/* line 23, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x-toolbar-plain {
  border: 0; }

/* line 4, ../../../ext-theme-base/sass/src/dd/DD.scss */
.x-dd-drag-proxy,
.x-dd-drag-current {
  z-index: 1000000!important;
  pointer-events: none; }

/* line 2, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-dd-drag-repair .x-dd-drag-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
/* line 6, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-dd-drag-repair .x-dd-drop-icon {
  display: none; }

/* line 11, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-dd-drag-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  padding: 5px;
  padding-left: 20px;
  white-space: nowrap;
  color: #000;
  font: normal 12px helvetica, arial, verdana, sans-serif;
  border: 1px solid;
  border-color: #ddd #bbb #bbb #ddd;
  background-color: #fff; }

/* line 28, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-dd-drop-icon {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1; }

/* line 51, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-rtl .x-dd-drag-ghost {
  padding-left: 5px;
  padding-right: 20px; }
/* line 55, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-rtl .x-dd-drop-icon {
  left: auto;
  right: 3px; }

/* line 66, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-dd-drop-ok .x-dd-drop-icon {
  background-image: url(images/dd/drop-yes.png); }

/* line 70, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-dd-drop-ok-add .x-dd-drop-icon {
  background-image: url(images/dd/drop-add.png); }

/* line 75, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-dd-drop-nodrop div.x-dd-drop-icon {
  background-image: url(images/dd/drop-no.png); }

/* line 1, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked {
  position: absolute !important;
  z-index: 1; }

/* line 7, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-vertical {
  position: static; }

/* line 11, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-top {
  border-bottom-width: 0 !important; }

/* line 15, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-bottom {
  border-top-width: 0 !important; }

/* line 19, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-left {
  border-right-width: 0 !important; }

/* line 23, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-right {
  border-left-width: 0 !important; }

/* line 27, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-noborder-top {
  border-top-width: 0 !important; }

/* line 31, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-noborder-right {
  border-right-width: 0 !important; }

/* line 35, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-noborder-bottom {
  border-bottom-width: 0 !important; }

/* line 39, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked-noborder-left {
  border-left-width: 0 !important; }

/* line 45, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-l {
  border-left-width: 0 !important; }

/* line 48, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-b {
  border-bottom-width: 0 !important; }

/* line 51, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-bl {
  border-bottom-width: 0 !important;
  border-left-width: 0 !important; }

/* line 55, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-r {
  border-right-width: 0 !important; }

/* line 58, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-rl {
  border-right-width: 0 !important;
  border-left-width: 0 !important; }

/* line 62, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-rb {
  border-right-width: 0 !important;
  border-bottom-width: 0 !important; }

/* line 66, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-rbl {
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important; }

/* line 71, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-t {
  border-top-width: 0 !important; }

/* line 74, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-tl {
  border-top-width: 0 !important;
  border-left-width: 0 !important; }

/* line 78, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-tb {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important; }

/* line 82, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-tbl {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important; }

/* line 87, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-tr {
  border-top-width: 0 !important;
  border-right-width: 0 !important; }

/* line 91, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-trl {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important; }

/* line 96, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-trb {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 0 !important; }

/* line 101, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-trbl {
  border-width: 0 !important; }

/* line 2, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x-panel,
.x-plain {
  overflow: hidden;
  position: relative; }

/* line 7, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x-panel {
  outline: none; }

/* line 13, ../../../ext-theme-base/sass/src/panel/Panel.scss */
td.x-frame-mc {
  vertical-align: top; }

/* line 18, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x-panel-body {
  overflow: hidden;
  position: relative; }

/* line 24, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x-panel-header-plain,
.x-panel-body-plain {
  border: 0;
  padding: 0; }

/* line 33, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x-panel-collapsed-mini {
  visibility: hidden; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Table.scss */
.x-table-layout {
  font-size: 1em; }

/* line 1, ../../../ext-theme-base/sass/src/container/ButtonGroup.scss */
.x-btn-group {
  position: relative;
  overflow: hidden; }

/* line 6, ../../../ext-theme-base/sass/src/container/ButtonGroup.scss */
.x-btn-group-body {
  position: relative; }
  /* line 8, ../../../ext-theme-base/sass/src/container/ButtonGroup.scss */
  .x-btn-group-body .x-table-layout-cell {
    vertical-align: top; }

/* line 2, ../../../ext-theme-base/sass/src/plugin/Viewport.scss */
.x-viewport,
.x-viewport > .x-body {
  margin: 0;
  padding: 0;
  border: 0 none;
  overflow: hidden;
  position: static;
  touch-action: none;
  -ms-touch-action: none; }

/* line 21, ../../../ext-theme-base/sass/src/plugin/Viewport.scss */
.x-viewport {
  height: 100%; }

/* line 27, ../../../ext-theme-base/sass/src/plugin/Viewport.scss */
.x-viewport > .x-body {
  min-height: 100%; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Column.scss */
.x-column {
  float: left; }

/* line 6, ../../../ext-theme-base/sass/src/layout/container/Column.scss */
.x-rtl > .x-column {
  float: right; }

/* line 1, ../../../ext-theme-base/sass/src/resizer/SplitterTracker.scss */
.x-resizable-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 200000;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

/* line 1, ../../../ext-theme-base/sass/src/window/Window.scss */
.x-window {
  outline: none;
  overflow: hidden; }
  /* line 5, ../../../ext-theme-base/sass/src/window/Window.scss */
  .x-window .x-window-wrap {
    position: relative; }

/* line 10, ../../../ext-theme-base/sass/src/window/Window.scss */
.x-window-body {
  position: relative;
  overflow: hidden; }

/* line 1, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate; }

/* line 10, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item-label {
  overflow: hidden; }

/* line 14, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item.x-form-item-no-label > .x-form-item-label {
  display: none; }

/* line 19, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item-label,
.x-form-item-body {
  display: table-cell; }

/* line 23, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item-body {
  vertical-align: middle;
  height: 100%; }

/* line 28, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item-label-inner {
  display: inline-block; }

/* line 32, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item-label-top {
  display: table-row;
  height: 1px; }
  /* line 35, ../../../ext-theme-base/sass/src/form/Labelable.scss */
  .x-form-item-label-top > .x-form-item-label-inner {
    display: table-cell; }

/* line 39, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item-label-top-side-error:after {
  display: table-cell;
  content: ''; }

/* line 44, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-item-label-right {
  text-align: right; }
  /* line 47, ../../../ext-theme-base/sass/src/form/Labelable.scss */
  .x-form-item-label-right.x-rtl {
    text-align: left; }

/* line 53, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-error-wrap-side {
  display: table-cell;
  vertical-align: middle; }

/* line 58, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-error-wrap-under {
  display: table-row;
  height: 1px; }
  /* line 61, ../../../ext-theme-base/sass/src/form/Labelable.scss */
  .x-form-error-wrap-under > .x-form-error-msg {
    display: table-cell; }

/* line 66, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-error-wrap-under-side-label:before {
  display: table-cell;
  content: '';
  pointer-events: none; }

/* line 72, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x-form-invalid-icon {
  overflow: hidden; }
  /* line 74, ../../../ext-theme-base/sass/src/form/Labelable.scss */
  .x-form-invalid-icon ul {
    display: none; }

/* line 1, ../../../ext-theme-base/sass/src/form/field/Text.scss */
.x-form-trigger-wrap {
  display: table;
  width: 100%;
  height: 100%; }
  /* line 14, ../../../ext-theme-base/sass/src/form/field/Text.scss */
  .x-gecko .x-form-trigger-wrap {
    display: -moz-inline-box;
    display: inline-flex;
    vertical-align: top; }

/* line 22, ../../../ext-theme-base/sass/src/form/field/Text.scss */
.x-form-text-wrap {
  display: table-cell;
  overflow: hidden;
  height: 100%; }
  /* line 29, ../../../ext-theme-base/sass/src/form/field/Text.scss */
  .x-gecko .x-form-text-wrap {
    display: block;
    -moz-box-flex: 1;
    flex: 1; }

/* line 39, ../../../ext-theme-base/sass/src/form/field/Text.scss */
.x-form-item-body.x-form-text-grow {
  min-width: inherit;
  max-width: inherit; }

/* line 44, ../../../ext-theme-base/sass/src/form/field/Text.scss */
.x-form-text {
  border: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  display: block;
  background: repeat-x 0 0;
  width: 100%;
  height: 100%; }
  /* line 53, ../../../ext-theme-base/sass/src/form/field/Text.scss */
  .x-webkit .x-form-text {
    height: calc(100% + 3px); }

/* line 61, ../../../ext-theme-base/sass/src/form/field/Text.scss */
.x-form-trigger {
  display: table-cell;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  background-repeat: no-repeat;
  line-height: 0;
  white-space: nowrap; }
  /* line 72, ../../../ext-theme-base/sass/src/form/field/Text.scss */
  .x-item-disabled .x-form-trigger {
    cursor: default; }
  /* line 75, ../../../ext-theme-base/sass/src/form/field/Text.scss */
  .x-form-trigger.x-form-trigger-cmp {
    background: none;
    border: 0; }
  /* line 84, ../../../ext-theme-base/sass/src/form/field/Text.scss */
  .x-form-trigger.x-form-trigger-cmp.x-rtl {
    background: none;
    border: 0; }
  /* line 92, ../../../ext-theme-base/sass/src/form/field/Text.scss */
  .x-gecko .x-form-trigger {
    display: block; }

/* line 1, ../../../ext-theme-base/sass/src/form/field/TextArea.scss */
.x-form-textarea {
  overflow: auto;
  resize: none; }
  /* line 6, ../../../ext-theme-base/sass/src/form/field/TextArea.scss */
  div.x-form-text-grow .x-form-textarea {
    min-height: inherit; }

/* line 2, ../../../ext-theme-base/sass/src/window/MessageBox.scss */
.x-message-box .x-form-display-field {
  height: auto; }

/* line 1, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb-wrap {
  vertical-align: top; }

/* line 5, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb-wrap-inner {
  position: relative; }

/* line 9, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb {
  position: absolute;
  left: 0;
  right: auto;
  vertical-align: top;
  overflow: hidden;
  padding: 0;
  border: 0; }
  /* line 17, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
  .x-form-cb::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* line 24, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-rtl.x-form-cb {
  right: 0;
  left: auto; }

/* allow for the component to be positioned after the label */
/* line 31, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb-after {
  left: auto;
  right: 0; }

/* line 37, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-rtl.x-form-cb-after {
  left: 0;
  right: auto; }

/* some browsers like IE 10 need a block element to be able to measure
the height of a multi-line element */
/* line 45, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb-label {
  display: inline-block; }

/* line 54, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb-wrap-inner-no-box-label > .x-form-cb {
  position: static; }
/* line 58, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb-wrap-inner-no-box-label > .x-form-cb-label {
  display: none; }

/* line 1, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset {
  display: block;
  /* preserve margins in IE */
  position: relative;
  overflow: hidden; }

/* line 7, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset-header {
  overflow: hidden; }
  /* line 11, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
  .x-fieldset-header .x-form-item,
  .x-fieldset-header .x-tool {
    float: left; }
  /* line 15, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
  .x-fieldset-header .x-fieldset-header-text {
    float: left; }
  /* line 19, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
  .x-fieldset-header .x-form-cb-wrap {
    font-size: 0;
    line-height: 0;
    height: auto; }
  /* line 25, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
  .x-fieldset-header .x-form-cb {
    margin: 0;
    position: static; }

/* line 31, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset-body {
  overflow: hidden; }

/* line 35, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset-collapsed {
  padding-bottom: 0 !important; }
  /* line 38, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
  .x-fieldset-collapsed > .x-fieldset-body {
    display: none; }

/* line 43, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset-header-text-collapsible {
  cursor: pointer; }

/* line 50, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x-rtl.x-fieldset-header .x-form-item,
.x-rtl.x-fieldset-header .x-tool {
  float: right; }
/* line 54, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x-rtl.x-fieldset-header .x-fieldset-header-text {
  float: right; }

/* line 1, ../../../ext-theme-base/sass/src/view/View.scss */
.x-view-item-focused {
  outline: 1px dashed #157fcc !important;
  outline-offset: -1px; }

/* line 8, ../../../ext-theme-base/sass/src/view/BoundList.scss */
.x-ie9 .x-boundlist-list-ct {
  min-height: 0\%; }

/* line 1, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-datepicker {
  position: relative; }
  /* line 4, ../../../ext-theme-base/sass/src/picker/Date.scss */
  .x-datepicker .x-monthpicker {
    left: 0;
    top: 0;
    display: block; }
  /* line 11, ../../../ext-theme-base/sass/src/picker/Date.scss */
  .x-datepicker .x-monthpicker-months,
  .x-datepicker .x-monthpicker-years {
    height: 100%; }

/* line 16, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-datepicker-inner {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate; }

/* line 22, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-datepicker-cell {
  padding: 0; }

/* line 26, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-datepicker-header {
  position: relative; }

/* line 30, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-datepicker-arrow {
  position: absolute;
  outline: none;
  font-size: 0; }

/* line 36, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-datepicker-column-header {
  padding: 0; }

/* line 40, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-datepicker-date {
  display: block;
  text-decoration: none; }

/* line 45, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-monthpicker {
  display: table; }

/* line 48, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-monthpicker-body {
  height: 100%;
  position: relative; }

/* line 54, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-monthpicker-months,
.x-monthpicker-years {
  float: left; }

/* line 58, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-monthpicker-item {
  float: left; }

/* line 62, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-monthpicker-item-inner {
  display: block;
  text-decoration: none; }

/* line 67, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-button-ct {
  float: left;
  text-align: center; }

/* line 72, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-button {
  display: inline-block;
  outline: none;
  font-size: 0; }

/* line 78, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-monthpicker-buttons {
  width: 100%; }

/* line 82, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x-datepicker .x-monthpicker-buttons {
  position: absolute;
  bottom: 0; }

/* line 1, ../../../ext-theme-base/sass/src/form/field/Display.scss */
.x-form-display-field-body {
  vertical-align: top; }

/* line 1, ../../../ext-theme-base/sass/src/form/field/File.scss */
.x-form-file-btn {
  overflow: hidden;
  position: relative; }

/* line 6, ../../../ext-theme-base/sass/src/form/field/File.scss */
.x-form-file-input {
  border: 0;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  /* Yes, there's actually a good reason for this...
   * If the configured buttonText is set to something longer than the default,
   * then it will quickly exceed the width of the hidden file input's "Browse..."
   * button, so part of the custom button's clickable area will be covered by
   * the hidden file input's text box instead. This results in a text-selection
   * mouse cursor over that part of the button, at least in Firefox, which is
   * confusing to a user. Giving the hidden file input a huge font-size makes
   * the native button part very large so it will cover the whole clickable area.
   */
  font-size: 1000px; }

/* line 30, ../../../ext-theme-base/sass/src/form/field/File.scss */
.x-rtl.x-form-file-input {
  right: auto;
  left: 0; }

/* line 1, ../../../ext-theme-base/sass/src/form/field/Hidden.scss */
.x-form-item-hidden {
  margin: 0; }

/* line 1, ../../../ext-theme-base/sass/src/tip/Tip.scss */
.x-tip {
  position: absolute;
  overflow: visible;
  /*pointer needs to be able to stick out*/ }

/* line 6, ../../../ext-theme-base/sass/src/tip/Tip.scss */
.x-tip-body {
  overflow: hidden;
  position: relative; }

/* line 11, ../../../ext-theme-base/sass/src/tip/Tip.scss */
.x-tip-anchor {
  position: absolute;
  overflow: hidden;
  border-style: solid; }

/* line 1, ../../../ext-theme-base/sass/src/picker/Color.scss */
.x-color-picker-item {
  float: left;
  text-decoration: none; }

/* line 6, ../../../ext-theme-base/sass/src/picker/Color.scss */
.x-color-picker-item-inner {
  display: block;
  font-size: 1px; }

/* line 1, ../../../ext-theme-base/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-toolbar {
  position: static !important; }

/* line 6, ../../../ext-theme-base/sass/src/form/field/HtmlEditor.scss */
.x-htmleditor-iframe,
.x-htmleditor-textarea {
  display: block;
  overflow: auto;
  width: 100%;
  height: 100%;
  border: 0; }

/* line 1, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-body {
  vertical-align: top; }

/* line 5, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield {
  height: auto!important;
  /* The wrap has to accommodate the list, so override the .x-form-text height rule */
  padding: 0!important;
  /* Override .x-form-text padding rule */
  cursor: text;
  min-height: 24px;
  overflow-y: auto; }

/* line 13, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield .x-tagfield-list {
  padding: 1px 3px;
  margin: 0; }

/* line 18, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-list.x-tagfield-singleselect {
  white-space: nowrap;
  overflow: hidden; }

/* line 23, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-input, .x-tagfield-item {
  vertical-align: top;
  display: inline-block;
  position: relative; }

/* line 29, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-input input, .x-tagfield-input div {
  border: 0 none;
  margin: 0;
  background: none;
  width: 100%; }

/* line 36, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-input-field {
  line-height: 20px; }

/* line 40, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-emptyinput {
  display: none; }

/* line 44, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-stacked .x-tagfield-item {
  display: block; }

/* line 48, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-item {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #f5f5f5;
  border: 1px solid #dcdcdc;
  padding: 0px 1px 0px 5px !important;
  margin: 1px 4px 1px 0;
  color: black;
  cursor: default; }

/* line 58, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-field:not(.x-item-disabled) .x-tagfield-item:hover {
  background: #e4e4e4;
  border: 1px solid #999999; }

/* line 63, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-field:not(.x-item-disabled) .x-tagfield-item.x-tagfield-item-selected {
  border: 1px solid #157fcc !important;
  background: #c4e2f8 !important;
  color: black !important; }

/* line 69, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-item-text {
  line-height: 18px;
  padding-right: 20px; }

/* line 74, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-item-close {
  cursor: pointer;
  position: absolute;
  background-image: url(images/form/tag-field-item-close.png);
  width: 12px;
  height: 12px;
  top: 2px;
  right: 2px; }

/* line 84, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-field:not(.x-item-disabled) .x-tagfield-item.x-tagfield-item-selected .x-tagfield-item-close {
  background-position: 0px 12px; }

/* line 88, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-field:not(.x-item-disabled) .x-tagfield-item-close:hover {
  background-position: 24px 0px; }

/* line 92, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-field:not(.x-item-disabled) .x-tagfield-item.x-tagfield-item-selected .x-tagfield-item-close:hover {
  background-position: 24px 12px; }

/* line 96, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-field:not(.x-item-disabled) .x-tagfield-item-close:active {
  background-position: 12px 0px; }

/* line 100, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-field:not(.x-item-disabled) .x-tagfield-item.x-tagfield-item-selected .x-tagfield-item-close:active {
  background-position: 12px 12px; }

/* line 106, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-rtl.x-tagfield-item-text {
  padding-right: auto;
  padding-left: 20px; }

/* line 110, ../../../ext-theme-base/sass/src/form/field/Tag.scss */
.x-rtl.x-tagfield-item-close {
  right: auto;
  left: 2px; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Fit.scss */
.x-fit-item {
  position: relative; }

/* line 1, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x-grid-view {
  overflow: hidden;
  position: relative; }

/* A grid *item* is a dataview item. It is encapsulated by a <table class="x-grid-item">.
 * One item always corresponds to one store record
 * But an item may contain more than one <tr>.
 * ONE child row, <tr class="x-grid-row"> will be the grid-row and will contain record data
 */
/* line 11, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x-grid-row-table {
  width: 0;
  table-layout: fixed;
  border: 0 none;
  border-collapse: separate;
  border-spacing: 0; }

/* line 25, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x-grid-item {
  table-layout: fixed;
  outline: none; }

/* line 30, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x-grid-row {
  outline: none; }

/* line 34, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x-grid-td {
  overflow: hidden;
  border-width: 0;
  vertical-align: top; }

/* line 40, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x-grid-cell-inner {
  overflow: hidden;
  white-space: nowrap; }

/* line 46, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x-wrap-cell .x-grid-cell-inner {
  white-space: normal; }

/* line 51, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x-grid-resize-marker {
  position: absolute;
  z-index: 5;
  top: 0; }

/* line 2, ../../../ext-theme-base/sass/src/grid/header/DropZone.scss */
.x-col-move-top,
.x-col-move-bottom {
  position: absolute;
  top: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  z-index: 20000;
  background: no-repeat center top transparent; }

/* line 1, ../../../ext-theme-base/sass/src/grid/header/Container.scss */
.x-grid-header-ct {
  cursor: default; }

/* line 1, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header {
  position: absolute;
  overflow: hidden;
  background-repeat: repeat-x; }

/*
 * TODO:
 * When IE8 retires, revisit https://jsbin.com/honawo/quiet for better way to center header text
 */
/* line 11, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-inner {
  white-space: nowrap;
  position: relative;
  overflow: hidden; }

/* line 17, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-leaf-column-header {
  height: 100%; }
  /* line 19, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
  .x-leaf-column-header .x-column-header-text-container {
    height: 100%; }

/* line 26, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-text-container {
  width: 100%;
  display: table;
  table-layout: fixed; }
  /* line 31, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
  .x-column-header-text-container.x-column-header-text-container-auto {
    table-layout: auto; }

/* line 36, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-text-wrapper {
  display: table-cell;
  vertical-align: middle; }

/* line 41, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 48, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-text-inner {
  background-repeat: no-repeat; }

/* line 53, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-text {
  display: inline-block; }

/* line 61, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-trigger {
  display: none;
  height: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2; }

/* line 72, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-trigger {
  left: 0;
  right: auto; }

/* line 79, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-over .x-column-header-trigger, .x-column-header-open .x-column-header-trigger {
  display: block; }

/* line 84, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-align-right {
  text-align: right; }

/* line 89, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-align-right {
  text-align: left; }

/* line 94, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-align-left {
  text-align: left; }

/* line 99, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-align-left {
  text-align: right; }

/* line 104, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-align-center {
  text-align: center; }

/* line 1, ../../../ext-theme-base/sass/src/grid/column/Action.scss */
.x-grid-cell-inner-action-col {
  line-height: 0;
  font-size: 0; }

/* line 1, ../../../ext-theme-base/sass/src/grid/column/Check.scss */
.x-grid-cell-inner-checkcolumn {
  line-height: 0;
  font-size: 0; }

/* line 1, ../../../ext-theme-base/sass/src/grid/feature/Grouping.scss */
.x-group-hd-container {
  overflow: hidden; }

/* line 5, ../../../ext-theme-base/sass/src/grid/feature/Grouping.scss */
.x-grid-group-hd {
  white-space: nowrap;
  outline: none; }

/* line 10, ../../../ext-theme-base/sass/src/grid/feature/Grouping.scss */
.x-grid-row-body-hidden, .x-grid-group-collapsed {
  display: none; }

/* line 1, ../../../ext-theme-base/sass/src/grid/feature/RowBody.scss */
.x-grid-row-body-hidden {
  display: none; }

/* line 1, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x-menu {
  outline: none; }

/* line 5, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x-menu-item {
  white-space: nowrap;
  overflow: hidden;
  border-color: transparent;
  border-style: solid; }

/* line 13, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x-menu-item-cmp {
  margin: 2px; }
  /* line 16, ../../../ext-theme-base/sass/src/menu/Menu.scss */
  .x-menu-item-cmp .x-field-label-cell {
    vertical-align: middle; }

/* line 24, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x-menu-icon-separator {
  position: absolute;
  top: 0px;
  z-index: 0;
  height: 100%;
  overflow: hidden; }
  /* line 30, ../../../ext-theme-base/sass/src/menu/Menu.scss */
  .x-menu-plain .x-menu-icon-separator {
    display: none; }

/* line 35, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x-menu-item-link {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  text-decoration: none;
  outline: 0;
  display: block; }

/* line 50, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x-menu-item-link-href {
  -webkit-touch-callout: default; }

/* line 54, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x-menu-item-text {
  display: inline-block; }

/* line 60, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x-menu-item-icon,
.x-menu-item-icon-right,
.x-menu-item-arrow {
  font-size: 0;
  position: absolute;
  text-align: center;
  background-repeat: no-repeat; }

/*
 * Rules for fields which are rendered to fit inside grid cells.
 * This includes cell and row editor fields and fields in widget columns.
 */
/* line 7, ../../../ext-theme-base/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-cb-wrap {
  text-align: center; }

/* line 12, ../../../ext-theme-base/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-cb {
  position: static; }

/* line 19, ../../../ext-theme-base/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-display-field {
  margin: 0;
  white-space: nowrap;
  overflow: hidden; }
/* line 27, ../../../ext-theme-base/sass/src/grid/plugin/Editing.scss */
.x-grid-editor div.x-form-action-col-field {
  line-height: 0; }

/* line 1, ../../../ext-theme-base/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor-wrap {
  position: absolute;
  overflow: visible;
  z-index: 2; }

/* line 8, ../../../ext-theme-base/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor {
  position: absolute; }

/* line 12, ../../../ext-theme-base/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor-buttons {
  position: absolute;
  white-space: nowrap; }

/* line 1, ../../../ext-theme-base/sass/src/grid/plugin/RowExpander.scss */
.x-grid-row-expander {
  font-size: 0;
  line-height: 0;
  text-align: center; }

/* line 7, ../../../ext-theme-base/sass/src/grid/plugin/RowExpander.scss */
.x-grid-row-expander:focus {
  outline: 1px solid #3d91cf; }

/* line 11, ../../../ext-theme-base/sass/src/grid/plugin/RowExpander.scss */
.x-grid-hide-row-expander-spacer .x-grid-row-expander-spacer {
  display: none; }

/* line 15, ../../../ext-theme-base/sass/src/grid/plugin/RowExpander.scss */
.x-grid-row-expander-spacer {
  border: 0 none; }

/* line 1, ../../../ext-theme-base/sass/src/grid/selection/SpreadsheetModel.scss */
.x-ssm-row-numberer-hd {
  cursor: se-resize!important; }

/* line 6, ../../../ext-theme-base/sass/src/grid/selection/SpreadsheetModel.scss */
.x-ssm-row-numberer-cell {
  cursor: e-resize; }

/* line 11, ../../../ext-theme-base/sass/src/grid/selection/SpreadsheetModel.scss */
.x-ssm-column-select .x-column-header {
  cursor: s-resize; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Absolute.scss */
.x-abs-layout-ct {
  position: relative; }

/* line 5, ../../../ext-theme-base/sass/src/layout/container/Absolute.scss */
.x-abs-layout-item {
  position: absolute !important; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Border.scss */
.x-border-layout-ct {
  overflow: hidden; }

/* line 5, ../../../ext-theme-base/sass/src/layout/container/Border.scss */
.x-border-layout-ct {
  position: relative; }

/* line 9, ../../../ext-theme-base/sass/src/layout/container/Border.scss */
.x-border-region-slide-in {
  z-index: 5; }

/* line 13, ../../../ext-theme-base/sass/src/layout/container/Border.scss */
.x-region-collapsed-placeholder {
  z-index: 4; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Center.scss */
.x-center-layout-item {
  position: absolute; }

/* line 5, ../../../ext-theme-base/sass/src/layout/container/Center.scss */
.x-center-target {
  position: relative; }

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-layout-wrap {
  display: table;
  width: 100%;
  border-collapse: separate; }

/* line 7, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-layout-colgroup {
  display: table-column-group; }

/* line 11, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-layout-column {
  display: table-column; }

/* line 16, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-layout-auto-label > * > .x-form-item-label {
  width: auto !important; }
  /* line 20, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
  .x-form-layout-auto-label > * > .x-form-item-label > .x-form-item-label-inner {
    width: auto !important;
    white-space: nowrap; }
/* line 26, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-layout-auto-label > * > .x-form-layout-label-column {
  width: 1px; }

/* line 33, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-layout-sized-label > * > .x-form-item-label {
  width: auto !important; }

/* line 40, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-form-item {
  display: table-row; }
  /* line 43, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
  .x-form-form-item > .x-form-item-label {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important; }
  /* line 51, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
  .x-form-form-item > .x-form-item-body {
    max-width: none; }

/* line 60, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-form-item.x-form-item-no-label:before {
  content: ' ';
  display: table-cell;
  pointer-events: none; }

/* line 2, ../../../ext-theme-base/sass/src/resizer/Resizer.scss */
.x-resizable-wrapped {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* line 1, ../../../ext-theme-base/sass/src/selection/CheckboxModel.scss */
.x-column-header-checkbox .x-column-header-text {
  display: block;
  background-repeat: no-repeat;
  font-size: 0; }

/* line 7, ../../../ext-theme-base/sass/src/selection/CheckboxModel.scss */
.x-grid-cell-row-checker {
  vertical-align: middle;
  background-repeat: no-repeat;
  font-size: 0; }

/* line 1, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x-slider {
  outline: none;
  position: relative; }

/* line 6, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x-slider-inner {
  position: relative;
  left: 0;
  top: 0;
  overflow: visible; }
  /* line 11, ../../../ext-theme-base/sass/src/slider/Multi.scss */
  .x-slider-vert .x-slider-inner {
    background: repeat-y 0 0; }

/* line 16, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x-slider-thumb {
  position: absolute;
  background: no-repeat 0 0; }
  /* line 19, ../../../ext-theme-base/sass/src/slider/Multi.scss */
  .x-slider-horz .x-slider-thumb {
    left: 0; }
  /* line 22, ../../../ext-theme-base/sass/src/slider/Multi.scss */
  .x-slider-vert .x-slider-thumb {
    bottom: 0; }

/* line 16, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab {
  display: block;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: top;
  overflow: hidden;
  position: relative; }
  /* line 28, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-tab > .x-frame {
    height: 100%;
    width: 100%; }

/* line 34, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab-wrap {
  display: table;
  height: 100%;
  width: 100%; }

/* line 40, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab-button {
  vertical-align: middle;
  display: table-cell;
  white-space: nowrap;
  line-height: 0; }

/* line 47, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab-inner {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis; }
  /* line 53, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-tab-icon.x-tab-no-text > .x-tab-inner {
    display: none; }

/* line 58, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab-icon-el {
  display: none;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat; }
  /* line 64, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-tab-icon > .x-tab-icon-el {
    display: inline-block; }
  /* line 69, ../../../ext-theme-base/sass/src/button/Button.scss */
  .x-tab-icon-top > .x-tab-icon-el, .x-tab-icon-bottom > .x-tab-icon-el {
    display: block; }

/* line 74, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab-button-center {
  text-align: center; }

/* line 78, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab-button-left {
  text-align: left; }

/* line 83, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-rtl.x-tab-button-left {
  text-align: right; }

/* line 88, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab-button-right {
  text-align: right; }

/* line 93, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-rtl.x-tab-button-right {
  text-align: left; }

/* line 154, ../../../ext-theme-base/sass/src/button/Button.scss */
.x-tab-mc {
  overflow: visible; }

/* line 7, ../../../ext-theme-base/sass/src/tab/Tab.scss */
.x-tab {
  z-index: 1; }

/* line 11, ../../../ext-theme-base/sass/src/tab/Tab.scss */
.x-tab-active {
  z-index: 3; }

/* line 15, ../../../ext-theme-base/sass/src/tab/Tab.scss */
.x-tab-button {
  position: relative; }

/* line 21, ../../../ext-theme-base/sass/src/tab/Tab.scss */
.x-tab-close-btn {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0; }

/* line 28, ../../../ext-theme-base/sass/src/tab/Tab.scss */
.x-tab-rotate-left {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 0;
  -ms-transform: rotate(270deg);
  -ms-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0; }
  /* line 43, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
  .x-ie8 .x-tab-rotate-left {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; }
  /* line 32, ../../../ext-theme-base/sass/src/tab/Tab.scss */
  .x-tab-rotate-left.x-rtl {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 0 0;
    -o-transform: rotate(90deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 0 0;
    transform: rotate(90deg);
    transform-origin: 0 0; }
    /* line 43, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
    .x-ie8 .x-tab-rotate-left.x-rtl {
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; }

/* line 38, ../../../ext-theme-base/sass/src/tab/Tab.scss */
.x-tab-rotate-right {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0; }
  /* line 43, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
  .x-ie8 .x-tab-rotate-right {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; }
  /* line 42, ../../../ext-theme-base/sass/src/tab/Tab.scss */
  .x-tab-rotate-right.x-rtl {
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 100% 0;
    -o-transform: rotate(270deg);
    -o-transform-origin: 100% 0;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 100% 0;
    transform: rotate(270deg);
    transform-origin: 100% 0; }
    /* line 43, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
    .x-ie8 .x-tab-rotate-right.x-rtl {
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; }

/* line 55, ../../../ext-theme-base/sass/src/tab/Tab.scss */
.x-tab-tr,
.x-tab-br,
.x-tab-mr,
.x-tab-tl,
.x-tab-bl,
.x-tab-ml {
  width: 1px; }

/* line 1, ../../../ext-theme-base/sass/src/tab/Bar.scss */
.x-tab-bar {
  z-index: 0;
  position: relative; }

/* line 6, ../../../ext-theme-base/sass/src/tab/Bar.scss */
.x-tab-bar-body {
  position: relative; }

/* line 10, ../../../ext-theme-base/sass/src/tab/Bar.scss */
.x-tab-bar-strip {
  position: absolute;
  line-height: 0;
  font-size: 0;
  z-index: 2; }
  /* line 16, ../../../ext-theme-base/sass/src/tab/Bar.scss */
  .x-tab-bar-top > .x-tab-bar-strip {
    bottom: 0; }
  /* line 20, ../../../ext-theme-base/sass/src/tab/Bar.scss */
  .x-tab-bar-bottom > .x-tab-bar-strip {
    top: 0; }
  /* line 24, ../../../ext-theme-base/sass/src/tab/Bar.scss */
  .x-tab-bar-left > .x-tab-bar-strip {
    right: 0; }
    /* line 28, ../../../ext-theme-base/sass/src/tab/Bar.scss */
    .x-tab-bar-left > .x-tab-bar-strip.x-rtl {
      right: auto;
      left: 0; }
  /* line 35, ../../../ext-theme-base/sass/src/tab/Bar.scss */
  .x-tab-bar-right > .x-tab-bar-strip {
    left: 0; }
    /* line 39, ../../../ext-theme-base/sass/src/tab/Bar.scss */
    .x-tab-bar-right > .x-tab-bar-strip.x-rtl {
      left: auto;
      right: 0; }

/* line 47, ../../../ext-theme-base/sass/src/tab/Bar.scss */
.x-tab-bar-horizontal .x-tab-bar-strip {
  width: 100%;
  left: 0; }

/* line 52, ../../../ext-theme-base/sass/src/tab/Bar.scss */
.x-tab-bar-vertical {
  display: table-cell; }
  /* line 58, ../../../ext-theme-base/sass/src/tab/Bar.scss */
  .x-tab-bar-vertical .x-tab-bar-strip {
    height: 100%;
    top: 0; }

/* line 64, ../../../ext-theme-base/sass/src/tab/Bar.scss */
.x-tab-bar-plain {
  background: transparent !important; }

/* line 68, ../../../ext-theme-base/sass/src/tab/Bar.scss */
.x-box-scroller-plain {
  background-color: transparent !important; }

/* line 1, ../../../ext-theme-base/sass/src/toolbar/Breadcrumb.scss */
.x-breadcrumb-btn .x-box-target:first-child {
  margin: 0; }

/* line 3, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x-autowidth-table .x-grid-item {
  table-layout: auto;
  width: auto !important; }

/* line 8, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x-tree-view {
  overflow: hidden; }

/* line 13, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x-tree-elbow-img,
.x-tree-icon {
  background-repeat: no-repeat;
  background-position: 0 center;
  vertical-align: top; }

/* line 19, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x-tree-checkbox {
  border: 0;
  padding: 0;
  vertical-align: top;
  position: relative;
  background-color: transparent; }

/* line 27, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x-tree-animator-wrap {
  overflow: hidden; }

/* including package ext-theme-neutral */
/* line 1, ../../../ext-theme-neutral/sass/src/scroll/Indicator.scss */
.x-scroll-indicator {
  position: absolute;
  background-color: black;
  opacity: 0.5;
  border-radius: 3px;
  margin: 2px; }

/* line 10, ../../../ext-theme-neutral/sass/src/scroll/Indicator.scss */
.x-scroll-indicator-x {
  bottom: 0;
  left: 0;
  height: 6px; }

/* line 16, ../../../ext-theme-neutral/sass/src/scroll/Indicator.scss */
.x-scroll-indicator-y {
  right: 0;
  top: 0;
  width: 6px; }

/* line 23, ../../../ext-theme-neutral/sass/src/scroll/Indicator.scss */
.x-rtl.x-scroll-indicator-x {
  left: auto;
  right: 0; }

/* line 28, ../../../ext-theme-neutral/sass/src/scroll/Indicator.scss */
.x-rtl.x-scroll-indicator-y {
  right: auto;
  left: 0; }

/* line 1, ../../../ext-theme-neutral/sass/src/scroll/DomScroller.scss */
.x-domscroller-spacer {
  position: absolute;
  top: 0;
  overflow: hidden;
  height: 1px;
  width: 1px;
  font-size: 0;
  line-height: 0; }

/* line 1, ../../../ext-theme-neutral/sass/src/Component.scss */
.x-body {
  color: black;
  font-size: 13px;
  line-height: 17px;
  font-weight: 300;
  font-family: helvetica, arial, verdana, sans-serif;
  background: white; }

/* line 19, ../../../ext-theme-neutral/sass/src/Component.scss */
.x-animating-size,
.x-collapsed {
  overflow: hidden!important; }

/* line 2, ../../../ext-theme-neutral/sass/src/Editor.scss */
.x-editor .x-form-item-body {
  padding-bottom: 0; }

/* line 1, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x-focus-element {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 0px;
  height: 0px; }

/* line 9, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x-focus-frame {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100000000;
  width: 0px;
  height: 0px; }

/* line 21, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x-focus-frame-top,
.x-focus-frame-bottom,
.x-focus-frame-left,
.x-focus-frame-right {
  position: absolute;
  top: 0px;
  left: 0px; }

/* line 28, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x-focus-frame-top,
.x-focus-frame-bottom {
  border-top: solid 2px #15428b;
  height: 2px; }

/* line 34, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x-focus-frame-left,
.x-focus-frame-right {
  border-left: solid 2px #15428b;
  width: 2px; }

/* line 1, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: default;
  border-style: solid;
  border-width: 1px;
  border-color: transparent; }
  /* line 16, ../../../ext-theme-base/sass/etc/mixins/background-opacity.scss */
  .x-ie8 .x-mask {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF, endColorstr=#B3FFFFFF)";
    zoom: 1; }

/* line 15, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask.x-focus {
  border-style: solid;
  border-width: 1px;
  border-color: #157fcc; }

/* line 22, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask-msg {
  padding: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #e5e5e5; }

/* line 40, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask-msg-inner {
  padding: 0;
  background-color: transparent;
  color: #666666;
  font: 300 13px helvetica, arial, verdana, sans-serif; }

/* line 52, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask-msg-text {
  padding: 21px 0 0;
  background-image: url(images/loadmask/loading.gif);
  background-repeat: no-repeat;
  background-position: center 0; }

/* line 63, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x-rtl.x-mask-msg-text {
  padding: 21px 0 0 0; }

/**
 * Creates a visual theme for an Ext.ProgressBar
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-border-color=$progress-border-color]
 * The border-color of the ProgressBar
 *
 * @param {color} [$ui-background-color=$progress-background-color]
 * The background-color of the ProgressBar
 *
 * @param {color} [$ui-bar-background-color=$progress-bar-background-color]
 * The background-color of the ProgressBar's moving element
 *
 * @param {string/list} [$ui-bar-background-gradient=$progress-bar-background-gradient]
 * The background-gradient of the ProgressBar's moving element. Can be either the name of
 * a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$ui-color-front=$progress-text-color-front]
 * The color of the ProgressBar's text when in front of the ProgressBar's moving element
 *
 * @param {color} [$ui-color-back=$progress-text-color-back]
 * The color of the ProgressBar's text when the ProgressBar's 'moving element is not under it
 *
 * @param {number} [$ui-height=$progress-height]
 * The height of the ProgressBar
 *
 * @param {number} [$ui-border-width=$progress-border-width]
 * The border-width of the ProgressBar
 *
 * @param {number} [$ui-border-radius=$progress-border-radius]
 * The border-radius of the ProgressBar
 *
 * @param {string} [$ui-text-text-align=$progress-text-text-align]
 * The text-align of the ProgressBar's text
 *
 * @param {number} [$ui-text-font-size=$progress-text-font-size]
 * The font-size of the ProgressBar's text
 *
 * @param {string} [$ui-text-font-weight=$progress-text-font-weight]
 * The font-weight of the ProgressBar's text
 *
 * @member Ext.ProgressBar
 */
/* line 80, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
.x-progress-default {
  background-color: #f5f5f5;
  border-width: 0;
  height: 20px;
  border-color: #157fcc; }
  /* line 92, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
  .x-progress-default .x-progress-bar-default {
    background-image: none;
    background-color: #c1ddf1; }
  /* line 107, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
  .x-progress-default .x-progress-text {
    color: #666666;
    font-weight: 300;
    font-size: 13px;
    font-family: helvetica, arial, verdana, sans-serif;
    text-align: center;
    line-height: 20px; }
  /* line 116, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
  .x-progress-default .x-progress-text-back {
    color: #666666;
    line-height: 20px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-progress-bar-default:before {
  display: none;
  content: "x-slicer:stretch:bottom" !important; }

/*</if slicer>*/
/* */
/* line 127, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
.x-progressbar-default-cell > .x-grid-cell-inner,
.x-progressbarwidget-default-cell > .x-grid-cell-inner {
  padding-top: 2px;
  padding-bottom: 2px; }
  /* line 130, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
  .x-progressbar-default-cell > .x-grid-cell-inner .x-progress-default,
  .x-progressbarwidget-default-cell > .x-grid-cell-inner .x-progress-default {
    height: 20px; }

/**
 * Creates a visual theme for a Button.  This mixin is not {@link #scale} aware, and therefore
 * does not provide defaults for most parameters, so it is advisable to use one of the
 * following mixins instead when creating a custom buttonUI:
 *
 * #extjs-button-small-ui - creates a button UI for a small button
 * #extjs-button-medium-ui - creates a button UI for a medium button
 * #extjs-button-large-ui - creates a button UI for a large button
 * #extjs-button-toolbar-small-ui - creates a button UI for a small toolbar button
 * #extjs-button-toolbar-medium-ui - creates a button UI for a medium toolbar button
 * #extjs-button-toolbar-large-ui - creates a button UI for a large toolbar button
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$border-radius=0px]
 * The border-radius of the button
 *
 * @param {number} [$border-width=0px]
 * The border-width of the button
 *
 * @param {color} $border-color
 * The border-color of the button
 *
 * @param {color} $border-color-over
 * The border-color of the button when the cursor is over the button
 *
 * @param {color} $border-color-focus
 * The border-color of the button when focused
 *
 * @param {color} $border-color-pressed
 * The border-color of the button when pressed
 *
 * @param {color} $border-color-focus-over
 * The border-color of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {color} $border-color-focus-pressed
 * The border-color of the button when focused and pressed
 *
 * @param {color} $border-color-disabled
 * The border-color of the button when disabled
 *
 * @param {number} $padding
 * The amount of padding inside the border of the button on all sides
 *
 * @param {number} $text-padding
 * The amount of horizontal space to add to the left and right of the button text
 *
 * @param {color} $background-color
 * The background-color of the button
 *
 * @param {color} $background-color-over
 * The background-color of the button when the cursor is over the button
 *
 * @param {color} $background-color-focus
 * The background-color of the button when focused
 *
 * @param {color} $background-color-pressed
 * The background-color of the button when pressed
 *
 * @param {color} $background-color-focus-over
 * The background-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} $background-color-focus-pressed
 * The background-color of the button when focused and pressed
 *
 * @param {color} $background-color-disabled
 * The background-color of the button when disabled
 *
 * @param {string/list} $background-gradient
 * The background-gradient for the button.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-over
 * The background-gradient to use when the cursor is over the button. Can be either the
 * name of a predefined gradient or a list of color stops. Used as the `$type` parameter
 * for {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-focus
 * The background-gradient to use when the the button is focused. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-pressed
 * The background-gradient to use when the the button is pressed. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-focus-over
 * The background-gradient to use when the the button is focused and the cursor is over
 * the button. Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-focus-pressed
 * The background-gradient to use when the the button is focused and pressed. Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-disabled
 * The background-gradient to use when the the button is disabled. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} $color
 * The text color of the button
 *
 * @param {color} $color-over
 * The text color of the button when the cursor is over the button
 *
 * @param {color} $color-focus
 * The text color of the button when the button is focused
 *
 * @param {color} $color-pressed
 * The text color of the button when the button is pressed
 *
 * @param {color} $color-focus-over
 * The text color of the button when the button is focused and the cursor is over the button
 *
 * @param {color} $color-focus-pressed
 * The text color of the button when the button is focused and pressed
 *
 * @param {color} $color-disabled
 * The text color of the button when the button is disabled
 *
 * @param {number/list} $inner-border-width
 * The inner border-width of the button
 *
 * @param {number/list} $inner-border-width-over
 * The inner border-width of the button when the cursor is over the button
 *
 * @param {number/list} $inner-border-width-focus
 * The inner border-width of the button when focused
 *
 * @param {number/list} $inner-border-width-pressed
 * The inner border-width of the button when pressed
 *
 * @param {number/list} $inner-border-width-focus-over
 * The inner border-width of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {number/list} $inner-border-width-focus-pressed
 * The inner border-width of the button when focused and pressed
 *
 * @param {number/list} $inner-border-width-disabled
 * The inner border-width of the button when disabled
 *
 * @param {color} $inner-border-color
 * The inner border-color of the button
 *
 * @param {color} $inner-border-color-over
 * The inner border-color of the button when the cursor is over the button
 *
 * @param {color} $inner-border-color-focus
 * The inner border-color of the button when focused
 *
 * @param {color} $inner-border-color-pressed
 * The inner border-color of the button when pressed
 *
 * @param {color} $inner-border-color-focus-over
 * The inner border-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} $inner-border-color-focus-pressed
 * The inner border-color of the button when focused and pressed
 *
 * @param {color} $inner-border-color-disabled
 * The inner border-color of the button when disabled
 *
 * @param {number} $body-outline-width-focus
 * The body outline width of the button when focused
 *
 * @param {string} $body-outline-style-focus
 * The body outline-style of the button when focused
 *
 * @param {color} $body-outline-color-focus
 * The body outline color of the button when focused
 *
 * @param {number} $font-size
 * The font-size of the button
 *
 * @param {number} $font-size-over
 * The font-size of the button when the cursor is over the button
 *
 * @param {number} $font-size-focus
 * The font-size of the button when the button is focused
 *
 * @param {number} $font-size-pressed
 * The font-size of the button when the button is pressed
 *
 * @param {number} $font-size-focus-over
 * The font-size of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {number} $font-size-focus-pressed
 * The font-size of the button when the button is focused and pressed
 *
 * @param {number} $font-size-disabled
 * The font-size of the button when the button is disabled
 *
 * @param {string} $font-weight
 * The font-weight of the button
 *
 * @param {string} $font-weight-over
 * The font-weight of the button when the cursor is over the button
 *
 * @param {string} $font-weight-focus
 * The font-weight of the button when the button is focused
 *
 * @param {string} $font-weight-pressed
 * The font-weight of the button when the button is pressed
 *
 * @param {string} $font-weight-focus-over
 * The font-weight of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} $font-weight-focus-pressed
 * The font-weight of the button when the button is focused and pressed
 *
 * @param {string} $font-weight-disabled
 * The font-weight of the button when the button is disabled
 *
 * @param {string} $font-family
 * The font-family of the button
 *
 * @param {string} $font-family-over
 * The font-family of the button when the cursor is over the button
 *
 * @param {string} $font-family-focus
 * The font-family of the button when the button is focused
 *
 * @param {string} $font-family-pressed
 * The font-family of the button when the button is pressed
 *
 * @param {string} $font-family-focus-over
 * The font-family of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} $font-family-focus-pressed
 * The font-family of the button when the button is focused and pressed
 *
 * @param {string} $font-family-disabled
 * The font-family of the button when the button is disabled
 *
 * @param {number} $line-height
 * The line-height of the button text
 *
 * @param {number} $icon-size
 * The size of the button icon
 *
 * @param {number} $icon-spacing
 * The space between the button's icon and text
 *
 * @param {color} $glyph-color
 * The color of the button's {@link #glyph} icon
 *
 * @param {number} [$glyph-opacity=1]
 * The opacity of the button's {@link #glyph} icon
 *
 * @param {number} $arrow-width
 * The width of the button's {@link #cfg-menu} arrow
 *
 * @param {number} $arrow-height
 * The height of the button's {@link #cfg-menu} arrow
 *
 * @param {number} $split-width
 * The width of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {number} $split-height
 * The height of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]
 * True to include the UI name in the file name of the {@link #cfg-menu}
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]
 * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-split-noline-arrows=$button-include-split-noline-arrows]
 * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s 
 * arrow icon.  Used for hiding the split line when toolbar buttons are in their default
 * state.
 *
 * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]
 * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor
 * is over the button.  The over icon file name will have a "-o" suffix
 *
 * @param {number} [$opacity-disabled=1]
 * The opacity of the button when it is disabled
 *
 * @param {number} [$inner-opacity-disabled=1]
 * The opacity of the button's text and icon elements when when the button is disabled
 * 
 * @member Ext.button.Button
 */
/**
 * Creates a visual theme for a {@link #scale small} Button.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$border-radius=$button-small-border-radius]
 * The border-radius of the button
 *
 * @param {number} [$border-width=$button-small-border-width]
 * The border-width of the button
 *
 * @param {color} [$border-color=$button-default-border-color]
 * The border-color of the button
 *
 * @param {color} [$border-color-over=$button-default-border-color-over]
 * The border-color of the button when the cursor is over the button
 *
 * @param {color} [$border-color-focus=$button-default-border-color-focus]
 * The border-color of the button when focused
 *
 * @param {color} [$border-color-pressed=$button-default-border-color-pressed]
 * The border-color of the button when pressed
 *
 * @param {color} [$border-color-focus-over=$button-default-border-color-focus-over]
 * The border-color of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {color} [$border-color-focus-pressed=$button-default-border-color-focus-pressed]
 * The border-color of the button when focused and pressed
 *
 * @param {color} [$border-color-disabled=$button-default-border-color-disabled]
 * The border-color of the button when disabled
 *
 * @param {number} [$padding=$button-small-padding]
 * The amount of padding inside the border of the button on all sides
 *
 * @param {number} [$text-padding=$button-small-text-padding]
 * The amount of horizontal space to add to the left and right of the button text
 *
 * @param {color} [$background-color=$button-default-background-color]
 * The background-color of the button
 *
 * @param {color} [$background-color-over=$button-default-background-color-over]
 * The background-color of the button when the cursor is over the button
 *
 * @param {color} [$background-color-focus=$button-default-background-color-focus]
 * The background-color of the button when focused
 *
 * @param {color} [$background-color-pressed=$button-default-background-color-pressed]
 * The background-color of the button when pressed
 *
 * @param {color} [$background-color-focus-over=$button-default-background-color-focus-over]
 * The background-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$background-color-focus-pressed=$button-default-background-color-focus-pressed]
 * The background-color of the button when focused and pressed
 *
 * @param {color} [$background-color-disabled=$button-default-background-color-disabled]
 * The background-color of the button when disabled
 *
 * @param {string/list} [$background-gradient=$button-default-background-gradient]
 * The background-gradient for the button.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-over=$button-default-background-gradient-over]
 * The background-gradient to use when the cursor is over the button. Can be either the
 * name of a predefined gradient or a list of color stops. Used as the `$type` parameter
 * for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-focus=$button-default-background-gradient-focus]
 * The background-gradient to use when the the button is focused. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-pressed=$button-default-background-gradient-pressed]
 * The background-gradient to use when the the button is pressed. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-over=$button-default-background-gradient-focus-over]
 * The background-gradient to use when the the button is focused and the cursor is over
 * the button. Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-pressed=$button-default-background-gradient-focus-pressed]
 * The background-gradient to use when the the button is focused and pressed. Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-disabled=$button-default-background-gradient-disabled]
 * The background-gradient to use when the the button is disabled. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$color=$button-default-color]
 * The text color of the button
 *
 * @param {color} [$color-over=$button-default-color-over]
 * The text color of the button when the cursor is over the button
 *
 * @param {color} [$color-focus=$button-default-color-focus]
 * The text color of the button when the button is focused
 *
 * @param {color} [$color-pressed=$button-default-color-pressed]
 * The text color of the button when the button is pressed
 *
 * @param {color} [$color-focus-over=$button-default-color-focus-over]
 * The text color of the button when the button is focused and the cursor is over the button
 *
 * @param {color} [$color-focus-pressed=$button-default-color-focus-pressed]
 * The text color of the button when the button is focused and pressed
 *
 * @param {color} [$color-disabled=$button-default-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @param {number/list} [$inner-border-width=$button-default-inner-border-width]
 * The inner border-width of the button
 *
 * @param {number/list} [$inner-border-width-over=$button-default-inner-border-width-over]
 * The inner border-width of the button when the cursor is over the button
 *
 * @param {number/list} [$inner-border-width-focus=$button-default-inner-border-width-focus]
 * The inner border-width of the button when focused
 *
 * @param {number/list} [$inner-border-width-pressed=$button-default-inner-border-width-pressed]
 * The inner border-width of the button when pressed
 *
 * @param {number/list} [$inner-border-width-focus-over=$button-default-inner-border-width-focus-over]
 * The inner border-width of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {number/list} [$inner-border-width-focus-pressed=$button-default-inner-border-width-focus-pressed]
 * The inner border-width of the button when focused and pressed
 *
 * @param {number/list} [$inner-border-width-disabled=$button-default-inner-border-width-disabled]
 * The inner border-width of the button when disabled
 *
 * @param {color} [$inner-border-color=$button-default-inner-border-color]
 * The inner border-color of the button
 *
 * @param {color} [$inner-border-color-over=$button-default-inner-border-color-over]
 * The inner border-color of the button when the cursor is over the button
 *
 * @param {color} [$inner-border-color-focus=$button-default-inner-border-color-focus]
 * The inner border-color of the button when focused
 *
 * @param {color} [$inner-border-color-pressed=$button-default-inner-border-color-pressed]
 * The inner border-color of the button when pressed
 *
 * @param {color} [$inner-border-color-focus-over=$button-default-inner-border-color-focus-over]
 * The inner border-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$inner-border-color-focus-pressed=$button-default-inner-border-color-focus-pressed]
 * The inner border-color of the button when focused and pressed
 *
 * @param {color} [$inner-border-color-disabled=$button-default-inner-border-color-disabled]
 * The inner border-color of the button when disabled
 *
 * @param {number} [$body-outline-width-focus=$button-default-body-outline-width-focus]
 * The body outline width of the button when focused
 *
 * @param {number} [$body-outline-style-focus=$button-default-body-outline-style-focus]
 * The body outline-style of the button when focused
 *
 * @param {number} [$body-outline-color-focus=$button-default-body-outline-color-focus]
 * The body outline color of the button when focused
 *
 * @param {number} [$font-size=$button-small-font-size]
 * The font-size of the button
 *
 * @param {number} [$font-size-over=$button-small-font-size-over]
 * The font-size of the button when the cursor is over the button
 *
 * @param {number} [$font-size-focus=$button-small-font-size-focus]
 * The font-size of the button when the button is focused
 *
 * @param {number} [$font-size-pressed=$button-small-font-size-pressed]
 * The font-size of the button when the button is pressed
 *
 * @param {number} [$font-size-focus-over=$button-small-font-size-focus-over]
 * The font-size of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {number} [$font-size-focus-pressed=$button-small-font-size-focus-pressed]
 * The font-size of the button when the button is focused and pressed
 *
 * @param {number} [$font-size-disabled=$button-small-font-size-disabled]
 * The font-size of the button when the button is disabled
 *
 * @param {string} [$font-weight=$button-small-font-weight]
 * The font-weight of the button
 *
 * @param {string} [$font-weight-over=$button-small-font-weight-over]
 * The font-weight of the button when the cursor is over the button
 *
 * @param {string} [$font-weight-focus=$button-small-font-weight-focus]
 * The font-weight of the button when the button is focused
 *
 * @param {string} [$font-weight-pressed=$button-small-font-weight-pressed]
 * The font-weight of the button when the button is pressed
 *
 * @param {string} [$font-weight-focus-over=$button-small-font-weight-focus-over]
 * The font-weight of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-weight-focus-pressed=$button-small-font-weight-focus-pressed]
 * The font-weight of the button when the button is focused and pressed
 *
 * @param {string} [$font-weight-disabled=$button-small-font-weight-disabled]
 * The font-weight of the button when the button is disabled
 *
 * @param {string} [$font-family=$button-small-font-family]
 * The font-family of the button
 *
 * @param {string} [$font-family-over=$button-small-font-family-over]
 * The font-family of the button when the cursor is over the button
 *
 * @param {string} [$font-family-focus=$button-small-font-family-focus]
 * The font-family of the button when the button is focused
 *
 * @param {string} [$font-family-pressed=$button-small-font-family-pressed]
 * The font-family of the button when the button is pressed
 *
 * @param {string} [$font-family-focus-over=$button-small-font-family-focus-over]
 * The font-family of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-family-focus-pressed=$button-small-font-family-focus-pressed]
 * The font-family of the button when the button is focused and pressed
 *
 * @param {string} [$font-family-disabled=$button-small-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$line-height=$button-small-line-height]
 * The line-height of the button text
 *
 * @param {number} [$icon-size=$button-small-icon-size]
 * The size of the button icon
 *
 * @param {number} [$icon-spacing=$button-small-icon-spacing]
 * The space between the button's icon and text
 *
 * @param {color} [$glyph-color=$button-default-glyph-color]
 * The color of the button's {@link #glyph} icon
 *
 * @param {number} [$glyph-opacity=$button-default-glyph-opacity]
 * The opacity of the button's {@link #glyph} icon
 *
 * @param {number} [$arrow-width=$button-small-arrow-width]
 * The width of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$arrow-height=$button-small-arrow-height]
 * The height of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$split-width=$button-small-split-width]
 * The width of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {number} [$split-height=$button-small-split-height]
 * The height of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]
 * True to include the UI name in the file name of the {@link #cfg-menu}
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]
 * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-split-noline-arrows=$button-include-split-noline-arrows]
 * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s 
 * arrow icon.  Used for hiding the split line when toolbar buttons are in their default
 * state.
 *
 * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]
 * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor
 * is over the button.  The over icon file name will have a "-o" suffix
 *
 * @param {number} [$opacity-disabled=$button-opacity-disabled]
 * The opacity of the button when it is disabled
 *
 * @param {number} [$inner-opacity-disabled=$button-inner-opacity-disabled]
 * The opacity of the button's text and icon elements when when the button is disabled
 * 
 * @member Ext.button.Button
 */
/**
 * Creates a visual theme for a {@link #scale small} toolbar Button.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$border-radius=$button-small-border-radius]
 * The border-radius of the button
 *
 * @param {number} [$border-width=$button-small-border-width]
 * The border-width of the button
 *
 * @param {color} [$border-color=$button-toolbar-border-color]
 * The border-color of the button
 *
 * @param {color} [$border-color-over=$button-toolbar-border-color-over]
 * The border-color of the button when the cursor is over the button
 *
 * @param {color} [$border-color-focus=$button-toolbar-border-color-focus]
 * The border-color of the button when focused
 *
 * @param {color} [$border-color-pressed=$button-toolbar-border-color-pressed]
 * The border-color of the button when pressed
 *
 * @param {color} [$border-color-focus-over=$button-toolbar-border-color-focus-over]
 * The border-color of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {color} [$border-color-focus-pressed=$button-toolbar-border-color-focus-pressed]
 * The border-color of the button when focused and pressed
 *
 * @param {color} [$border-color-disabled=$button-toolbar-border-color-disabled]
 * The border-color of the button when disabled
 *
 * @param {number} [$padding=$button-small-padding]
 * The amount of padding inside the border of the button on all sides
 *
 * @param {number} [$text-padding=$button-small-text-padding]
 * The amount of horizontal space to add to the left and right of the button text
 *
 * @param {color} [$background-color=$button-toolbar-background-color]
 * The background-color of the button
 *
 * @param {color} [$background-color-over=$button-toolbar-background-color-over]
 * The background-color of the button when the cursor is over the button
 *
 * @param {color} [$background-color-focus=$button-toolbar-background-color-focus]
 * The background-color of the button when focused
 *
 * @param {color} [$background-color-pressed=$button-toolbar-background-color-pressed]
 * The background-color of the button when pressed
 *
 * @param {color} [$background-color-focus-over=$button-toolbar-background-color-focus-over]
 * The background-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$background-color-focus-pressed=$button-toolbar-background-color-focus-pressed]
 * The background-color of the button when focused and pressed
 *
 * @param {color} [$background-color-disabled=$button-toolbar-background-color-disabled]
 * The background-color of the button when disabled
 *
 * @param {string/list} [$background-gradient=$button-toolbar-background-gradient]
 * The background-gradient for the button.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-over=$button-toolbar-background-gradient-over]
 * The background-gradient to use when the cursor is over the button. Can be either the
 * name of a predefined gradient or a list of color stops. Used as the `$type` parameter
 * for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-focus=$button-toolbar-background-gradient-focus]
 * The background-gradient to use when the the button is focused. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-pressed=$button-toolbar-background-gradient-pressed]
 * The background-gradient to use when the the button is pressed. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-over=$button-toolbar-background-gradient-focus-over]
 * The background-gradient to use when the the button is focused and the cursor is over
 * the button. Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-pressed=$button-toolbar-background-gradient-focus-pressed]
 * The background-gradient to use when the the button is focused and pressed. Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-disabled=$button-toolbar-background-gradient-disabled]
 * The background-gradient to use when the the button is disabled. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$color=$button-toolbar-color]
 * The text color of the button
 *
 * @param {color} [$color-over=$button-toolbar-color-over]
 * The text color of the button when the cursor is over the button
 *
 * @param {color} [$color-focus=$button-toolbar-color-focus]
 * The text color of the button when the button is focused
 *
 * @param {color} [$color-pressed=$button-toolbar-color-pressed]
 * The text color of the button when the button is pressed
 *
 * @param {color} [$color-focus-over=$button-toolbar-color-focus-over]
 * The text color of the button when the button is focused and the cursor is over the button
 *
 * @param {color} [$color-focus-pressed=$button-toolbar-color-focus-pressed]
 * The text color of the button when the button is focused and pressed
 *
 * @param {color} [$color-disabled=$button-toolbar-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @param {number/list} [$inner-border-width=$button-toolbar-inner-border-width]
 * The inner border-width of the button
 *
 * @param {number/list} [$inner-border-width-over=$button-toolbar-inner-border-width-over]
 * The inner border-width of the button when the cursor is over the button
 *
 * @param {number/list} [$inner-border-width-focus=$button-toolbar-inner-border-width-focus]
 * The inner border-width of the button when focused
 *
 * @param {number/list} [$inner-border-width-pressed=$button-toolbar-inner-border-width-pressed]
 * The inner border-width of the button when pressed
 *
 * @param {number/list} [$inner-border-width-focus-over=$button-toolbar-inner-border-width-focus-over]
 * The inner border-width of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {number/list} [$inner-border-width-focus-pressed=$button-toolbar-inner-border-width-focus-pressed]
 * The inner border-width of the button when focused and pressed
 *
 * @param {number/list} [$inner-border-width-disabled=$button-toolbar-inner-border-width-disabled]
 * The inner border-width of the button when disabled
 *
 * @param {color} [$inner-border-color=$button-toolbar-inner-border-color]
 * The inner border-color of the button
 *
 * @param {color} [$inner-border-color-over=$button-toolbar-inner-border-color-over]
 * The inner border-color of the button when the cursor is over the button
 *
 * @param {color} [$inner-border-color-focus=$button-toolbar-inner-border-color-focus]
 * The inner border-color of the button when focused
 *
 * @param {color} [$inner-border-color-pressed=$button-toolbar-inner-border-color-pressed]
 * The inner border-color of the button when pressed
 *
 * @param {color} [$inner-border-color-focus-over=$button-toolbar-inner-border-color-focus-over]
 * The inner border-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$inner-border-color-focus-pressed=$button-toolbar-inner-border-color-focus-pressed]
 * The inner border-color of the button when focused and pressed
 *
 * @param {color} [$inner-border-color-disabled=$button-toolbar-inner-border-color-disabled]
 * The inner border-color of the button when disabled
 *
 * @param {number} [$body-outline-width-focus=$button-toolbar-body-outline-width-focus]
 * The body outline width of the button when focused
 *
 * @param {number} [$body-outline-style-focus=$button-toolbar-body-outline-style-focus]
 * The body outline-style of the button when focused
 *
 * @param {number} [$body-outline-color-focus=$button-toolbar-body-outline-color-focus]
 * The body outline color of the button when focused
 *
 * @param {number} [$font-size=$button-small-font-size]
 * The font-size of the button
 *
 * @param {number} [$font-size-over=$button-small-font-size-over]
 * The font-size of the button when the cursor is over the button
 *
 * @param {number} [$font-size-focus=$button-small-font-size-focus]
 * The font-size of the button when the button is focused
 *
 * @param {number} [$font-size-pressed=$button-small-font-size-pressed]
 * The font-size of the button when the button is pressed
 *
 * @param {number} [$font-size-focus-over=$button-small-font-size-focus-over]
 * The font-size of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {number} [$font-size-focus-pressed=$button-small-font-size-focus-pressed]
 * The font-size of the button when the button is focused and pressed
 *
 * @param {number} [$font-size-disabled=$button-small-font-size-disabled]
 * The font-size of the button when the button is disabled
 *
 * @param {string} [$font-weight=$button-small-font-weight]
 * The font-weight of the button
 *
 * @param {string} [$font-weight-over=$button-small-font-weight-over]
 * The font-weight of the button when the cursor is over the button
 *
 * @param {string} [$font-weight-focus=$button-small-font-weight-focus]
 * The font-weight of the button when the button is focused
 *
 * @param {string} [$font-weight-pressed=$button-small-font-weight-pressed]
 * The font-weight of the button when the button is pressed
 *
 * @param {string} [$font-weight-focus-over=$button-small-font-weight-focus-over]
 * The font-weight of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-weight-focus-pressed=$button-small-font-weight-focus-pressed]
 * The font-weight of the button when the button is focused and pressed
 *
 * @param {string} [$font-weight-disabled=$button-small-font-weight-disabled]
 * The font-weight of the button when the button is disabled
 *
 * @param {string} [$font-family=$button-small-font-family]
 * The font-family of the button
 *
 * @param {string} [$font-family-over=$button-small-font-family-over]
 * The font-family of the button when the cursor is over the button
 *
 * @param {string} [$font-family-focus=$button-small-font-family-focus]
 * The font-family of the button when the button is focused
 *
 * @param {string} [$font-family-pressed=$button-small-font-family-pressed]
 * The font-family of the button when the button is pressed
 *
 * @param {string} [$font-family-focus-over=$button-small-font-family-focus-over]
 * The font-family of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-family-focus-pressed=$button-small-font-family-focus-pressed]
 * The font-family of the button when the button is focused and pressed
 *
 * @param {string} [$font-family-disabled=$button-small-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$line-height=$button-small-line-height]
 * The line-height of the button text
 *
 * @param {number} [$icon-size=$button-small-icon-size]
 * The size of the button icon
 *
 * @param {number} [$icon-spacing=$button-small-icon-spacing]
 * The space between the button's icon and text
 *
 * @param {color} [$glyph-color=$button-toolbar-glyph-color]
 * The color of the button's {@link #glyph} icon
 *
 * @param {number} [$glyph-opacity=$button-toolbar-glyph-opacity]
 * The opacity of the button's {@link #glyph} icon
 *
 * @param {number} [$arrow-width=$button-small-arrow-width]
 * The width of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$arrow-height=$button-small-arrow-height]
 * The height of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$split-width=$button-small-split-width]
 * The width of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {number} [$split-height=$button-small-split-height]
 * The height of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]
 * True to include the UI name in the file name of the {@link #cfg-menu}
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]
 * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-split-noline-arrows=$button-toolbar-include-split-noline-arrows]
 * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s 
 * arrow icon.  Used for hiding the split line when toolbar buttons are in their default
 * state.
 *
 * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]
 * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor
 * is over the button.  The over icon file name will have a "-o" suffix
 *
 * @param {number} [$opacity-disabled=$button-toolbar-opacity-disabled]
 * The opacity of the button when it is disabled
 *
 * @param {number} [$inner-opacity-disabled=$button-toolbar-inner-opacity-disabled]
 * The opacity of the button's text and icon elements when when the button is disabled
 * 
 * @member Ext.button.Button
 */
/**
 * Creates a visual theme for a {@link #scale medium} Button.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$border-radius=$button-medium-border-radius]
 * The border-radius of the button
 *
 * @param {number} [$border-width=$button-medium-border-width]
 * The border-width of the button
 *
 * @param {color} [$border-color=$button-default-border-color]
 * The border-color of the button
 *
 * @param {color} [$border-color-over=$button-default-border-color-over]
 * The border-color of the button when the cursor is over the button
 *
 * @param {color} [$border-color-focus=$button-default-border-color-focus]
 * The border-color of the button when focused
 *
 * @param {color} [$border-color-pressed=$button-default-border-color-pressed]
 * The border-color of the button when pressed
 *
 * @param {color} [$border-color-focus-over=$button-default-border-color-focus-over]
 * The border-color of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {color} [$border-color-focus-pressed=$button-default-border-color-focus-pressed]
 * The border-color of the button when focused and pressed
 *
 * @param {color} [$border-color-disabled=$button-default-border-color-disabled]
 * The border-color of the button when disabled
 *
 * @param {number} [$padding=$button-medium-padding]
 * The amount of padding inside the border of the button on all sides
 *
 * @param {number} [$text-padding=$button-medium-text-padding]
 * The amount of horizontal space to add to the left and right of the button text
 *
 * @param {color} [$background-color=$button-default-background-color]
 * The background-color of the button
 *
 * @param {color} [$background-color-over=$button-default-background-color-over]
 * The background-color of the button when the cursor is over the button
 *
 * @param {color} [$background-color-focus=$button-default-background-color-focus]
 * The background-color of the button when focused
 *
 * @param {color} [$background-color-pressed=$button-default-background-color-pressed]
 * The background-color of the button when pressed
 *
 * @param {color} [$background-color-focus-over=$button-default-background-color-focus-over]
 * The background-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$background-color-focus-pressed=$button-default-background-color-focus-pressed]
 * The background-color of the button when focused and pressed
 *
 * @param {color} [$background-color-disabled=$button-default-background-color-disabled]
 * The background-color of the button when disabled
 *
 * @param {string/list} [$background-gradient=$button-default-background-gradient]
 * The background-gradient for the button.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-over=$button-default-background-gradient-over]
 * The background-gradient to use when the cursor is over the button. Can be either the
 * name of a predefined gradient or a list of color stops. Used as the `$type` parameter
 * for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-focus=$button-default-background-gradient-focus]
 * The background-gradient to use when the the button is focused. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-pressed=$button-default-background-gradient-pressed]
 * The background-gradient to use when the the button is pressed. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-over=$button-default-background-gradient-focus-over]
 * The background-gradient to use when the the button is focused and the cursor is over
 * the button. Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-pressed=$button-default-background-gradient-focus-pressed]
 * The background-gradient to use when the the button is focused and pressed. Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-disabled=$button-default-background-gradient-disabled]
 * The background-gradient to use when the the button is disabled. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$color=$button-default-color]
 * The text color of the button
 *
 * @param {color} [$color-over=$button-default-color-over]
 * The text color of the button when the cursor is over the button
 *
 * @param {color} [$color-focus=$button-default-color-focus]
 * The text color of the button when the button is focused
 *
 * @param {color} [$color-pressed=$button-default-color-pressed]
 * The text color of the button when the button is pressed
 *
 * @param {color} [$color-focus-over=$button-default-color-focus-over]
 * The text color of the button when the button is focused and the cursor is over the button
 *
 * @param {color} [$color-focus-pressed=$button-default-color-focus-pressed]
 * The text color of the button when the button is focused and pressed
 *
 * @param {color} [$color-disabled=$button-default-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @param {number/list} [$inner-border-width=$button-default-inner-border-width]
 * The inner border-width of the button
 *
 * @param {number/list} [$inner-border-width-over=$button-default-inner-border-width-over]
 * The inner border-width of the button when the cursor is over the button
 *
 * @param {number/list} [$inner-border-width-focus=$button-default-inner-border-width-focus]
 * The inner border-width of the button when focused
 *
 * @param {number/list} [$inner-border-width-pressed=$button-default-inner-border-width-pressed]
 * The inner border-width of the button when pressed
 *
 * @param {number/list} [$inner-border-width-focus-over=$button-default-inner-border-width-focus-over]
 * The inner border-width of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {number/list} [$inner-border-width-focus-pressed=$button-default-inner-border-width-focus-pressed]
 * The inner border-width of the button when focused and pressed
 *
 * @param {number/list} [$inner-border-width-disabled=$button-default-inner-border-width-disabled]
 * The inner border-width of the button when disabled
 *
 * @param {color} [$inner-border-color=$button-default-inner-border-color]
 * The inner border-color of the button
 *
 * @param {color} [$inner-border-color-over=$button-default-inner-border-color-over]
 * The inner border-color of the button when the cursor is over the button
 *
 * @param {color} [$inner-border-color-focus=$button-default-inner-border-color-focus]
 * The inner border-color of the button when focused
 *
 * @param {color} [$inner-border-color-pressed=$button-default-inner-border-color-pressed]
 * The inner border-color of the button when pressed
 *
 * @param {color} [$inner-border-color-focus-over=$button-default-inner-border-color-focus-over]
 * The inner border-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$inner-border-color-focus-pressed=$button-default-inner-border-color-focus-pressed]
 * The inner border-color of the button when focused and pressed
 *
 * @param {color} [$inner-border-color-disabled=$button-default-inner-border-color-disabled]
 * The inner border-color of the button when disabled
 *
 * @param {number} [$body-outline-width-focus=$button-default-body-outline-width-focus]
 * The body outline width of the button when focused
 *
 * @param {number} [$body-outline-style-focus=$button-default-body-outline-style-focus]
 * The body outline-style of the button when focused
 *
 * @param {number} [$body-outline-color-focus=$button-default-body-outline-color-focus]
 * The body outline color of the button when focused
 *
 * @param {number} [$font-size=$button-medium-font-size]
 * The font-size of the button
 *
 * @param {number} [$font-size-over=$button-medium-font-size-over]
 * The font-size of the button when the cursor is over the button
 *
 * @param {number} [$font-size-focus=$button-medium-font-size-focus]
 * The font-size of the button when the button is focused
 *
 * @param {number} [$font-size-pressed=$button-medium-font-size-pressed]
 * The font-size of the button when the button is pressed
 *
 * @param {number} [$font-size-focus-over=$button-medium-font-size-focus-over]
 * The font-size of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {number} [$font-size-focus-pressed=$button-medium-font-size-focus-pressed]
 * The font-size of the button when the button is focused and pressed
 *
 * @param {number} [$font-size-disabled=$button-medium-font-size-disabled]
 * The font-size of the button when the button is disabled
 *
 * @param {string} [$font-weight=$button-medium-font-weight]
 * The font-weight of the button
 *
 * @param {string} [$font-weight-over=$button-medium-font-weight-over]
 * The font-weight of the button when the cursor is over the button
 *
 * @param {string} [$font-weight-focus=$button-medium-font-weight-focus]
 * The font-weight of the button when the button is focused
 *
 * @param {string} [$font-weight-pressed=$button-medium-font-weight-pressed]
 * The font-weight of the button when the button is pressed
 *
 * @param {string} [$font-weight-focus-over=$button-medium-font-weight-focus-over]
 * The font-weight of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-weight-focus-pressed=$button-medium-font-weight-focus-pressed]
 * The font-weight of the button when the button is focused and pressed
 *
 * @param {string} [$font-weight-disabled=$button-medium-font-weight-disabled]
 * The font-weight of the button when the button is disabled
 *
 * @param {string} [$font-family=$button-medium-font-family]
 * The font-family of the button
 *
 * @param {string} [$font-family-over=$button-medium-font-family-over]
 * The font-family of the button when the cursor is over the button
 *
 * @param {string} [$font-family-focus=$button-medium-font-family-focus]
 * The font-family of the button when the button is focused
 *
 * @param {string} [$font-family-pressed=$button-medium-font-family-pressed]
 * The font-family of the button when the button is pressed
 *
 * @param {string} [$font-family-focus-over=$button-medium-font-family-focus-over]
 * The font-family of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-family-focus-pressed=$button-medium-font-family-focus-pressed]
 * The font-family of the button when the button is focused and pressed
 *
 * @param {string} [$font-family-disabled=$button-medium-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$line-height=$button-medium-line-height]
 * The line-height of the button text
 *
 * @param {number} [$icon-size=$button-medium-icon-size]
 * The size of the button icon
 *
 * @param {number} [$icon-spacing=$button-medium-icon-spacing]
 * The space between the button's icon and text
 *
 * @param {color} [$glyph-color=$button-default-glyph-color]
 * The color of the button's {@link #glyph} icon
 *
 * @param {number} [$glyph-opacity=$button-default-glyph-opacity]
 * The opacity of the button's {@link #glyph} icon
 *
 * @param {number} [$arrow-width=$button-medium-arrow-width]
 * The width of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$arrow-height=$button-medium-arrow-height]
 * The height of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$split-width=$button-medium-split-width]
 * The width of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {number} [$split-height=$button-medium-split-height]
 * The height of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]
 * True to include the UI name in the file name of the {@link #cfg-menu}
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]
 * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-split-noline-arrows=$button-include-split-noline-arrows]
 * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s 
 * arrow icon.  Used for hiding the split line when toolbar buttons are in their default
 * state.
 *
 * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]
 * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor
 * is over the button.  The over icon file name will have a "-o" suffix
 *
 * @param {number} [$opacity-disabled=$button-opacity-disabled]
 * The opacity of the button when it is disabled
 *
 * @param {number} [$inner-opacity-disabled=$button-inner-opacity-disabled]
 * The opacity of the button's text and icon elements when when the button is disabled
 * 
 * @member Ext.button.Button
 */
/**
 * Creates a visual theme for a {@link #scale medium} toolbar Button.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$border-radius=$button-medium-border-radius]
 * The border-radius of the button
 *
 * @param {number} [$border-width=$button-medium-border-width]
 * The border-width of the button
 *
 * @param {color} [$border-color=$button-toolbar-border-color]
 * The border-color of the button
 *
 * @param {color} [$border-color-over=$button-toolbar-border-color-over]
 * The border-color of the button when the cursor is over the button
 *
 * @param {color} [$border-color-focus=$button-toolbar-border-color-focus]
 * The border-color of the button when focused
 *
 * @param {color} [$border-color-pressed=$button-toolbar-border-color-pressed]
 * The border-color of the button when pressed
 *
 * @param {color} [$border-color-focus-over=$button-toolbar-border-color-focus-over]
 * The border-color of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {color} [$border-color-focus-pressed=$button-toolbar-border-color-focus-pressed]
 * The border-color of the button when focused and pressed
 *
 * @param {color} [$border-color-disabled=$button-toolbar-border-color-disabled]
 * The border-color of the button when disabled
 *
 * @param {number} [$padding=$button-medium-padding]
 * The amount of padding inside the border of the button on all sides
 *
 * @param {number} [$text-padding=$button-medium-text-padding]
 * The amount of horizontal space to add to the left and right of the button text
 *
 * @param {color} [$background-color=$button-toolbar-background-color]
 * The background-color of the button
 *
 * @param {color} [$background-color-over=$button-toolbar-background-color-over]
 * The background-color of the button when the cursor is over the button
 *
 * @param {color} [$background-color-focus=$button-toolbar-background-color-focus]
 * The background-color of the button when focused
 *
 * @param {color} [$background-color-pressed=$button-toolbar-background-color-pressed]
 * The background-color of the button when pressed
 *
 * @param {color} [$background-color-focus-over=$button-toolbar-background-color-focus-over]
 * The background-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$background-color-focus-pressed=$button-toolbar-background-color-focus-pressed]
 * The background-color of the button when focused and pressed
 *
 * @param {color} [$background-color-disabled=$button-toolbar-background-color-disabled]
 * The background-color of the button when disabled
 *
 * @param {string/list} [$background-gradient=$button-toolbar-background-gradient]
 * The background-gradient for the button.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-over=$button-toolbar-background-gradient-over]
 * The background-gradient to use when the cursor is over the button. Can be either the
 * name of a predefined gradient or a list of color stops. Used as the `$type` parameter
 * for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-focus=$button-toolbar-background-gradient-focus]
 * The background-gradient to use when the the button is focused. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-pressed=$button-toolbar-background-gradient-pressed]
 * The background-gradient to use when the the button is pressed. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-over=$button-toolbar-background-gradient-focus-over]
 * The background-gradient to use when the the button is focused and the cursor is over
 * the button. Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-pressed=$button-toolbar-background-gradient-focus-pressed]
 * The background-gradient to use when the the button is focused and pressed. Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-disabled=$button-toolbar-background-gradient-disabled]
 * The background-gradient to use when the the button is disabled. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$color=$button-toolbar-color]
 * The text color of the button
 *
 * @param {color} [$color-over=$button-toolbar-color-over]
 * The text color of the button when the cursor is over the button
 *
 * @param {color} [$color-focus=$button-toolbar-color-focus]
 * The text color of the button when the button is focused
 *
 * @param {color} [$color-pressed=$button-toolbar-color-pressed]
 * The text color of the button when the button is pressed
 *
 * @param {color} [$color-focus-over=$button-toolbar-color-focus-over]
 * The text color of the button when the button is focused and the cursor is over the button
 *
 * @param {color} [$color-focus-pressed=$button-toolbar-color-focus-pressed]
 * The text color of the button when the button is focused and pressed
 *
 * @param {color} [$color-disabled=$button-toolbar-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @param {number/list} [$inner-border-width=$button-toolbar-inner-border-width]
 * The inner border-width of the button
 *
 * @param {number/list} [$inner-border-width-over=$button-toolbar-inner-border-width-over]
 * The inner border-width of the button when the cursor is over the button
 *
 * @param {number/list} [$inner-border-width-focus=$button-toolbar-inner-border-width-focus]
 * The inner border-width of the button when focused
 *
 * @param {number/list} [$inner-border-width-pressed=$button-toolbar-inner-border-width-pressed]
 * The inner border-width of the button when pressed
 *
 * @param {number/list} [$inner-border-width-focus-over=$button-toolbar-inner-border-width-focus-over]
 * The inner border-width of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {number/list} [$inner-border-width-focus-pressed=$button-toolbar-inner-border-width-focus-pressed]
 * The inner border-width of the button when focused and pressed
 *
 * @param {number/list} [$inner-border-width-disabled=$button-toolbar-inner-border-width-disabled]
 * The inner border-width of the button when disabled
 *
 * @param {color} [$inner-border-color=$button-toolbar-inner-border-color]
 * The inner border-color of the button
 *
 * @param {color} [$inner-border-color-over=$button-toolbar-inner-border-color-over]
 * The inner border-color of the button when the cursor is over the button
 *
 * @param {color} [$inner-border-color-focus=$button-toolbar-inner-border-color-focus]
 * The inner border-color of the button when focused
 *
 * @param {color} [$inner-border-color-pressed=$button-toolbar-inner-border-color-pressed]
 * The inner border-color of the button when pressed
 *
 * @param {color} [$inner-border-color-focus-over=$button-toolbar-inner-border-color-focus-over]
 * The inner border-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$inner-border-color-focus-pressed=$button-toolbar-inner-border-color-focus-pressed]
 * The inner border-color of the button when focused and pressed
 *
 * @param {color} [$inner-border-color-disabled=$button-toolbar-inner-border-color-disabled]
 * The inner border-color of the button when disabled
 *
 * @param {number} [$body-outline-width-focus=$button-toolbar-body-outline-width-focus]
 * The body outline width of the button when focused
 *
 * @param {number} [$body-outline-style-focus=$button-toolbar-body-outline-style-focus]
 * The body outline-style of the button when focused
 *
 * @param {number} [$body-outline-color-focus=$button-toolbar-body-outline-color-focus]
 * The body outline color of the button when focused
 *
 * @param {number} [$font-size=$button-medium-font-size]
 * The font-size of the button
 *
 * @param {number} [$font-size-over=$button-medium-font-size-over]
 * The font-size of the button when the cursor is over the button
 *
 * @param {number} [$font-size-focus=$button-medium-font-size-focus]
 * The font-size of the button when the button is focused
 *
 * @param {number} [$font-size-pressed=$button-medium-font-size-pressed]
 * The font-size of the button when the button is pressed
 *
 * @param {number} [$font-size-focus-over=$button-medium-font-size-focus-over]
 * The font-size of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {number} [$font-size-focus-pressed=$button-medium-font-size-focus-pressed]
 * The font-size of the button when the button is focused and pressed
 *
 * @param {number} [$font-size-disabled=$button-medium-font-size-disabled]
 * The font-size of the button when the button is disabled
 *
 * @param {string} [$font-weight=$button-medium-font-weight]
 * The font-weight of the button
 *
 * @param {string} [$font-weight-over=$button-medium-font-weight-over]
 * The font-weight of the button when the cursor is over the button
 *
 * @param {string} [$font-weight-focus=$button-medium-font-weight-focus]
 * The font-weight of the button when the button is focused
 *
 * @param {string} [$font-weight-pressed=$button-medium-font-weight-pressed]
 * The font-weight of the button when the button is pressed
 *
 * @param {string} [$font-weight-focus-over=$button-medium-font-weight-focus-over]
 * The font-weight of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-weight-focus-pressed=$button-medium-font-weight-focus-pressed]
 * The font-weight of the button when the button is focused and pressed
 *
 * @param {string} [$font-weight-disabled=$button-medium-font-weight-disabled]
 * The font-weight of the button when the button is disabled
 *
 * @param {string} [$font-family=$button-medium-font-family]
 * The font-family of the button
 *
 * @param {string} [$font-family-over=$button-medium-font-family-over]
 * The font-family of the button when the cursor is over the button
 *
 * @param {string} [$font-family-focus=$button-medium-font-family-focus]
 * The font-family of the button when the button is focused
 *
 * @param {string} [$font-family-pressed=$button-medium-font-family-pressed]
 * The font-family of the button when the button is pressed
 *
 * @param {string} [$font-family-focus-over=$button-medium-font-family-focus-over]
 * The font-family of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-family-focus-pressed=$button-medium-font-family-focus-pressed]
 * The font-family of the button when the button is focused and pressed
 *
 * @param {string} [$font-family-disabled=$button-medium-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$line-height=$button-medium-line-height]
 * The line-height of the button text
 *
 * @param {number} [$icon-size=$button-medium-icon-size]
 * The size of the button icon
 *
 * @param {number} [$icon-spacing=$button-medium-icon-spacing]
 * The space between the button's icon and text
 *
 * @param {color} [$glyph-color=$button-toolbar-glyph-color]
 * The color of the button's {@link #glyph} icon
 *
 * @param {number} [$glyph-opacity=$button-toolbar-glyph-opacity]
 * The opacity of the button's {@link #glyph} icon
 *
 * @param {number} [$arrow-width=$button-medium-arrow-width]
 * The width of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$arrow-height=$button-medium-arrow-height]
 * The height of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$split-width=$button-medium-split-width]
 * The width of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {number} [$split-height=$button-medium-split-height]
 * The height of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]
 * True to include the UI name in the file name of the {@link #cfg-menu}
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]
 * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-split-noline-arrows=$button-toolbar-include-split-noline-arrows]
 * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s 
 * arrow icon.  Used for hiding the split line when toolbar buttons are in their default
 * state.
 *
 * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]
 * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor
 * is over the button.  The over icon file name will have a "-o" suffix
 *
 * @param {number} [$opacity-disabled=$button-toolbar-opacity-disabled]
 * The opacity of the button when it is disabled
 *
 * @param {number} [$inner-opacity-disabled=$button-toolbar-inner-opacity-disabled]
 * The opacity of the button's text and icon elements when when the button is disabled
 * 
 * @member Ext.button.Button
 */
/**
 * Creates a visual theme for a {@link #scale large} Button.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$border-radius=$button-large-border-radius]
 * The border-radius of the button
 *
 * @param {number} [$border-width=$button-large-border-width]
 * The border-width of the button
 *
 * @param {color} [$border-color=$button-default-border-color]
 * The border-color of the button
 *
 * @param {color} [$border-color-over=$button-default-border-color-over]
 * The border-color of the button when the cursor is over the button
 *
 * @param {color} [$border-color-focus=$button-default-border-color-focus]
 * The border-color of the button when focused
 *
 * @param {color} [$border-color-pressed=$button-default-border-color-pressed]
 * The border-color of the button when pressed
 *
 * @param {color} [$border-color-focus-over=$button-default-border-color-focus-over]
 * The border-color of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {color} [$border-color-focus-pressed=$button-default-border-color-focus-pressed]
 * The border-color of the button when focused and pressed
 *
 * @param {color} [$border-color-disabled=$button-default-border-color-disabled]
 * The border-color of the button when disabled
 *
 * @param {number} [$padding=$button-large-padding]
 * The amount of padding inside the border of the button on all sides
 *
 * @param {number} [$text-padding=$button-large-text-padding]
 * The amount of horizontal space to add to the left and right of the button text
 *
 * @param {color} [$background-color=$button-default-background-color]
 * The background-color of the button
 *
 * @param {color} [$background-color-over=$button-default-background-color-over]
 * The background-color of the button when the cursor is over the button
 *
 * @param {color} [$background-color-focus=$button-default-background-color-focus]
 * The background-color of the button when focused
 *
 * @param {color} [$background-color-pressed=$button-default-background-color-pressed]
 * The background-color of the button when pressed
 *
 * @param {color} [$background-color-focus-over=$button-default-background-color-focus-over]
 * The background-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$background-color-focus-pressed=$button-default-background-color-focus-pressed]
 * The background-color of the button when focused and pressed
 *
 * @param {color} [$background-color-disabled=$button-default-background-color-disabled]
 * The background-color of the button when disabled
 *
 * @param {string/list} [$background-gradient=$button-default-background-gradient]
 * The background-gradient for the button.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-over=$button-default-background-gradient-over]
 * The background-gradient to use when the cursor is over the button. Can be either the
 * name of a predefined gradient or a list of color stops. Used as the `$type` parameter
 * for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-focus=$button-default-background-gradient-focus]
 * The background-gradient to use when the the button is focused. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-pressed=$button-default-background-gradient-pressed]
 * The background-gradient to use when the the button is pressed. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-over=$button-default-background-gradient-focus-over]
 * The background-gradient to use when the the button is focused and the cursor is over
 * the button. Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-pressed=$button-default-background-gradient-focus-pressed]
 * The background-gradient to use when the the button is focused and pressed. Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-disabled=$button-default-background-gradient-disabled]
 * The background-gradient to use when the the button is disabled. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$color=$button-default-color]
 * The text color of the button
 *
 * @param {color} [$color-over=$button-default-color-over]
 * The text color of the button when the cursor is over the button
 *
 * @param {color} [$color-focus=$button-default-color-focus]
 * The text color of the button when the button is focused
 *
 * @param {color} [$color-pressed=$button-default-color-pressed]
 * The text color of the button when the button is pressed
 *
 * @param {color} [$color-focus-over=$button-default-color-focus-over]
 * The text color of the button when the button is focused and the cursor is over the button
 *
 * @param {color} [$color-focus-pressed=$button-default-color-focus-pressed]
 * The text color of the button when the button is focused and pressed
 *
 * @param {color} [$color-disabled=$button-default-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @param {number/list} [$inner-border-width=$button-default-inner-border-width]
 * The inner border-width of the button
 *
 * @param {number/list} [$inner-border-width-over=$button-default-inner-border-width-over]
 * The inner border-width of the button when the cursor is over the button
 *
 * @param {number/list} [$inner-border-width-focus=$button-default-inner-border-width-focus]
 * The inner border-width of the button when focused
 *
 * @param {number/list} [$inner-border-width-pressed=$button-default-inner-border-width-pressed]
 * The inner border-width of the button when pressed
 *
 * @param {number/list} [$inner-border-width-focus-over=$button-default-inner-border-width-focus-over]
 * The inner border-width of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {number/list} [$inner-border-width-focus-pressed=$button-default-inner-border-width-focus-pressed]
 * The inner border-width of the button when focused and pressed
 *
 * @param {number/list} [$inner-border-width-disabled=$button-default-inner-border-width-disabled]
 * The inner border-width of the button when disabled
 *
 * @param {color} [$inner-border-color=$button-default-inner-border-color]
 * The inner border-color of the button
 *
 * @param {color} [$inner-border-color-over=$button-default-inner-border-color-over]
 * The inner border-color of the button when the cursor is over the button
 *
 * @param {color} [$inner-border-color-focus=$button-default-inner-border-color-focus]
 * The inner border-color of the button when focused
 *
 * @param {color} [$inner-border-color-pressed=$button-default-inner-border-color-pressed]
 * The inner border-color of the button when pressed
 *
 * @param {color} [$inner-border-color-focus-over=$button-default-inner-border-color-focus-over]
 * The inner border-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$inner-border-color-focus-pressed=$button-default-inner-border-color-focus-pressed]
 * The inner border-color of the button when focused and pressed
 *
 * @param {color} [$inner-border-color-disabled=$button-default-inner-border-color-disabled]
 * The inner border-color of the button when disabled
 *
 * @param {number} [$body-outline-width-focus=$button-default-body-outline-width-focus]
 * The body outline width of the button when focused
 *
 * @param {number} [$body-outline-style-focus=$button-default-body-outline-style-focus]
 * The body outline-style of the button when focused
 *
 * @param {number} [$body-outline-color-focus=$button-default-body-outline-color-focus]
 * The body outline color of the button when focused
 *
 * @param {number} [$font-size=$button-large-font-size]
 * The font-size of the button
 *
 * @param {number} [$font-size-over=$button-large-font-size-over]
 * The font-size of the button when the cursor is over the button
 *
 * @param {number} [$font-size-focus=$button-large-font-size-focus]
 * The font-size of the button when the button is focused
 *
 * @param {number} [$font-size-pressed=$button-large-font-size-pressed]
 * The font-size of the button when the button is pressed
 *
 * @param {number} [$font-size-focus-over=$button-large-font-size-focus-over]
 * The font-size of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {number} [$font-size-focus-pressed=$button-large-font-size-focus-pressed]
 * The font-size of the button when the button is focused and pressed
 *
 * @param {number} [$font-size-disabled=$button-large-font-size-disabled]
 * The font-size of the button when the button is disabled
 *
 * @param {string} [$font-weight=$button-large-font-weight]
 * The font-weight of the button
 *
 * @param {string} [$font-weight-over=$button-large-font-weight-over]
 * The font-weight of the button when the cursor is over the button
 *
 * @param {string} [$font-weight-focus=$button-large-font-weight-focus]
 * The font-weight of the button when the button is focused
 *
 * @param {string} [$font-weight-pressed=$button-large-font-weight-pressed]
 * The font-weight of the button when the button is pressed
 *
 * @param {string} [$font-weight-focus-over=$button-large-font-weight-focus-over]
 * The font-weight of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-weight-focus-pressed=$button-large-font-weight-focus-pressed]
 * The font-weight of the button when the button is focused and pressed
 *
 * @param {string} [$font-weight-disabled=$button-large-font-weight-disabled]
 * The font-weight of the button when the button is disabled
 *
 * @param {string} [$font-family=$button-large-font-family]
 * The font-family of the button
 *
 * @param {string} [$font-family-over=$button-large-font-family-over]
 * The font-family of the button when the cursor is over the button
 *
 * @param {string} [$font-family-focus=$button-large-font-family-focus]
 * The font-family of the button when the button is focused
 *
 * @param {string} [$font-family-pressed=$button-large-font-family-pressed]
 * The font-family of the button when the button is pressed
 *
 * @param {string} [$font-family-focus-over=$button-large-font-family-focus-over]
 * The font-family of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-family-focus-pressed=$button-large-font-family-focus-pressed]
 * The font-family of the button when the button is focused and pressed
 *
 * @param {string} [$font-family-disabled=$button-large-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$line-height=$button-large-line-height]
 * The line-height of the button text
 *
 * @param {number} [$icon-size=$button-large-icon-size]
 * The size of the button icon
 *
 * @param {number} [$icon-spacing=$button-large-icon-spacing]
 * The space between the button's icon and text
 *
 * @param {color} [$glyph-color=$button-default-glyph-color]
 * The color of the button's {@link #glyph} icon
 *
 * @param {number} [$glyph-opacity=$button-default-glyph-opacity]
 * The opacity of the button's {@link #glyph} icon
 *
 * @param {number} [$arrow-width=$button-large-arrow-width]
 * The width of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$arrow-height=$button-large-arrow-height]
 * The height of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$split-width=$button-large-split-width]
 * The width of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {number} [$split-height=$button-large-split-height]
 * The height of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]
 * True to include the UI name in the file name of the {@link #cfg-menu}
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]
 * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-split-noline-arrows=$button-include-split-noline-arrows]
 * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s 
 * arrow icon.  Used for hiding the split line when toolbar buttons are in their default
 * state.
 *
 * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]
 * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor
 * is over the button.  The over icon file name will have a "-o" suffix
 *
 * @param {number} [$opacity-disabled=$button-opacity-disabled]
 * The opacity of the button when it is disabled
 *
 * @param {number} [$inner-opacity-disabled=$button-inner-opacity-disabled]
 * The opacity of the button's text and icon elements when when the button is disabled
 * 
 * @member Ext.button.Button
 */
/**
 * Creates a visual theme for a {@link #scale large} toolbar Button.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$border-radius=$button-large-border-radius]
 * The border-radius of the button
 *
 * @param {number} [$border-width=$button-large-border-width]
 * The border-width of the button
 *
 * @param {color} [$border-color=$button-toolbar-border-color]
 * The border-color of the button
 *
 * @param {color} [$border-color-over=$button-toolbar-border-color-over]
 * The border-color of the button when the cursor is over the button
 *
 * @param {color} [$border-color-focus=$button-toolbar-border-color-focus]
 * The border-color of the button when focused
 *
 * @param {color} [$border-color-pressed=$button-toolbar-border-color-pressed]
 * The border-color of the button when pressed
 *
 * @param {color} [$border-color-focus-over=$button-toolbar-border-color-focus-over]
 * The border-color of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {color} [$border-color-focus-pressed=$button-toolbar-border-color-focus-pressed]
 * The border-color of the button when focused and pressed
 *
 * @param {color} [$border-color-disabled=$button-toolbar-border-color-disabled]
 * The border-color of the button when disabled
 *
 * @param {number} [$padding=$button-large-padding]
 * The amount of padding inside the border of the button on all sides
 *
 * @param {number} [$text-padding=$button-large-text-padding]
 * The amount of horizontal space to add to the left and right of the button text
 *
 * @param {color} [$background-color=$button-toolbar-background-color]
 * The background-color of the button
 *
 * @param {color} [$background-color-over=$button-toolbar-background-color-over]
 * The background-color of the button when the cursor is over the button
 *
 * @param {color} [$background-color-focus=$button-toolbar-background-color-focus]
 * The background-color of the button when focused
 *
 * @param {color} [$background-color-pressed=$button-toolbar-background-color-pressed]
 * The background-color of the button when pressed
 *
 * @param {color} [$background-color-focus-over=$button-toolbar-background-color-focus-over]
 * The background-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$background-color-focus-pressed=$button-toolbar-background-color-focus-pressed]
 * The background-color of the button when focused and pressed
 *
 * @param {color} [$background-color-disabled=$button-toolbar-background-color-disabled]
 * The background-color of the button when disabled
 *
 * @param {string/list} [$background-gradient=$button-toolbar-background-gradient]
 * The background-gradient for the button.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-over=$button-toolbar-background-gradient-over]
 * The background-gradient to use when the cursor is over the button. Can be either the
 * name of a predefined gradient or a list of color stops. Used as the `$type` parameter
 * for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-focus=$button-toolbar-background-gradient-focus]
 * The background-gradient to use when the the button is focused. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-pressed=$button-toolbar-background-gradient-pressed]
 * The background-gradient to use when the the button is pressed. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-over=$button-toolbar-background-gradient-focus-over]
 * The background-gradient to use when the the button is focused and the cursor is over
 * the button. Can be either the name of a predefined gradient or a list of color stops.
 * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} [$background-gradient-focus-pressed=$button-toolbar-background-gradient-focus-pressed]
 * The background-gradient to use when the the button is focused and pressed. Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$background-gradient-disabled=$button-toolbar-background-gradient-disabled]
 * The background-gradient to use when the the button is disabled. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$color=$button-toolbar-color]
 * The text color of the button
 *
 * @param {color} [$color-over=$button-toolbar-color-over]
 * The text color of the button when the cursor is over the button
 *
 * @param {color} [$color-focus=$button-toolbar-color-focus]
 * The text color of the button when the button is focused
 *
 * @param {color} [$color-pressed=$button-toolbar-color-pressed]
 * The text color of the button when the button is pressed
 *
 * @param {color} [$color-focus-over=$button-toolbar-color-focus-over]
 * The text color of the button when the button is focused and the cursor is over the button
 *
 * @param {color} [$color-focus-pressed=$button-toolbar-color-focus-pressed]
 * The text color of the button when the button is focused and pressed
 *
 * @param {color} [$color-disabled=$button-toolbar-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @param {number/list} [$inner-border-width=$button-toolbar-inner-border-width]
 * The inner border-width of the button
 *
 * @param {number/list} [$inner-border-width-over=$button-toolbar-inner-border-width-over]
 * The inner border-width of the button when the cursor is over the button
 *
 * @param {number/list} [$inner-border-width-focus=$button-toolbar-inner-border-width-focus]
 * The inner border-width of the button when focused
 *
 * @param {number/list} [$inner-border-width-pressed=$button-toolbar-inner-border-width-pressed]
 * The inner border-width of the button when pressed
 *
 * @param {number/list} [$inner-border-width-focus-over=$button-toolbar-inner-border-width-focus-over]
 * The inner border-width of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {number/list} [$inner-border-width-focus-pressed=$button-toolbar-inner-border-width-focus-pressed]
 * The inner border-width of the button when focused and pressed
 *
 * @param {number/list} [$inner-border-width-disabled=$button-toolbar-inner-border-width-disabled]
 * The inner border-width of the button when disabled
 *
 * @param {color} [$inner-border-color=$button-toolbar-inner-border-color]
 * The inner border-color of the button
 *
 * @param {color} [$inner-border-color-over=$button-toolbar-inner-border-color-over]
 * The inner border-color of the button when the cursor is over the button
 *
 * @param {color} [$inner-border-color-focus=$button-toolbar-inner-border-color-focus]
 * The inner border-color of the button when focused
 *
 * @param {color} [$inner-border-color-pressed=$button-toolbar-inner-border-color-pressed]
 * The inner border-color of the button when pressed
 *
 * @param {color} [$inner-border-color-focus-over=$button-toolbar-inner-border-color-focus-over]
 * The inner border-color of the button when the button is focused and the cursor is over
 * the button
 *
 * @param {color} [$inner-border-color-focus-pressed=$button-toolbar-inner-border-color-focus-pressed]
 * The inner border-color of the button when focused and pressed
 *
 * @param {color} [$inner-border-color-disabled=$button-toolbar-inner-border-color-disabled]
 * The inner border-color of the button when disabled
 *
 * @param {number} [$body-outline-width-focus=$button-toolbar-body-outline-width-focus]
 * The body outline width of the button when focused
 *
 * @param {number} [$body-outline-style-focus=$button-toolbar-body-outline-style-focus]
 * The body outline-style of the button when focused
 *
 * @param {number} [$body-outline-color-focus=$button-toolbar-body-outline-color-focus]
 * The body outline color of the button when focused
 *
 * @param {number} [$font-size=$button-large-font-size]
 * The font-size of the button
 *
 * @param {number} [$font-size-over=$button-large-font-size-over]
 * The font-size of the button when the cursor is over the button
 *
 * @param {number} [$font-size-focus=$button-large-font-size-focus]
 * The font-size of the button when the button is focused
 *
 * @param {number} [$font-size-pressed=$button-large-font-size-pressed]
 * The font-size of the button when the button is pressed
 *
 * @param {number} [$font-size-focus-over=$button-large-font-size-focus-over]
 * The font-size of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {number} [$font-size-focus-pressed=$button-large-font-size-focus-pressed]
 * The font-size of the button when the button is focused and pressed
 *
 * @param {number} [$font-size-disabled=$button-large-font-size-disabled]
 * The font-size of the button when the button is disabled
 *
 * @param {string} [$font-weight=$button-large-font-weight]
 * The font-weight of the button
 *
 * @param {string} [$font-weight-over=$button-large-font-weight-over]
 * The font-weight of the button when the cursor is over the button
 *
 * @param {string} [$font-weight-focus=$button-large-font-weight-focus]
 * The font-weight of the button when the button is focused
 *
 * @param {string} [$font-weight-pressed=$button-large-font-weight-pressed]
 * The font-weight of the button when the button is pressed
 *
 * @param {string} [$font-weight-focus-over=$button-large-font-weight-focus-over]
 * The font-weight of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-weight-focus-pressed=$button-large-font-weight-focus-pressed]
 * The font-weight of the button when the button is focused and pressed
 *
 * @param {string} [$font-weight-disabled=$button-large-font-weight-disabled]
 * The font-weight of the button when the button is disabled
 *
 * @param {string} [$font-family=$button-large-font-family]
 * The font-family of the button
 *
 * @param {string} [$font-family-over=$button-large-font-family-over]
 * The font-family of the button when the cursor is over the button
 *
 * @param {string} [$font-family-focus=$button-large-font-family-focus]
 * The font-family of the button when the button is focused
 *
 * @param {string} [$font-family-pressed=$button-large-font-family-pressed]
 * The font-family of the button when the button is pressed
 *
 * @param {string} [$font-family-focus-over=$button-large-font-family-focus-over]
 * The font-family of the button when the button is focused and the cursor is over the
 * button
 *
 * @param {string} [$font-family-focus-pressed=$button-large-font-family-focus-pressed]
 * The font-family of the button when the button is focused and pressed
 *
 * @param {string} [$font-family-disabled=$button-large-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$line-height=$button-large-line-height]
 * The line-height of the button text
 *
 * @param {number} [$icon-size=$button-large-icon-size]
 * The size of the button icon
 *
 * @param {number} [$icon-spacing=$button-large-icon-spacing]
 * The space between the button's icon and text
 *
 * @param {color} [$glyph-color=$button-toolbar-glyph-color]
 * The color of the button's {@link #glyph} icon
 *
 * @param {number} [$glyph-opacity=$button-toolbar-glyph-opacity]
 * The opacity of the button's {@link #glyph} icon
 *
 * @param {number} [$arrow-width=$button-large-arrow-width]
 * The width of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$arrow-height=$button-large-arrow-height]
 * The height of the button's {@link #cfg-menu} arrow
 *
 * @param {number} [$split-width=$button-large-split-width]
 * The width of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {number} [$split-height=$button-large-split-height]
 * The height of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]
 * True to include the UI name in the file name of the {@link #cfg-menu}
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]
 * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-split-noline-arrows=$button-toolbar-include-split-noline-arrows]
 * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s 
 * arrow icon.  Used for hiding the split line when toolbar buttons are in their default
 * state.
 *
 * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]
 * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor
 * is over the button.  The over icon file name will have a "-o" suffix
 *
 * @param {number} [$opacity-disabled=$button-toolbar-opacity-disabled]
 * The opacity of the button when it is disabled
 *
 * @param {number} [$inner-opacity-disabled=$button-toolbar-inner-opacity-disabled]
 * The opacity of the button's text and icon elements when when the button is disabled
 * 
 * @member Ext.button.Button
 */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #3892d3; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-mc {
  background-color: #3892d3; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-default-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tr,
.x-btn-default-small-br,
.x-btn-default-small-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tl,
.x-btn-default-small-bl,
.x-btn-default-small-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tl,
.x-btn-default-small-bl,
.x-btn-default-small-tr,
.x-btn-default-small-br,
.x-btn-default-small-tc,
.x-btn-default-small-bc,
.x-btn-default-small-ml,
.x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-ml,
.x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-mc {
  padding: 1px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-default-small:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-corners.gif), sides:url(images/btn/btn-default-small-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 423, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small {
  border-color: #157fcc; }

/* line 430, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-button-default-small {
  height: 16px; }

/* line 435, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-inner-default-small {
  font: 300 12px/16px helvetica, arial, verdana, sans-serif;
  color: white;
  padding: 0 5px;
  max-width: 100%; }
  /* line 446, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-right > .x-btn-inner-default-small, .x-btn-icon-left > .x-btn-inner-default-small {
    max-width: calc(100% - 16px); }

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el-default-small {
  height: 16px; }
  /* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-left > .x-btn-icon-el-default-small, .x-btn-icon-right > .x-btn-icon-el-default-small {
    width: 16px; }
  /* line 462, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el-default-small, .x-btn-icon-bottom > .x-btn-icon-el-default-small {
    min-width: 16px; }
  /* line 466, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-el-default-small.x-btn-glyph {
    font-size: 16px;
    line-height: 16px;
    color: white;
    opacity: 0.5; }
    /* line 486, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-ie8 .x-btn-icon-el-default-small.x-btn-glyph {
      color: #9bc8e9; }
  /* line 493, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
    margin-right: 0px; }
    /* line 497, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small.x-rtl {
      margin-right: 0;
      margin-left: 0px; }
  /* line 504, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-small {
    margin-left: 0px; }
    /* line 508, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-small.x-rtl {
      margin-left: 0;
      margin-right: 0px; }
  /* line 515, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-small {
    margin-bottom: 5px; }
  /* line 519, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-small {
    margin-top: 5px; }

/* line 525, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-small {
  padding-right: 5px; }
/* line 528, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-small {
  margin-right: 5px; }

/* line 535, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom > .x-btn-button-default-small,
.x-btn-split-bottom > .x-btn-button-default-small {
  padding-bottom: 3px; }

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-small.x-btn-arrow-right:after {
  width: 16px;
  padding-right: 16px;
  background-image: url(images/button/default-small-arrow.png); }
/* line 554, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-small.x-rtl.x-btn-arrow-right:after {
  background-image: url(images/button/default-small-arrow-rtl.png); }
/* line 563, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-small.x-btn-arrow-bottom:after {
  height: 13px;
  background-image: url(images/button/default-small-arrow.png); }

/* line 583, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-small.x-btn-split-right:after {
  width: 20px;
  padding-right: 20px;
  background-image: url(images/button/default-small-s-arrow.png); }
/* line 592, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-small.x-rtl.x-btn-split-right:after {
  background-image: url(images/button/default-small-s-arrow-rtl.png); }
/* line 597, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-small.x-btn-split-bottom:after {
  height: 15px;
  background-image: url(images/button/default-small-s-arrow-b.png); }

/* line 624, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-small {
  padding-right: 5px; }
/* line 627, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-small {
  margin-right: 5px; }

/* line 632, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-default-small {
  background-image: none;
  background-color: #3892d3;
  -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
  -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
  box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; }

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over.x-btn-default-small {
  border-color: #1374bb;
  background-image: none;
  background-color: #3386c2; }

/* line 694, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over.x-btn-default-small {
  -webkit-box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset;
  -moz-box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset;
  box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset; }

/* line 723, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active.x-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-small {
  border-color: #0f5f99;
  background-image: none;
  background-color: #2a6d9e; }

/* line 751, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active.x-btn-default-small,
.x-btn-focus.x-btn-pressed.x-btn-default-small {
  -webkit-box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset;
  -moz-box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset;
  box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-default-small {
  background-image: none;
  background-color: #3892d3; }

/* line 816, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-small-tl,
.x-btn-focus .x-btn-default-small-bl,
.x-btn-focus .x-btn-default-small-tr,
.x-btn-focus .x-btn-default-small-br,
.x-btn-focus .x-btn-default-small-tc,
.x-btn-focus .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-focus-corners.gif); }
/* line 820, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-small-ml,
.x-btn-focus .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-focus-sides.gif); }
/* line 823, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-small-mc {
  background-color: #3892d3; }

/* line 840, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-small-tl,
.x-btn-over .x-btn-default-small-bl,
.x-btn-over .x-btn-default-small-tr,
.x-btn-over .x-btn-default-small-br,
.x-btn-over .x-btn-default-small-tc,
.x-btn-over .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-over-corners.gif); }
/* line 844, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-small-ml,
.x-btn-over .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-over-sides.gif); }
/* line 847, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-small-mc {
  background-color: #3386c2; }

/* line 864, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-small-tl,
.x-btn-focus.x-btn-over .x-btn-default-small-bl,
.x-btn-focus.x-btn-over .x-btn-default-small-tr,
.x-btn-focus.x-btn-over .x-btn-default-small-br,
.x-btn-focus.x-btn-over .x-btn-default-small-tc,
.x-btn-focus.x-btn-over .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-focus-over-corners.gif); }
/* line 868, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-small-ml,
.x-btn-focus.x-btn-over .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-focus-over-sides.gif); }
/* line 871, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-small-mc {
  background-color: #3386c2; }

/* line 890, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-small-tl,
.x-btn.x-btn-menu-active .x-btn-default-small-bl,
.x-btn.x-btn-menu-active .x-btn-default-small-tr,
.x-btn.x-btn-menu-active .x-btn-default-small-br,
.x-btn.x-btn-menu-active .x-btn-default-small-tc,
.x-btn.x-btn-menu-active .x-btn-default-small-bc,
.x-btn.x-btn-pressed .x-btn-default-small-tl,
.x-btn.x-btn-pressed .x-btn-default-small-bl,
.x-btn.x-btn-pressed .x-btn-default-small-tr,
.x-btn.x-btn-pressed .x-btn-default-small-br,
.x-btn.x-btn-pressed .x-btn-default-small-tc,
.x-btn.x-btn-pressed .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-pressed-corners.gif); }
/* line 894, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-small-ml,
.x-btn.x-btn-menu-active .x-btn-default-small-mr,
.x-btn.x-btn-pressed .x-btn-default-small-ml,
.x-btn.x-btn-pressed .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-pressed-sides.gif); }
/* line 897, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-small-mc,
.x-btn.x-btn-pressed .x-btn-default-small-mc {
  background-color: #2a6d9e; }

/* line 915, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-small-tl,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-bl,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-tr,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-br,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-tc,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-bc,
.x-btn-focus.x-btn-pressed .x-btn-default-small-tl,
.x-btn-focus.x-btn-pressed .x-btn-default-small-bl,
.x-btn-focus.x-btn-pressed .x-btn-default-small-tr,
.x-btn-focus.x-btn-pressed .x-btn-default-small-br,
.x-btn-focus.x-btn-pressed .x-btn-default-small-tc,
.x-btn-focus.x-btn-pressed .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-focus-pressed-corners.gif); }
/* line 919, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-small-ml,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-mr,
.x-btn-focus.x-btn-pressed .x-btn-default-small-ml,
.x-btn-focus.x-btn-pressed .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-focus-pressed-sides.gif); }
/* line 922, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-small-mc,
.x-btn-focus.x-btn-pressed .x-btn-default-small-mc {
  background-color: #2a6d9e; }

/* line 940, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-small-tl,
.x-btn.x-btn-disabled .x-btn-default-small-bl,
.x-btn.x-btn-disabled .x-btn-default-small-tr,
.x-btn.x-btn-disabled .x-btn-default-small-br,
.x-btn.x-btn-disabled .x-btn-default-small-tc,
.x-btn.x-btn-disabled .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-disabled-corners.gif); }
/* line 944, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-small-ml,
.x-btn.x-btn-disabled .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-disabled-sides.gif); }
/* line 947, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-small-mc {
  background-color: #3892d3; }

/* line 957, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-btn-default-small {
  background-image: none; }

/* line 963, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-disabled.x-btn-default-small {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 982, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first {
  border-right-width: 1px !important; }
  /* line 984, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first .x-btn-default-small-mc {
    padding-right: 3px !important; }
/* line 988, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-middle {
  border-right-width: 1px !important; }
  /* line 990, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-middle .x-btn-default-small-mc {
    padding-right: 3px !important;
    padding-left: 3px !important; }
/* line 996, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-last .x-btn-default-small-mc {
  padding-left: 3px !important; }
/* line 1003, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first {
  border-bottom-width: 1px !important; }
  /* line 1005, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first .x-btn-default-small-mc {
    padding-bottom: 3px !important; }
/* line 1009, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-middle {
  border-bottom-width: 1px !important; }
  /* line 1011, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-middle .x-btn-default-small-mc {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }
/* line 1017, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-last .x-btn-default-small-mc {
  padding-top: 3px !important; }
/* line 1023, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-default-small:after {
  content: ' ';
  border-style: solid;
  border-width: 0;
  position: absolute; }
/* line 1041, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0; }
/* line 1047, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first:after {
  left: 1px; }
/* line 1050, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-last:after {
  right: 1px; }
/* line 1056, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-small:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px; }
/* line 1062, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first:after {
  top: 1px; }
/* line 1065, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-last:after {
  bottom: 1px; }
/* line 1072, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-small:after {
  border-width: 1px;
  border-color: #d7e9f6; }
/* line 1086, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-small:after {
  border-width: 1px;
  border-color: #d6e6f2; }
/* line 1102, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-small:after, .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-small:after {
  border-width: 1px;
  border-color: #d4e1eb; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-default-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-corners.gif), sides:url(images/btn/btn-default-small-focus-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-over.x-btn-default-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-over-corners.gif), sides:url(images/btn/btn-default-small-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-over-corners.gif), sides:url(images/btn/btn-default-small-focus-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-pressed.x-btn-default-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-pressed-corners.gif), sides:url(images/btn/btn-default-small-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-focus-pressed-corners.gif), sides:url(images/btn/btn-default-small-focus-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-disabled.x-btn-default-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-small-disabled-corners.gif), sides:url(images/btn/btn-default-small-disabled-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 1128, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-small-cell > .x-grid-cell-inner {
  padding-top: 0px;
  padding-bottom: 0px; }
  /* line 1133, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-button-default-small-cell > .x-grid-cell-inner > .x-btn-default-small {
    vertical-align: top; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #3892d3; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-mc {
  background-color: #3892d3; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-default-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tr,
.x-btn-default-medium-br,
.x-btn-default-medium-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tl,
.x-btn-default-medium-bl,
.x-btn-default-medium-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tl,
.x-btn-default-medium-bl,
.x-btn-default-medium-tr,
.x-btn-default-medium-br,
.x-btn-default-medium-tc,
.x-btn-default-medium-bc,
.x-btn-default-medium-ml,
.x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-ml,
.x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-mc {
  padding: 1px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-default-medium:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-corners.gif), sides:url(images/btn/btn-default-medium-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 423, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium {
  border-color: #157fcc; }

/* line 430, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-button-default-medium {
  height: 24px; }

/* line 435, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-inner-default-medium {
  font: 300 14px/18px helvetica, arial, verdana, sans-serif;
  color: white;
  padding: 0 8px;
  max-width: 100%; }
  /* line 446, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-right > .x-btn-inner-default-medium, .x-btn-icon-left > .x-btn-inner-default-medium {
    max-width: calc(100% - 24px); }

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el-default-medium {
  height: 24px; }
  /* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-left > .x-btn-icon-el-default-medium, .x-btn-icon-right > .x-btn-icon-el-default-medium {
    width: 24px; }
  /* line 462, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el-default-medium, .x-btn-icon-bottom > .x-btn-icon-el-default-medium {
    min-width: 24px; }
  /* line 466, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-el-default-medium.x-btn-glyph {
    font-size: 24px;
    line-height: 24px;
    color: white;
    opacity: 0.5; }
    /* line 486, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-ie8 .x-btn-icon-el-default-medium.x-btn-glyph {
      color: #9bc8e9; }
  /* line 493, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-medium {
    margin-right: 0; }
    /* line 497, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-medium.x-rtl {
      margin-right: 0;
      margin-left: 0; }
  /* line 504, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-medium {
    margin-left: 0; }
    /* line 508, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-medium.x-rtl {
      margin-left: 0;
      margin-right: 0; }
  /* line 515, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-medium {
    margin-bottom: 5px; }
  /* line 519, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-medium {
    margin-top: 5px; }

/* line 525, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-medium {
  padding-right: 8px; }
/* line 528, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-medium {
  margin-right: 8px; }

/* line 535, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom > .x-btn-button-default-medium,
.x-btn-split-bottom > .x-btn-button-default-medium {
  padding-bottom: 3px; }

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-medium.x-btn-arrow-right:after {
  width: 24px;
  padding-right: 24px;
  background-image: url(images/button/default-medium-arrow.png); }
/* line 554, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-medium.x-rtl.x-btn-arrow-right:after {
  background-image: url(images/button/default-medium-arrow-rtl.png); }
/* line 563, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-medium.x-btn-arrow-bottom:after {
  height: 18px;
  background-image: url(images/button/default-medium-arrow.png); }

/* line 583, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-medium.x-btn-split-right:after {
  width: 28px;
  padding-right: 28px;
  background-image: url(images/button/default-medium-s-arrow.png); }
/* line 592, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-medium.x-rtl.x-btn-split-right:after {
  background-image: url(images/button/default-medium-s-arrow-rtl.png); }
/* line 597, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-medium.x-btn-split-bottom:after {
  height: 24px;
  background-image: url(images/button/default-medium-s-arrow-b.png); }

/* line 624, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-medium {
  padding-right: 8px; }
/* line 627, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-medium {
  margin-right: 8px; }

/* line 632, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-default-medium {
  background-image: none;
  background-color: #3892d3;
  -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
  -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
  box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; }

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over.x-btn-default-medium {
  border-color: #1374bb;
  background-image: none;
  background-color: #3386c2; }

/* line 694, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over.x-btn-default-medium {
  -webkit-box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset;
  -moz-box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset;
  box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset; }

/* line 723, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active.x-btn-default-medium,
.x-btn.x-btn-pressed.x-btn-default-medium {
  border-color: #0f5f99;
  background-image: none;
  background-color: #2a6d9e; }

/* line 751, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active.x-btn-default-medium,
.x-btn-focus.x-btn-pressed.x-btn-default-medium {
  -webkit-box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset;
  -moz-box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset;
  box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-default-medium {
  background-image: none;
  background-color: #3892d3; }

/* line 816, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-medium-tl,
.x-btn-focus .x-btn-default-medium-bl,
.x-btn-focus .x-btn-default-medium-tr,
.x-btn-focus .x-btn-default-medium-br,
.x-btn-focus .x-btn-default-medium-tc,
.x-btn-focus .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-focus-corners.gif); }
/* line 820, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-medium-ml,
.x-btn-focus .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-focus-sides.gif); }
/* line 823, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-medium-mc {
  background-color: #3892d3; }

/* line 840, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-medium-tl,
.x-btn-over .x-btn-default-medium-bl,
.x-btn-over .x-btn-default-medium-tr,
.x-btn-over .x-btn-default-medium-br,
.x-btn-over .x-btn-default-medium-tc,
.x-btn-over .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-over-corners.gif); }
/* line 844, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-medium-ml,
.x-btn-over .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-over-sides.gif); }
/* line 847, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-medium-mc {
  background-color: #3386c2; }

/* line 864, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-medium-tl,
.x-btn-focus.x-btn-over .x-btn-default-medium-bl,
.x-btn-focus.x-btn-over .x-btn-default-medium-tr,
.x-btn-focus.x-btn-over .x-btn-default-medium-br,
.x-btn-focus.x-btn-over .x-btn-default-medium-tc,
.x-btn-focus.x-btn-over .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-focus-over-corners.gif); }
/* line 868, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-medium-ml,
.x-btn-focus.x-btn-over .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-focus-over-sides.gif); }
/* line 871, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-medium-mc {
  background-color: #3386c2; }

/* line 890, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-medium-tl,
.x-btn.x-btn-menu-active .x-btn-default-medium-bl,
.x-btn.x-btn-menu-active .x-btn-default-medium-tr,
.x-btn.x-btn-menu-active .x-btn-default-medium-br,
.x-btn.x-btn-menu-active .x-btn-default-medium-tc,
.x-btn.x-btn-menu-active .x-btn-default-medium-bc,
.x-btn.x-btn-pressed .x-btn-default-medium-tl,
.x-btn.x-btn-pressed .x-btn-default-medium-bl,
.x-btn.x-btn-pressed .x-btn-default-medium-tr,
.x-btn.x-btn-pressed .x-btn-default-medium-br,
.x-btn.x-btn-pressed .x-btn-default-medium-tc,
.x-btn.x-btn-pressed .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-pressed-corners.gif); }
/* line 894, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-medium-ml,
.x-btn.x-btn-menu-active .x-btn-default-medium-mr,
.x-btn.x-btn-pressed .x-btn-default-medium-ml,
.x-btn.x-btn-pressed .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-pressed-sides.gif); }
/* line 897, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-medium-mc,
.x-btn.x-btn-pressed .x-btn-default-medium-mc {
  background-color: #2a6d9e; }

/* line 915, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-tl,
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-bl,
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-tr,
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-br,
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-tc,
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-bc,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-tl,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-bl,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-tr,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-br,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-tc,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-focus-pressed-corners.gif); }
/* line 919, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-ml,
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-mr,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-ml,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-focus-pressed-sides.gif); }
/* line 922, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-medium-mc,
.x-btn-focus.x-btn-pressed .x-btn-default-medium-mc {
  background-color: #2a6d9e; }

/* line 940, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-medium-tl,
.x-btn.x-btn-disabled .x-btn-default-medium-bl,
.x-btn.x-btn-disabled .x-btn-default-medium-tr,
.x-btn.x-btn-disabled .x-btn-default-medium-br,
.x-btn.x-btn-disabled .x-btn-default-medium-tc,
.x-btn.x-btn-disabled .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-disabled-corners.gif); }
/* line 944, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-medium-ml,
.x-btn.x-btn-disabled .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-disabled-sides.gif); }
/* line 947, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-medium-mc {
  background-color: #3892d3; }

/* line 957, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-btn-default-medium {
  background-image: none; }

/* line 963, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-disabled.x-btn-default-medium {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 982, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-first {
  border-right-width: 1px !important; }
  /* line 984, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-first .x-btn-default-medium-mc {
    padding-right: 3px !important; }
/* line 988, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-middle {
  border-right-width: 1px !important; }
  /* line 990, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-middle .x-btn-default-medium-mc {
    padding-right: 3px !important;
    padding-left: 3px !important; }
/* line 996, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-last .x-btn-default-medium-mc {
  padding-left: 3px !important; }
/* line 1003, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-first {
  border-bottom-width: 1px !important; }
  /* line 1005, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-first .x-btn-default-medium-mc {
    padding-bottom: 3px !important; }
/* line 1009, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-middle {
  border-bottom-width: 1px !important; }
  /* line 1011, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-middle .x-btn-default-medium-mc {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }
/* line 1017, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-last .x-btn-default-medium-mc {
  padding-top: 3px !important; }
/* line 1023, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-default-medium:after {
  content: ' ';
  border-style: solid;
  border-width: 0;
  position: absolute; }
/* line 1041, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0; }
/* line 1047, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-first:after {
  left: 1px; }
/* line 1050, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-last:after {
  right: 1px; }
/* line 1056, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-medium:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px; }
/* line 1062, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-first:after {
  top: 1px; }
/* line 1065, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-last:after {
  bottom: 1px; }
/* line 1072, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-medium:after {
  border-width: 1px;
  border-color: #d7e9f6; }
/* line 1086, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-medium:after {
  border-width: 1px;
  border-color: #d6e6f2; }
/* line 1102, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-medium:after, .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-medium:after {
  border-width: 1px;
  border-color: #d4e1eb; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-default-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-focus-corners.gif), sides:url(images/btn/btn-default-medium-focus-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-over.x-btn-default-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-over-corners.gif), sides:url(images/btn/btn-default-medium-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-focus-over-corners.gif), sides:url(images/btn/btn-default-medium-focus-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-pressed.x-btn-default-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-pressed-corners.gif), sides:url(images/btn/btn-default-medium-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-focus-pressed-corners.gif), sides:url(images/btn/btn-default-medium-focus-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-disabled.x-btn-default-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-medium-disabled-corners.gif), sides:url(images/btn/btn-default-medium-disabled-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 1128, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-medium-cell > .x-grid-cell-inner {
  padding-top: 0;
  padding-bottom: 0; }
  /* line 1133, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-button-default-medium-cell > .x-grid-cell-inner > .x-btn-default-medium {
    vertical-align: top; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #3892d3; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-mc {
  background-color: #3892d3; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-default-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tr,
.x-btn-default-large-br,
.x-btn-default-large-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tl,
.x-btn-default-large-bl,
.x-btn-default-large-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tl,
.x-btn-default-large-bl,
.x-btn-default-large-tr,
.x-btn-default-large-br,
.x-btn-default-large-tc,
.x-btn-default-large-bc,
.x-btn-default-large-ml,
.x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-ml,
.x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-mc {
  padding: 1px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-default-large:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-corners.gif), sides:url(images/btn/btn-default-large-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 423, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large {
  border-color: #157fcc; }

/* line 430, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-button-default-large {
  height: 32px; }

/* line 435, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-inner-default-large {
  font: 300 16px/20px helvetica, arial, verdana, sans-serif;
  color: white;
  padding: 0 10px;
  max-width: 100%; }
  /* line 446, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-right > .x-btn-inner-default-large, .x-btn-icon-left > .x-btn-inner-default-large {
    max-width: calc(100% - 32px); }

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el-default-large {
  height: 32px; }
  /* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-left > .x-btn-icon-el-default-large, .x-btn-icon-right > .x-btn-icon-el-default-large {
    width: 32px; }
  /* line 462, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el-default-large, .x-btn-icon-bottom > .x-btn-icon-el-default-large {
    min-width: 32px; }
  /* line 466, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-el-default-large.x-btn-glyph {
    font-size: 32px;
    line-height: 32px;
    color: white;
    opacity: 0.5; }
    /* line 486, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-ie8 .x-btn-icon-el-default-large.x-btn-glyph {
      color: #9bc8e9; }
  /* line 493, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-large {
    margin-right: 0; }
    /* line 497, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-large.x-rtl {
      margin-right: 0;
      margin-left: 0; }
  /* line 504, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-large {
    margin-left: 0; }
    /* line 508, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-large.x-rtl {
      margin-left: 0;
      margin-right: 0; }
  /* line 515, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-large {
    margin-bottom: 5px; }
  /* line 519, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-large {
    margin-top: 5px; }

/* line 525, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-large {
  padding-right: 10px; }
/* line 528, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-large {
  margin-right: 10px; }

/* line 535, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom > .x-btn-button-default-large,
.x-btn-split-bottom > .x-btn-button-default-large {
  padding-bottom: 3px; }

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-large.x-btn-arrow-right:after {
  width: 28px;
  padding-right: 28px;
  background-image: url(images/button/default-large-arrow.png); }
/* line 554, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-large.x-rtl.x-btn-arrow-right:after {
  background-image: url(images/button/default-large-arrow-rtl.png); }
/* line 563, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-large.x-btn-arrow-bottom:after {
  height: 20px;
  background-image: url(images/button/default-large-arrow.png); }

/* line 583, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-large.x-btn-split-right:after {
  width: 35px;
  padding-right: 35px;
  background-image: url(images/button/default-large-s-arrow.png); }
/* line 592, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-large.x-rtl.x-btn-split-right:after {
  background-image: url(images/button/default-large-s-arrow-rtl.png); }
/* line 597, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-large.x-btn-split-bottom:after {
  height: 29px;
  background-image: url(images/button/default-large-s-arrow-b.png); }

/* line 624, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-large {
  padding-right: 10px; }
/* line 627, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-large {
  margin-right: 10px; }

/* line 632, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-default-large {
  background-image: none;
  background-color: #3892d3;
  -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
  -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
  box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; }

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over.x-btn-default-large {
  border-color: #1374bb;
  background-image: none;
  background-color: #3386c2; }

/* line 694, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over.x-btn-default-large {
  -webkit-box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset;
  -moz-box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset;
  box-shadow: #d6e6f2 0 1px 0px 0 inset, #d6e6f2 0 -1px 0px 0 inset, #d6e6f2 -1px 0 0px 0 inset, #d6e6f2 1px 0 0px 0 inset; }

/* line 723, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active.x-btn-default-large,
.x-btn.x-btn-pressed.x-btn-default-large {
  border-color: #0f5f99;
  background-image: none;
  background-color: #2a6d9e; }

/* line 751, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active.x-btn-default-large,
.x-btn-focus.x-btn-pressed.x-btn-default-large {
  -webkit-box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset;
  -moz-box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset;
  box-shadow: #d4e1eb 0 1px 0px 0 inset, #d4e1eb 0 -1px 0px 0 inset, #d4e1eb -1px 0 0px 0 inset, #d4e1eb 1px 0 0px 0 inset; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-default-large {
  background-image: none;
  background-color: #3892d3; }

/* line 816, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-large-tl,
.x-btn-focus .x-btn-default-large-bl,
.x-btn-focus .x-btn-default-large-tr,
.x-btn-focus .x-btn-default-large-br,
.x-btn-focus .x-btn-default-large-tc,
.x-btn-focus .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-focus-corners.gif); }
/* line 820, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-large-ml,
.x-btn-focus .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-focus-sides.gif); }
/* line 823, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-large-mc {
  background-color: #3892d3; }

/* line 840, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-large-tl,
.x-btn-over .x-btn-default-large-bl,
.x-btn-over .x-btn-default-large-tr,
.x-btn-over .x-btn-default-large-br,
.x-btn-over .x-btn-default-large-tc,
.x-btn-over .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-over-corners.gif); }
/* line 844, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-large-ml,
.x-btn-over .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-over-sides.gif); }
/* line 847, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-large-mc {
  background-color: #3386c2; }

/* line 864, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-large-tl,
.x-btn-focus.x-btn-over .x-btn-default-large-bl,
.x-btn-focus.x-btn-over .x-btn-default-large-tr,
.x-btn-focus.x-btn-over .x-btn-default-large-br,
.x-btn-focus.x-btn-over .x-btn-default-large-tc,
.x-btn-focus.x-btn-over .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-focus-over-corners.gif); }
/* line 868, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-large-ml,
.x-btn-focus.x-btn-over .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-focus-over-sides.gif); }
/* line 871, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-large-mc {
  background-color: #3386c2; }

/* line 890, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-large-tl,
.x-btn.x-btn-menu-active .x-btn-default-large-bl,
.x-btn.x-btn-menu-active .x-btn-default-large-tr,
.x-btn.x-btn-menu-active .x-btn-default-large-br,
.x-btn.x-btn-menu-active .x-btn-default-large-tc,
.x-btn.x-btn-menu-active .x-btn-default-large-bc,
.x-btn.x-btn-pressed .x-btn-default-large-tl,
.x-btn.x-btn-pressed .x-btn-default-large-bl,
.x-btn.x-btn-pressed .x-btn-default-large-tr,
.x-btn.x-btn-pressed .x-btn-default-large-br,
.x-btn.x-btn-pressed .x-btn-default-large-tc,
.x-btn.x-btn-pressed .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-pressed-corners.gif); }
/* line 894, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-large-ml,
.x-btn.x-btn-menu-active .x-btn-default-large-mr,
.x-btn.x-btn-pressed .x-btn-default-large-ml,
.x-btn.x-btn-pressed .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-pressed-sides.gif); }
/* line 897, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-large-mc,
.x-btn.x-btn-pressed .x-btn-default-large-mc {
  background-color: #2a6d9e; }

/* line 915, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-large-tl,
.x-btn-focus.x-btn-menu-active .x-btn-default-large-bl,
.x-btn-focus.x-btn-menu-active .x-btn-default-large-tr,
.x-btn-focus.x-btn-menu-active .x-btn-default-large-br,
.x-btn-focus.x-btn-menu-active .x-btn-default-large-tc,
.x-btn-focus.x-btn-menu-active .x-btn-default-large-bc,
.x-btn-focus.x-btn-pressed .x-btn-default-large-tl,
.x-btn-focus.x-btn-pressed .x-btn-default-large-bl,
.x-btn-focus.x-btn-pressed .x-btn-default-large-tr,
.x-btn-focus.x-btn-pressed .x-btn-default-large-br,
.x-btn-focus.x-btn-pressed .x-btn-default-large-tc,
.x-btn-focus.x-btn-pressed .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-focus-pressed-corners.gif); }
/* line 919, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-large-ml,
.x-btn-focus.x-btn-menu-active .x-btn-default-large-mr,
.x-btn-focus.x-btn-pressed .x-btn-default-large-ml,
.x-btn-focus.x-btn-pressed .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-focus-pressed-sides.gif); }
/* line 922, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-large-mc,
.x-btn-focus.x-btn-pressed .x-btn-default-large-mc {
  background-color: #2a6d9e; }

/* line 940, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-large-tl,
.x-btn.x-btn-disabled .x-btn-default-large-bl,
.x-btn.x-btn-disabled .x-btn-default-large-tr,
.x-btn.x-btn-disabled .x-btn-default-large-br,
.x-btn.x-btn-disabled .x-btn-default-large-tc,
.x-btn.x-btn-disabled .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-disabled-corners.gif); }
/* line 944, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-large-ml,
.x-btn.x-btn-disabled .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-disabled-sides.gif); }
/* line 947, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-large-mc {
  background-color: #3892d3; }

/* line 957, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-btn-default-large {
  background-image: none; }

/* line 963, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-disabled.x-btn-default-large {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 982, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-first {
  border-right-width: 1px !important; }
  /* line 984, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-first .x-btn-default-large-mc {
    padding-right: 3px !important; }
/* line 988, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-middle {
  border-right-width: 1px !important; }
  /* line 990, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-middle .x-btn-default-large-mc {
    padding-right: 3px !important;
    padding-left: 3px !important; }
/* line 996, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-last .x-btn-default-large-mc {
  padding-left: 3px !important; }
/* line 1003, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-first {
  border-bottom-width: 1px !important; }
  /* line 1005, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-first .x-btn-default-large-mc {
    padding-bottom: 3px !important; }
/* line 1009, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-middle {
  border-bottom-width: 1px !important; }
  /* line 1011, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-middle .x-btn-default-large-mc {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }
/* line 1017, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-last .x-btn-default-large-mc {
  padding-top: 3px !important; }
/* line 1023, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-default-large:after {
  content: ' ';
  border-style: solid;
  border-width: 0;
  position: absolute; }
/* line 1041, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-large:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0; }
/* line 1047, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-first:after {
  left: 1px; }
/* line 1050, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-last:after {
  right: 1px; }
/* line 1056, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-large:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px; }
/* line 1062, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-first:after {
  top: 1px; }
/* line 1065, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-last:after {
  bottom: 1px; }
/* line 1072, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-large:after {
  border-width: 1px;
  border-color: #d7e9f6; }
/* line 1086, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-large:after {
  border-width: 1px;
  border-color: #d6e6f2; }
/* line 1102, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-large:after, .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-large:after {
  border-width: 1px;
  border-color: #d4e1eb; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-default-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-focus-corners.gif), sides:url(images/btn/btn-default-large-focus-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-over.x-btn-default-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-over-corners.gif), sides:url(images/btn/btn-default-large-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-focus-over-corners.gif), sides:url(images/btn/btn-default-large-focus-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-pressed.x-btn-default-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-pressed-corners.gif), sides:url(images/btn/btn-default-large-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-focus-pressed-corners.gif), sides:url(images/btn/btn-default-large-focus-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-disabled.x-btn-default-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-large-disabled-corners.gif), sides:url(images/btn/btn-default-large-disabled-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 1128, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-cell > .x-grid-cell-inner {
  padding-top: 0;
  padding-bottom: 0; }
  /* line 1133, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-button-default-large-cell > .x-grid-cell-inner > .x-btn-default-large {
    vertical-align: top; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-default-toolbar-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tr,
.x-btn-default-toolbar-small-br,
.x-btn-default-toolbar-small-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tl,
.x-btn-default-toolbar-small-bl,
.x-btn-default-toolbar-small-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tl,
.x-btn-default-toolbar-small-bl,
.x-btn-default-toolbar-small-tr,
.x-btn-default-toolbar-small-br,
.x-btn-default-toolbar-small-tc,
.x-btn-default-toolbar-small-bc,
.x-btn-default-toolbar-small-ml,
.x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-ml,
.x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-mc {
  padding: 1px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-default-toolbar-small:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-corners.gif), sides:url(images/btn/btn-default-toolbar-small-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 423, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small {
  border-color: #d8d8d8; }

/* line 430, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-button-default-toolbar-small {
  height: 16px; }

/* line 435, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-inner-default-toolbar-small {
  font: 300 12px/16px helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 5px;
  max-width: 100%; }
  /* line 446, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-right > .x-btn-inner-default-toolbar-small, .x-btn-icon-left > .x-btn-inner-default-toolbar-small {
    max-width: calc(100% - 16px); }

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el-default-toolbar-small {
  height: 16px; }
  /* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-left > .x-btn-icon-el-default-toolbar-small, .x-btn-icon-right > .x-btn-icon-el-default-toolbar-small {
    width: 16px; }
  /* line 462, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el-default-toolbar-small, .x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-small {
    min-width: 16px; }
  /* line 466, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-el-default-toolbar-small.x-btn-glyph {
    font-size: 16px;
    line-height: 16px;
    color: #666666;
    opacity: 0.5; }
    /* line 486, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-ie8 .x-btn-icon-el-default-toolbar-small.x-btn-glyph {
      color: #adadad; }
  /* line 493, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
    margin-right: 0px; }
    /* line 497, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small.x-rtl {
      margin-right: 0;
      margin-left: 0px; }
  /* line 504, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-small {
    margin-left: 0px; }
    /* line 508, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-small.x-rtl {
      margin-left: 0;
      margin-right: 0px; }
  /* line 515, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-small {
    margin-bottom: 5px; }
  /* line 519, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-small {
    margin-top: 5px; }

/* line 525, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-small {
  padding-right: 5px; }
/* line 528, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-small {
  margin-right: 5px; }

/* line 535, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom > .x-btn-button-default-toolbar-small,
.x-btn-split-bottom > .x-btn-button-default-toolbar-small {
  padding-bottom: 3px; }

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
  width: 16px;
  padding-right: 16px;
  background-image: url(images/button/default-toolbar-small-arrow.png); }
/* line 554, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-small.x-rtl.x-btn-arrow-right:after {
  background-image: url(images/button/default-toolbar-small-arrow-rtl.png); }
/* line 563, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-small.x-btn-arrow-bottom:after {
  height: 13px;
  background-image: url(images/button/default-toolbar-small-arrow.png); }

/* line 583, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
  width: 20px;
  padding-right: 20px;
  background-image: url(images/button/default-toolbar-small-s-arrow.png); }
/* line 592, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-small.x-rtl.x-btn-split-right:after {
  background-image: url(images/button/default-toolbar-small-s-arrow-rtl.png); }
/* line 597, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-small.x-btn-split-bottom:after {
  height: 15px;
  background-image: url(images/button/default-toolbar-small-s-arrow-b.png); }

/* line 624, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-small {
  padding-right: 5px; }
/* line 627, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-small {
  margin-right: 5px; }

/* line 632, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-default-toolbar-small {
  background-image: none;
  background-color: #f5f5f5;
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over.x-btn-default-toolbar-small {
  border-color: #cfcfcf;
  background-image: none;
  background-color: #ebebeb; }

/* line 694, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over.x-btn-default-toolbar-small {
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 723, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
  border-color: #c6c6c6;
  background-image: none;
  background-color: #e1e1e1; }

/* line 751, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-small,
.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small {
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
  background-image: none;
  background-color: #f5f5f5; }

/* line 816, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-small-tl,
.x-btn-focus .x-btn-default-toolbar-small-bl,
.x-btn-focus .x-btn-default-toolbar-small-tr,
.x-btn-focus .x-btn-default-toolbar-small-br,
.x-btn-focus .x-btn-default-toolbar-small-tc,
.x-btn-focus .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-focus-corners.gif); }
/* line 820, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-small-ml,
.x-btn-focus .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-focus-sides.gif); }
/* line 823, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-small-mc {
  background-color: #f5f5f5; }

/* line 840, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-small-tl,
.x-btn-over .x-btn-default-toolbar-small-bl,
.x-btn-over .x-btn-default-toolbar-small-tr,
.x-btn-over .x-btn-default-toolbar-small-br,
.x-btn-over .x-btn-default-toolbar-small-tc,
.x-btn-over .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-over-corners.gif); }
/* line 844, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-small-ml,
.x-btn-over .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-over-sides.gif); }
/* line 847, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-small-mc {
  background-color: #ebebeb; }

/* line 864, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tl,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-bl,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tr,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-br,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tc,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-focus-over-corners.gif); }
/* line 868, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-ml,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-focus-over-sides.gif); }
/* line 871, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-small-mc {
  background-color: #ebebeb; }

/* line 890, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-bl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tr,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-br,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tc,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-bc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-bl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-br,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-pressed-corners.gif); }
/* line 894, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-ml,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-mr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-ml,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-pressed-sides.gif); }
/* line 897, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-mc {
  background-color: #e1e1e1; }

/* line 915, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tl,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-bl,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tr,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-br,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tc,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-bc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tl,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-bl,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tr,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-br,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-focus-pressed-corners.gif); }
/* line 919, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-ml,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-mr,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-ml,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-focus-pressed-sides.gif); }
/* line 922, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-mc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-mc {
  background-color: #e1e1e1; }

/* line 940, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-bl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tr,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-br,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tc,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-disabled-corners.gif); }
/* line 944, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-ml,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-disabled-sides.gif); }
/* line 947, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-mc {
  background-color: #f5f5f5; }

/* line 957, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-btn-default-toolbar-small {
  background-image: none; }

/* line 963, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-disabled.x-btn-default-toolbar-small {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 982, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-first {
  border-right-width: 1px !important; }
  /* line 984, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-first .x-btn-default-toolbar-small-mc {
    padding-right: 3px !important; }
/* line 988, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-middle {
  border-right-width: 1px !important; }
  /* line 990, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-middle .x-btn-default-toolbar-small-mc {
    padding-right: 3px !important;
    padding-left: 3px !important; }
/* line 996, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-last .x-btn-default-toolbar-small-mc {
  padding-left: 3px !important; }
/* line 1003, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-first {
  border-bottom-width: 1px !important; }
  /* line 1005, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-first .x-btn-default-toolbar-small-mc {
    padding-bottom: 3px !important; }
/* line 1009, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-middle {
  border-bottom-width: 1px !important; }
  /* line 1011, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-middle .x-btn-default-toolbar-small-mc {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }
/* line 1017, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-last .x-btn-default-toolbar-small-mc {
  padding-top: 3px !important; }
/* line 1023, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-default-toolbar-small:after {
  content: ' ';
  border-style: solid;
  border-width: 0;
  position: absolute; }
/* line 1041, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0; }
/* line 1047, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-first:after {
  left: 1px; }
/* line 1050, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-last:after {
  right: 1px; }
/* line 1056, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px; }
/* line 1062, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-first:after {
  top: 1px; }
/* line 1065, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-last:after {
  bottom: 1px; }
/* line 1072, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-small:after {
  border-width: 1px;
  border-color: #4196d4; }
/* line 1086, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-small:after {
  border-width: 1px;
  border-color: #4196d4; }
/* line 1102, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-small:after, .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small:after {
  border-width: 1px;
  border-color: #4196d4; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-default-toolbar-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-over.x-btn-default-toolbar-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-over-corners.gif), sides:url(images/btn/btn-default-toolbar-small-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-toolbar-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-focus-over-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-pressed.x-btn-default-toolbar-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-small-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-focus-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-disabled.x-btn-default-toolbar-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-small-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-small-disabled-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 1128, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-toolbar-small-cell > .x-grid-cell-inner {
  padding-top: 0px;
  padding-bottom: 0px; }
  /* line 1133, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-button-default-toolbar-small-cell > .x-grid-cell-inner > .x-btn-default-toolbar-small {
    vertical-align: top; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-default-toolbar-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tr,
.x-btn-default-toolbar-medium-br,
.x-btn-default-toolbar-medium-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tl,
.x-btn-default-toolbar-medium-bl,
.x-btn-default-toolbar-medium-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tl,
.x-btn-default-toolbar-medium-bl,
.x-btn-default-toolbar-medium-tr,
.x-btn-default-toolbar-medium-br,
.x-btn-default-toolbar-medium-tc,
.x-btn-default-toolbar-medium-bc,
.x-btn-default-toolbar-medium-ml,
.x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-ml,
.x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-mc {
  padding: 1px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-default-toolbar-medium:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 423, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium {
  border-color: #d8d8d8; }

/* line 430, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-button-default-toolbar-medium {
  height: 24px; }

/* line 435, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-inner-default-toolbar-medium {
  font: 300 14px/18px helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 8px;
  max-width: 100%; }
  /* line 446, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-right > .x-btn-inner-default-toolbar-medium, .x-btn-icon-left > .x-btn-inner-default-toolbar-medium {
    max-width: calc(100% - 24px); }

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el-default-toolbar-medium {
  height: 24px; }
  /* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium, .x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
    width: 24px; }
  /* line 462, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el-default-toolbar-medium, .x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-medium {
    min-width: 24px; }
  /* line 466, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-el-default-toolbar-medium.x-btn-glyph {
    font-size: 24px;
    line-height: 24px;
    color: #666666;
    opacity: 0.5; }
    /* line 486, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-ie8 .x-btn-icon-el-default-toolbar-medium.x-btn-glyph {
      color: #adadad; }
  /* line 493, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium {
    margin-right: 0; }
    /* line 497, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium.x-rtl {
      margin-right: 0;
      margin-left: 0; }
  /* line 504, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
    margin-left: 0; }
    /* line 508, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium.x-rtl {
      margin-left: 0;
      margin-right: 0; }
  /* line 515, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-medium {
    margin-bottom: 5px; }
  /* line 519, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-medium {
    margin-top: 5px; }

/* line 525, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-medium {
  padding-right: 8px; }
/* line 528, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
  margin-right: 8px; }

/* line 535, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom > .x-btn-button-default-toolbar-medium,
.x-btn-split-bottom > .x-btn-button-default-toolbar-medium {
  padding-bottom: 3px; }

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-medium.x-btn-arrow-right:after {
  width: 24px;
  padding-right: 24px;
  background-image: url(images/button/default-toolbar-medium-arrow.png); }
/* line 554, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-medium.x-rtl.x-btn-arrow-right:after {
  background-image: url(images/button/default-toolbar-medium-arrow-rtl.png); }
/* line 563, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-medium.x-btn-arrow-bottom:after {
  height: 18px;
  background-image: url(images/button/default-toolbar-medium-arrow.png); }

/* line 583, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-medium.x-btn-split-right:after {
  width: 28px;
  padding-right: 28px;
  background-image: url(images/button/default-toolbar-medium-s-arrow.png); }
/* line 592, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-medium.x-rtl.x-btn-split-right:after {
  background-image: url(images/button/default-toolbar-medium-s-arrow-rtl.png); }
/* line 597, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  height: 24px;
  background-image: url(images/button/default-toolbar-medium-s-arrow-b.png); }

/* line 624, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-medium {
  padding-right: 8px; }
/* line 627, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
  margin-right: 8px; }

/* line 632, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-default-toolbar-medium {
  background-image: none;
  background-color: #f5f5f5;
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over.x-btn-default-toolbar-medium {
  border-color: #cfcfcf;
  background-image: none;
  background-color: #ebebeb; }

/* line 694, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over.x-btn-default-toolbar-medium {
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 723, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active.x-btn-default-toolbar-medium,
.x-btn.x-btn-pressed.x-btn-default-toolbar-medium {
  border-color: #c6c6c6;
  background-image: none;
  background-color: #e1e1e1; }

/* line 751, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-medium,
.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium {
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-default-toolbar-medium {
  background-image: none;
  background-color: #f5f5f5; }

/* line 816, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-medium-tl,
.x-btn-focus .x-btn-default-toolbar-medium-bl,
.x-btn-focus .x-btn-default-toolbar-medium-tr,
.x-btn-focus .x-btn-default-toolbar-medium-br,
.x-btn-focus .x-btn-default-toolbar-medium-tc,
.x-btn-focus .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-corners.gif); }
/* line 820, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-medium-ml,
.x-btn-focus .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-sides.gif); }
/* line 823, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-medium-mc {
  background-color: #f5f5f5; }

/* line 840, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-medium-tl,
.x-btn-over .x-btn-default-toolbar-medium-bl,
.x-btn-over .x-btn-default-toolbar-medium-tr,
.x-btn-over .x-btn-default-toolbar-medium-br,
.x-btn-over .x-btn-default-toolbar-medium-tc,
.x-btn-over .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-over-corners.gif); }
/* line 844, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-medium-ml,
.x-btn-over .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-over-sides.gif); }
/* line 847, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-medium-mc {
  background-color: #ebebeb; }

/* line 864, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tl,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-bl,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tr,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-br,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tc,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-over-corners.gif); }
/* line 868, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-ml,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-over-sides.gif); }
/* line 871, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-mc {
  background-color: #ebebeb; }

/* line 890, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-bl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tr,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-br,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tc,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-bc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-bl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-br,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-corners.gif); }
/* line 894, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-ml,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-mr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-ml,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-sides.gif); }
/* line 897, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-mc {
  background-color: #e1e1e1; }

/* line 915, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-tl,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-bl,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-tr,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-br,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-tc,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-bc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tl,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-bl,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tr,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-br,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-pressed-corners.gif); }
/* line 919, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-ml,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-mr,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-ml,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-pressed-sides.gif); }
/* line 922, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-medium-mc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-mc {
  background-color: #e1e1e1; }

/* line 940, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-bl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tr,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-br,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tc,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-disabled-corners.gif); }
/* line 944, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-ml,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-disabled-sides.gif); }
/* line 947, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-mc {
  background-color: #f5f5f5; }

/* line 957, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-btn-default-toolbar-medium {
  background-image: none; }

/* line 963, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-disabled.x-btn-default-toolbar-medium {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 982, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-first {
  border-right-width: 1px !important; }
  /* line 984, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-first .x-btn-default-toolbar-medium-mc {
    padding-right: 3px !important; }
/* line 988, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-middle {
  border-right-width: 1px !important; }
  /* line 990, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-middle .x-btn-default-toolbar-medium-mc {
    padding-right: 3px !important;
    padding-left: 3px !important; }
/* line 996, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-last .x-btn-default-toolbar-medium-mc {
  padding-left: 3px !important; }
/* line 1003, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-first {
  border-bottom-width: 1px !important; }
  /* line 1005, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-first .x-btn-default-toolbar-medium-mc {
    padding-bottom: 3px !important; }
/* line 1009, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-middle {
  border-bottom-width: 1px !important; }
  /* line 1011, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-middle .x-btn-default-toolbar-medium-mc {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }
/* line 1017, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-last .x-btn-default-toolbar-medium-mc {
  padding-top: 3px !important; }
/* line 1023, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-default-toolbar-medium:after {
  content: ' ';
  border-style: solid;
  border-width: 0;
  position: absolute; }
/* line 1041, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0; }
/* line 1047, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-first:after {
  left: 1px; }
/* line 1050, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-last:after {
  right: 1px; }
/* line 1056, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px; }
/* line 1062, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-first:after {
  top: 1px; }
/* line 1065, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-last:after {
  bottom: 1px; }
/* line 1072, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-medium:after {
  border-width: 1px;
  border-color: #4196d4; }
/* line 1086, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-medium:after {
  border-width: 1px;
  border-color: #4196d4; }
/* line 1102, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-medium:after, .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium:after {
  border-width: 1px;
  border-color: #4196d4; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-default-toolbar-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-over.x-btn-default-toolbar-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-over-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-toolbar-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-focus-over-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-pressed.x-btn-default-toolbar-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-focus-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-disabled.x-btn-default-toolbar-medium:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-medium-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-disabled-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 1128, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-toolbar-medium-cell > .x-grid-cell-inner {
  padding-top: 0;
  padding-bottom: 0; }
  /* line 1133, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-button-default-toolbar-medium-cell > .x-grid-cell-inner > .x-btn-default-toolbar-medium {
    vertical-align: top; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-default-toolbar-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tr,
.x-btn-default-toolbar-large-br,
.x-btn-default-toolbar-large-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tl,
.x-btn-default-toolbar-large-bl,
.x-btn-default-toolbar-large-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tl,
.x-btn-default-toolbar-large-bl,
.x-btn-default-toolbar-large-tr,
.x-btn-default-toolbar-large-br,
.x-btn-default-toolbar-large-tc,
.x-btn-default-toolbar-large-bc,
.x-btn-default-toolbar-large-ml,
.x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-ml,
.x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-mc {
  padding: 1px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-default-toolbar-large:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-corners.gif), sides:url(images/btn/btn-default-toolbar-large-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 423, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large {
  border-color: #d8d8d8; }

/* line 430, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-button-default-toolbar-large {
  height: 32px; }

/* line 435, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-inner-default-toolbar-large {
  font: 300 16px/20px helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 10px;
  max-width: 100%; }
  /* line 446, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-right > .x-btn-inner-default-toolbar-large, .x-btn-icon-left > .x-btn-inner-default-toolbar-large {
    max-width: calc(100% - 32px); }

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el-default-toolbar-large {
  height: 32px; }
  /* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-left > .x-btn-icon-el-default-toolbar-large, .x-btn-icon-right > .x-btn-icon-el-default-toolbar-large {
    width: 32px; }
  /* line 462, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el-default-toolbar-large, .x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-large {
    min-width: 32px; }
  /* line 466, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-el-default-toolbar-large.x-btn-glyph {
    font-size: 32px;
    line-height: 32px;
    color: #666666;
    opacity: 0.5; }
    /* line 486, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-ie8 .x-btn-icon-el-default-toolbar-large.x-btn-glyph {
      color: #adadad; }
  /* line 493, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-large {
    margin-right: 0; }
    /* line 497, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-large.x-rtl {
      margin-right: 0;
      margin-left: 0; }
  /* line 504, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-large {
    margin-left: 0; }
    /* line 508, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-large.x-rtl {
      margin-left: 0;
      margin-right: 0; }
  /* line 515, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-large {
    margin-bottom: 5px; }
  /* line 519, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-large {
    margin-top: 5px; }

/* line 525, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-large {
  padding-right: 10px; }
/* line 528, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-large {
  margin-right: 10px; }

/* line 535, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom > .x-btn-button-default-toolbar-large,
.x-btn-split-bottom > .x-btn-button-default-toolbar-large {
  padding-bottom: 3px; }

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-large.x-btn-arrow-right:after {
  width: 28px;
  padding-right: 28px;
  background-image: url(images/button/default-toolbar-large-arrow.png); }
/* line 554, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-large.x-rtl.x-btn-arrow-right:after {
  background-image: url(images/button/default-toolbar-large-arrow-rtl.png); }
/* line 563, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-large.x-btn-arrow-bottom:after {
  height: 20px;
  background-image: url(images/button/default-toolbar-large-arrow.png); }

/* line 583, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-large.x-btn-split-right:after {
  width: 35px;
  padding-right: 35px;
  background-image: url(images/button/default-toolbar-large-s-arrow.png); }
/* line 592, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-large.x-rtl.x-btn-split-right:after {
  background-image: url(images/button/default-toolbar-large-s-arrow-rtl.png); }
/* line 597, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  height: 29px;
  background-image: url(images/button/default-toolbar-large-s-arrow-b.png); }

/* line 624, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-large {
  padding-right: 10px; }
/* line 627, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-large {
  margin-right: 10px; }

/* line 632, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-default-toolbar-large {
  background-image: none;
  background-color: #f5f5f5;
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over.x-btn-default-toolbar-large {
  border-color: #cfcfcf;
  background-image: none;
  background-color: #ebebeb; }

/* line 694, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over.x-btn-default-toolbar-large {
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 723, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active.x-btn-default-toolbar-large,
.x-btn.x-btn-pressed.x-btn-default-toolbar-large {
  border-color: #c6c6c6;
  background-image: none;
  background-color: #e1e1e1; }

/* line 751, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-large,
.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large {
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-default-toolbar-large {
  background-image: none;
  background-color: #f5f5f5; }

/* line 816, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-large-tl,
.x-btn-focus .x-btn-default-toolbar-large-bl,
.x-btn-focus .x-btn-default-toolbar-large-tr,
.x-btn-focus .x-btn-default-toolbar-large-br,
.x-btn-focus .x-btn-default-toolbar-large-tc,
.x-btn-focus .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-focus-corners.gif); }
/* line 820, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-large-ml,
.x-btn-focus .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-focus-sides.gif); }
/* line 823, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-default-toolbar-large-mc {
  background-color: #f5f5f5; }

/* line 840, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-large-tl,
.x-btn-over .x-btn-default-toolbar-large-bl,
.x-btn-over .x-btn-default-toolbar-large-tr,
.x-btn-over .x-btn-default-toolbar-large-br,
.x-btn-over .x-btn-default-toolbar-large-tc,
.x-btn-over .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-over-corners.gif); }
/* line 844, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-large-ml,
.x-btn-over .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-over-sides.gif); }
/* line 847, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-default-toolbar-large-mc {
  background-color: #ebebeb; }

/* line 864, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tl,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-bl,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tr,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-br,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tc,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-focus-over-corners.gif); }
/* line 868, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-ml,
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-focus-over-sides.gif); }
/* line 871, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-default-toolbar-large-mc {
  background-color: #ebebeb; }

/* line 890, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-bl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tr,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-br,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tc,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-bc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-bl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-br,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-pressed-corners.gif); }
/* line 894, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-ml,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-mr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-ml,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-pressed-sides.gif); }
/* line 897, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-mc {
  background-color: #e1e1e1; }

/* line 915, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tl,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-bl,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tr,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-br,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tc,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-bc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tl,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-bl,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tr,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-br,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-focus-pressed-corners.gif); }
/* line 919, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-ml,
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-mr,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-ml,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-focus-pressed-sides.gif); }
/* line 922, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-mc,
.x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-mc {
  background-color: #e1e1e1; }

/* line 940, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-bl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tr,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-br,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tc,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-disabled-corners.gif); }
/* line 944, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-ml,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-disabled-sides.gif); }
/* line 947, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-mc {
  background-color: #f5f5f5; }

/* line 957, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-btn-default-toolbar-large {
  background-image: none; }

/* line 963, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-disabled.x-btn-default-toolbar-large {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 982, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-first {
  border-right-width: 1px !important; }
  /* line 984, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-first .x-btn-default-toolbar-large-mc {
    padding-right: 3px !important; }
/* line 988, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-middle {
  border-right-width: 1px !important; }
  /* line 990, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-middle .x-btn-default-toolbar-large-mc {
    padding-right: 3px !important;
    padding-left: 3px !important; }
/* line 996, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-last .x-btn-default-toolbar-large-mc {
  padding-left: 3px !important; }
/* line 1003, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-first {
  border-bottom-width: 1px !important; }
  /* line 1005, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-first .x-btn-default-toolbar-large-mc {
    padding-bottom: 3px !important; }
/* line 1009, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-middle {
  border-bottom-width: 1px !important; }
  /* line 1011, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-middle .x-btn-default-toolbar-large-mc {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }
/* line 1017, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-last .x-btn-default-toolbar-large-mc {
  padding-top: 3px !important; }
/* line 1023, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-default-toolbar-large:after {
  content: ' ';
  border-style: solid;
  border-width: 0;
  position: absolute; }
/* line 1041, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0; }
/* line 1047, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-first:after {
  left: 1px; }
/* line 1050, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-last:after {
  right: 1px; }
/* line 1056, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px; }
/* line 1062, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-first:after {
  top: 1px; }
/* line 1065, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-last:after {
  bottom: 1px; }
/* line 1072, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-large:after {
  border-width: 1px;
  border-color: #4196d4; }
/* line 1086, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-large:after {
  border-width: 1px;
  border-color: #4196d4; }
/* line 1102, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-large:after, .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large:after {
  border-width: 1px;
  border-color: #4196d4; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-default-toolbar-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-over.x-btn-default-toolbar-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-over-corners.gif), sides:url(images/btn/btn-default-toolbar-large-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-default-toolbar-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-focus-over-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-pressed.x-btn-default-toolbar-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-large-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-focus-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-disabled.x-btn-default-toolbar-large:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-default-toolbar-large-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-large-disabled-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 1128, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-toolbar-large-cell > .x-grid-cell-inner {
  padding-top: 0;
  padding-bottom: 0; }
  /* line 1133, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-button-default-toolbar-large-cell > .x-grid-cell-inner > .x-btn-default-toolbar-large {
    vertical-align: top; }

/* line 1, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool {
  cursor: pointer; }

/* line 5, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-img {
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(images/tools/tool-sprites.png);
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }
  /* line 15, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
  .x-tool-over .x-tool-img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9; }
  /* line 20, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
  .x-tool-pressed .x-tool-img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }

/* line 28, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-placeholder {
  visibility: hidden; }

/* line 32, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-close {
  background-position: 0 0; }

/* line 36, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-minimize {
  background-position: 0 -16px; }

/* line 40, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-maximize {
  background-position: 0 -32px; }

/* line 44, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-restore {
  background-position: 0 -48px; }

/* line 48, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-toggle {
  background-position: 0 -64px; }
  /* line 51, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
  .x-panel-collapsed .x-tool-toggle {
    background-position: 0 -80px; }

/* line 56, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-gear {
  background-position: 0 -96px; }

/* line 60, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-prev {
  background-position: 0 -112px; }

/* line 64, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-next {
  background-position: 0 -128px; }

/* line 68, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-pin {
  background-position: 0 -144px; }

/* line 72, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-unpin {
  background-position: 0 -160px; }

/* line 76, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-right {
  background-position: 0 -176px; }

/* line 80, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-left {
  background-position: 0 -192px; }

/* line 84, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-down {
  background-position: 0 -208px; }

/* line 88, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-up {
  background-position: 0 -224px; }

/* line 92, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-refresh {
  background-position: 0 -240px; }

/* line 96, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-plus {
  background-position: 0 -256px; }

/* line 100, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-minus {
  background-position: 0 -272px; }

/* line 104, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-search {
  background-position: 0 -288px; }

/* line 108, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-save {
  background-position: 0 -304px; }

/* line 112, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-help {
  background-position: 0 -320px; }

/* line 116, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-print {
  background-position: 0 -336px; }

/* line 120, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-expand {
  background-position: 0 -352px; }

/* line 124, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-collapse {
  background-position: 0 -368px; }

/* line 128, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-resize {
  background-position: 0 -384px; }

/* line 132, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-move {
  background-position: 0 -400px; }

/* line 137, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-expand-bottom,
.x-tool-collapse-bottom {
  background-position: 0 -208px; }

/* line 142, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-expand-top,
.x-tool-collapse-top {
  background-position: 0 -224px; }

/* line 147, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-expand-left,
.x-tool-collapse-left {
  background-position: 0 -192px; }

/* line 152, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-expand-right,
.x-tool-collapse-right {
  background-position: 0 -176px; }

/* line 159, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-rtl.x-tool-expand-left, .x-rtl.x-tool-collapse-left {
  background-position: 0 -176px; }
/* line 164, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x-rtl.x-tool-expand-right, .x-rtl.x-tool-collapse-right {
  background-position: 0 -192px; }

/* line 2, ../../../ext-theme-neutral/sass/src/panel/Header.scss */
.x-header-draggable,
.x-header-ghost {
  cursor: move; }

/* line 6, ../../../ext-theme-neutral/sass/src/panel/Header.scss */
.x-header-text {
  white-space: nowrap; }

/* line 1, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-collapse-el {
  cursor: pointer; }

/* line 9, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-layout-split-left,
.x-layout-split-right {
  top: 50%;
  margin-top: -24px;
  width: 8px;
  height: 48px; }

/* line 17, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-layout-split-top,
.x-layout-split-bottom {
  left: 50%;
  width: 48px;
  height: 8px;
  margin-left: -24px; }

/* line 24, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-layout-split-left {
  background-image: url(images/util/splitter/mini-left.png); }

/* line 28, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-layout-split-right {
  background-image: url(images/util/splitter/mini-right.png); }

/* line 34, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-rtl.x-layout-split-left {
  background-image: url(images/util/splitter/mini-right.png); }
/* line 38, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-rtl.x-layout-split-right {
  background-image: url(images/util/splitter/mini-left.png); }

/* line 44, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-layout-split-top {
  background-image: url(images/util/splitter/mini-top.png); }

/* line 48, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-layout-split-bottom {
  background-image: url(images/util/splitter/mini-bottom.png); }

/* line 53, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-splitter-collapsed .x-layout-split-left {
  background-image: url(images/util/splitter/mini-right.png); }
/* line 57, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-splitter-collapsed .x-layout-split-right {
  background-image: url(images/util/splitter/mini-left.png); }
/* line 63, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-splitter-collapsed .x-rtl.x-layout-split-left {
  background-image: url(images/util/splitter/mini-left.png); }
/* line 67, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-splitter-collapsed .x-rtl.x-layout-split-right {
  background-image: url(images/util/splitter/mini-right.png); }
/* line 73, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-splitter-collapsed .x-layout-split-top {
  background-image: url(images/util/splitter/mini-bottom.png); }
/* line 77, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-splitter-collapsed .x-layout-split-bottom {
  background-image: url(images/util/splitter/mini-top.png); }

/* line 82, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-splitter-active {
  background-color: #b4b4b4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }
  /* line 86, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
  .x-splitter-active .x-collapse-el {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3; }

/* line 91, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-splitter-focus {
  outline: 1px solid #157fcc;
  outline-offset: -1px; }
  /* line 35, ../../../ext-theme-base/sass/etc/mixins/css-outline.scss */
  .x-ie8 .x-splitter-focus {
    outline: none; }
    /* line 37, ../../../ext-theme-base/sass/etc/mixins/css-outline.scss */
    .x-ie8 .x-splitter-focus:after {
      position: absolute;
      content: ' ';
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      border: 1px solid #157fcc; }

/**
 * Creates a visual theme for a {@link Ext.layout.container.boxOverflow.Scroller Box Scroller}
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {string} $type
 * The type of component that this box scroller will be used with.  For example 'toolbar'
 * or 'tab-bar'
 *
 * @param {number} [$horizontal-width=16px]
 * The width of horizontal scroller buttons
 *
 * @param {Number} [$horizontal-height=16px]
 * The height of horizontal scroller buttons
 *
 * @param {number} [$vertical-width=16px]
 * The width of vertical scroller buttons
 *
 * @param {Number} [$vertical-height=16px]
 * The height of vertical scroller buttons
 *
 * @param {number/list} [$top-margin=0]
 * The margin of the "top" scroller button
 *
 * @param {number/list} [$right-margin=0]
 * The margin of the "right" scroller button
 *
 * @param {number/list} [$bottom-margin=0]
 * The margin of the "bottom" scroller button
 *
 * @param {number/list} [$left-margin=0]
 * The margin of the "left" scroller button
 *
 * @param {number/list} $top-background-image
 * The background-image of the "top" scroller button
 *
 * @param {number/list} $right-background-image
 * The background-image of the "right" scroller button
 *
 * @param {number/list} $bottom-background-image
 * The background-image of the "bottom" scroller button
 *
 * @param {number/list} $left-background-image
 * The background-image of the "left" scroller button
 *
 * @param {color} [$border-color=$base-color]
 * The border-color of the scroller buttons
 *
 * @param {number} [$horizontal-border-width=0]
 * The border-width of the scroller buttons
 *
 * @param {number} [$vertical-border-width=0]
 * The border-width of the scroller buttons
 *
 * @param {number/list} [$container-padding=0]
 * The padding of the container that these scroller buttons will be used in.  Used for
 * setting margin offsets of the inner layout element to reserve space for the scrollers.
 *
 * @param {string} [$cursor=pointer]
 * The type of cursor to display when the mouse is over a scroller button
 *
 * @param {string} [$cursor-disabled=default]
 * The type of cursor to display when the mouse is over a disabled scroller button
 *
 * @param {string} [$align=middle]
 * Vertical alignment of the scroller buttons, or horizontal align of vertically oriented
 * scroller buttons. Can be one of the following values:
 *
 * - `begin`
 * - `middle`
 * - `end`
 * - `stretch`
 *
 * @param {number} [$opacity=0.6]
 * The opacity of the scroller buttons. Only applicable when `$classic` is `false`.
 *
 * @param {number} [$opacity-over=0.8]
 * The opacity of hovered scroller buttons. Only applicable when `$classic` is `false`.
 *
 * @param {number} [$opacity-pressed=1]
 * The opacity of pressed scroller buttons. Only applicable when `$classic` is `false`.
 *
 * @param {number} [$opacity-disabled=0.25]
 * The opacity of disabled scroller buttons. Only applicable when `$classic` is `false`.
 *
 * @param {boolean} [$classic=false]
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given
 * their hover state by changing their background-position,  When `false` scroller buttons
 * are given their hover state by applying opacity.
 *
 * @member Ext.layout.container.Box
 * @private
 */
/**
 * Creates a visual theme for a Toolbar.

 * @param {String} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$background-color=$toolbar-background-color]
 * The background color of the toolbar
 *
 * @param {string/list} [$background-gradient=$toolbar-background-gradient]
 * The background gradient of the toolbar
 *
 * @param {string/list} [$vertical-spacing=$toolbar-vertical-spacing]
 * The vertical spacing of the toolbar's items
 *
 * @param {string/list} [$horizontal-spacing=$toolbar-horizontal-spacing]
 * The horizontal spacing of the toolbar's items
 *
 * @param {color} [$border-color=$toolbar-border-color]
 * The border color of the toolbar
 *
 * @param {number} [$border-width=$toolbar-border-width]
 * The border-width of the toolbar
 *
 * @param {number} [$border-style=$toolbar-border-style]
 * The border-style of the toolbar
 *
 * @param {number} [$spacer-width=$toolbar-spacer-width]
 * The width of the toolbar's {@link Ext.toolbar.Spacer Spacers}
 *
 * @param {color} [$separator-color=$toolbar-separator-color]
 * The main border-color of the toolbar's {@link Ext.toolbar.Separator Separators}
 *
 * @param {color} [$separator-highlight-color=$toolbar-separator-highlight-color]
 * The highlight border-color of the toolbar's {@link Ext.toolbar.Separator Separators}
 *
 * @param {number/list} [$separator-horizontal-margin=$toolbar-separator-horizontal-margin]
 * The margin of {@link Ext.toolbar.Separator Separators} when the toolbar is horizontally aligned
 *
 * @param {number} [$separator-horizontal-height=$toolbar-separator-horizontal-height]
 * The height of {@link Ext.toolbar.Separator Separators} when the toolbar is vertically aligned
 *
 * @param {string} [$separator-horizontal-border-style=$toolbar-separator-horizontal-border-style]
 * The border-style of {@link Ext.toolbar.Separator Separators} when the toolbar is horizontally aligned
 *
 * @param {number} [$separator-horizontal-border-width=$toolbar-separator-horizontal-border-width]
 * The border-width of {@link Ext.toolbar.Separator Separators} when the toolbar is horizontally aligned
 *
 * @param {number/list} [$separator-vertical-margin=$toolbar-separator-vertical-margin]
 * The margin of {@link Ext.toolbar.Separator Separators} when the toolbar is vertically aligned
 *
 * @param {string} [$separator-vertical-border-style=$toolbar-separator-vertical-border-style]
 * The border-style of {@link Ext.toolbar.Separator Separators} when the toolbar is vertically aligned
 *
 * @param {number} [$separator-vertical-border-width=$toolbar-separator-vertical-border-width]
 * The border-width of {@link Ext.toolbar.Separator Separators} when the toolbar is vertically aligned
 *
 * @param {string} [$text-font-family=$toolbar-text-font-family]
 * The default font-family of the toolbar's text items
 *
 * @param {number} [$text-font-size=$toolbar-text-font-size]
 * The default font-size of the toolbar's text items
 *
 * @param {number} [$text-font-weight=$toolbar-text-font-weight]
 * The default font-weight of the toolbar's text items
 *
 * @param {color} [$text-color=$toolbar-text-color]
 * The color of the toolbar's text items
 *
 * @param {number} [$text-line-height=$toolbar-text-line-height]
 * The line-height of the toolbar's text items
 *
 * @param {number/list} [$text-padding=$toolbar-text-padding]
 * The padding of the toolbar's text items
 *
 * @param {number} [$scroller-width=$toolbar-scroller-width]
 * The width of the scroller buttons
 *
 * @param {number} [$scroller-height=$toolbar-scroller-height]
 * The height of the scroller buttons
 *
 * @param {number} [$scroller-vertical-width=$toolbar-scroller-vertical-width]
 * The width of scrollers on vertically aligned toolbars
 *
 * @param {number} [$scroller-vertical-height=$toolbar-scroller-vertical-height]
 * The height of scrollers on vertically aligned toolbars
 *
 * @param {color} [$scroller-border-color=$toolbar-scroller-border-color]
 * The border-color of the scroller buttons
 *
 * @param {color} [$scroller-border-width=$toolbar-scroller-border-width]
 * The border-width of the scroller buttons
 *
 * @param {color} [$scroller-vertical-border-color=$toolbar-scroller-vertical-border-color]
 * The border-color of scroller buttons on vertically aligned toolbars
 *
 * @param {color} [$scroller-vertical-border-width=$toolbar-scroller-vertical-border-width]
 * The border-width of scroller buttons on vertically aligned toolbars
 *
 * @param {number/list} [$scroller-top-margin=$toolbar-scroller-top-margin]
 * The margin of "top" scroller buttons
 *
 * @param {number/list} [$scroller-right-margin=$toolbar-scroller-right-margin]
 * The margin of "right" scroller buttons
 *
 * @param {number/list} [$scroller-bottom-margin=$toolbar-scroller-bottom-margin]
 * The margin of "bottom" scroller buttons
 *
 * @param {number/list} [$scroller-left-margin=$toolbar-scroller-left-margin]
 * The margin of "left" scroller buttons
 *
 * @param {string} [$scroller-cursor=$toolbar-scroller-cursor]
 * The cursor of Toolbar scrollers
 *
 * @param {string} [$scroller-cursor-disabled=$toolbar-scroller-cursor-disabled]
 * The cursor of disabled Toolbar scrollers
 *
 * @param {number} [$scroller-opacity=$toolbar-scroller-opacity]
 * The opacity of Toolbar scroller buttons. Only applicable when
 * `$classic-scrollers` is `false`.
 *
 * @param {number} [$scroller-opacity-over=$toolbar-scroller-opacity-over]
 * The opacity of hovered Toolbar scroller buttons. Only applicable when
 * `$classic-scrollers` is `false`.
 *
 * @param {number} [$scroller-opacity-pressed=$toolbar-scroller-opacity-pressed]
 * The opacity of pressed Toolbar scroller buttons. Only applicable when
 * `$classic-scrollers` is `false`.
 *
 * @param {number} [$scroller-opacity-disabled=$toolbar-scroller-opacity-disabled]
 * The opacity of disabled Toolbar scroller buttons.
 *
 * @param {string} [$tool-background-image=$toolbar-tool-background-image]
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 *
 * @param {boolean} [$classic-scrollers=$toolbar-classic-scrollers]
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given
 * their hover state by changing their background-position,  When `false` scroller buttons
 * are given their hover state by applying opacity.
 *
 * @member Ext.toolbar.Toolbar
 */
/* line 198, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default {
  padding: 6px 0 6px 8px;
  border-style: solid;
  border-color: #cecece;
  border-width: 1px;
  background-image: none;
  background-color: white; }
  /* line 202, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default.x-rtl {
    padding: 6px 8px 6px 0; }
  /* line 214, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default .x-tool-img {
    background-image: url(images/tools/tool-sprites-dark.png);
    background-color: white; }
  /* line 227, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default .x-toolbar-item {
    margin: 0 8px 0 0; }
    /* line 231, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
    .x-toolbar-default .x-toolbar-item.x-rtl {
      margin: 0 0 0 8px; }
  /* line 237, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default .x-toolbar-separator-horizontal {
    margin: 0 8px 0 0;
    height: 14px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-left-color: #e1e1e1;
    border-right-color: white; }
  /* line 246, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default .x-box-menu-after {
    margin: 0 8px; }

/* line 251, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default-vertical {
  padding: 6px 8px 0; }
  /* line 255, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default-vertical.x-rtl {
    padding: 6px 8px 0; }
  /* line 260, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default-vertical .x-toolbar-item {
    margin: 0 0 6px 0; }
    /* line 263, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
    .x-toolbar-default-vertical .x-toolbar-item.x-rtl {
      margin: 0 0 6px 0; }
  /* line 269, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default-vertical .x-toolbar-separator-vertical {
    margin: 0 5px 6px;
    border-style: solid none;
    border-width: 1px 0 0;
    border-top-color: #e1e1e1;
    border-bottom-color: white; }
  /* line 277, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-default-vertical .x-box-menu-after {
    margin: 6px 0; }

/* line 292, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-text-default {
  padding: 0 4px;
  color: #333f49;
  font: 300 13px/16px helvetica, arial, verdana, sans-serif; }

/* line 298, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-spacer-default {
  width: 2px; }

/* line 145, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-toolbar-default-scroller .x-box-scroller-body-horizontal {
  margin-left: 16px; }
/* line 150, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-toolbar-default-scroller.x-rtl .x-box-scroller-body-horizontal {
  margin-left: 0;
  margin-right: 16px; }

/* line 158, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-toolbar-default-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 18px; }

/* line 163, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-box-scroller-toolbar-default {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  /* line 172, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
  /* line 178, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-pressed {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
  /* line 184, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25;
    cursor: default; }
  /* line 195, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-left, .x-box-scroller-toolbar-default.x-box-scroller-right {
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px; }
  /* line 221, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-left {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    background-image: url(images/toolbar/default-scroll-left.png); }
  /* line 244, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-right {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    background-image: url(images/toolbar/default-scroll-right.png); }
  /* line 270, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-top, .x-box-scroller-toolbar-default.x-box-scroller-bottom {
    height: 16px;
    width: 16px;
    left: 50%;
    margin-left: -8px; }
  /* line 296, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-top {
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 4px;
    background-image: url(images/toolbar/default-scroll-top.png); }
  /* line 319, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-default.x-box-scroller-bottom {
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 4px;
    background-image: url(images/toolbar/default-scroll-bottom.png); }

/* line 335, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-ie8 .x-box-scroller-toolbar-default {
  background-color: white; }

/* line 341, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-more-icon {
  background-image: url(images/toolbar/default-more.png); }
  /* line 345, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-more-icon.x-rtl {
    background-image: url(images/toolbar/default-more-left.png); }

/* line 198, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-footer {
  padding: 6px 0 6px 6px;
  border-style: solid;
  border-color: #cecece;
  border-width: 0;
  background-image: none;
  background-color: #e6e6e6; }
  /* line 202, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer.x-rtl {
    padding: 6px 6px 6px 0; }
  /* line 214, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer .x-tool-img {
    background-image: url(images/tools/tool-sprites-dark.png);
    background-color: #e6e6e6; }
  /* line 227, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer .x-toolbar-item {
    margin: 0 6px 0 0; }
    /* line 231, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
    .x-toolbar-footer .x-toolbar-item.x-rtl {
      margin: 0 0 0 6px; }
  /* line 237, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer .x-toolbar-separator-horizontal {
    margin: 0 8px 0 0;
    height: 14px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-left-color: #e1e1e1;
    border-right-color: white; }
  /* line 246, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer .x-box-menu-after {
    margin: 0 6px; }

/* line 251, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-footer-vertical {
  padding: 6px 6px 0; }
  /* line 255, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer-vertical.x-rtl {
    padding: 6px 6px 0; }
  /* line 260, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer-vertical .x-toolbar-item {
    margin: 0 0 6px 0; }
    /* line 263, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
    .x-toolbar-footer-vertical .x-toolbar-item.x-rtl {
      margin: 0 0 6px 0; }
  /* line 269, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer-vertical .x-toolbar-separator-vertical {
    margin: 0 5px 6px;
    border-style: solid none;
    border-width: 1px 0 0;
    border-top-color: #e1e1e1;
    border-bottom-color: white; }
  /* line 277, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-footer-vertical .x-box-menu-after {
    margin: 6px 0; }

/* line 292, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-text-footer {
  padding: 0 4px;
  color: #333f49;
  font: 300 13px/16px helvetica, arial, verdana, sans-serif; }

/* line 298, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-spacer-footer {
  width: 2px; }

/* line 145, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-toolbar-footer-scroller .x-box-scroller-body-horizontal {
  margin-left: 18px; }
/* line 150, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-toolbar-footer-scroller.x-rtl .x-box-scroller-body-horizontal {
  margin-left: 0;
  margin-right: 18px; }

/* line 158, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-toolbar-footer-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 18px; }

/* line 163, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-box-scroller-toolbar-footer {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  /* line 172, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-footer.x-box-scroller-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
  /* line 178, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-footer.x-box-scroller-pressed {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
  /* line 184, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-footer.x-box-scroller-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25;
    cursor: default; }
  /* line 195, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-footer.x-box-scroller-left, .x-box-scroller-toolbar-footer.x-box-scroller-right {
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px; }
  /* line 221, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-footer.x-box-scroller-left {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    background-image: url(images/toolbar/footer-scroll-left.png); }
  /* line 244, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-toolbar-footer.x-box-scroller-right {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    background-image: url(images/toolbar/footer-scroll-right.png); }

/* line 335, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-ie8 .x-box-scroller-toolbar-footer {
  background-color: #e6e6e6; }

/* line 341, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-more-icon {
  background-image: url(images/toolbar/footer-more.png); }
  /* line 345, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
  .x-toolbar-more-icon.x-rtl {
    background-image: url(images/toolbar/footer-more-left.png); }

/**
 * Creates a visual theme for a Panel.
 *
 * **Note:** When using `frame: true`, this mixin call creates a UI property with the name and a "-framed" suffix.
 *
 * For example, Panel's UI will be set to "highlight-framed" if `frame:true`.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 * 
 * @param {color} [$ui-border-color=$panel-border-color]
 * The border-color of the Panel
 *
 * @param {number} [$ui-border-radius=$panel-border-radius]
 * The border-radius of the Panel
 *
 * @param {number} [$ui-border-width=$panel-border-width]
 * The border-width of the Panel
 *
 * @param {number} [$ui-padding=$panel-padding]
 * The padding of the Panel
 *
 * @param {color} [$ui-header-color=$panel-header-color]
 * The text color of the Header
 *
 * @param {string} [$ui-header-font-family=$panel-header-font-family]
 * The font-family of the Header
 *
 * @param {number} [$ui-header-font-size=$panel-header-font-size]
 * The font-size of the Header
 *
 * @param {string} [$ui-header-font-weight=$panel-header-font-weight]
 * The font-weight of the Header
 *
 * @param {number} [$ui-header-line-height=$panel-header-line-height]
 * The line-height of the Header
 *
 * @param {color} [$ui-header-border-color=$panel-header-border-color]
 * The border-color of the Header
 *
 * @param {number} [$ui-header-border-width=$panel-header-border-width]
 * The border-width of the Header
 *
 * @param {string} [$ui-header-border-style=$panel-header-border-style]
 * The border-style of the Header
 *
 * @param {color} [$ui-header-background-color=$panel-header-background-color]
 * The background-color of the Header
 *
 * @param {string/list} [$ui-header-background-gradient=$panel-header-background-gradient]
 * The background-gradient of the Header. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$ui-header-inner-border-color=$panel-header-inner-border-color]
 * The inner border-color of the Header
 *
 * @param {number} [$ui-header-inner-border-width=$panel-header-inner-border-width]
 * The inner border-width of the Header
 *
 * @param {number/list} [$ui-header-text-padding=$panel-header-text-padding]
 * The padding of the Header's text element
 *
 * @param {number/list} [$ui-header-text-margin=$panel-header-text-margin]
 * The margin of the Header's text element
 *
 * @param {string} [$ui-header-text-transform=$panel-header-text-transform]
 * The text-transform of the Header
 *
 * @param {number/list} [$ui-header-padding=$panel-header-padding]
 * The padding of the Header
 *
 * @param {number} [$ui-header-icon-width=$panel-header-icon-width]
 * The width of the Header icon
 *
 * @param {number} [$ui-header-icon-height=$panel-header-icon-height]
 * The height of the Header icon
 *
 * @param {number} [$ui-header-icon-spacing=$panel-header-icon-spacing]
 * The space between the Header icon and text
 *
 * @param {list} [$ui-header-icon-background-position=$panel-header-icon-background-position]
 * The background-position of the Header icon
 *
 * @param {color} [$ui-header-glyph-color=$panel-header-glyph-color]
 * The color of the Header glyph icon
 *
 * @param {number} [$ui-header-glyph-opacity=$panel-header-glyph-opacity]
 * The opacity of the Header glyph icon
 *
 * @param {number} [$ui-header-noborder-adjust=$panel-header-noborder-adjust]
 * True to adjust the padding of borderless panel headers so that their height is the same
 * as the height of bordered panels.  This is helpful when borderless and bordered panels
 * are used side-by-side, as it maintains a consistent vertical alignment.
 *
 * @param {number} [$ui-tool-spacing=$panel-tool-spacing]
 * The space between the Panel {@link Ext.panel.Tool Tools}
 *
 * @param {string} [$ui-tool-background-image=$panel-tool-background-image]
 * The background sprite to use for Panel {@link Ext.panel.Tool Tools}
 *
 * @param {color} [$ui-body-color=$panel-body-color]
 * The color of text inside the Panel body
 *
 * @param {color} [$ui-body-border-color=$panel-body-border-color]
 * The border-color of the Panel body
 *
 * @param {number} [$ui-body-border-width=$panel-body-border-width]
 * The border-width of the Panel body
 *
 * @param {string} [$ui-body-border-style=$panel-body-border-style]
 * The border-style of the Panel body
 *
 * @param {color} [$ui-body-background-color=$panel-body-background-color]
 * The background-color of the Panel body
 *
 * @param {number} [$ui-body-font-size=$panel-body-font-size]
 * The font-size of the Panel body
 *
 * @param {string} [$ui-body-font-weight=$panel-body-font-weight]
 * The font-weight of the Panel body
 *
 * @param {string} [$ui-background-stretch-top=$panel-background-stretch-top]
 * The direction to strech the background-gradient of top docked Headers when slicing images
 * for IE using Sencha Cmd
 *
 * @param {string} [$ui-background-stretch-bottom=$panel-background-stretch-bottom]
 * The direction to strech the background-gradient of bottom docked Headers when slicing images
 * for IE using Sencha Cmd
 *
 * @param {string} [$ui-background-stretch-right=$panel-background-stretch-right]
 * The direction to strech the background-gradient of right docked Headers when slicing images
 * for IE using Sencha Cmd
 *
 * @param {string} [$ui-background-stretch-left=$panel-background-stretch-left]
 * The direction to strech the background-gradient of left docked Headers when slicing images
 * for IE using Sencha Cmd
 *
 * @param {boolean} [$ui-include-border-management-rules=$panel-include-border-management-rules]
 * True to include neptune style border management rules.
 *
 * @param {color} [$ui-wrap-border-color=$panel-wrap-border-color]
 * The color to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$ui-include-border-management-rules` is
 * `true`.
 *
 * @param {color} [$ui-wrap-border-width=$panel-wrap-border-width]
 * The width to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$ui-include-border-management-rules` is
 * `true`.
 *
 * @param {boolean} [$ui-ignore-frame-padding=$panel-ignore-frame-padding]
 * True to ignore the frame padding.  By default, the frame mixin adds extra padding when
 * border radius is larger than border width.  This is intended to prevent the content
 * from colliding with the rounded corners of the frame.  Set this to true to prevent
 * the panel frame from adding this extra padding.
 *
 * @member Ext.panel.Panel
 */
/* line 864, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 256, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default {
  border-color: #f5f5f5;
  padding: 0; }

/* line 262, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default {
  font-size: 15px;
  border: 1px solid #f5f5f5; }
  /* line 269, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default .x-tool-img {
    background-color: #f5f5f5; }

/* line 282, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal {
  padding: 9px 9px 10px 9px; }
  /* line 286, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-horizontal .x-panel-header-default-tab-bar {
    margin-top: -9px;
    margin-bottom: -10px; }

/* line 294, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal.x-header-noborder {
  padding: 10px 10px 10px 10px; }
  /* line 298, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-horizontal.x-header-noborder .x-panel-header-default-tab-bar {
    margin-top: -10px;
    margin-bottom: -10px; }

/* line 306, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical {
  padding: 9px 9px 9px 10px; }
  /* line 310, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-vertical .x-panel-header-default-tab-bar {
    margin-right: -9px;
    margin-left: -10px; }

/* line 318, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical.x-header-noborder {
  padding: 10px 10px 10px 10px; }
  /* line 322, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-vertical.x-header-noborder .x-panel-header-default-tab-bar {
    margin-right: -10px;
    margin-left: -10px; }

/* line 331, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-vertical {
  padding: 9px 10px 9px 9px; }
  /* line 335, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-rtl.x-panel-header-default-vertical .x-panel-header-default-tab-bar {
    margin-left: -9px;
    margin-right: -10px; }

/* line 343, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-vertical.x-header-noborder {
  padding: 10px 10px 10px 10px; }
  /* line 347, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-rtl.x-panel-header-default-vertical.x-header-noborder .x-panel-header-default-tab-bar {
    margin-left: -10px;
    margin-right: -10px; }

/* line 356, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-title-default {
  color: #157fcc;
  font-size: 15px;
  font-weight: 300;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 16px; }
  /* line 369, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default > .x-title-text-default {
    text-transform: none;
    padding: 0; }
  /* line 412, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-top {
    height: 22px;
    padding-bottom: 6px; }
  /* line 417, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-right {
    width: 22px;
    padding-left: 6px; }
    /* line 422, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
    .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-right.x-rtl {
      padding-left: 0;
      padding-right: 6px; }
  /* line 429, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-bottom {
    height: 22px;
    padding-top: 6px; }
  /* line 434, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-left {
    width: 22px;
    padding-right: 6px; }
    /* line 439, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
    .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-left.x-rtl {
      padding-right: 0;
      padding-left: 6px; }
  /* line 446, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    width: 16px;
    height: 16px;
    background-position: center center; }
  /* line 452, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-glyph {
    color: #157fcc;
    font-size: 16px;
    line-height: 16px;
    opacity: 0.5; }
    /* line 469, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
    .x-ie8 .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-glyph {
      color: #85bae0; }

/* line 479, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-body-default {
  background: white;
  border-color: #cecece;
  color: black;
  font-size: 13px;
  font-weight: 300;
  font-family: helvetica, arial, verdana, sans-serif;
  border-width: 1px;
  border-style: solid; }

/* line 643, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default {
  background-image: none;
  background-color: #f5f5f5; }

/* line 647, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical {
  background-image: none;
  background-color: #f5f5f5; }

/* line 652, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-vertical {
  background-image: none;
  background-color: #f5f5f5; }

/* line 705, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-collapsed-border-top {
  border-bottom-width: 1px !important; }
/* line 709, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-collapsed-border-right {
  border-left-width: 1px !important; }
/* line 713, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-collapsed-border-bottom {
  border-top-width: 1px !important; }
/* line 717, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-collapsed-border-left {
  border-right-width: 1px !important; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-top:before {
  display: none;
  content: "x-slicer:stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-bottom:before {
  display: none;
  content: "x-slicer:stretch:top" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-left:before {
  display: none;
  content: "x-slicer:stretch:right" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-right:before {
  display: none;
  content: "x-slicer:stretch:left" !important; }

/*</if slicer>*/
/* */
/* line 753, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-tool-after-title {
  margin: 0 0 0 6px; }
/* line 758, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-rtl.x-tool-after-title {
  margin: 0 6px 0 0; }
/* line 763, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-tool-before-title {
  margin: 0 6px 0 0; }
/* line 768, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-rtl.x-tool-before-title {
  margin: 0 0 0 6px; }

/* line 775, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-tool-after-title {
  margin: 6px 0 0 0; }
/* line 780, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-rtl.x-tool-after-title {
  margin: 6px 0 0 0; }
/* line 785, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-tool-before-title {
  margin: 0 0 6px 0; }
/* line 790, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-rtl.x-tool-before-title {
  margin: 0 0 6px 0; }

/* line 798, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-collapsed-border-right {
  border-right-width: 1px !important; }
/* line 801, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-collapsed-border-left {
  border-left-width: 1px !important; }

/* line 815, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-resizable .x-panel-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

/* line 2, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-l {
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 6, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-b {
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 10, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-bl {
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 16, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-r {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important; }

/* line 20, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-rl {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 26, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-rb {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 32, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-rbl {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 40, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-t {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important; }

/* line 44, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-tl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 50, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-tb {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 56, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-tbl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 64, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-tr {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important; }

/* line 70, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-trl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 78, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-trb {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 86, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-trbl {
  border-color: #f5f5f5 !important;
  border-width: 1px !important; }

/* line 256, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed {
  border-color: #f5f5f5;
  padding: 0; }

/* line 262, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed {
  font-size: 15px;
  border: 1px solid #f5f5f5; }
  /* line 269, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-framed .x-tool-img {
    background-color: #f5f5f5; }

/* line 282, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal {
  padding: 9px 9px 9px 9px; }
  /* line 286, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-framed-horizontal .x-panel-header-default-framed-tab-bar {
    margin-top: -9px;
    margin-bottom: -9px; }

/* line 294, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal.x-header-noborder {
  padding: 10px 10px 9px 10px; }
  /* line 298, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-framed-horizontal.x-header-noborder .x-panel-header-default-framed-tab-bar {
    margin-top: -10px;
    margin-bottom: -9px; }

/* line 306, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical {
  padding: 9px 9px 9px 9px; }
  /* line 310, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-framed-vertical .x-panel-header-default-framed-tab-bar {
    margin-right: -9px;
    margin-left: -9px; }

/* line 318, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical.x-header-noborder {
  padding: 10px 10px 10px 9px; }
  /* line 322, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-default-framed-vertical.x-header-noborder .x-panel-header-default-framed-tab-bar {
    margin-right: -10px;
    margin-left: -9px; }

/* line 331, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-framed-vertical {
  padding: 9px 9px 9px 9px; }
  /* line 335, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-rtl.x-panel-header-default-framed-vertical .x-panel-header-default-framed-tab-bar {
    margin-left: -9px;
    margin-right: -9px; }

/* line 343, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-framed-vertical.x-header-noborder {
  padding: 10px 9px 10px 10px; }
  /* line 347, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-rtl.x-panel-header-default-framed-vertical.x-header-noborder .x-panel-header-default-framed-tab-bar {
    margin-left: -10px;
    margin-right: -9px; }

/* line 356, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-title-default-framed {
  color: #157fcc;
  font-size: 15px;
  font-weight: 300;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 16px; }
  /* line 369, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default-framed > .x-title-text-default-framed {
    text-transform: none;
    padding: 0; }
  /* line 412, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed.x-title-icon-top {
    height: 22px;
    padding-bottom: 6px; }
  /* line 417, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed.x-title-icon-right {
    width: 22px;
    padding-left: 6px; }
    /* line 422, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
    .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed.x-title-icon-right.x-rtl {
      padding-left: 0;
      padding-right: 6px; }
  /* line 429, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed.x-title-icon-bottom {
    height: 22px;
    padding-top: 6px; }
  /* line 434, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed.x-title-icon-left {
    width: 22px;
    padding-right: 6px; }
    /* line 439, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
    .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed.x-title-icon-left.x-rtl {
      padding-right: 0;
      padding-left: 6px; }
  /* line 446, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed > .x-title-icon-default-framed {
    width: 16px;
    height: 16px;
    background-position: center center; }
  /* line 452, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
  .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed > .x-title-glyph {
    color: #157fcc;
    font-size: 16px;
    line-height: 16px;
    opacity: 0.5; }
    /* line 469, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
    .x-ie8 .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed > .x-title-glyph {
      color: #85bae0; }

/* line 479, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-body-default-framed {
  background: white;
  border-color: #cecece;
  color: black;
  font-size: 13px;
  font-weight: 300;
  font-family: helvetica, arial, verdana, sans-serif;
  border-width: 1px;
  border-style: solid; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0 0 0 0;
  border-width: 1px;
  border-style: solid;
  background-color: white; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-mc {
  background-color: white; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-default-framed {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-3px-3px-3px-3px; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tr,
.x-panel-default-framed-br,
.x-panel-default-framed-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tl,
.x-panel-default-framed-bl,
.x-panel-default-framed-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tl,
.x-panel-default-framed-bl,
.x-panel-default-framed-tr,
.x-panel-default-framed-br,
.x-panel-default-framed-tc,
.x-panel-default-framed-bc,
.x-panel-default-framed-ml,
.x-panel-default-framed-mr {
  background-image: url(images/panel/panel-default-framed-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-ml,
.x-panel-default-framed-mr {
  background-image: url(images/panel/panel-default-framed-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-mc {
  padding: 0 0 0 0; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-default-framed:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/panel/panel-default-framed-corners.gif), sides:url(images/panel/panel-default-framed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 9px 9px 9px 9px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-default-framed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-frameInfo {
  font-family: dh-4-4-0-4-1-1-0-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tr,
.x-panel-header-default-framed-top-br,
.x-panel-header-default-framed-top-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tl,
.x-panel-header-default-framed-top-bl,
.x-panel-header-default-framed-top-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-bc {
  height: 0; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tl,
.x-panel-header-default-framed-top-bl,
.x-panel-header-default-framed-top-tr,
.x-panel-header-default-framed-top-br,
.x-panel-header-default-framed-top-tc,
.x-panel-header-default-framed-top-bc,
.x-panel-header-default-framed-top-ml,
.x-panel-header-default-framed-top-mr {
  background-image: url(images/panel-header/panel-header-default-framed-top-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-ml,
.x-panel-header-default-framed-top-mr {
  background-image: url(images/panel-header/panel-header-default-framed-top-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-mc {
  padding: 6px 6px 9px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-framed-top:before {
  display: none;
  content: "x-slicer:frame:4px 4px 0 4px, corners:url(images/panel-header/panel-header-default-framed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-top-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 9px 9px 9px 9px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 226, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-right {
  background-image: none;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-default-framed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-frameInfo {
  font-family: dh-4-4-4-0-1-1-1-0-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-ml {
  background-position: right 0; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-mr {
  background-position: right 0; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tr,
.x-panel-header-default-framed-right-br,
.x-panel-header-default-framed-right-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tl,
.x-panel-header-default-framed-right-bl,
.x-panel-header-default-framed-right-ml {
  padding-left: 0; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tl,
.x-panel-header-default-framed-right-bl,
.x-panel-header-default-framed-right-tr,
.x-panel-header-default-framed-right-br,
.x-panel-header-default-framed-right-tc,
.x-panel-header-default-framed-right-bc,
.x-panel-header-default-framed-right-ml,
.x-panel-header-default-framed-right-mr {
  background-image: url(images/panel-header/panel-header-default-framed-right-corners.gif); }

/* line 428, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-right-tl, .x-rtl.x-panel-header-default-framed-right-ml, .x-rtl.x-panel-header-default-framed-right-bl, .x-rtl.x-panel-header-default-framed-right-tr, .x-rtl.x-panel-header-default-framed-right-mr, .x-rtl.x-panel-header-default-framed-right-br {
  background-image: url(images/panel-header/panel-header-default-framed-right-corners-rtl.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-ml,
.x-panel-header-default-framed-right-mr {
  background-image: url(images/panel-header/panel-header-default-framed-right-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-mc {
  padding: 6px 6px 6px 9px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-framed-right:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 0, corners:url(images/panel-header/panel-header-default-framed-right-corners.gif), corners-rtl:url(images/panel-header/panel-header-default-framed-right-corners-rtl.gif), sides:url(images/panel-header/panel-header-default-framed-right-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-default-framed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-frameInfo {
  font-family: dh-0-4-4-4-0-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-ml {
  background-position: 0 bottom; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-mr {
  background-position: right bottom; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tr,
.x-panel-header-default-framed-bottom-br,
.x-panel-header-default-framed-bottom-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tl,
.x-panel-header-default-framed-bottom-bl,
.x-panel-header-default-framed-bottom-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tc {
  height: 0; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tl,
.x-panel-header-default-framed-bottom-bl,
.x-panel-header-default-framed-bottom-tr,
.x-panel-header-default-framed-bottom-br,
.x-panel-header-default-framed-bottom-tc,
.x-panel-header-default-framed-bottom-bc,
.x-panel-header-default-framed-bottom-ml,
.x-panel-header-default-framed-bottom-mr {
  background-image: url(images/panel-header/panel-header-default-framed-bottom-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-ml,
.x-panel-header-default-framed-bottom-mr {
  background-image: url(images/panel-header/panel-header-default-framed-bottom-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-mc {
  padding: 9px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-framed-bottom:before {
  display: none;
  content: "x-slicer:frame:0 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-bottom-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 226, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-left {
  background-image: none;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-default-framed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-frameInfo {
  font-family: dh-4-0-4-4-1-0-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-ml {
  background-position: left 0; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-mr {
  background-position: left 0; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tr,
.x-panel-header-default-framed-left-br,
.x-panel-header-default-framed-left-mr {
  padding-right: 0; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tl,
.x-panel-header-default-framed-left-bl,
.x-panel-header-default-framed-left-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tl,
.x-panel-header-default-framed-left-bl,
.x-panel-header-default-framed-left-tr,
.x-panel-header-default-framed-left-br,
.x-panel-header-default-framed-left-tc,
.x-panel-header-default-framed-left-bc,
.x-panel-header-default-framed-left-ml,
.x-panel-header-default-framed-left-mr {
  background-image: url(images/panel-header/panel-header-default-framed-left-corners.gif); }

/* line 428, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-left-tl, .x-rtl.x-panel-header-default-framed-left-ml, .x-rtl.x-panel-header-default-framed-left-bl, .x-rtl.x-panel-header-default-framed-left-tr, .x-rtl.x-panel-header-default-framed-left-mr, .x-rtl.x-panel-header-default-framed-left-br {
  background-image: url(images/panel-header/panel-header-default-framed-left-corners-rtl.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-ml,
.x-panel-header-default-framed-left-mr {
  background-image: url(images/panel-header/panel-header-default-framed-left-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-mc {
  padding: 6px 9px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-framed-left:before {
  display: none;
  content: "x-slicer:frame:4px 0 4px 4px, corners:url(images/panel-header/panel-header-default-framed-left-corners.gif), corners-rtl:url(images/panel-header/panel-header-default-framed-left-corners-rtl.gif), sides:url(images/panel-header/panel-header-default-framed-left-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-default-framed-collapsed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tr,
.x-panel-header-default-framed-collapsed-top-br,
.x-panel-header-default-framed-collapsed-top-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tl,
.x-panel-header-default-framed-collapsed-top-bl,
.x-panel-header-default-framed-collapsed-top-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tl,
.x-panel-header-default-framed-collapsed-top-bl,
.x-panel-header-default-framed-collapsed-top-tr,
.x-panel-header-default-framed-collapsed-top-br,
.x-panel-header-default-framed-collapsed-top-tc,
.x-panel-header-default-framed-collapsed-top-bc,
.x-panel-header-default-framed-collapsed-top-ml,
.x-panel-header-default-framed-collapsed-top-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-ml,
.x-panel-header-default-framed-collapsed-top-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-mc {
  padding: 6px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-framed-collapsed-top:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 226, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-collapsed-right {
  background-image: none;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-default-framed-collapsed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-ml {
  background-position: right 0; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-mr {
  background-position: right 0; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tr,
.x-panel-header-default-framed-collapsed-right-br,
.x-panel-header-default-framed-collapsed-right-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tl,
.x-panel-header-default-framed-collapsed-right-bl,
.x-panel-header-default-framed-collapsed-right-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tl,
.x-panel-header-default-framed-collapsed-right-bl,
.x-panel-header-default-framed-collapsed-right-tr,
.x-panel-header-default-framed-collapsed-right-br,
.x-panel-header-default-framed-collapsed-right-tc,
.x-panel-header-default-framed-collapsed-right-bc,
.x-panel-header-default-framed-collapsed-right-ml,
.x-panel-header-default-framed-collapsed-right-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif); }

/* line 428, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-collapsed-right-tl, .x-rtl.x-panel-header-default-framed-collapsed-right-ml, .x-rtl.x-panel-header-default-framed-collapsed-right-bl, .x-rtl.x-panel-header-default-framed-collapsed-right-tr, .x-rtl.x-panel-header-default-framed-collapsed-right-mr, .x-rtl.x-panel-header-default-framed-collapsed-right-br {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-corners-rtl.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-ml,
.x-panel-header-default-framed-collapsed-right-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-mc {
  padding: 6px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-framed-collapsed-right:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif), corners-rtl:url(images/panel-header/panel-header-default-framed-collapsed-right-corners-rtl.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-default-framed-collapsed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-ml {
  background-position: 0 bottom; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-mr {
  background-position: right bottom; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tr,
.x-panel-header-default-framed-collapsed-bottom-br,
.x-panel-header-default-framed-collapsed-bottom-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tl,
.x-panel-header-default-framed-collapsed-bottom-bl,
.x-panel-header-default-framed-collapsed-bottom-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tl,
.x-panel-header-default-framed-collapsed-bottom-bl,
.x-panel-header-default-framed-collapsed-bottom-tr,
.x-panel-header-default-framed-collapsed-bottom-br,
.x-panel-header-default-framed-collapsed-bottom-tc,
.x-panel-header-default-framed-collapsed-bottom-bc,
.x-panel-header-default-framed-collapsed-bottom-ml,
.x-panel-header-default-framed-collapsed-bottom-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-ml,
.x-panel-header-default-framed-collapsed-bottom-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-mc {
  padding: 6px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-framed-collapsed-bottom:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 226, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-collapsed-left {
  background-image: none;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-default-framed-collapsed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-ml {
  background-position: left 0; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-mr {
  background-position: left 0; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tr,
.x-panel-header-default-framed-collapsed-left-br,
.x-panel-header-default-framed-collapsed-left-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tl,
.x-panel-header-default-framed-collapsed-left-bl,
.x-panel-header-default-framed-collapsed-left-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tl,
.x-panel-header-default-framed-collapsed-left-bl,
.x-panel-header-default-framed-collapsed-left-tr,
.x-panel-header-default-framed-collapsed-left-br,
.x-panel-header-default-framed-collapsed-left-tc,
.x-panel-header-default-framed-collapsed-left-bc,
.x-panel-header-default-framed-collapsed-left-ml,
.x-panel-header-default-framed-collapsed-left-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif); }

/* line 428, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-collapsed-left-tl, .x-rtl.x-panel-header-default-framed-collapsed-left-ml, .x-rtl.x-panel-header-default-framed-collapsed-left-bl, .x-rtl.x-panel-header-default-framed-collapsed-left-tr, .x-rtl.x-panel-header-default-framed-collapsed-left-mr, .x-rtl.x-panel-header-default-framed-collapsed-left-br {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-corners-rtl.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-ml,
.x-panel-header-default-framed-collapsed-left-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-mc {
  padding: 6px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-panel-header-default-framed-collapsed-left:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif), corners-rtl:url(images/panel-header/panel-header-default-framed-collapsed-left-corners-rtl.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 605, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-framed-top {
  border-bottom-width: 1px !important; }
/* line 609, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-framed-right {
  border-left-width: 1px !important; }
/* line 613, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-framed-bottom {
  border-top-width: 1px !important; }
/* line 617, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-framed-left {
  border-right-width: 1px !important; }

/* line 623, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-default-framed-collapsed-top {
  border-bottom-width: 0 !important; }
/* line 627, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-default-framed-collapsed-right {
  border-left-width: 0 !important; }
/* line 631, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-default-framed-collapsed-bottom {
  border-top-width: 0 !important; }
/* line 635, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-default-framed-collapsed-left {
  border-right-width: 0 !important; }

/* line 753, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-tool-after-title {
  margin: 0 0 0 6px; }
/* line 758, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-rtl.x-tool-after-title {
  margin: 0 6px 0 0; }
/* line 763, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-tool-before-title {
  margin: 0 6px 0 0; }
/* line 768, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-rtl.x-tool-before-title {
  margin: 0 0 0 6px; }

/* line 775, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-tool-after-title {
  margin: 6px 0 0 0; }
/* line 780, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-rtl.x-tool-after-title {
  margin: 6px 0 0 0; }
/* line 785, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-tool-before-title {
  margin: 0 0 6px 0; }
/* line 790, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-rtl.x-tool-before-title {
  margin: 0 0 6px 0; }

/* line 798, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-framed-collapsed-border-right {
  border-right-width: 1px !important; }
/* line 801, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-framed-collapsed-border-left {
  border-left-width: 1px !important; }

/* line 815, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

/* line 2, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-l {
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 6, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-b {
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 10, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-bl {
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 16, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-r {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important; }

/* line 20, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-rl {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 26, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-rb {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 32, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-rbl {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 40, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-t {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important; }

/* line 44, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-tl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 50, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-tb {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 56, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-tbl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 64, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-tr {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important; }

/* line 70, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-trl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 78, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-trb {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 86, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-framed-outer-border-trbl {
  border-color: #f5f5f5 !important;
  border-width: 1px !important; }

/**
 * Creates a visual theme for a ButtonGroup.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-background-color=$btn-group-background-color]
 * The background-color of the button group
 *
 * @param {color} [$ui-border-color=$btn-group-border-color]
 * The border-color of the button group
 *
 * @param {number} [$ui-border-width=$btn-group-border-width]
 * The border-width of the button group
 *
 * @param {number} [$ui-border-radius=$btn-group-border-radius]
 * The border-radius of the button group
 *
 * @param {color} [$ui-inner-border-color=$btn-group-inner-border-color]
 * The inner border-color of the button group
 *
 * @param {color} [$ui-header-background-color=$btn-group-header-background-color]
 * The background-color of the header
 *
 * @param {string} [$ui-header-font=$btn-group-header-font]
 * The font of the header
 *
 * @param {color} [$ui-header-color=$btn-group-header-color]
 * The text color of the header
 *
 * @param {number} [$ui-header-line-height=$btn-group-header-line-height]
 * The line-height of the header
 *
 * @param {number} [$ui-header-padding=$btn-group-header-padding]
 * The padding of the header
 *
 * @param {number} [$ui-body-padding=$btn-group-padding]
 * The padding of the body element
 *
 * @param {string} [$ui-tool-background-image=$btn-group-tool-background-image]
 * Sprite image to use for header {@link Ext.panel.Tool Tools}
 *
 * @member Ext.container.ButtonGroup
 */
/* line 101, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-default {
  border-color: white;
  -webkit-box-shadow: white 0 1px 0px 0 inset, white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
  -moz-box-shadow: white 0 1px 0px 0 inset, white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
  box-shadow: white 0 1px 0px 0 inset, white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset; }

/* line 110, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-header-default {
  padding: 4px 5px;
  line-height: 16px;
  background: white;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px; }
  /* line 121, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
  .x-btn-group-header-default .x-tool-img {
    background-image: url(images/tools/tool-sprites-dark.png);
    background-color: white; }

/* line 132, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-header-text-container-default {
  font: 300 13px helvetica, arial, verdana, sans-serif;
  line-height: 16px;
  color: black; }

/* line 138, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-body-default {
  padding: 0 1px; }
  /* line 140, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
  .x-btn-group-body-default .x-table-layout {
    border-spacing: 5px; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 1px 0px 1px;
  border-width: 3px;
  border-style: solid;
  background-color: white; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-mc {
  background-color: white; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-group-default-framed {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-frameInfo {
  font-family: dh-3-3-3-3-3-3-3-3-0-1-0-1; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tr,
.x-btn-group-default-framed-br,
.x-btn-group-default-framed-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tl,
.x-btn-group-default-framed-bl,
.x-btn-group-default-framed-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tl,
.x-btn-group-default-framed-bl,
.x-btn-group-default-framed-tr,
.x-btn-group-default-framed-br,
.x-btn-group-default-framed-tc,
.x-btn-group-default-framed-bc,
.x-btn-group-default-framed-ml,
.x-btn-group-default-framed-mr {
  background-image: url(images/btn-group/btn-group-default-framed-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-ml,
.x-btn-group-default-framed-mr {
  background-image: url(images/btn-group/btn-group-default-framed-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-mc {
  padding: 0px 1px 0px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-group-default-framed:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn-group/btn-group-default-framed-corners.gif), sides:url(images/btn-group/btn-group-default-framed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 1px 0px 1px;
  border-width: 3px;
  border-style: solid;
  background-color: white; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-mc {
  background-color: white; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-group-default-framed-notitle {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-frameInfo {
  font-family: dh-3-3-3-3-3-3-3-3-0-1-0-1; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tr,
.x-btn-group-default-framed-notitle-br,
.x-btn-group-default-framed-notitle-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tl,
.x-btn-group-default-framed-notitle-bl,
.x-btn-group-default-framed-notitle-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tl,
.x-btn-group-default-framed-notitle-bl,
.x-btn-group-default-framed-notitle-tr,
.x-btn-group-default-framed-notitle-br,
.x-btn-group-default-framed-notitle-tc,
.x-btn-group-default-framed-notitle-bc,
.x-btn-group-default-framed-notitle-ml,
.x-btn-group-default-framed-notitle-mr {
  background-image: url(images/btn-group/btn-group-default-framed-notitle-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-ml,
.x-btn-group-default-framed-notitle-mr {
  background-image: url(images/btn-group/btn-group-default-framed-notitle-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-mc {
  padding: 0px 1px 0px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-group-default-framed-notitle:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn-group/btn-group-default-framed-notitle-corners.gif), sides:url(images/btn-group/btn-group-default-framed-notitle-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 101, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-default-framed {
  border-color: white;
  -webkit-box-shadow: white 0 1px 0px 0 inset, white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
  -moz-box-shadow: white 0 1px 0px 0 inset, white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
  box-shadow: white 0 1px 0px 0 inset, white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset; }

/* line 110, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-header-default-framed {
  padding: 4px 5px;
  line-height: 16px;
  background: white;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }
  /* line 121, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
  .x-btn-group-header-default-framed .x-tool-img {
    background-image: url(images/tools/tool-sprites-dark.png);
    background-color: white; }

/* line 132, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-header-text-container-default-framed {
  font: 300 13px helvetica, arial, verdana, sans-serif;
  line-height: 16px;
  color: black; }

/* line 138, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-body-default-framed {
  padding: 0 1px 0 1px; }
  /* line 140, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
  .x-btn-group-body-default-framed .x-table-layout {
    border-spacing: 5px; }

/* line 1, ../../../ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-column {
  padding: 0 0 7px 0; }

/* line 5, ../../../ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-panel {
  margin-top: 7px; }

/* line 9, ../../../ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-column-first {
  padding-left: 7px;
  clear: left; }

/* line 14, ../../../ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-column-last {
  padding-right: 7px; }

/* line 18, ../../../ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard .x-panel-dd-spacer {
  border: 2px dashed #99bbe8;
  background: #f6f6f6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 7px; }

/* line 28, ../../../ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-dd-over {
  overflow: hidden !important; }

/**
 * Creates a visual theme for a Window
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$ui-padding=$window-padding]
 * The padding of the Window
 *
 * @param {number} [$ui-border-radius=$window-border-radius]
 * The border-radius of the Window
 *
 * @param {color} [$ui-border-color=$window-border-color]
 * The border-color of the Window
 *
 * @param {number} [$ui-border-width=$window-border-width]
 * The border-width of the Window
 *
 * @param {color} [$ui-inner-border-color=$window-inner-border-color]
 * The inner border-color of the Window
 *
 * @param {number} [$ui-inner-border-width=$window-inner-border-width]
 * The inner border-width of the Window
 *
 * @param {color} [$ui-header-color=$window-header-color]
 * The text color of the Header
 *
 * @param {color} [$ui-header-background-color=$window-header-background-color]
 * The background-color of the Header
 *
 * @param {number/list} [$ui-header-padding=$window-header-padding]
 * The padding of the Header
 *
 * @param {string} [$ui-header-font-family=$window-header-font-family]
 * The font-family of the Header
 *
 * @param {number} [$ui-header-font-size=$window-header-font-size]
 * The font-size of the Header
 *
 * @param {string} [$ui-header-font-weight=$window-header-font-weight]
 * The font-weight of the Header
 *
 * @param {number} [$ui-header-line-height=$window-header-line-height]
 * The line-height of the Header
 *
 * @param {number/list} [$ui-header-text-padding=$window-header-text-padding]
 * The padding of the Header's text element
 *
 * @param {string} [$ui-header-text-transform=$window-header-text-transform]
 * The text-transform of the Header
 *
 * @param {color} [$ui-header-border-color=$ui-border-color]
 * The border-color of the Header
 *
 * @param {number} [$ui-header-border-width=$window-header-border-width]
 * The border-width of the Header
 *
 * @param {color} [$ui-header-inner-border-color=$window-header-inner-border-color]
 * The inner border-color of the Header
 *
 * @param {number} [$ui-header-inner-border-width=$window-header-inner-border-width]
 * The inner border-width of the Header
 *
 * @param {number} [$ui-header-icon-width=$window-header-icon-width]
 * The width of the Header icon
 *
 * @param {number} [$ui-header-icon-height=$window-header-icon-height]
 * The height of the Header icon
 *
 * @param {number} [$ui-header-icon-spacing=$window-header-icon-spacing]
 * The space between the Header icon and text
 *
 * @param {list} [$ui-header-icon-background-position=$window-header-icon-background-position]
 * The background-position of the Header icon
 *
 * @param {color} [$ui-header-glyph-color=$window-header-glyph-color]
 * The color of the Header glyph icon
 *
 * @param {number} [$ui-header-glyph-opacity=$window-header-glyph-opacity]
 * The opacity of the Header glyph icon
 *
 * @param {number} [$ui-tool-spacing=$window-tool-spacing]
 * The space between the {@link Ext.panel.Tool Tools}
 *
 * @param {string} [$ui-tool-background-image=$window-tool-background-image]
 * The background sprite to use for {@link Ext.panel.Tool Tools}
 *
 * @param {color} [$ui-body-border-color=$window-body-border-color]
 * The border-color of the Window body
 *
 * @param {color} [$ui-body-background-color=$window-body-background-color]
 * The background-color of the Window body
 *
 * @param {number} [$ui-body-border-width=$window-body-border-width]
 * The border-width of the Window body
 *
 * @param {string} [$ui-body-border-style=$window-body-border-style]
 * The border-style of the Window body
 *
 * @param {color} [$ui-body-color=$window-body-color]
 * The color of text inside the Window body
 *
 * @param {color} [$ui-background-color=$window-background-color]
 * The background-color of the Window
 *
 * @param {boolean} [$ui-force-header-border=$window-force-header-border]
 * True to force the window header to have a border on the side facing
 * the window body.  Overrides dock layout's border management border
 * removal rules.
 *
 * @param {boolean} [$ui-include-border-management-rules=$window-include-border-management-rules]
 * True to include neptune style border management rules.
 *
 * @param {color} [$ui-wrap-border-color=$window-wrap-border-color]
 * The color to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$ui-include-border-management-rules` is `true`.
 *
 * @param {color} [$ui-wrap-border-width=$window-wrap-border-width]
 * The width to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$ui-include-border-management-rules` is `true`.
 *
 * @param {boolean} [$ui-ignore-frame-padding=$window-ignore-frame-padding]
 * True to ignore the frame padding.  By default, the frame mixin adds extra padding when
 * border radius is larger than border width.  This is intended to prevent the content
 * from colliding with the rounded corners of the frame.  Set this to true to prevent
 * the window frame from adding this extra padding.
 *
 * @member Ext.window.Window
 */
/* line 665, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 212, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default {
  border-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0 0 0 0;
  border-width: 1px;
  border-style: solid;
  background-color: white; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-mc {
  background-color: white; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-default {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-3px-3px-3px-3px; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tr,
.x-window-default-br,
.x-window-default-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tl,
.x-window-default-bl,
.x-window-default-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tl,
.x-window-default-bl,
.x-window-default-tr,
.x-window-default-br,
.x-window-default-tc,
.x-window-default-bc,
.x-window-default-ml,
.x-window-default-mr {
  background-image: url(images/window/window-default-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-ml,
.x-window-default-mr {
  background-image: url(images/window/window-default-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-mc {
  padding: 0 0 0 0; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-default:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window/window-default-corners.gif), sides:url(images/window/window-default-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 234, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-body-default {
  border-color: #f5f5f5;
  border-width: 1px;
  border-style: solid;
  background: white;
  color: black;
  font-size: 13px;
  font-weight: 300;
  font-family: helvetica, arial, verdana, sans-serif; }

/* line 248, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default {
  font-size: 15px;
  border-color: #f5f5f5;
  background-color: #f5f5f5; }
  /* line 253, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-window-header-default .x-tool-img {
    background-color: #f5f5f5; }

/* line 266, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-window-header-default-tab-bar {
  margin-top: -9px;
  margin-bottom: -9px; }

/* line 273, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-window-header-default-tab-bar {
  margin-right: -9px;
  margin-left: -9px; }

/* line 281, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-rtl.x-window-header-default-vertical .x-window-header-default-tab-bar {
  margin-left: -9px;
  margin-right: -9px; }

/* line 289, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-title-default {
  color: #157fcc;
  font-size: 15px;
  font-weight: 300;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 16px; }
  /* line 298, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-window-header-title-default > .x-title-text-default {
    padding: 0;
    text-transform: none; }
  /* line 341, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-top {
    height: 22px;
    padding-bottom: 6px; }
  /* line 346, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-right {
    width: 22px;
    padding-left: 6px; }
    /* line 351, ../../../ext-theme-neutral/sass/src/window/Window.scss */
    .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-right.x-rtl {
      padding-left: 0;
      padding-right: 6px; }
  /* line 358, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-bottom {
    height: 22px;
    padding-top: 6px; }
  /* line 363, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-left {
    width: 22px;
    padding-right: 6px; }
    /* line 368, ../../../ext-theme-neutral/sass/src/window/Window.scss */
    .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-left.x-rtl {
      padding-right: 0;
      padding-left: 6px; }
  /* line 375, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-window-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    width: 16px;
    height: 16px;
    background-position: center center; }
  /* line 381, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-window-header-title-default > .x-title-icon-wrap-default > .x-title-glyph {
    color: #157fcc;
    font-size: 16px;
    line-height: 16px;
    opacity: 0.5; }
    /* line 398, ../../../ext-theme-neutral/sass/src/window/Window.scss */
    .x-ie8 .x-window-header-title-default > .x-title-icon-wrap-default > .x-title-glyph {
      color: #85bae0; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 9px 9px 6px 9px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-header-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-6-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tr,
.x-window-header-default-top-br,
.x-window-header-default-top-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tl,
.x-window-header-default-top-bl,
.x-window-header-default-top-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tl,
.x-window-header-default-top-bl,
.x-window-header-default-top-tr,
.x-window-header-default-top-br,
.x-window-header-default-top-tc,
.x-window-header-default-top-bc,
.x-window-header-default-top-ml,
.x-window-header-default-top-mr {
  background-image: url(images/window-header/window-header-default-top-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-ml,
.x-window-header-default-top-mr {
  background-image: url(images/window-header/window-header-default-top-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-mc {
  padding: 6px 6px 3px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-header-default-top:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window-header/window-header-default-top-corners.gif), sides:url(images/window-header/window-header-default-top-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 9px 9px 9px 6px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-header-default-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-6; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tr,
.x-window-header-default-right-br,
.x-window-header-default-right-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tl,
.x-window-header-default-right-bl,
.x-window-header-default-right-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tl,
.x-window-header-default-right-bl,
.x-window-header-default-right-tr,
.x-window-header-default-right-br,
.x-window-header-default-right-tc,
.x-window-header-default-right-bc,
.x-window-header-default-right-ml,
.x-window-header-default-right-mr {
  background-image: url(images/window-header/window-header-default-right-corners.gif); }

/* line 428, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-window-header-default-right-tl, .x-rtl.x-window-header-default-right-ml, .x-rtl.x-window-header-default-right-bl, .x-rtl.x-window-header-default-right-tr, .x-rtl.x-window-header-default-right-mr, .x-rtl.x-window-header-default-right-br {
  background-image: url(images/window-header/window-header-default-right-corners-rtl.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-ml,
.x-window-header-default-right-mr {
  background-image: url(images/window-header/window-header-default-right-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-mc {
  padding: 6px 6px 6px 3px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-header-default-right:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window-header/window-header-default-right-corners.gif), corners-rtl:url(images/window-header/window-header-default-right-corners-rtl.gif), sides:url(images/window-header/window-header-default-right-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 6px 9px 9px 9px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-header-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-6-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tr,
.x-window-header-default-bottom-br,
.x-window-header-default-bottom-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tl,
.x-window-header-default-bottom-bl,
.x-window-header-default-bottom-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tl,
.x-window-header-default-bottom-bl,
.x-window-header-default-bottom-tr,
.x-window-header-default-bottom-br,
.x-window-header-default-bottom-tc,
.x-window-header-default-bottom-bc,
.x-window-header-default-bottom-ml,
.x-window-header-default-bottom-mr {
  background-image: url(images/window-header/window-header-default-bottom-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-ml,
.x-window-header-default-bottom-mr {
  background-image: url(images/window-header/window-header-default-bottom-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-mc {
  padding: 3px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-header-default-bottom:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window-header/window-header-default-bottom-corners.gif), sides:url(images/window-header/window-header-default-bottom-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 9px 6px 9px 9px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-header-default-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-6-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tr,
.x-window-header-default-left-br,
.x-window-header-default-left-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tl,
.x-window-header-default-left-bl,
.x-window-header-default-left-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tl,
.x-window-header-default-left-bl,
.x-window-header-default-left-tr,
.x-window-header-default-left-br,
.x-window-header-default-left-tc,
.x-window-header-default-left-bc,
.x-window-header-default-left-ml,
.x-window-header-default-left-mr {
  background-image: url(images/window-header/window-header-default-left-corners.gif); }

/* line 428, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-window-header-default-left-tl, .x-rtl.x-window-header-default-left-ml, .x-rtl.x-window-header-default-left-bl, .x-rtl.x-window-header-default-left-tr, .x-rtl.x-window-header-default-left-mr, .x-rtl.x-window-header-default-left-br {
  background-image: url(images/window-header/window-header-default-left-corners-rtl.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-ml,
.x-window-header-default-left-mr {
  background-image: url(images/window-header/window-header-default-left-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-mc {
  padding: 6px 3px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-header-default-left:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window-header/window-header-default-left-corners.gif), corners-rtl:url(images/window-header/window-header-default-left-corners-rtl.gif), sides:url(images/window-header/window-header-default-left-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-header-default-collapsed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tr,
.x-window-header-default-collapsed-top-br,
.x-window-header-default-collapsed-top-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tl,
.x-window-header-default-collapsed-top-bl,
.x-window-header-default-collapsed-top-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tl,
.x-window-header-default-collapsed-top-bl,
.x-window-header-default-collapsed-top-tr,
.x-window-header-default-collapsed-top-br,
.x-window-header-default-collapsed-top-tc,
.x-window-header-default-collapsed-top-bc,
.x-window-header-default-collapsed-top-ml,
.x-window-header-default-collapsed-top-mr {
  background-image: url(images/window-header/window-header-default-collapsed-top-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-ml,
.x-window-header-default-collapsed-top-mr {
  background-image: url(images/window-header/window-header-default-collapsed-top-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-mc {
  padding: 6px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-header-default-collapsed-top:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window-header/window-header-default-collapsed-top-corners.gif), sides:url(images/window-header/window-header-default-collapsed-top-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-header-default-collapsed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tr,
.x-window-header-default-collapsed-right-br,
.x-window-header-default-collapsed-right-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tl,
.x-window-header-default-collapsed-right-bl,
.x-window-header-default-collapsed-right-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tl,
.x-window-header-default-collapsed-right-bl,
.x-window-header-default-collapsed-right-tr,
.x-window-header-default-collapsed-right-br,
.x-window-header-default-collapsed-right-tc,
.x-window-header-default-collapsed-right-bc,
.x-window-header-default-collapsed-right-ml,
.x-window-header-default-collapsed-right-mr {
  background-image: url(images/window-header/window-header-default-collapsed-right-corners.gif); }

/* line 428, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-window-header-default-collapsed-right-tl, .x-rtl.x-window-header-default-collapsed-right-ml, .x-rtl.x-window-header-default-collapsed-right-bl, .x-rtl.x-window-header-default-collapsed-right-tr, .x-rtl.x-window-header-default-collapsed-right-mr, .x-rtl.x-window-header-default-collapsed-right-br {
  background-image: url(images/window-header/window-header-default-collapsed-right-corners-rtl.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-ml,
.x-window-header-default-collapsed-right-mr {
  background-image: url(images/window-header/window-header-default-collapsed-right-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-mc {
  padding: 6px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-header-default-collapsed-right:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window-header/window-header-default-collapsed-right-corners.gif), corners-rtl:url(images/window-header/window-header-default-collapsed-right-corners-rtl.gif), sides:url(images/window-header/window-header-default-collapsed-right-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-header-default-collapsed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tr,
.x-window-header-default-collapsed-bottom-br,
.x-window-header-default-collapsed-bottom-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tl,
.x-window-header-default-collapsed-bottom-bl,
.x-window-header-default-collapsed-bottom-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tl,
.x-window-header-default-collapsed-bottom-bl,
.x-window-header-default-collapsed-bottom-tr,
.x-window-header-default-collapsed-bottom-br,
.x-window-header-default-collapsed-bottom-tc,
.x-window-header-default-collapsed-bottom-bc,
.x-window-header-default-collapsed-bottom-ml,
.x-window-header-default-collapsed-bottom-mr {
  background-image: url(images/window-header/window-header-default-collapsed-bottom-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-ml,
.x-window-header-default-collapsed-bottom-mr {
  background-image: url(images/window-header/window-header-default-collapsed-bottom-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-mc {
  padding: 6px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-header-default-collapsed-bottom:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window-header/window-header-default-collapsed-bottom-corners.gif), sides:url(images/window-header/window-header-default-collapsed-bottom-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-window-header-default-collapsed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-9-9-9-9; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tl {
  background-position: 0 -8px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tr {
  background-position: right -12px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-bl {
  background-position: 0 -16px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-br {
  background-position: right -20px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-bc {
  background-position: 0 -4px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tr,
.x-window-header-default-collapsed-left-br,
.x-window-header-default-collapsed-left-mr {
  padding-right: 4px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tl,
.x-window-header-default-collapsed-left-bl,
.x-window-header-default-collapsed-left-ml {
  padding-left: 4px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tc {
  height: 4px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-bc {
  height: 4px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tl,
.x-window-header-default-collapsed-left-bl,
.x-window-header-default-collapsed-left-tr,
.x-window-header-default-collapsed-left-br,
.x-window-header-default-collapsed-left-tc,
.x-window-header-default-collapsed-left-bc,
.x-window-header-default-collapsed-left-ml,
.x-window-header-default-collapsed-left-mr {
  background-image: url(images/window-header/window-header-default-collapsed-left-corners.gif); }

/* line 428, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-window-header-default-collapsed-left-tl, .x-rtl.x-window-header-default-collapsed-left-ml, .x-rtl.x-window-header-default-collapsed-left-bl, .x-rtl.x-window-header-default-collapsed-left-tr, .x-rtl.x-window-header-default-collapsed-left-mr, .x-rtl.x-window-header-default-collapsed-left-br {
  background-image: url(images/window-header/window-header-default-collapsed-left-corners-rtl.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-ml,
.x-window-header-default-collapsed-left-mr {
  background-image: url(images/window-header/window-header-default-collapsed-left-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-mc {
  padding: 6px 6px 6px 6px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-window-header-default-collapsed-left:before {
  display: none;
  content: "x-slicer:frame:4px 4px 4px 4px, corners:url(images/window-header/window-header-default-collapsed-left-corners.gif), corners-rtl:url(images/window-header/window-header-default-collapsed-left-corners-rtl.gif), sides:url(images/window-header/window-header-default-collapsed-left-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 518, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default .x-window-header-icon {
  width: 16px;
  height: 16px;
  color: #157fcc;
  font-size: 16px;
  line-height: 16px;
  background-position: center center; }
/* line 527, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default .x-window-header-glyph {
  color: #157fcc;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5; }
  /* line 544, ../../../ext-theme-neutral/sass/src/window/Window.scss */
  .x-ie8 .x-window-header-default .x-window-header-glyph {
    color: #85bae0; }

/* line 553, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-tool-after-title {
  margin: 0 0 0 6px; }
/* line 558, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-rtl.x-tool-after-title {
  margin: 0 6px 0 0; }
/* line 563, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-tool-before-title {
  margin: 0 6px 0 0; }
/* line 568, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-rtl.x-tool-before-title {
  margin: 0 0 0 6px; }

/* line 575, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-tool-after-title {
  margin: 6px 0 0 0; }
/* line 580, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-rtl.x-tool-after-title {
  margin: 6px 0 0 0; }
/* line 585, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-tool-before-title {
  margin: 0 0 6px 0; }
/* line 590, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-rtl.x-tool-before-title {
  margin: 0 0 6px 0; }

/* line 599, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default {
  border-width: 1px !important; }

/* line 609, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-nbr .x-window-default-collapsed .x-window-header {
  border-width: 0 !important; }

/* line 2, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-l {
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 6, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-b {
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 10, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-bl {
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 16, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-r {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important; }

/* line 20, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-rl {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 26, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-rb {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 32, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-rbl {
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 40, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-t {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important; }

/* line 44, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-tl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 50, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-tb {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 56, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-tbl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 64, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-tr {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important; }

/* line 70, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-trl {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-left-color: #f5f5f5 !important;
  border-left-width: 1px !important; }

/* line 78, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-trb {
  border-top-color: #f5f5f5 !important;
  border-top-width: 1px !important;
  border-right-color: #f5f5f5 !important;
  border-right-width: 1px !important;
  border-bottom-color: #f5f5f5 !important;
  border-bottom-width: 1px !important; }

/* line 86, ../../../ext-theme-base/sass/etc/mixins/border-management.scss */
.x-window-default-outer-border-trbl {
  border-color: #f5f5f5 !important;
  border-width: 1px !important; }

/* line 675, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-body-plain {
  background-color: transparent; }

/**
 * Creates a visual theme for "labelable" form items.  Provides visual styling for the
 * Label and error message that can be shared between many types of form fields.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-font-color=$form-label-font-color]
 * The text color the label
 *
 * @param {string} [$ui-font-weight=$form-label-font-weight]
 * The font-weight of the label
 *
 * @param {number} [$ui-font-size=$form-label-font-size]
 * The font-size of the label
 *
 * @param {string} [$ui-font-family=$form-label-font-family]
 * The font-family the label
 *
 * @param {number} [$ui-height=$form-field-height]
 * The height of the label.  This should be the same height as the height of fields that
 * this label ui will be used with.  This does not actually set the height of the label
 * but is used to ensure that the label is centered within the given height.
 *
 * @param {number} [$ui-line-height=$form-label-line-height]
 * The line-height of the label
 *
 * @param {number} [$ui-horizontal-spacing=$form-label-horizontal-spacing]
 * Horizontal space between the label and the field body when the label is left-aligned.
 *
 * @param {number} [$ui-vertical-spacing=$form-label-vertical-spacing]
 * Vertical space between the label and the field body when the label is top-aligned.
 *
 * @param {number} [$ui-error-icon-background-image=$form-error-icon-background-image]
 * The background-image of the error icon
 *
 * @param {number} [$ui-error-icon-width=$form-error-icon-width]
 * The width of the error icon
 *
 * @param {number} [$ui-error-icon-height=$form-error-icon-height]
 * The height of the error icon
 *
 * @param {number/list} [$ui-error-icon-side-margin=$form-error-icon-side-margin]
 * Margin for error icons when aligned to the side of the field
 *
 * @param {number} [$ui-error-under-icon-spacing=$form-error-under-icon-spacing]
 * The space between the icon and the message for errors that display under the field
 *
 * @param {number/list} [$ui-error-under-padding=$form-error-under-padding]
 * The padding on errors that display under the form field
 *
 * @param {color} [$ui-error-msg-color=$form-error-msg-color]
 * The text color of form error messages
 *
 * @param {string} [$ui-error-msg-font-weight=$form-error-msg-font-weight]
 * The font-weight of form error messages
 *
 * @param {number} [$ui-error-msg-font-size=$form-error-msg-font-size]
 * The font-size of form error messages
 *
 * @param {string} [$ui-error-msg-font-family=$form-error-msg-font-family]
 * The font-family of form error messages
 *
 * @param {number} [$ui-error-msg-line-height=$form-error-msg-line-height]
 * The line-height of form error messages
 *
 * @param {number} [$ui-disabled-opacity=$form-field-disabled-opacity]
 * Opacity of disabled form fields
 *
 * @member Ext.form.Labelable
 */
/* line 97, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-item-label-default {
  color: #666666;
  font: 300 13px/17px helvetica, arial, verdana, sans-serif;
  min-height: 24px;
  padding-top: 4px;
  padding-right: 5px; }
  /* line 107, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
  .x-ie8 .x-form-item-label-default {
    min-height: 20px; }
  /* line 113, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
  .x-form-item-label-default.x-form-item-label-top {
    height: 1px; }
    /* line 115, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
    .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
      padding-top: 4px;
      padding-bottom: 5px; }
  /* line 121, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
  .x-form-item-label-default.x-form-item-label-top-side-error:after {
    width: 26px; }

/* line 126, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-item-body-default {
  min-height: 24px; }

/* line 130, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-invalid-icon-default {
  width: 16px;
  height: 16px;
  margin: 0 5px 0 5px;
  background: url(images/form/exclamation.png) no-repeat; }

/* line 137, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-invalid-under-default {
  padding: 2px 2px 2px 20px;
  color: #cf4c35;
  font: 300 13px/16px helvetica, arial, verdana, sans-serif;
  background: no-repeat 0 2px;
  background-image: url(images/form/exclamation.png); }

/* line 145, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-error-wrap-default.x-form-error-wrap-side {
  width: 26px; }

/* line 150, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-item-default.x-item-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3; }

/* line 191, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x-autocontainer-form-item,
.x-anchor-form-item,
.x-vbox-form-item,
.x-table-form-item {
  margin-bottom: 5px; }

/**
 * Creates a visual theme for text fields.  Note this mixin only provides styling
 * for the form field body, The label and error are styled by {@link #extjs-label-ui}.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$ui-height=$form-text-field-height]
 * The height of the text field
 *
 * @param {number} [$ui-font-size=$form-text-field-font-size]
 * The font-size of the text field
 *
 * @param {string} [$ui-font-family=$form-text-field-font-family]
 * The font-family of the text field
 *
 * @param {string} [$ui-font-weight=$form-text-field-font-weight]
 * The font-weight of the text field
 *
 * @param {color} [$ui-color=$form-text-field-color]
 * The color of the text field's input element
 *
 * @param {color} [$ui-background-color=$form-text-field-background-color]
 * The background color of the text field's input element
 *
 * @param {number/list} [$ui-border-width=$form-text-field-border-width]
 * The border width of the text field
 *
 * @param {string/list} [$ui-border-style=$form-text-field-border-style]
 * The border style of the text field
 *
 * @param {color/list} [$ui-border-color=$form-text-field-border-color]
 * The border color of text fields
 *
 * @param {color/list} [$ui-focus-border-color=$form-text-field-focus-border-color]
 * The border color of the text field when focused
 *
 * @param {color} [$ui-invalid-border-color=$form-text-field-invalid-border-color]
 * The border color of the text field when the field value is invalid.
 *
 * @param {number/list} [$ui-border-radius=$form-text-field-border-radius]
 * The border radius of the text field
 *
 * @param {string} [$ui-background-image=$form-text-field-background-image]
 * The background image of the text field's input element
 *
 * @param {number/list} [$ui-padding=$form-text-field-padding]
 * The padding of the text field's input element
 *
 * @param {color} [$ui-empty-color=$form-text-field-empty-color]
 * Text color for of the text field when empty
 *
 * @param {number} [$ui-body-width=$form-text-field-body-width]
 * The default width of the text field's body element (the element that contains the input
 * element and triggers) when the field is not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 *
 * @param {color} [$ui-invalid-background-color=$form-field-invalid-background-color]
 * Background color of the input element when the field value is invalid.
 *
 * @param {string} [$ui-invalid-background-image=$form-field-invalid-background-image]
 * Background image of the input element when the field value is invalid.
 *
 * @param {string} [$ui-invalid-background-repeat=$form-field-invalid-background-repeat]
 * Background repeat of the input element when the field value is invalid.
 *
 * @param {string/list} [$ui-invalid-background-position=$form-field-invalid-background-position]
 * Background position of the input element when the field value is invalid.
 *
 * @param {number} [$ui-trigger-width=$form-trigger-width]
 * The width of the trigger element
 *
 * @param {number/list} [$ui-trigger-border-width=$form-trigger-border-width]
 * The width of the trigger's border
 *
 * @param {color/list} [$ui-trigger-border-color=$form-trigger-border-color]
 * The color of the trigger's border
 *
 * @param {string/list} [$ui-trigger-border-style=$form-trigger-border-style]
 * The style of the trigger's border
 *
 * @param {color} [$ui-trigger-border-color-over=$form-trigger-border-color-over]
 * The color of the trigger's border when hovered
 *
 * @param {color} [$ui-trigger-border-color-focus=$form-trigger-border-color-focus]
 * The color of the trigger's border when the field is focused
 *
 * @param {color} [$ui-trigger-border-color-pressed=$form-trigger-border-color-pressed]
 * The color of the trigger's border when the field is focused and the trigger is hovered
 *
 * @param {string} [$ui-trigger-background-image=$form-trigger-background-image]
 * The default background image for the trigger
 *
 * @param {color} [$ui-trigger-background-color=$form-trigger-background-color]
 * The background color of the trigger element
 *
 * @param {number} [$ui-textarea-line-height=$form-textarea-line-height]
 * The line-height of the textarea element when this mixin is used to style a
 * {@link Ext.form.field.TextArea TextArea}
 *
 * @param {number} [$ui-textarea-body-height=$form-textarea-body-height]
 * The default width of the TextArea's body element (the element that contains the textarea
 * html element when the field is not sized explicitly using the {@link #width}config, or
 * sized by it's containing layout.
 *
 * @param {color} [$ui-file-field-color=$form-file-field-color] The text color of the
 * input element when this mixin is used to style a {@link Ext.form.field.File File Field}
 *
 * @param {boolean} [$ui-classic-border=$form-text-field-classic-border]
 * `true` to use classic-theme styled border.
 *
 * @member Ext.form.field.Text
 */
/* line 193, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-field-body-default {
  min-width: 170px;
  max-width: 170px; }

/* line 213, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-wrap-default {
  border-width: 1px;
  border-style: solid;
  border-color: #cecece; }
  /* line 221, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: #3892d3; }
  /* line 225, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
    border-color: #cf4c35; }

/* line 250, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-default {
  color: black;
  padding: 3px 6px 2px 6px;
  background-color: white;
  font: 300 13px/17px helvetica, arial, verdana, sans-serif;
  min-height: 22px; }
  /* line 264, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-ie8 .x-form-text-default {
    min-height: 17px; }
  /* line 270, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-text-default.x-form-textarea {
    line-height: 15px;
    min-height: 60px; }
    /* line 275, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
    .x-ie8 .x-form-text-default.x-form-textarea {
      min-height: 55px; }
  /* line 282, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-text-default.x-form-text-file {
    color: gray; }

/* line 287, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-empty-field-default {
  color: gray; }

/* line 292, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-default:-ms-input-placeholder {
  color: gray; }

/* line 296, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-invalid-field-default {
  background-color: white; }

/* line 307, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-default {
  background: white url(images/form/trigger.png) no-repeat;
  background-position: 0 center;
  width: 22px; }
  /* line 319, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-trigger-default.x-rtl {
    background-image: url(images/form/trigger-rtl.png); }
  /* line 324, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-trigger-default.x-form-trigger-over {
    background-position: -22px center; }
    /* line 330, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
    .x-form-trigger-default.x-form-trigger-over.x-form-trigger-focus {
      background-position: -88px center; }
  /* line 335, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-trigger-default.x-form-trigger-focus {
    background-position: -66px center; }

/* line 344, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger.x-form-trigger-default.x-form-trigger-click {
  background-position: -44px center; }

/* line 353, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-textfield-default-cell > .x-grid-cell-inner {
  padding-top: 0px;
  padding-bottom: 0px; }

/* line 411, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-clear-trigger {
  background-image: url(images/form/clear-trigger.png); }
  /* line 414, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-clear-trigger.x-rtl {
    background-image: url(images/form/clear-trigger-rtl.png); }

/* line 420, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-search-trigger {
  background-image: url(images/form/search-trigger.png); }
  /* line 423, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
  .x-form-search-trigger.x-rtl {
    background-image: url(images/form/search-trigger-rtl.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box .x-window-body {
  background-color: white;
  border-width: 0; }

/* line 13, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-info,
.x-message-box-warning,
.x-message-box-question,
.x-message-box-error {
  background-position: left top;
  background-repeat: no-repeat; }

/* line 23, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-rtl.x-message-box-info, .x-rtl.x-message-box-warning, .x-rtl.x-message-box-question, .x-rtl.x-message-box-error {
  background-position: right top; }

/* line 29, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-icon {
  height: 32px;
  width: 32px;
  margin-right: 10px; }

/* line 35, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-info {
  background-image: url(images/shared/icon-info.png); }

/* line 39, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-warning {
  background-image: url(images/shared/icon-warning.png); }

/* line 43, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-question {
  background-image: url(images/shared/icon-question.png); }

/* line 47, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-error {
  background-image: url(images/shared/icon-error.png); }

/**
 * Creates a visual theme for checkboxes and radio buttons.  Note this mixin only provides
 * styling for the checkbox/radio button and its {@link #boxLabel}, The {@link #fieldLabel}
 * and error icon/message are styled by {@link #extjs-label-ui}.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$ui-field-height=$form-field-height]
 * The height of the field body that the checkbox must fit within.  This does not set the
 * height of the field, only allows the checkbox to be centered inside the field body.
 * (The height of the field body is determined by {@link #extjs-label-ui}).
 *
 * @param {number} [$ui-checkbox-size=$form-checkbox-size]
 * The size of the checkbox
 *
 * @param {string} [$ui-checkbox-background-image=$form-checkbox-background-image]
 * The background-image of the checkbox
 *
 * @param {string} [$ui-radio-background-image=$form-radio-background-image]
 * The background-image of the radio button
 *
 * @param {color} [$ui-label-color=$form-checkbox-label-color]
 * The color of the checkbox's {@link #boxLabel}
 *
 * @param {string} [$ui-label-font-weight=$form-checkbox-label-font-weight]
 * The font-weight of the checkbox's {@link #boxLabel}
 *
 * @param {string} [$ui-label-font-size=$form-checkbox-label-font-size]
 * The font-size of the checkbox's {@link #boxLabel}
 *
 * @param {string} [$ui-label-font-family=$form-checkbox-label-font-family]
 * The font-family of the checkbox's {@link #boxLabel}
 *
 * @param {string} [$ui-label-line-height=$form-checkbox-label-line-height]
 * The line-height of the checkbox's {@link #boxLabel}
 *
 * @param {number} [$ui-label-spacing=$form-checkbox-label-spacing]
 * The space between the boxLabel and the checkbox.
 *
 * @member Ext.form.field.Checkbox
 */
/* line 57, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-wrap-default {
  height: 24px; }

/* line 61, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-default {
  margin-top: 5px; }

/* line 67, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-checkbox-default,
.x-form-radio-default {
  width: 15px;
  height: 15px; }

/* line 72, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-radio-default {
  background: url(images/form/radio.png) no-repeat; }
  /* line 75, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
  .x-form-cb-checked .x-form-radio-default {
    background-position: 0 -15px; }

/* line 80, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-checkbox-default {
  background: url(images/form/checkbox.png) no-repeat; }
  /* line 83, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
  .x-form-cb-checked .x-form-checkbox-default {
    background-position: 0 -15px; }

/* line 88, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-field-default-form-checkbox-focus {
  background-position: -15px 0; }
  /* line 92, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
  .x-form-cb-checked .x-field-default-form-checkbox-focus {
    background-position: -15px -15px; }

/* line 97, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-default {
  margin-top: 4px;
  font: 300 13px/17px helvetica, arial, verdana, sans-serif;
  color: #666666; }
  /* line 102, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
  .x-form-cb-label-default.x-form-cb-label-before {
    padding-right: 19px; }
    /* line 106, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
    .x-form-cb-label-default.x-form-cb-label-before.x-rtl {
      padding-right: 0;
      padding-left: 19px; }
  /* line 113, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
  .x-form-cb-label-default.x-form-cb-label-after {
    padding-left: 19px; }
  /* line 118, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
  .x-form-cb-label-default.x-rtl {
    padding-left: 0;
    padding-right: 19px; }

/* line 127, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-checkbox-default-cell > .x-grid-cell-inner {
  padding-top: 0px;
  padding-bottom: 0px; }

/**
 * Creates a visual theme for a CheckboxGroup buttons.  Note this mixin only provides
 * styling for the CheckboxGroup body and its {@link Ext.form.field.Checkbox#boxLabel}, The {@link #fieldLabel}
 * and error icon/message are styled by {@link #extjs-label-ui}.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number/list} [$ui-body-padding=$form-checkboxgroup-body-padding]
 * The padding of the CheckboxGroup body element
 *
 * @param {color} [$ui-body-invalid-border-color=$form-checkboxgroup-body-invalid-border-color]
 * The border color of the CheckboxGroup body element when in an invalid state.
 *
 * @param {string} [$ui-body-invalid-border-style=$form-checkboxgroup-body-invalid-border-style]
 * The border style of the CheckboxGroup body element when in an invalid state.
 *
 * @param {number} [$ui-body-invalid-border-width=$form-checkboxgroup-body-invalid-border-width]
 * The border width of the CheckboxGroup body element when in an invalid state.
 *
 * @param {string} [$ui-body-invalid-background-image=$form-checkboxgroup-body-invalid-background-image]
 * The background image of the CheckboxGroup body element when in an invalid state.
 *
 * @param {string} [$form-checkboxgroup-body-invalid-background-repeat=$form-field-invalid-background-repeat]
 * The background-repeat of the CheckboxGroup body element when in an invalid state.
 *
 * @param {string} [$ui-body-invalid-background-position=$form-checkboxgroup-body-invalid-background-position]
 * The background-position of the CheckboxGroup body element when in an invalid state.
 *
 * @member Ext.form.CheckboxGroup
 */
/* line 44, ../../../ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
.x-form-item-body-default.x-form-checkboxgroup-body {
  padding: 0 4px; }
  /* line 47, ../../../ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
  .x-form-invalid .x-form-item-body-default.x-form-checkboxgroup-body {
    border-width: 1px;
    border-style: solid;
    border-color: #cf4c35; }

/**
 * Creates a visual theme for text fields.  Note this mixin only provides styling
 * For the form field body, The label and error are styled by
 * {@link Ext.form.Labelable#css_mixin-extjs-label-ui}.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$ui-header-font-size=$fieldset-header-font-size]
 * The font-size of the FieldSet header
 *
 * @param {string} [$ui-header-font-weight=$fieldset-header-font-weight]
 * The font-weight of the FieldSet header
 *
 * @param {string} [$ui-header-font-family=$fieldset-header-font-family]
 * The font-family of the FieldSet header
 *
 * @param {number/string} [$ui-header-line-height=$fieldset-header-line-height]
 * The line-height of the FieldSet header
 *
 * @param {color} [$ui-header-color=$fieldset-header-color]
 * The text color of the FieldSet header
 *
 * @param {number} [$ui-border-width=$fieldset-border-width]
 * The border-width of the FieldSet
 *
 * @param {string} [$ui-border-style=$fieldset-border-style]
 * The border-style of the FieldSet
 *
 * @param {color} [$ui-border-color=$fieldset=border-color]
 * The border-color of the FieldSet
 *
 * @param {number} [$ui-border-radius=$fieldset=border-radius]
 * The border radius of FieldSet elements.
 *
 * @param {number/list} [$ui-padding=$fieldset-padding]
 * The FieldSet's padding
 *
 * @param {number/list} [$ui-margin=$fieldset-margin]
 * The FieldSet's margin
 *
 * @param {number/list} [$ui-header-padding=$fieldset-header-padding]
 * The padding to apply to the FieldSet's header
 *
 * @param {number} [$ui-collapse-tool-size=$fieldset-collapse-tool-size]
 * The size of the FieldSet's collapse tool
 *
 * @param {number/list} [$ui-collapse-tool-margin=$fieldset-collapse-tool-margin]
 * The margin to apply to the FieldSet's collapse tool
 *
 * @param {number/list} [$ui-collapse-tool-padding=$fieldset-collapse-tool-padding]
 * The padding to apply to the FieldSet's collapse tool
 *
 * @param {string} [$ui-collapse-tool-background-image=$fieldset-collapse-tool-background-image]
 * The background-image to use for the collapse tool. If 'none' the default tool
 * sprite will be used.  Defaults to 'none'.
 *
 * @param {number} [$ui-collapse-tool-opacity=$fieldset-collapse-tool-opacity]
 * The opacity of the FieldSet's collapse tool
 *
 * @param {number} [$ui-collapse-tool-opacity-over=$fieldset-collapse-tool-opacity-over]
 * The opacity of the FieldSet's collapse tool when hovered
 *
 * @param {number} [$ui-collapse-tool-opacity-pressed=$fieldset-collapse-tool-opacity-pressed]
 * The opacity of the FieldSet's collapse tool when pressed
 *
 * @param {number/list} [$ui-checkbox-margin=$fieldset-checkbox-margin]
 * The margin to apply to the FieldSet's checkbox (for FieldSets that use
 * {@link #checkboxToggle})
 *
 * @member Ext.form.FieldSet
 */
/* line 110, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-default {
  border: 1px solid #cecece;
  padding: 0 10px;
  margin: 0 0 10px; }

/* line 123, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-ie8 .x-fieldset-default {
  padding-top: 0; }
/* line 126, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-ie8 .x-fieldset-body-default {
  padding-top: 0; }

/* line 132, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-default {
  padding: 0 3px 1px;
  line-height: 16px; }
  /* line 136, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-header-default > .x-fieldset-header-text {
    font: 300 12px/16px helvetica, arial, verdana, sans-serif;
    color: black;
    padding: 1px 0; }

/* line 143, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-checkbox-default {
  margin: 2px 4px 0 0;
  line-height: 16px; }
  /* line 146, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-header-checkbox-default.x-rtl {
    margin: 2px 0 0 4px; }

/* line 153, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-tool-default {
  margin: 2px 4px 0 0;
  padding: 0; }
  /* line 156, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-header-tool-default.x-rtl {
    margin: 2px 0 0 4px; }
  /* line 162, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-header-tool-default > .x-tool-img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    height: 15px;
    width: 15px; }
  /* line 169, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-header-tool-default.x-tool-over > .x-tool-img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9; }
  /* line 175, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-header-tool-default.x-tool-pressed > .x-tool-img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
  /* line 180, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-header-tool-default > .x-tool-toggle {
    background-image: url(images/fieldset/collapse-tool.png);
    background-position: 0 0; }
  /* line 187, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-header-tool-default.x-tool-over > .x-tool-toggle {
    background-position: 0 -15px; }

/* line 194, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-default.x-fieldset-collapsed {
  border-width: 1px 1px 0 1px;
  border-left-color: transparent;
  border-right-color: transparent; }
  /* line 202, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-default.x-fieldset-collapsed .x-tool-toggle {
    background-position: -15px 0; }
  /* line 206, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
  .x-fieldset-default.x-fieldset-collapsed .x-tool-over > .x-tool-toggle {
    background-position: -15px -15px; }

/**
 * Creates a visual theme for spinner field triggers.  Note this mixin only provides
 * styling for the spinner trigger buttons. The text field portion of the styling must be
 * created using {@link Ext.form.field.Text#css_mixin-extjs-text-field-ui}
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {boolean} [$ui-trigger-vertical=$spinner-trigger-vertical]
 * `true` to align the up/down triggers vertically.
 *
 * @param {number} [$ui-trigger-width=$form-trigger-width]
 * The width of the triggers.
 *
 * @param {number} [$ui-field-height=$form-text-field-height]
 * The height of the text field that the trigger must fit within.  This does not set the
 * height of the field, only the height of the triggers.  When {@link #css_mixin-extjs-spinner-trigger-ui $ui-trigger-vertical}
 * is true, the available height within the field borders is divided evenly between the
 * two triggers.
 *
 * @param {number/list} [$ui-field-border-width=$form-text-field-border-width]
 * The border width of the text field that the trigger must fit within.  This does not set
 * the border of the field, it is only needed so that the border-width of the field can
 * be subtracted from the trigger height.
 *
 * @param {string} [$ui-trigger-vertical-background-image=$spinner-trigger-vertical-background-image]
 * The background image sprite for vertically aligned spinner triggers
 *
 * @param {string} [$ui-trigger-up-background-image='form/spinner-up']
 * The background image for the "up" trigger when triggers are horizontally aligned
 *
 * @param {string} [$ui-trigger-down-background-image='form/spinner-down']
 * The background image for the "down" trigger when triggers are horizontally aligned
 *
 * @param {color} [$ui-trigger-background-color=$form-text-field-background-color]
 * The background color of the spinner triggers
 *
 * @param {boolean} [$ui-classic-border=$form-text-field-classic-border]
 * `true` to use classic-theme styled border.
 *
 * @member Ext.form.trigger.Spinner
 */
/* line 59, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
.x-form-trigger-spinner-default {
  width: 22px; }

/* line 66, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
.x-form-spinner-default {
  background-image: url(images/form/spinner.png);
  background-color: white;
  width: 22px;
  height: 11px; }
  /* line 70, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
  .x-form-spinner-default.x-rtl {
    background-image: url(images/form/spinner-rtl.png); }

/* line 102, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
.x-form-spinner-up-default {
  background-position: 0 0; }
  /* line 105, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
  .x-form-spinner-up-default.x-form-spinner-over {
    background-position: -22px 0; }
    /* line 107, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
    .x-form-spinner-up-default.x-form-spinner-over.x-form-spinner-focus {
      background-position: -88px 0; }
  /* line 112, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
  .x-form-spinner-up-default.x-form-spinner-focus {
    background-position: -66px 0; }
  /* line 117, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
  .x-form-spinner-up-default.x-form-spinner.x-form-spinner-click {
    background-position: -44px 0; }

/* line 122, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
.x-form-spinner-down-default {
  background-position: 0 -11px; }
  /* line 125, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
  .x-form-spinner-down-default.x-form-spinner-over {
    background-position: -22px -11px; }
    /* line 127, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
    .x-form-spinner-down-default.x-form-spinner-over.x-form-spinner-focus {
      background-position: -88px -11px; }
  /* line 132, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
  .x-form-spinner-down-default.x-form-spinner-focus {
    background-position: -66px -11px; }
  /* line 137, ../../../ext-theme-neutral/sass/src/form/trigger/Spinner.scss */
  .x-form-spinner-down-default.x-form-spinner.x-form-spinner-click {
    background-position: -44px -11px; }

/* line 1, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-number {
  width: 30px; }

/* line 5, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-first {
  background-image: url(images/grid/page-first.png); }

/* line 9, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-prev {
  background-image: url(images/grid/page-prev.png); }

/* line 13, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-next {
  background-image: url(images/grid/page-next.png); }

/* line 17, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-last {
  background-image: url(images/grid/page-last.png); }

/* line 21, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-loading {
  background-image: url(images/grid/refresh.png); }

/* line 51, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-rtl.x-tbar-page-first {
  background-image: url(images/grid/page-last.png); }
/* line 55, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-rtl.x-tbar-page-prev {
  background-image: url(images/grid/page-next.png); }
/* line 59, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-rtl.x-tbar-page-next {
  background-image: url(images/grid/page-prev.png); }
/* line 63, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-rtl.x-tbar-page-last {
  background-image: url(images/grid/page-first.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist {
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  background: white; }

/* line 8, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-item {
  padding: 0 6px;
  font: normal 13px helvetica, arial, verdana, sans-serif;
  line-height: 22px;
  cursor: pointer;
  cursor: hand;
  position: relative;
  /*allow hover in IE on empty items*/
  border-width: 1px;
  border-style: dotted;
  border-color: white; }

/* line 24, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-selected {
  background: #c1ddf1;
  border-color: #c1ddf1; }

/* line 29, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-item-over {
  background: #d6e8f6;
  border-color: #d6e8f6; }

/* line 34, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-floating {
  border-top-width: 0; }

/* line 38, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-above {
  border-top-width: 1px;
  border-bottom-width: 1px; }

/* line 9, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker {
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  background-color: white;
  width: 212px; }

/* line 19, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-header {
  padding: 4px 6px;
  text-align: center;
  background-image: none;
  background-color: #f5f5f5; }

/* line 32, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-arrow {
  width: 12px;
  height: 12px;
  top: 9px;
  cursor: pointer;
  -webkit-touch-callout: none;
  background-color: #f5f5f5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7; }

/* line 51, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
div.x-datepicker-arrow:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

/* line 56, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-next {
  right: 6px;
  background: url(images/datepicker/arrow-right.png) no-repeat 0 0; }

/* line 61, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-prev {
  left: 6px;
  background: url(images/datepicker/arrow-left.png) no-repeat 0 0; }

/* line 77, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-month .x-btn,
.x-datepicker-month .x-btn .x-btn-tc,
.x-datepicker-month .x-btn .x-btn-tl,
.x-datepicker-month .x-btn .x-btn-tr,
.x-datepicker-month .x-btn .x-btn-mc,
.x-datepicker-month .x-btn .x-btn-ml,
.x-datepicker-month .x-btn .x-btn-mr,
.x-datepicker-month .x-btn .x-btn-bc,
.x-datepicker-month .x-btn .x-btn-bl,
.x-datepicker-month .x-btn .x-btn-br {
  background: transparent;
  border-width: 0 !important; }
/* line 84, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-month .x-btn-inner {
  color: #3892d3; }
/* line 89, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-month .x-btn-split-right:after, .x-datepicker-month .x-btn-over .x-btn-split-right:after {
  background-image: url(images/datepicker/month-arrow.png);
  padding-right: 8px; }
/* line 94, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-month .x-btn-over {
  border-color: transparent; }

/* line 99, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-column-header {
  width: 30px;
  color: black;
  font: 300 13px helvetica, arial, verdana, sans-serif;
  text-align: right;
  background-image: none;
  background-color: white; }

/* line 118, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-column-header-inner {
  line-height: 25px;
  padding: 0 9px 0 0; }

/* line 123, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-cell {
  text-align: right;
  border-width: 1px;
  border-style: solid;
  border-color: white; }

/* line 133, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-date {
  padding: 0 7px 0 0;
  font: 300 13px helvetica, arial, verdana, sans-serif;
  color: black;
  cursor: pointer;
  line-height: 23px; }

/* line 143, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
div.x-datepicker-date:hover {
  color: black;
  background-color: #eaf3fa; }

/* line 148, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-selected {
  border-style: solid;
  border-color: #3892d3; }
  /* line 151, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
  .x-datepicker-selected .x-datepicker-date {
    background-color: #d6e8f6;
    font-weight: 300; }

/* line 157, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-today {
  border-color: darkred;
  border-style: solid; }

/* line 164, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-prevday .x-datepicker-date,
.x-datepicker-nextday .x-datepicker-date {
  color: #bfbfbf; }

/* line 171, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-disabled .x-datepicker-date {
  background-color: #eeeeee;
  cursor: default;
  color: gray; }

/* line 179, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-disabled div.x-datepicker-date:hover {
  background-color: #eeeeee;
  color: gray; }

/* line 185, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-footer,
.x-monthpicker-buttons {
  padding: 3px 0;
  background-image: none;
  background-color: #f5f5f5;
  text-align: center; }
  /* line 201, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
  .x-datepicker-footer .x-btn,
  .x-monthpicker-buttons .x-btn {
    margin: 0 3px 0 2px; }

/* line 207, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker {
  width: 212px;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  background-color: white; }

/* line 217, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-months {
  border-width: 0 1px 0 0;
  border-color: #e1e1e1;
  border-style: solid;
  width: 105px; }
  /* line 226, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
  .x-monthpicker-months .x-monthpicker-item {
    width: 52px; }

/* line 231, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-years {
  width: 105px; }
  /* line 234, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
  .x-monthpicker-years .x-monthpicker-item {
    width: 52px; }

/* line 239, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-item {
  margin: 5px 0 5px;
  font: 300 13px helvetica, arial, verdana, sans-serif;
  text-align: center; }

/* line 245, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-item-inner {
  margin: 0 5px 0 5px;
  color: black;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  line-height: 22px;
  cursor: pointer; }

/* line 260, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
a.x-monthpicker-item-inner:hover {
  background-color: #eaf3fa; }

/* line 264, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-selected {
  background-color: #d6e8f6;
  border-style: solid;
  border-color: #3892d3; }

/* line 270, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav {
  height: 34px; }

/* line 274, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-button-ct {
  width: 52px; }

/* line 278, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-button {
  height: 12px;
  width: 12px;
  cursor: pointer;
  margin-top: 11px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-touch-callout: none;
  background-color: white; }

/* line 296, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
a.x-monthpicker-yearnav-button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

/* line 301, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-next {
  background: url(images/datepicker/arrow-right.png) no-repeat 0 0; }

/* line 305, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-next-over {
  background-position: 0 0; }

/* line 309, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-prev {
  background: url(images/datepicker/arrow-left.png) no-repeat 0 0; }

/* line 313, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-prev-over {
  background-position: 0 0; }

/* line 318, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-small .x-monthpicker-item {
  margin: 2px 0 2px; }
/* line 322, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-small .x-monthpicker-item-inner {
  margin: 0 5px 0 5px; }
/* line 326, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-small .x-monthpicker-yearnav {
  height: 28px; }
/* line 330, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-small .x-monthpicker-yearnav-button {
  margin-top: 8px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-datepicker-header:before {
  display: none;
  content: "x-slicer:stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-datepicker-footer:before {
  display: none;
  content: "x-slicer:stretch:bottom" !important; }

/*</if slicer>*/
/* */
/* line 2, ../../../ext-theme-neutral/sass/src/form/field/Date.scss */
.x-form-field-date .x-form-date-trigger {
  background-image: url(images/form/date-trigger.png); }
  /* line 6, ../../../ext-theme-neutral/sass/src/form/field/Date.scss */
  .x-form-field-date .x-form-date-trigger.x-rtl {
    background-image: url(images/form/date-trigger-rtl.png); }

/**
 * Creates a visual theme for display fields.  Note this mixin only provides styling
 * for the form field body, The label and error are styled by {@link #extjs-label-ui}.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$ui-field-height=$form-field-height]
 * The height of the field body that the display text must fit within.  This does not set
 * the height of the field, only allows the text to be centered inside the field body.
 * (The height of the field body is determined by {@link #extjs-label-ui}).
 *
 * @param {color} [$ui-color=$form-display-field-color]
 * The text color of display fields
 *
 * @param {number} [$ui-font-size=$form-display-field-font-size]
 * The font-size of the display field
 *
 * @param {string} [$ui-font-family=$form-display-field-font-family]
 * The font-family of the display field
 *
 * @param {string} [$ui-font-weight=$form-display-field-font-weight]
 * The font-weight of the display field
 *
 * @param {number} [$ui-line-height=$form-display-field-line-height]
 * The line-height of the display field
 *
 * @member Ext.form.field.Display
 */
/* line 40, ../../../ext-theme-neutral/sass/src/form/field/Display.scss */
.x-form-display-field-default {
  min-height: 24px;
  font: 300 13px/17px helvetica, arial, verdana, sans-serif;
  color: black;
  margin-top: 4px; }

/**
 * Creates a visual theme for a Ext.tip.Tip
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-border-color=$tip-border-color]
 * The border-color of the Tip
 *
 * @param {number} [$ui-border-width=$tip-border-width]
 * The border-width of the Tip
 *
 * @param {number} [$ui-border-radius=$tip-border-radius]
 * The border-radius of the Tip
 *
 * @param {color} [$ui-background-color=$tip-background-color]
 * The background-color of the Tip
 *
 * @param {string/list} [$ui-background-gradient=$tip-background-gradient]
 * The background-gradient of the Tip. Can be either the name of a predefined gradient or a
 * list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-tool-spacing=$tip-tool-spacing]
 * The space between {@link Ext.panel.Tool Tools} in the header
 *
 * @param {string} [$ui-tool-background-image=$tip-tool-background-image]
 * The sprite to use for the header {@link Ext.panel.Tool Tools}
 *
 * @param {number/list} [$ui-header-padding=$tip-header-padding]
 * The padding of the Tip header's body element
 *
 * @param {color} [$ui-header-color=$tip-header-color]
 * The text color of the Tip header
 *
 * @param {number} [$ui-header-font-size=$tip-header-font-size]
 * The font-size of the Tip header
 *
 * @param {string} [$ui-header-font-weight=$tip-header-font-weight]
 * The font-weight of the Tip header
 *
 * @param {number/list} [$ui-body-padding=$tip-body-padding]
 * The padding of the Tip body
 *
 * @param {color} [$ui-body-color=$tip-body-color]
 * The text color of the Tip body
 *
 * @param {number} [$ui-body-font-size=$tip-body-font-size]
 * The font-size of the Tip body
 *
 * @param {string} [$ui-body-font-weight=$tip-body-font-weight]
 * The font-weight of the Tip body
 *
 * @param {color} [$ui-body-link-color=$tip-body-link-color]
 * The text color of any anchor tags inside the Tip body
 *
 * @param {number} [$ui-inner-border-width=0]
 * The inner border-width of the Tip
 *
 * @param {color} [$ui-inner-border-color=#fff]
 * The inner border-color of the Tip
 *
 * @member Ext.tip.Tip
 */
/* line 179, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-anchor {
  position: absolute;
  overflow: hidden;
  height: 10px;
  width: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #e1e1e1; }

/* line 192, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-anchor-top {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  _border-top-color: pink;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink); }

/* line 205, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-anchor-bottom {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  _border-bottom-color: pink;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink); }

/* line 218, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-anchor-left {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  _border-top-color: pink;
  _border-bottom-color: pink;
  _border-left-color: pink;
  _filter: chroma(color=pink); }

/* line 231, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-anchor-right {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  _border-top-color: pink;
  _border-bottom-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink); }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #eaf3fa; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-mc {
  background-color: #eaf3fa; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-tip-default {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-tr,
.x-tip-default-br,
.x-tip-default-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-tl,
.x-tip-default-bl,
.x-tip-default-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-tl,
.x-tip-default-bl,
.x-tip-default-tr,
.x-tip-default-br,
.x-tip-default-tc,
.x-tip-default-bc,
.x-tip-default-ml,
.x-tip-default-mr {
  background-image: url(images/tip/tip-default-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-ml,
.x-tip-default-mr {
  background-image: url(images/tip/tip-default-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-mc {
  padding: 0px 0px 0px 0px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tip-default:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/tip/tip-default-corners.gif), sides:url(images/tip/tip-default-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 112, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-default {
  border-color: #e1e1e1; }
  /* line 121, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
  .x-tip-default .x-tool-img {
    background-image: url(images/tools/tool-sprites-dark.png);
    background-color: #eaf3fa; }

/* line 136, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-default .x-tool-after-title {
  margin: 0 0 0 6px; }
/* line 141, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-default .x-rtl.x-tool-after-title {
  margin: 0 6px 0 0; }
/* line 146, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-default .x-tool-before-title {
  margin: 0 6px 0 0; }
/* line 151, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-default .x-rtl.x-tool-before-title {
  margin: 0 0 0 6px; }

/* line 157, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-default {
  padding: 3px 3px 0 3px; }

/* line 161, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-title-default {
  color: black;
  font-size: 13px;
  font-weight: bold; }

/* line 167, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-default {
  padding: 3px;
  color: black;
  font-size: 13px;
  font-weight: 300; }
  /* line 172, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
  .x-tip-body-default a {
    color: black; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #eaf3fa; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-mc {
  background-color: #eaf3fa; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-tip-form-invalid {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tr,
.x-tip-form-invalid-br,
.x-tip-form-invalid-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tl,
.x-tip-form-invalid-bl,
.x-tip-form-invalid-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tl,
.x-tip-form-invalid-bl,
.x-tip-form-invalid-tr,
.x-tip-form-invalid-br,
.x-tip-form-invalid-tc,
.x-tip-form-invalid-bc,
.x-tip-form-invalid-ml,
.x-tip-form-invalid-mr {
  background-image: url(images/tip/tip-form-invalid-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-ml,
.x-tip-form-invalid-mr {
  background-image: url(images/tip/tip-form-invalid-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-mc {
  padding: 0px 0px 0px 0px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tip-form-invalid:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/tip/tip-form-invalid-corners.gif), sides:url(images/tip/tip-form-invalid-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 112, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-form-invalid {
  border-color: #e1e1e1; }
  /* line 121, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
  .x-tip-form-invalid .x-tool-img {
    background-image: url(images/tools/tool-sprites-dark.png);
    background-color: #eaf3fa; }

/* line 136, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-form-invalid .x-tool-after-title {
  margin: 0 0 0 6px; }
/* line 141, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-form-invalid .x-rtl.x-tool-after-title {
  margin: 0 6px 0 0; }
/* line 146, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-form-invalid .x-tool-before-title {
  margin: 0 6px 0 0; }
/* line 151, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-form-invalid .x-rtl.x-tool-before-title {
  margin: 0 0 0 6px; }

/* line 157, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-form-invalid {
  padding: 3px 3px 0 3px; }

/* line 161, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-title-form-invalid {
  color: black;
  font-size: 13px;
  font-weight: bold; }

/* line 167, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-form-invalid {
  padding: 5px 3px 5px 34px;
  color: black;
  font-size: 13px;
  font-weight: 300; }
  /* line 172, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
  .x-tip-body-form-invalid a {
    color: black; }

/* line 268, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-form-invalid {
  background: 1px 1px no-repeat;
  background-image: url(images/form/exclamation.png); }
  /* line 271, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
  .x-tip-body-form-invalid li {
    margin-bottom: 4px; }
    /* line 273, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
    .x-tip-body-form-invalid li.last {
      margin-bottom: 0; }

/* line 1, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x-color-picker {
  width: 192px;
  height: 120px;
  background-color: white;
  border-color: white;
  border-width: 0;
  border-style: solid; }

/* line 10, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x-color-picker-item {
  width: 24px;
  height: 24px;
  border-width: 1px;
  border-color: white;
  border-style: solid;
  background-color: white;
  cursor: pointer;
  padding: 2px; }

/* line 22, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
a.x-color-picker-item:hover {
  border-color: #8bb8f3;
  background-color: #e6e6e6; }

/* line 27, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x-color-picker-selected {
  border-color: #8bb8f3;
  background-color: #e6e6e6; }

/* line 32, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x-color-picker-item-inner {
  line-height: 16px;
  border-color: #e1e1e1;
  border-width: 1px;
  border-style: solid; }

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-btn-text {
  background: transparent no-repeat;
  background-image: url(images/editor/tb-sprite.png); }

/* line 7, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-bold,
.x-menu-item div.x-edit-bold {
  background-position: 0 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 13, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-italic,
.x-menu-item div.x-edit-italic {
  background-position: -16px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 19, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-underline,
.x-menu-item div.x-edit-underline {
  background-position: -32px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 25, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-forecolor,
.x-menu-item div.x-edit-forecolor {
  background-position: -160px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 31, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-backcolor,
.x-menu-item div.x-edit-backcolor {
  background-position: -176px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 37, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-justifyleft,
.x-menu-item div.x-edit-justifyleft {
  background-position: -112px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 43, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-justifycenter,
.x-menu-item div.x-edit-justifycenter {
  background-position: -128px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 49, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-justifyright,
.x-menu-item div.x-edit-justifyright {
  background-position: -144px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 55, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-insertorderedlist,
.x-menu-item div.x-edit-insertorderedlist {
  background-position: -80px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 61, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-insertunorderedlist,
.x-menu-item div.x-edit-insertunorderedlist {
  background-position: -96px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 67, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-increasefontsize,
.x-menu-item div.x-edit-increasefontsize {
  background-position: -48px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 73, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-decreasefontsize,
.x-menu-item div.x-edit-decreasefontsize {
  background-position: -64px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 79, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-sourceedit,
.x-menu-item div.x-edit-sourceedit {
  background-position: -192px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 85, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-edit-createlink,
.x-menu-item div.x-edit-createlink {
  background-position: -208px 0;
  background-image: url(images/editor/tb-sprite.png); }

/* line 90, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
  padding: 5px;
  padding-bottom: 1px; }

/* line 95, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-font-select {
  font-size: 13px;
  font-family: inherit; }

/* line 100, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-wrap textarea {
  font: 300 13px helvetica, arial, verdana, sans-serif;
  background-color: white;
  resize: none; }

/* line 5, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-view {
  z-index: 1; }

/* line 9, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-body {
  background: white;
  border-width: 1px;
  border-style: solid;
  border-color: #cecece; }

/* line 18, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-container {
  min-height: 1px;
  position: relative;
  overflow: hidden; }

/* line 24, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-empty {
  padding: 10px;
  color: gray;
  background-color: white;
  font: 300 13px helvetica, arial, verdana, sans-serif; }

/* line 32, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item {
  color: black;
  font: 300 13px/15px helvetica, arial, verdana, sans-serif;
  background-color: white; }

/* line 38, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-alt {
  background-color: #fafafa; }

/* line 42, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-over {
  color: black;
  background-color: #e2eff8; }

/* line 49, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-focused {
  outline: 0;
  color: black; }
  /* line 53, ../../../ext-theme-neutral/sass/src/view/Table.scss */
  .x-grid-item-focused .x-grid-cell-inner {
    z-index: 1; }
  /* line 61, ../../../ext-theme-neutral/sass/src/view/Table.scss */
  .x-grid-item-focused .x-grid-cell-inner:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    border: 1px solid #3d91cf; }

/* line 83, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-selected {
  color: black;
  background-color: #c1ddf1; }

/* line 89, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item {
  border-style: solid;
  border-width: 1px 0 0;
  border-color: #cecece; }
/* line 95, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item:first-child {
  border-top-color: white; }
/* line 101, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item.x-grid-item-over {
  border-style: solid;
  border-color: #e2eff8; }
/* line 106, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item-over + .x-grid-item {
  border-top-style: solid;
  border-top-color: #e2eff8; }
/* line 111, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
  border-style: solid;
  border-color: #c1ddf1; }
/* line 116, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
  border-top-style: solid;
  border-top-color: #c1ddf1; }
/* line 121, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item:last-child {
  border-bottom-width: 1px; }
/* line 131, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-ie8 .x-grid-with-row-lines .x-grid-item {
  border-width: 1px 0;
  margin-top: -1px; }
/* line 136, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-ie8 .x-grid-with-row-lines .x-grid-item:first-child {
  margin-top: 0; }

/* line 142, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-cell-inner {
  position: relative;
  text-overflow: ellipsis;
  padding: 5px 10px 4px 10px; }

/* line 158, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-cell-special {
  border-color: #cecece;
  border-style: solid;
  border-right-width: 1px; }

/* line 201, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-rtl.x-grid-cell-special {
  border-right-width: 0;
  border-left-width: 1px; }

/* line 208, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-dirty-cell {
  background: url(images/grid/dirty.png) no-repeat 0 0; }

/* line 213, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-rtl.x-grid-dirty-cell {
  background-image: url(images/grid/dirty-rtl.png);
  background-position: right 0; }

/* line 221, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-row .x-grid-cell-selected {
  color: black;
  background-color: #c1ddf1; }

/* line 227, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-col-lines .x-grid-cell {
  border-right: 1px solid #cecece; }

/* line 233, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-rtl.x-grid-with-col-lines .x-grid-cell {
  border-right: 0;
  border-left: 1px solid #cecece; }

/* line 239, ../../../ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-resize-marker {
  width: 1px;
  background-color: #0f0f0f; }

/* line 1, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x-grid-drop-indicator {
  position: absolute;
  height: 1px;
  line-height: 0px;
  background-color: #77BC71;
  overflow: visible;
  pointer-events: none; }
  /* line 9, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
  .x-grid-drop-indicator .x-grid-drop-indicator-left {
    position: absolute;
    top: -8px;
    left: -12px;
    background-image: url(images/grid/dd-insert-arrow-right.png);
    height: 16px;
    width: 16px; }
  /* line 18, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
  .x-grid-drop-indicator .x-grid-drop-indicator-right {
    position: absolute;
    top: -8px;
    right: -11px;
    background-image: url(images/grid/dd-insert-arrow-left.png);
    height: 16px;
    width: 16px; }

/* line 2, ../../../ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.x-col-move-top,
.x-col-move-bottom {
  width: 9px;
  height: 9px; }

/* line 7, ../../../ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.x-col-move-top {
  background-image: url(images/grid/col-move-top.png); }

/* line 11, ../../../ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.x-col-move-bottom {
  background-image: url(images/grid/col-move-bottom.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-grid-header-ct {
  border: 1px solid #cecece;
  border-bottom-color: white;
  background-color: white; }

/* line 14, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-accordion-item .x-grid-header-ct {
  border-width: 0 0 1px !important; }

/* line 21, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-grid-header-ct-hidden {
  border-top: 0 !important;
  border-bottom: 0 !important; }

/* line 31, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-grid-body {
  border-top-color: #cecece; }

/* line 35, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-hmenu-sort-asc {
  background-image: url(images/grid/hmenu-asc.png); }

/* line 39, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-hmenu-sort-desc {
  background-image: url(images/grid/hmenu-desc.png); }

/* line 43, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-cols-icon {
  background-image: url(images/grid/columns.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header {
  border-right: 1px solid #cecece;
  color: #666666;
  font: 300 13px/15px helvetica, arial, verdana, sans-serif;
  outline: 0;
  background-color: white; }

/* line 21, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header {
  border-right: 0 none;
  border-left: 1px solid #cecece; }

/* line 27, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-group-sub-header {
  background: transparent;
  border-top: 1px solid #cecece; }
  /* line 32, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
  .x-group-sub-header .x-column-header-inner {
    padding: 6px 10px 7px 10px; }

/* line 37, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-inner {
  padding: 7px 10px 7px 10px; }

/* line 41, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-inner-empty {
  text-overflow: clip; }

/* line 49, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header.x-column-header-focus {
  color: black; }
  /* line 50, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
  .x-column-header.x-column-header-focus .x-column-header-inner:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid #4398d6;
    pointer-events: none; }
  /* line 63, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
  .x-column-header.x-column-header-focus.x-group-sub-header .x-column-header-inner:before {
    bottom: 0px; }

/* line 78, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-over,
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-image: none;
  background-color: #eef6fb; }

/* line 105, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-open {
  background-color: #eef6fb; }
  /* line 108, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
  .x-column-header-open .x-column-header-trigger {
    background-color: #dfeaf2; }

/* line 113, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-trigger {
  width: 18px;
  cursor: pointer;
  background-color: transparent;
  background-position: center center; }

/* line 121, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-trigger {
  background-position: center center; }

/* line 131, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-align-right .x-column-header-text {
  margin-right: 12px; }

/* line 136, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-align-right .x-rtl.x-column-header-text {
  margin-right: 0;
  margin-left: 12px; }

/* line 145, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-sort-ASC .x-column-header-text-inner,
.x-column-header-sort-DESC .x-column-header-text-inner {
  padding-right: 17px;
  background-position: right center; }

/* line 154, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-sort-ASC .x-rtl.x-column-header-text-inner,
.x-column-header-sort-DESC .x-rtl.x-column-header-text-inner {
  padding-right: 0;
  padding-left: 17px;
  background-position: 0 center; }

/* line 162, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-sort-ASC .x-column-header-text-inner {
  background-image: url(images/grid/sort_asc.png); }

/* line 165, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-sort-DESC .x-column-header-text-inner {
  background-image: url(images/grid/sort_desc.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/column/Action.scss */
.x-grid-cell-inner-action-col {
  padding: 4px 4px 4px 4px; }

/* line 12, ../../../ext-theme-neutral/sass/src/grid/column/Action.scss */
.x-action-col-cell .x-item-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3; }

/* line 16, ../../../ext-theme-neutral/sass/src/grid/column/Action.scss */
.x-action-col-icon {
  height: 16px;
  width: 16px;
  cursor: pointer; }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/column/Check.scss */
.x-grid-cell-inner-checkcolumn {
  padding: 5px 10px 4px 10px; }

/* line 12, ../../../ext-theme-neutral/sass/src/grid/column/Check.scss */
.x-grid-checkcolumn {
  width: 15px;
  height: 15px;
  background: url(images/form/checkbox.png) 0 0 no-repeat; }
  /* line 17, ../../../ext-theme-neutral/sass/src/grid/column/Check.scss */
  .x-item-disabled .x-grid-checkcolumn {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3; }

/* line 22, ../../../ext-theme-neutral/sass/src/grid/column/Check.scss */
.x-grid-checkcolumn-checked {
  background-position: 0 -15px; }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/column/RowNumberer.scss */
.x-grid-cell-inner-row-numberer {
  padding: 5px 5px 4px 3px; }

/*
 * Define UI for fields which are rendered to fit inside grid cells.
 * This includes cell and row editor fields and fields in widget columns.
 */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #3892d3; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-mc {
  background-color: #3892d3; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-grid-cell-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-tr,
.x-btn-grid-cell-small-br,
.x-btn-grid-cell-small-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-tl,
.x-btn-grid-cell-small-bl,
.x-btn-grid-cell-small-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-bc {
  height: 3px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-tl,
.x-btn-grid-cell-small-bl,
.x-btn-grid-cell-small-tr,
.x-btn-grid-cell-small-br,
.x-btn-grid-cell-small-tc,
.x-btn-grid-cell-small-bc,
.x-btn-grid-cell-small-ml,
.x-btn-grid-cell-small-mr {
  background-image: url(images/btn/btn-grid-cell-small-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-ml,
.x-btn-grid-cell-small-mr {
  background-image: url(images/btn/btn-grid-cell-small-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-grid-cell-small-mc {
  padding: 1px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-grid-cell-small:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px, corners:url(images/btn/btn-grid-cell-small-corners.gif), sides:url(images/btn/btn-grid-cell-small-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 423, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-grid-cell-small {
  border-color: #157fcc; }

/* line 430, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-button-grid-cell-small {
  height: 16px; }

/* line 435, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-inner-grid-cell-small {
  font: 300 12px/16px helvetica, arial, verdana, sans-serif;
  color: white;
  padding: 0 5px;
  max-width: 100%; }
  /* line 446, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-right > .x-btn-inner-grid-cell-small, .x-btn-icon-left > .x-btn-inner-grid-cell-small {
    max-width: calc(100% - 16px); }

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el-grid-cell-small {
  height: 16px; }
  /* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-left > .x-btn-icon-el-grid-cell-small, .x-btn-icon-right > .x-btn-icon-el-grid-cell-small {
    width: 16px; }
  /* line 462, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el-grid-cell-small, .x-btn-icon-bottom > .x-btn-icon-el-grid-cell-small {
    min-width: 16px; }
  /* line 466, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-el-grid-cell-small.x-btn-glyph {
    font-size: 16px;
    line-height: 16px;
    color: white;
    opacity: 0.5; }
    /* line 486, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-ie8 .x-btn-icon-el-grid-cell-small.x-btn-glyph {
      color: #9bc8e9; }
  /* line 493, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-left > .x-btn-icon-el-grid-cell-small {
    margin-right: 0px; }
    /* line 497, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-grid-cell-small.x-rtl {
      margin-right: 0;
      margin-left: 0px; }
  /* line 504, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-right > .x-btn-icon-el-grid-cell-small {
    margin-left: 0px; }
    /* line 508, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-right > .x-btn-icon-el-grid-cell-small.x-rtl {
      margin-left: 0;
      margin-right: 0px; }
  /* line 515, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-top > .x-btn-icon-el-grid-cell-small {
    margin-bottom: 5px; }
  /* line 519, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-grid-cell-small {
    margin-top: 5px; }

/* line 525, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-grid-cell-small {
  padding-right: 5px; }
/* line 528, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-grid-cell-small {
  margin-right: 5px; }

/* line 535, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom > .x-btn-button-grid-cell-small,
.x-btn-split-bottom > .x-btn-button-grid-cell-small {
  padding-bottom: 3px; }

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-grid-cell-small.x-btn-arrow-right:after {
  width: 8px;
  padding-right: 8px;
  background-image: url(images/button/grid-cell-small-arrow.png); }
/* line 554, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-grid-cell-small.x-rtl.x-btn-arrow-right:after {
  background-image: url(images/button/grid-cell-small-arrow-rtl.png); }
/* line 563, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-grid-cell-small.x-btn-arrow-bottom:after {
  height: 8px;
  background-image: url(images/button/grid-cell-small-arrow.png); }

/* line 583, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-grid-cell-small.x-btn-split-right:after {
  width: 14px;
  padding-right: 14px;
  background-image: url(images/button/grid-cell-small-s-arrow.png); }
/* line 592, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-grid-cell-small.x-rtl.x-btn-split-right:after {
  background-image: url(images/button/grid-cell-small-s-arrow-rtl.png); }
/* line 597, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-grid-cell-small.x-btn-split-bottom:after {
  height: 14px;
  background-image: url(images/button/grid-cell-small-s-arrow-b.png); }

/* line 624, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-grid-cell-small {
  padding-right: 5px; }
/* line 627, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-grid-cell-small {
  margin-right: 5px; }

/* line 632, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-grid-cell-small {
  background-image: none;
  background-color: #3892d3; }

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over.x-btn-grid-cell-small {
  border-color: #1374bb;
  background-image: none;
  background-color: #3386c2; }

/* line 723, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active.x-btn-grid-cell-small,
.x-btn.x-btn-pressed.x-btn-grid-cell-small {
  border-color: #0f5f99;
  background-image: none;
  background-color: #2a6d9e; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-grid-cell-small {
  background-image: none;
  background-color: #3892d3; }

/* line 816, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-grid-cell-small-tl,
.x-btn-focus .x-btn-grid-cell-small-bl,
.x-btn-focus .x-btn-grid-cell-small-tr,
.x-btn-focus .x-btn-grid-cell-small-br,
.x-btn-focus .x-btn-grid-cell-small-tc,
.x-btn-focus .x-btn-grid-cell-small-bc {
  background-image: url(images/btn/btn-grid-cell-small-focus-corners.gif); }
/* line 820, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-grid-cell-small-ml,
.x-btn-focus .x-btn-grid-cell-small-mr {
  background-image: url(images/btn/btn-grid-cell-small-focus-sides.gif); }
/* line 823, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-grid-cell-small-mc {
  background-color: #3892d3; }

/* line 840, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-grid-cell-small-tl,
.x-btn-over .x-btn-grid-cell-small-bl,
.x-btn-over .x-btn-grid-cell-small-tr,
.x-btn-over .x-btn-grid-cell-small-br,
.x-btn-over .x-btn-grid-cell-small-tc,
.x-btn-over .x-btn-grid-cell-small-bc {
  background-image: url(images/btn/btn-grid-cell-small-over-corners.gif); }
/* line 844, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-grid-cell-small-ml,
.x-btn-over .x-btn-grid-cell-small-mr {
  background-image: url(images/btn/btn-grid-cell-small-over-sides.gif); }
/* line 847, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-grid-cell-small-mc {
  background-color: #3386c2; }

/* line 864, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-tl,
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-bl,
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-tr,
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-br,
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-tc,
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-bc {
  background-image: url(images/btn/btn-grid-cell-small-focus-over-corners.gif); }
/* line 868, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-ml,
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-mr {
  background-image: url(images/btn/btn-grid-cell-small-focus-over-sides.gif); }
/* line 871, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-grid-cell-small-mc {
  background-color: #3386c2; }

/* line 890, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-tl,
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-bl,
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-tr,
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-br,
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-tc,
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-bc,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-tl,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-bl,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-tr,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-br,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-tc,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-bc {
  background-image: url(images/btn/btn-grid-cell-small-pressed-corners.gif); }
/* line 894, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-ml,
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-mr,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-ml,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-mr {
  background-image: url(images/btn/btn-grid-cell-small-pressed-sides.gif); }
/* line 897, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active .x-btn-grid-cell-small-mc,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-mc {
  background-color: #2a6d9e; }

/* line 915, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-tl,
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-bl,
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-tr,
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-br,
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-tc,
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-bc,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-tl,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-bl,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-tr,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-br,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-tc,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-bc {
  background-image: url(images/btn/btn-grid-cell-small-focus-pressed-corners.gif); }
/* line 919, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-ml,
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-mr,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-ml,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-mr {
  background-image: url(images/btn/btn-grid-cell-small-focus-pressed-sides.gif); }
/* line 922, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-mc,
.x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-mc {
  background-color: #2a6d9e; }

/* line 940, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-grid-cell-small-tl,
.x-btn.x-btn-disabled .x-btn-grid-cell-small-bl,
.x-btn.x-btn-disabled .x-btn-grid-cell-small-tr,
.x-btn.x-btn-disabled .x-btn-grid-cell-small-br,
.x-btn.x-btn-disabled .x-btn-grid-cell-small-tc,
.x-btn.x-btn-disabled .x-btn-grid-cell-small-bc {
  background-image: url(images/btn/btn-grid-cell-small-disabled-corners.gif); }
/* line 944, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-grid-cell-small-ml,
.x-btn.x-btn-disabled .x-btn-grid-cell-small-mr {
  background-image: url(images/btn/btn-grid-cell-small-disabled-sides.gif); }
/* line 947, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled .x-btn-grid-cell-small-mc {
  background-color: #3892d3; }

/* line 957, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-btn-grid-cell-small {
  background-image: none; }

/* line 963, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-disabled.x-btn-grid-cell-small {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 982, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-grid-cell-small.x-segmented-button-first {
  border-right-width: 1px !important; }
  /* line 984, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-grid-cell-small.x-segmented-button-first .x-btn-grid-cell-small-mc {
    padding-right: 3px !important; }
/* line 988, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-grid-cell-small.x-segmented-button-middle {
  border-right-width: 1px !important; }
  /* line 990, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-horizontal.x-btn-grid-cell-small.x-segmented-button-middle .x-btn-grid-cell-small-mc {
    padding-right: 3px !important;
    padding-left: 3px !important; }
/* line 996, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-grid-cell-small.x-segmented-button-last .x-btn-grid-cell-small-mc {
  padding-left: 3px !important; }
/* line 1003, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-grid-cell-small.x-segmented-button-first {
  border-bottom-width: 1px !important; }
  /* line 1005, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-grid-cell-small.x-segmented-button-first .x-btn-grid-cell-small-mc {
    padding-bottom: 3px !important; }
/* line 1009, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-grid-cell-small.x-segmented-button-middle {
  border-bottom-width: 1px !important; }
  /* line 1011, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-nbr .x-segmented-button-item-vertical.x-btn-grid-cell-small.x-segmented-button-middle .x-btn-grid-cell-small-mc {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }
/* line 1017, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-grid-cell-small.x-segmented-button-last .x-btn-grid-cell-small-mc {
  padding-top: 3px !important; }
/* line 1023, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item.x-btn-grid-cell-small:after {
  content: ' ';
  border-style: solid;
  border-width: 0;
  position: absolute; }
/* line 1041, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-grid-cell-small:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0; }
/* line 1047, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-grid-cell-small.x-segmented-button-first:after {
  left: 1px; }
/* line 1050, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-horizontal.x-btn-grid-cell-small.x-segmented-button-last:after {
  right: 1px; }
/* line 1056, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-grid-cell-small:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px; }
/* line 1062, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-grid-cell-small.x-segmented-button-first:after {
  top: 1px; }
/* line 1065, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-nbr .x-segmented-button-item-vertical.x-btn-grid-cell-small.x-segmented-button-last:after {
  bottom: 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-grid-cell-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-grid-cell-small-focus-corners.gif), sides:url(images/btn/btn-grid-cell-small-focus-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-over.x-btn-grid-cell-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-grid-cell-small-over-corners.gif), sides:url(images/btn/btn-grid-cell-small-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-over.x-btn-grid-cell-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-grid-cell-small-focus-over-corners.gif), sides:url(images/btn/btn-grid-cell-small-focus-over-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-pressed.x-btn-grid-cell-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-grid-cell-small-pressed-corners.gif), sides:url(images/btn/btn-grid-cell-small-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-focus.x-btn-pressed.x-btn-grid-cell-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-grid-cell-small-focus-pressed-corners.gif), sides:url(images/btn/btn-grid-cell-small-focus-pressed-sides.gif)" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-disabled.x-btn-grid-cell-small:before {
  display: none;
  content: "x-slicer:stretch:bottom, frame:3px 3px 3px 3px, corners:url(images/btn/btn-grid-cell-small-disabled-corners.gif), sides:url(images/btn/btn-grid-cell-small-disabled-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 1128, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-grid-cell-small-cell > .x-grid-cell-inner {
  padding-top: 0px;
  padding-bottom: 0px; }
  /* line 1133, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-button-grid-cell-small-cell > .x-grid-cell-inner > .x-btn-grid-cell-small {
    vertical-align: top; }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-hd {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cecece;
  padding: 7px 4px;
  background: white;
  cursor: pointer; }

/* line 10, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-hd-not-collapsible {
  cursor: default; }

/* line 15, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-hd-collapsible .x-grid-group-title {
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(images/grid/group-collapse.png);
  padding: 0 0 0 17px; }

/* line 24, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-rtl.x-grid-view .x-grid-group-hd-collapsible .x-grid-group-title {
  background-position: right center;
  padding: 0 17px 0 0; }

/* line 30, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-title {
  color: #666666;
  font: 300 13px/15px helvetica, arial, verdana, sans-serif; }

/* line 36, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-hd-collapsed .x-grid-group-title {
  background-image: url(images/grid/group-expand.png); }

/* line 41, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-collapsed .x-grid-group-title {
  background-image: url(images/grid/group-expand.png); }

/* line 45, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-group-by-icon {
  background-image: url(images/grid/group-by.png); }

/* line 49, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-show-groups-icon {
  background-image: url(images/grid/group-by.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/feature/RowBody.scss */
.x-grid-rowbody {
  font: 300 13px/15px helvetica, arial, verdana, sans-serif;
  padding: 5px 10px 5px 10px; }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-docked-summary {
  border-width: 1px;
  border-color: #cecece;
  border-style: solid;
  background: white !important; }
  /* line 6, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
  .x-docked-summary .x-grid-table {
    border: 0 none; }

/* line 16, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody {
  border-color: #cecece;
  background-color: white !important;
  border-top: 1px solid #cecece;
  font: 300 13px/15px helvetica, arial, verdana, sans-serif; }

/* line 27, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-docked-summary .x-grid-item,
.x-docked-summary .x-grid-row-summary .x-grid-cell {
  border-bottom: 0 none;
  border-top: 0 none; }

/* line 34, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-grid-row-summary .x-grid-cell-inner-row-expander {
  display: none; }

/**
 * Creates a visual theme for a Menu.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-background-color=$menu-background-color]
 * The background-color of the Menu
 *
 * @param {color} [$ui-border-color=$menu-border-color]
 * The border-color of the Menu
 *
 * @param {string} [$ui-border-style=$menu-border-style]
 * The border-style of the Menu
 *
 * @param {number} [$ui-border-width=$menu-border-width]
 * The border-width of the Menu
 *
 * @param {number/list} [$ui-padding=$menu-padding]
 * The padding to apply to the Menu body element
 *
 * @param {color} [$ui-text-color=$menu-text-color]
 * The color of Menu Item text
 *
 * @param {string} [$ui-item-font-family=$menu-item-font-family]
 * The font-family of {@link Ext.menu.Item Menu Items}
 *
 * @param {number} [$ui-item-font-size=$menu-item-font-size]
 * The font-size of {@link Ext.menu.Item Menu Items}
 *
 * @param {string} [$ui-item-font-weight=$menu-item-font-weight]
 * The font-weight of {@link Ext.menu.Item Menu Items}
 *
 * @param {number} [$ui-item-height=$menu-item-height]
 * The height of {@link Ext.menu.Item Menu Items}
 *
 * @param {number} [$ui-item-border-width=$menu-item-border-width]
 * The border-width of {@link Ext.menu.Item Menu Items}
 *
 * @param {string} [$ui-item-cursor=$menu-item-cursor]
 * The style of cursor to display when the cursor is over a {@link Ext.menu.Item Menu Item}
 *
 * @param {string} [$ui-item-disabled-cursor=$menu-item-disabled-cursor]
 * The style of cursor to display when the cursor is over a disabled {@link Ext.menu.Item Menu Item}
 *
 * @param {color} [$ui-item-active-background-color=$menu-item-active-background-color]
 * The background-color of the active {@link Ext.menu.Item Menu Item}
 *
 * @param {color} [$ui-item-active-border-color=$menu-item-active-border-color]
 * The border-color of the active {@link Ext.menu.Item Menu Item}
 *
 * @param {string/list} [$ui-item-background-gradient=$menu-item-background-gradient]
 * The background-gradient for {@link Ext.menu.Item Menu Items}. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-item-active-border-radius=$menu-item-active-border-radius]
 * The border-radius of {@link Ext.menu.Item Menu Items}
 *
 * @param {number} [$ui-item-icon-size=$menu-item-icon-size]
 * The size of {@link Ext.menu.Item Menu Item} icons
 *
 * @param {color} [$ui-glyph-color=$menu-glyph-color]
 * The color to use for menu icons configured using {@link Ext.menu.Item#glyph glyph}
 *
 * @param {number} [$ui-glyph-opacity=$menu-glyph-opacity]
 * The opacity to use for menu icons configured using {@link Ext.menu.Item#glyph glyph}
 *
 * @param {number} [$ui-item-checkbox-size=$menu-item-checkbox-size]
 * The size of {@link Ext.menu.Item Menu Item} checkboxes
 *
 * @param {list} [$ui-item-icon-background-position=$menu-item-icon-background-position]
 * The background-position of {@link Ext.menu.Item Menu Item} icons
 *
 * @param {number} [$ui-item-icon-vertical-offset=$menu-item-icon-vertical-offset]
 * vertical offset for menu item icons/checkboxes.  By default the icons are roughly
 * vertically centered, but it may be necessary in some cases to make minor adjustments
 * to the vertical position.
 *
 * @param {number} [$ui-item-text-vertical-offset=$menu-item-text-vertical-offset]
 * vertical offset for menu item text.  By default the text is given a line-height
 * equal to the menu item's content-height, however, depending on the font this may not
 * result in perfect vertical centering.  Offset can be used to make small adjustments
 * to the text's vertical position.
 *
 * @param {number/list} [$ui-item-text-horizontal-spacing=$menu-item-text-horizontal-spacing]
 * The space to the left and right of {@link Ext.menu.Item Menu Item} text. Can be specified
 * as a number (e.g. 5px) or as a list with 2 items for different left/right values. e.g.
 *
 *     $menu-item-text-horizontal-spacing: 4px 8px !default; // 4px of space to the left, and 8px to the right
 *
 * @param {number} [$ui-item-icon-horizontal-spacing=$menu-item-icon-horizontal-spacing]
 * The space to the left and right of {@link Ext.menu.Item Menu Item} icons. Can be specified
 * as a number (e.g. 5px) or as a list with 2 items for different left/right values. e.g.
 *
 *     $menu-item-icon-horizontal-spacing: 4px 8px !default; // 4px of space to the left, and 8px to the right
 *
 * @param {number} [$ui-item-arrow-horizontal-spacing=$menu-item-arrow-horizontal-spacing]
 * The space to the left and right of {@link Ext.menu.Item Menu Item} arrows. Can be specified
 * as a number (e.g. 5px) or as a list with 2 items for different left/right values. e.g.
 *
 *     $menu-item-arrow-horizontal-spacing: 4px 8px !default; // 4px of space to the left, and 8px to the right
 *
 * @param {number/list} [$ui-item-separator-margin=$menu-item-separator-margin]
 * The margin of {@link Ext.menu.Separator Menu Separators}
 *
 * @param {number} [$ui-item-arrow-height=$menu-item-arrow-height]
 * The height of {@link Ext.menu.Item Menu Item} arrows
 *
 * @param {number} [$ui-item-arrow-width=$menu-item-arrow-width]
 * The width of {@link Ext.menu.Item Menu Item} arrows
 *
 * @param {number} [$ui-item-disabled-opacity=$menu-item-disabled-opacity]
 * The opacity of disabled {@link Ext.menu.Item Menu Items}
 *
 * @param {number/list} [$ui-component-margin=$menu-component-margin]
 * The margin non-MenuItems placed in a Menu
 *
 * @param {color} [$ui-separator-border-color=$menu-separator-border-color]
 * The border-color of {@link Ext.menu.Separator Menu Separators}
 *
 * @param {color} [$ui-separator-background-color=$menu-separator-background-color]
 * The background-color of {@link Ext.menu.Separator Menu Separators}
 *
 * @param {number} [$ui-separator-size=$menu-separator-size]
 * The size of {@link Ext.menu.Separator Menu Separators}
 *
 * @param {number} [$ui-scroller-width=$menu-scroller-width]
 * The width of Menu scrollers
 *
 * @param {number} [$ui-scroller-height=$menu-scroller-height]
 * The height of Menu scrollers
 *
 * @param {color} [$ui-scroller-border-color=$menu-scroller-border-color]
 * The border-color of Menu scroller buttons
 *
 * @param {number} [$ui-scroller-border-width=$menu-scroller-border-width]
 * The border-width of Menu scroller buttons
 *
 * @param {number/list} [$ui-scroller-top-margin=$menu-scroller-top-margin]
 * The margin of "top" Menu scroller buttons
 *
 * @param {number/list} [$ui-scroller-bottom-margin=$menu-scroller-bottom-margin]
 * The margin of "bottom" Menu scroller buttons
 *
 * @param {string} [$ui-scroller-cursor=$menu-scroller-cursor]
 * The cursor of Menu scroller buttons
 *
 * @param {string} [$ui-scroller-cursor-disabled=$menu-scroller-cursor-disabled]
 * The cursor of disabled Menu scroller buttons
 *
 * @param {number} [$ui-scroller-opacity=$menu-scroller-opacity]
 * The opacity of Menu scroller buttons. Only applicable when
 * {@link #$menu-classic-scrollers} is `false`.
 *
 * @param {number} [$ui-scroller-opacity-over=$menu-scroller-opacity-over]
 * The opacity of hovered Menu scroller buttons. Only applicable when
 * {@link #$menu-classic-scrollers} is `false`.
 *
 * @param {number} [$ui-scroller-opacity-pressed=$menu-scroller-opacity-pressed]
 * The opacity of pressed Menu scroller buttons. Only applicable when
 * {@link #$menu-classic-scrollers} is `false`.
 *
 * @param {number} [$ui-scroller-opacity-disabled=$menu-scroller-opacity-disabled]
 * The opacity of disabled Menu scroller buttons.
 *
 * @param {boolean} [$ui-classic-scrollers=$menu-classic-scrollers]
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given their
 * hover state by changing their background-position,  When `false` scroller buttons are
 * given their hover state by applying opacity.
 *
 * @member Ext.menu.Menu
 */
/* line 236, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-default {
  border-style: solid;
  border-width: 1px;
  border-color: #e1e1e1; }

/* line 242, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-body-default {
  background: white;
  padding: 0; }

/* line 247, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-icon-separator-default {
  left: 26px;
  border-left: solid 1px #e1e1e1;
  background-color: white;
  width: 1px; }

/* line 256, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl > .x-menu-icon-separator {
  left: auto;
  right: 26px; }

/* line 261, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-default {
  border-width: 0;
  cursor: pointer; }
  /* line 265, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-default.x-menu-item-active {
    background-image: none;
    background-color: #d6e8f6; }
    /* line 277, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
    .x-nlg .x-menu-item-default.x-menu-item-active {
      background: #d6e8f6 repeat-x left top;
      background-image: url(images/menu/menu-item-default-active-bg.gif); }
  /* line 284, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-default.x-menu-item-disabled {
    cursor: default; }
    /* line 287, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
    .x-menu-item-default.x-menu-item-disabled a {
      cursor: default; }
  /* line 292, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-default.x-menu-item-separator {
    height: 1px;
    border-top: solid 1px #e1e1e1;
    background-color: white;
    margin: 2px 0;
    padding: 0; }
  /* line 300, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-default.x-menu-item-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }
    /* line 305, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
    .x-ie9m .x-menu-item-default.x-menu-item-disabled .x-menu-item-icon-ui {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5; }
    /* line 309, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
    .x-ie9m .x-menu-item-default.x-menu-item-disabled .x-menu-item-text-default {
      background-color: transparent; }
  /* line 319, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-default .x-form-item-label {
    font-size: 13px;
    color: black; }

/* line 327, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-text-default,
.x-menu-item-cmp-default {
  margin: 0 5px 0 5px; }

/* line 331, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-text-default {
  font: normal 13px helvetica, arial, verdana, sans-serif;
  line-height: 23px;
  padding-top: 1px;
  color: black;
  cursor: pointer; }
  /* line 342, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-text-default.x-menu-item-indent {
    margin-left: 32px; }
  /* line 346, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-text-default.x-menu-item-indent-no-separator {
    margin-left: 26px; }
  /* line 350, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-text-default.x-menu-item-indent-right-icon {
    margin-right: 31px; }
  /* line 354, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-text-default.x-menu-item-indent-right-arrow {
    margin-right: 22px; }
  /* line 358, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-disabled .x-menu-item-text-default {
    cursor: default; }

/* line 366, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-text-default, .x-rtl.x-menu-item-cmp-default {
  margin: 0 5px 0 5px; }
/* line 371, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-text-default.x-menu-item-indent {
  margin-right: 32px; }
/* line 375, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-text-default.x-menu-item-indent-no-separator {
  margin-right: 26px; }
/* line 379, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-text-default.x-menu-item-indent-right-icon {
  margin-left: 31px; }
/* line 383, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-text-default.x-menu-item-indent-right-arrow {
  margin-left: 22px; }

/* line 390, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-indent-default {
  margin-left: 32px; }
  /* line 393, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-indent-default.x-rtl {
    margin-left: 0;
    margin-right: 32px; }

/* line 400, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-icon-default {
  width: 16px;
  height: 16px;
  top: 4px;
  left: 5px;
  background-position: center center; }
  /* line 408, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-icon-default.x-rtl {
    left: auto;
    right: 5px; }
    /* line 412, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
    .x-menu-item-active .x-menu-item-icon-default.x-rtl {
      right: 5px; }
  /* line 418, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-icon-default.x-menu-item-glyph {
    font-size: 16px;
    line-height: 16px;
    color: gray;
    opacity: 0.5; }
    /* line 435, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
    .x-ie8 .x-menu-item-icon-default.x-menu-item-glyph {
      color: #bfbfbf; }
  /* line 443, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-icon-default.x-menu-item-icon-right {
    width: 16px;
    height: 16px;
    top: 4px;
    right: 5px;
    left: auto;
    background-position: center center; }
    /* line 452, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
    .x-menu-item-icon-default.x-menu-item-icon-right.x-rtl {
      right: auto;
      left: 5px; }
      /* line 456, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
      .x-menu-item-active .x-menu-item-icon-default.x-menu-item-icon-right.x-rtl {
        left: 5px; }
  /* line 468, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
    background-image: url(images/menu/default-checked.png); }
  /* line 472, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
    background-image: url(images/menu/default-unchecked.png); }
  /* line 478, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon {
    background-image: url(images/menu/default-group-checked.png); }
  /* line 482, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-unchecked .x-menu-item-icon-default.x-menu-group-icon {
    background-image: none; }

/* line 488, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-arrow-default {
  width: 12px;
  height: 9px;
  top: 8px;
  right: 0;
  background-image: url(images/menu/default-menu-parent.png); }
  /* line 495, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-active .x-menu-item-arrow-default {
    top: 8px;
    right: 0; }
  /* line 501, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
  .x-menu-item-arrow-default.x-rtl {
    left: 0;
    right: auto;
    background-image: url(images/menu/default-menu-parent-left.png); }
    /* line 506, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
    .x-menu-item-active .x-menu-item-arrow-default.x-rtl {
      left: 0; }

/* line 145, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-menu-default-scroller .x-box-scroller-body-horizontal {
  margin-left: 16px; }
/* line 150, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-menu-default-scroller.x-rtl .x-box-scroller-body-horizontal {
  margin-left: 0;
  margin-right: 16px; }

/* line 158, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-menu-default-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 24px; }

/* line 163, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-box-scroller-menu-default {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
  /* line 172, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-menu-default.x-box-scroller-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6; }
  /* line 178, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-menu-default.x-box-scroller-pressed {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  /* line 184, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-menu-default.x-box-scroller-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25;
    cursor: default; }
  /* line 270, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-menu-default.x-box-scroller-top, .x-box-scroller-menu-default.x-box-scroller-bottom {
    height: 16px;
    width: 16px;
    left: 50%;
    margin-left: -8px; }
  /* line 296, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-menu-default.x-box-scroller-top {
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 4px;
    background-image: url(images/menu/default-scroll-top.png); }
  /* line 319, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-menu-default.x-box-scroller-bottom {
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 4px;
    background-image: url(images/menu/default-scroll-bottom.png); }

/* line 540, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-ie8 .x-box-scroller-menu-default {
  background-color: white; }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/filters/Filters.scss */
.x-grid-filters-filtered-column {
  font-style: italic;
  font-weight: bold;
  text-decoration: inherit; }

/* line 7, ../../../ext-theme-neutral/sass/src/grid/filters/Filters.scss */
.x-grid-filters-icon {
  background-repeat: no-repeat;
  background-position: center center; }

/* line 12, ../../../ext-theme-neutral/sass/src/grid/filters/Filters.scss */
.x-grid-filters-find {
  background-image: url(images/grid/filters/find.png); }

/* line 16, ../../../ext-theme-neutral/sass/src/grid/filters/Filters.scss */
.x-grid-filters-gt {
  background-image: url(images/grid/filters/greater_than.png); }

/* line 20, ../../../ext-theme-neutral/sass/src/grid/filters/Filters.scss */
.x-grid-filters-lt {
  background-image: url(images/grid/filters/less_than.png); }

/* line 24, ../../../ext-theme-neutral/sass/src/grid/filters/Filters.scss */
.x-grid-filters-eq {
  background-image: url(images/grid/filters/equals.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-grid-locked .x-grid-inner-locked {
  border-width: 0 1px 0 0;
  border-style: solid; }

/* line 6, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-grid-locked .x-rtl.x-grid-inner-locked {
  border-width: 0 0 0 1px; }

/* line 12, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-grid-locked-split .x-grid-inner-normal {
  border-width: 0 0 0 1px;
  border-style: solid; }

/* line 17, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-grid-locked-split .x-rtl.x-grid-inner-normal {
  border-width: 0 1px 0 0; }

/* line 22, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-grid-inner-locked {
  border-right-color: #888888; }
  /* line 28, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
  .x-grid-inner-locked .x-column-header-last,
  .x-grid-inner-locked .x-grid-cell-last {
    border-right-width: 0!important; }
  /* line 32, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
  .x-grid-inner-locked .x-rtl.x-column-header-last {
    border-left-width: 0!important; }

/* line 41, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-rtl.x-grid-inner-locked {
  border-right-color: #f5f5f5;
  border-left-color: #888888; }
  /* line 43, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
  .x-rtl.x-grid-inner-locked .x-grid-row .x-column-header-last {
    border-left: 0 none; }
  /* line 46, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
  .x-rtl.x-grid-inner-locked .x-grid-row .x-grid-cell-last {
    border-left: 0 none; }

/* line 57, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-hmenu-lock {
  background-image: url(images/grid/hmenu-lock.png); }

/* line 61, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-hmenu-unlock {
  background-image: url(images/grid/hmenu-unlock.png); }

/*
 * Define UI for fields which are rendered to fit inside grid cells.
 * This includes cell and row editor fields and fields in widget columns.
 */
/* line 18, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-display-field {
  text-overflow: ellipsis; }
/* line 24, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-action-col-field {
  padding: 4px 4px 4px 4px; }
/* line 30, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-text {
  padding-left: 9px;
  padding-right: 9px; }

/* line 3, ../../../ext-theme-neutral/sass/src/grid/plugin/CellEditing.scss */
.x-tree-cell-editor .x-form-text {
  padding-left: 3px;
  padding-right: 3px; }

/* line 2, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-field {
  margin: 0 3px 0 2px; }
/* line 7, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-form-display-field {
  padding: 5px 8px 4px 8px;
  line-height: 15px; }
  /* line 18, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
  .x-ie9m .x-grid-row-editor .x-form-display-field {
    min-height: 15px; }
/* line 26, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-form-action-col-field {
  padding: 4px 1px 4px 2px; }
/* line 37, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-form-text {
  padding: 3px 6px 2px 7px; }
  /* line 41, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
  .x-gecko .x-grid-row-editor .x-form-text {
    padding-left: 6px;
    padding-right: 5px; }
/* line 50, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-panel-body {
  border-top: 1px solid #e1e1e1 !important;
  border-bottom: 1px solid #e1e1e1 !important;
  padding: 5px 0 5px 0;
  background-color: #dfeaf2; }
/* line 60, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-with-col-lines .x-grid-row-editor .x-form-cb {
  margin-right: 1px; }
/* line 65, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-with-col-lines .x-grid-row-editor .x-rtl.x-form-cb {
  margin-right: 0;
  margin-left: 1px; }

/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 5px 5px 5px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #dfeaf2; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-mc {
  background-color: #dfeaf2; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-grid-row-editor-buttons-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-frameInfo {
  font-family: th-0-5-5-5-0-1-1-1-5-5-5-5; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tl {
  background-position: 0 -10px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tr {
  background-position: right -15px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-bl {
  background-position: 0 -20px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-br {
  background-position: right -25px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-bc {
  background-position: 0 -5px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tr,
.x-grid-row-editor-buttons-default-bottom-br,
.x-grid-row-editor-buttons-default-bottom-mr {
  padding-right: 5px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tl,
.x-grid-row-editor-buttons-default-bottom-bl,
.x-grid-row-editor-buttons-default-bottom-ml {
  padding-left: 5px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tc {
  height: 0; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-bc {
  height: 5px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tl,
.x-grid-row-editor-buttons-default-bottom-bl,
.x-grid-row-editor-buttons-default-bottom-tr,
.x-grid-row-editor-buttons-default-bottom-br,
.x-grid-row-editor-buttons-default-bottom-tc,
.x-grid-row-editor-buttons-default-bottom-bc,
.x-grid-row-editor-buttons-default-bottom-ml,
.x-grid-row-editor-buttons-default-bottom-mr {
  background-image: url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-ml,
.x-grid-row-editor-buttons-default-bottom-mr {
  background-image: url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-mc {
  padding: 5px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-grid-row-editor-buttons-default-bottom:before {
  display: none;
  content: "x-slicer:frame:0 5px 5px 5px, corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.gif), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 5px 5px 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #dfeaf2; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-mc {
  background-color: #dfeaf2; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-grid-row-editor-buttons-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-frameInfo {
  font-family: th-5-5-0-5-1-1-0-1-5-5-5-5; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tl {
  background-position: 0 -10px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tr {
  background-position: right -15px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-bl {
  background-position: 0 -20px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-br {
  background-position: right -25px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-bc {
  background-position: 0 -5px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tr,
.x-grid-row-editor-buttons-default-top-br,
.x-grid-row-editor-buttons-default-top-mr {
  padding-right: 5px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tl,
.x-grid-row-editor-buttons-default-top-bl,
.x-grid-row-editor-buttons-default-top-ml {
  padding-left: 5px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tc {
  height: 5px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-bc {
  height: 0; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tl,
.x-grid-row-editor-buttons-default-top-bl,
.x-grid-row-editor-buttons-default-top-tr,
.x-grid-row-editor-buttons-default-top-br,
.x-grid-row-editor-buttons-default-top-tc,
.x-grid-row-editor-buttons-default-top-bc,
.x-grid-row-editor-buttons-default-top-ml,
.x-grid-row-editor-buttons-default-top-mr {
  background-image: url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-ml,
.x-grid-row-editor-buttons-default-top-mr {
  background-image: url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-mc {
  padding: 1px 1px 5px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-grid-row-editor-buttons-default-top:before {
  display: none;
  content: "x-slicer:frame:5px 5px 0 5px, corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.gif), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 108, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor-buttons {
  border-color: #e1e1e1; }

/* line 112, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-row-editor-update-button {
  margin-right: 3px; }

/* line 115, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-row-editor-cancel-button {
  margin-left: 2px; }

/* line 120, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-rtl.x-row-editor-update-button {
  margin-left: 3px;
  margin-right: auto; }

/* line 124, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-rtl.x-row-editor-cancel-button {
  margin-right: 2px;
  margin-left: auto; }

/* line 131, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor-errors .x-tip-body {
  padding: 5px; }

/* line 136, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor-errors-item {
  list-style: disc;
  margin-left: 15px; }

/* line 143, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-rtl.x-grid-row-editor-errors .x-grid-row-editor-errors-item {
  margin-left: 0;
  margin-right: 15px; }

/* line 1, ../../../ext-theme-neutral/sass/src/grid/plugin/RowExpander.scss */
.x-grid-cell-inner-row-expander {
  padding: 7px 6px 6px 6px; }

/* line 14, ../../../ext-theme-neutral/sass/src/grid/plugin/RowExpander.scss */
.x-grid-row-expander {
  width: 11px;
  height: 11px;
  cursor: pointer;
  background-image: url(images/grid/group-collapse.png); }
  /* line 20, ../../../ext-theme-neutral/sass/src/grid/plugin/RowExpander.scss */
  .x-grid-row-collapsed .x-grid-row-expander {
    background-image: url(images/grid/group-expand.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-layout-ct {
  background-color: white;
  padding: 0; }

/* line 6, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-hd .x-panel-header-title {
  color: #157fcc;
  font-weight: 300;
  font-family: helvetica, arial, verdana, sans-serif;
  text-transform: none; }

/* line 13, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-item {
  margin: 0; }
  /* line 16, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
  .x-accordion-item .x-accordion-hd {
    background: white;
    border-width: 0 0 1px;
    border-color: white #cecece #cecece;
    padding: 8px 10px; }
  /* line 29, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
  .x-accordion-item .x-accordion-hd-sibling-expanded {
    border-top-color: #cecece;
    border-top-width: 1px; }
  /* line 34, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
  .x-accordion-item .x-accordion-hd-last-collapsed {
    border-bottom-color: white; }
  /* line 38, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
  .x-accordion-item .x-accordion-body {
    border-width: 0; }

/* line 45, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-hd .x-tool-collapse-top,
.x-accordion-hd .x-tool-collapse-bottom {
  background-position: 0 -272px; }
/* line 50, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-hd .x-tool-expand-top,
.x-accordion-hd .x-tool-expand-bottom {
  background-position: 0 -256px; }
/* line 69, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-hd .x-tool-img {
  background-color: white; }

/* line 6, ../../../ext-theme-neutral/sass/src/layout/container/Border.scss */
body.x-border-layout-ct,
div.x-border-layout-ct {
  background-color: #cecece; }

/* line 1, ../../../ext-theme-neutral/sass/src/layout/container/Form.scss */
.x-form-layout-wrap {
  border-spacing: 5px; }

/* line 1, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle {
  position: absolute;
  z-index: 100;
  font-size: 1px;
  line-height: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background-color: #fff; }

/* line 17, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-collapsed .x-resizable-handle {
  display: none; }

/* line 21, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-north {
  cursor: n-resize; }

/* line 24, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-south {
  cursor: s-resize; }

/* line 27, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-east {
  cursor: e-resize; }

/* line 30, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-west {
  cursor: w-resize; }

/* line 33, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-southeast {
  cursor: se-resize; }

/* line 36, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-northwest {
  cursor: nw-resize; }

/* line 39, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-northeast {
  cursor: ne-resize; }

/* line 42, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-southwest {
  cursor: sw-resize; }

/* line 46, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-east {
  width: 5px;
  height: 100%;
  right: 0;
  top: 0; }

/* line 53, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-south {
  width: 100%;
  height: 5px;
  left: 0;
  bottom: 0; }

/* line 60, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-west {
  width: 5px;
  height: 100%;
  left: 0;
  top: 0; }

/* line 67, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-north {
  width: 100%;
  height: 5px;
  left: 0;
  top: 0; }

/* line 74, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-southeast {
  width: 5px;
  height: 5px;
  right: 0;
  bottom: 0;
  z-index: 101; }

/* line 82, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-northwest {
  width: 5px;
  height: 5px;
  left: 0;
  top: 0;
  z-index: 101; }

/* line 90, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-northeast {
  width: 5px;
  height: 5px;
  right: 0;
  top: 0;
  z-index: 101; }

/* line 98, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-southwest {
  width: 5px;
  height: 5px;
  left: 0;
  bottom: 0;
  z-index: 101; }

/* line 107, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-window .x-window-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

/* line 111, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-window-collapsed .x-window-handle {
  display: none; }

/* line 116, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-proxy {
  border: 1px dashed #3b5a82;
  position: absolute;
  overflow: hidden;
  z-index: 50000; }

/* line 125, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-over,
.x-resizable-pinned .x-resizable-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

/* line 131, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-east-over,
.x-resizable-handle-west-over {
  background-image: url(images/sizer/e-handle.png); }

/* line 137, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-south-over,
.x-resizable-handle-north-over {
  background-image: url(images/sizer/s-handle.png); }

/* line 142, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-southeast-over {
  background-position: top left;
  background-image: url(images/sizer/se-handle.png); }

/* line 147, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-northwest-over {
  background-position: bottom right;
  background-image: url(images/sizer/nw-handle.png); }

/* line 152, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-northeast-over {
  background-position: bottom left;
  background-image: url(images/sizer/ne-handle.png); }

/* line 157, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-southwest-over {
  background-position: top right;
  background-image: url(images/sizer/sw-handle.png); }

/* line 165, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-west {
  background-image: url(images/sizer/e-handle.png); }
/* line 171, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-pinned .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-north {
  background-image: url(images/sizer/s-handle.png); }
/* line 176, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-pinned .x-resizable-handle-southeast {
  background-position: top left;
  background-image: url(images/sizer/se-handle.png); }
/* line 181, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-pinned .x-resizable-handle-northwest {
  background-position: bottom right;
  background-image: url(images/sizer/nw-handle.png); }
/* line 186, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-pinned .x-resizable-handle-northeast {
  background-position: bottom left;
  background-image: url(images/sizer/ne-handle.png); }
/* line 191, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-pinned .x-resizable-handle-southwest {
  background-position: top right;
  background-image: url(images/sizer/sw-handle.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x-column-header-checkbox {
  border-color: white; }

/* line 6, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x-grid-row-checker,
.x-column-header-checkbox .x-column-header-text {
  height: 15px;
  width: 15px;
  background-image: url(images/form/checkbox.png);
  line-height: 15px; }

/* line 15, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x-column-header-checkbox .x-column-header-inner {
  padding: 7px 4px 7px 4px; }

/* line 19, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x-grid-cell-row-checker .x-grid-cell-inner {
  padding: 5px 4px 4px 4px; }

/* line 32, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x-grid-hd-checker-on .x-column-header-text,
.x-grid-item-selected .x-grid-row-checker,
.x-grid-item-selected .x-grid-row-checker {
  background-position: 0 -15px; }

/* Horizontal styles */
/* line 2, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz {
  padding-left: 7px;
  background: no-repeat 0 -15px; }
  /* line 6, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
  .x-slider-horz .x-slider-end {
    padding-right: 8px;
    background: no-repeat right -30px; }

/* line 12, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz .x-slider-inner {
  height: 15px; }

/* line 16, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz .x-slider-thumb {
  width: 15px;
  height: 15px;
  margin-left: -7px;
  background-image: url(images/slider/slider-thumb.png); }

/* line 23, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz.x-slider-focus .x-slider-thumb {
  background-position: -45px -45px; }

/* line 27, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz .x-slider-thumb-over {
  background-position: -15px -15px; }

/* line 31, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz.x-slider-focus .x-slider-thumb-over {
  background-position: -60px -60px; }

/* line 35, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz .x-slider-thumb-drag {
  background-position: -30px -30px; }

/* line 39, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz.x-slider-focus .x-slider-thumb-drag {
  background-position: -75px -75px; }

/* line 44, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-rtl.x-slider-horz {
  padding-left: 0;
  padding-right: 7px;
  background-position: right -30px; }
  /* line 49, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
  .x-rtl.x-slider-horz .x-slider-end {
    padding-right: 0;
    padding-left: 8px;
    background-position: left -15px; }
  /* line 55, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
  .x-rtl.x-slider-horz .x-slider-thumb {
    margin-right: -8px; }

/* Vertical styles */
/* line 62, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-ct-vert {
  height: 100%; }

/* line 66, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert {
  padding-top: 7px;
  background: no-repeat -30px 0;
  height: 100%; }
  /* line 71, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
  .x-slider-vert > .x-slider-end {
    height: 100%; }
    /* line 73, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
    .x-slider-vert > .x-slider-end > .x-slider-inner {
      height: 100%; }

/* line 79, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-end {
  padding-bottom: 8px;
  background: no-repeat -15px bottom;
  width: 15px; }

/* line 85, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-inner {
  width: 15px; }

/* line 89, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-thumb {
  width: 15px;
  height: 15px;
  margin-bottom: -8px;
  background-image: url(images/slider/slider-v-thumb.png); }

/* line 96, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert.x-slider-focus .x-slider-thumb {
  background-position: -45px -45px; }

/* line 100, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-thumb-over {
  background-position: -15px -15px; }

/* line 104, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert.x-slider-focus .x-slider-thumb-over {
  background-position: -60px -60px; }

/* line 108, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-thumb-drag {
  background-position: -30px -30px; }

/* line 112, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert.x-slider-focus .x-slider-thumb-drag {
  background-position: -75px -75px; }

/* line 118, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz,
.x-slider-horz .x-slider-end,
.x-slider-horz .x-slider-inner {
  background-image: url(images/slider/slider-bg.png); }

/* line 124, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert,
.x-slider-vert .x-slider-end,
.x-slider-vert .x-slider-inner {
  background-image: url(images/slider/slider-v-bg.png); }

/* line 129, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-default-cell > .x-grid-cell-inner,
.x-sliderwidget-default-cell > .x-grid-cell-inner {
  padding-top: 4px;
  padding-bottom: 5px; }

/* line 1, ../../../ext-theme-neutral/sass/src/sparkline/Base.scss */
.x-sparkline-cell .x-grid-cell-inner {
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: 22px; }

/**
 * Creates a visual theme for a Tab
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-background-color=$tab-base-color]
 * The background-color of Tabs
 *
 * @param {color} [$ui-background-color-focus=$tab-base-color-focus]
 * The background-color of focused Tabs
 *
 * @param {color} [$ui-background-color-over=$tab-base-color-over]
 * The background-color of hovered Tabs
 *
 * @param {color} [$ui-background-color-active=$tab-base-color-active]
 * The background-color of the active Tab
 *
 * @param {color} [$ui-background-color-focus-over=$tab-base-color-focus-over]
 * The background-color of focused hovered Tabs
 *
 * @param {color} [$ui-background-color-focus-active=$tab-base-color-focus-active]
 * The background-color of the active Tab when focused
 *
 * @param {color} [$ui-background-color-disabled=$tab-base-color-disabled]
 * The background-color of disabled Tabs
 *
 * @param {list} [$ui-border-radius=$tab-border-radius]
 * The border-radius of Tabs
 *
 * @param {number/list} [$ui-border-width=$tab-border-width]
 * The border-width of Tabs
 *
 * @param {number/list} [$ui-border-width-focus=$tab-border-width-focus]
 * The border-width of focused Tabs
 *
 * @param {number/list} [$ui-border-width-over=$tab-border-width-over]
 * The border-width of hovered Tabs
 *
 * @param {number/list} [$ui-border-width-active=$tab-border-width-active]
 * The border-width of active Tabs
 *
 * @param {number/list} [$ui-border-width-focus-over=$tab-border-width-focus-over]
 * The border-width of focused hovered Tabs
 *
 * @param {number/list} [$ui-border-width-focus-active=$tab-border-width-focus-active]
 * The border-width of active Tabs when focused
 *
 * @param {number/list} [$ui-border-width-disabled=$tab-border-width-disabled]
 * The border-width of disabled Tabs
 *
 * @param {number/list} [$ui-margin=$tab-margin]
 * The border-width of Tabs
 *
 * @param {number/list} [$ui-padding=$tab-padding]
 * The padding of Tabs
 *
 * @param {number/list} [$ui-text-padding=$tab-text-padding]
 * The padding of the Tab's text element
 *
 * @param {color} [$ui-border-color=$tab-border-color]
 * The border-color of Tabs
 *
 * @param {color} [$ui-border-color-focus=$tab-border-color-focus]
 * The border-color of focused Tabs
 *
 * @param {color} [$ui-border-color-over=$tab-border-color-over]
 * The border-color of hovered Tabs
 *
 * @param {color} [$ui-border-color-active=$tab-border-color-active]
 * The border-color of the active Tab
 *
 * @param {color} [$ui-border-color-focus-over=$tab-border-color-focus-over]
 * The border-color of focused hovered Tabs
 *
 * @param {color} [$ui-border-color-focus-active=$tab-border-color-focus-active]
 * The border-color of the active Tab when focused

 * @param {color} [$ui-border-color-disabled=$tab-border-color-disabled]
 * The border-color of disabled Tabs
 *
 * @param {string} [$ui-cursor=$tab-cursor]
 * The Tab cursor
 *
 * @param {string} [$ui-cursor-disabled=$tab-cursor-disabled]
 * The cursor of disabled Tabs
 *
 * @param {number} [$ui-font-size=$tab-font-size]
 * The font-size of Tabs
 *
 * @param {number} [$ui-font-size-focus=$tab-font-size-focus]
 * The font-size of focused Tabs
 *
 * @param {number} [$ui-font-size-over=$tab-font-size-over]
 * The font-size of hovered Tabs
 *
 * @param {number} [$ui-font-size-active=$tab-font-size-active]
 * The font-size of the active Tab
 *
 * @param {number} [$ui-font-size-focus-over=$tab-font-size-focus-over]
 * The font-size of focused hovered Tabs
 *
 * @param {number} [$ui-font-size-focus-active=$tab-font-size-focus-active]
 * The font-size of the active Tab when focused
 *
 * @param {number} [$ui-font-size-disabled=$tab-font-size-disabled]
 * The font-size of disabled Tabs
 *
 * @param {string} [$ui-font-weight=$tab-font-weight]
 * The font-weight of Tabs
 *
 * @param {string} [$ui-font-weight-focus=$tab-font-weight-focus]
 * The font-weight of focused Tabs
 *
 * @param {string} [$ui-font-weight-over=$tab-font-weight-over]
 * The font-weight of hovered Tabs
 *
 * @param {string} [$ui-font-weight-active=$tab-font-weight-active]
 * The font-weight of the active Tab
 *
 * @param {string} [$ui-font-weight-focus-over=$tab-font-weight-focus-over]
 * The font-weight of focused hovered Tabs
 *
 * @param {string} [$ui-font-weight-focus-active=$tab-font-weight-focus-active]
 * The font-weight of the active Tab when focused
 *
 * @param {string} [$ui-font-weight-disabled=$tab-font-weight-disabled]
 * The font-weight of disabled Tabs
 *
 * @param {string} [$ui-font-family=$tab-font-family]
 * The font-family of Tabs
 *
 * @param {string} [$ui-font-family-focus=$tab-font-family-focus]
 * The font-family of focused Tabs
 *
 * @param {string} [$ui-font-family-over=$tab-font-family-over]
 * The font-family of hovered Tabs
 *
 * @param {string} [$ui-font-family-active=$tab-font-family-active]
 * The font-family of the active Tab
 *
 * @param {string} [$ui-font-family-focus-over=$tab-font-family-focus-over]
 * The font-family of focused hovered Tabs
 *
 * @param {string} [$ui-font-family-focus-active=$tab-font-family-focus-active]
 * The font-family of the active Tab when focused
 *
 * @param {string} [$ui-font-family-disabled=$tab-font-family-disabled]
 * The font-family of disabled Tabs
 *
 * @param {number} [$ui-line-height=$tab-line-height]
 * The line-height of Tabs
 *
 * @param {color} [$ui-color=$tab-color]
 * The text color of Tabs
 *
 * @param {color} [$ui-color-focus=$tab-color-focus]
 * The text color of focused Tabs
 *
 * @param {color} [$ui-color-over=$tab-color-over]
 * The text color of hovered Tabs
 *
 * @param {color} [$ui-color-active=$tab-color-active]
 * The text color of the active Tab
 *
 * @param {color} [$ui-color-focus-over=$tab-color-focus-over]
 * The text color of focused hovered Tabs
 *
 * @param {color} [$ui-color-focus-active=$tab-color-focus-active]
 * The text color of the active Tab when focused
 *
 * @param {color} [$ui-color-disabled=$tab-color-disabled]
 * The text color of disabled Tabs
 *
 * @param {string/list} [$ui-background-gradient=$tab-background-gradient]
 * The background-gradient for Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-focus=$tab-background-gradient-focus]
 * The background-gradient for focused Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-over=$tab-background-gradient-over]
 * The background-gradient for hovered Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-active=$tab-background-gradient-active]
 * The background-gradient for the active Tab. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-focus-over=$tab-background-gradient-focus-over]
 * The background-gradient for focused hovered Tabs. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-focus-active=$tab-background-gradient-focus-active]
 * The background-gradient for the active Tab when focused. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-disabled=$tab-background-gradient-disabled]
 * The background-gradient for disabled Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-inner-border-width=$tab-inner-border-width]
 * The inner border-width of Tabs
 *
 * @param {number} [$ui-inner-border-width-focus=$tab-inner-border-width-focus]
 * The inner border-width of focused Tabs
 *
 * @param {number} [$ui-inner-border-width-over=$tab-inner-border-width-over]
 * The inner border-width of hovered Tabs
 *
 * @param {number} [$ui-inner-border-width-active=$tab-inner-border-width-active]
 * The inner border-width of active Tabs
 *
 * @param {number} [$ui-inner-border-width-focus-over=$tab-inner-border-width-focus-over]
 * The inner border-width of focused hovered Tabs
 *
 * @param {number} [$ui-inner-border-width-focus-active=$tab-inner-border-width-focus-active]
 * The inner border-width of active Tabs when focused
 *
 * @param {number} [$ui-inner-border-width-disabled=$tab-inner-border-width-disabled]
 * The inner border-width of disabled Tabs
 *
 * @param {color} [$ui-inner-border-color=$tab-inner-border-color]
 * The inner border-color of Tabs
 *
 * @param {color} [$ui-inner-border-color-focus=$tab-inner-border-color-focus]
 * The inner border-color of focused Tabs
 *
 * @param {color} [$ui-inner-border-color-over=$tab-inner-border-color-over]
 * The inner border-color of hovered Tabs
 *
 * @param {color} [$ui-inner-border-color-active=$tab-inner-border-color-active]
 * The inner border-color of active Tabs
 *
 * @param {color} [$ui-inner-border-color-focus-over=$tab-inner-border-color-focus-over]
 * The inner border-color of focused hovered Tabs
 *
 * @param {color} [$ui-inner-border-color-focus-active=$tab-inner-border-color-focus-active]
 * The inner border-color of active Tabs when focused
 *
 * @param {color} [$ui-inner-border-color-disabled=$tab-inner-border-color-disabled]
 * The inner border-color of disabled Tabs
 *
 * @param {boolean} [$ui-inner-border-collapse=$tab-inner-border-collapse]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 *
 * @param {boolean} [$ui-inner-border-collapse-focus=$tab-inner-border-collapse-focus]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused
 *
 * @param {boolean} [$ui-inner-border-collapse-over=$tab-inner-border-collapse-over]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is hovered
 *
 * @param {boolean} [$ui-inner-border-collapse-active=$tab-inner-border-collapse-active]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is active
 *
 * @param {boolean} [$ui-inner-border-collapse-focus-over=$tab-inner-border-collapse-focus-over]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused and hovered
 *
 * @param {boolean} [$ui-inner-border-collapse-focus-active=$tab-inner-border-collapse-focus-active]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused and active
 *
 * @param {boolean} [$ui-inner-border-collapse-disabled=$tab-inner-border-collapse-disabled]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is disabled
 *
 * @param {number} [$ui-body-outline-width-focus=$tab-body-outline-width-focus]
 * The body outline width of focused Tabs
 *
 * @param {string} [$ui-body-outline-style-focus=$tab-body-outline-style-focus]
 * The body outline-style of focused Tabs
 *
 * @param {color} [$ui-body-outline-color-focus=$tab-body-outline-color-focus]
 * The body outline color of focused Tabs
 *
 * @param {number} [$ui-icon-width=$tab-icon-width]
 * The width of the Tab close icon
 *
 * @param {number} [$ui-icon-height=$tab-icon-height]
 * The height of the Tab close icon
 *
 * @param {number} [$ui-icon-spacing=$tab-icon-spacing]
 * the space in between the text and the close button
 *
 * @param {list} [$ui-icon-background-position=$tab-icon-background-position]
 * The background-position of Tab icons
 *
 * @param {color} [$ui-glyph-color=$tab-glyph-color]
 * The color of Tab glyph icons
 *
 * @param {color} [$ui-glyph-color-focus=$tab-glyph-color-focus]
 * The color of a Tab glyph icon when the Tab is focused
 *
 * @param {color} [$ui-glyph-color-over=$tab-glyph-color-over]
 * The color of a Tab glyph icon when the Tab is hovered
 *
 * @param {color} [$ui-glyph-color-active=$tab-glyph-color-active]
 * The color of a Tab glyph icon when the Tab is active
 *
 * @param {color} [$ui-glyph-color-focus-over=$tab-glyph-color-focus-over]
 * The color of a Tab glyph icon when the Tab is focused and hovered
 *
 * @param {color} [$ui-glyph-color-focus-active=$tab-glyph-color-focus-active]
 * The color of a Tab glyph icon when the Tab is focused and active
 *
 * @param {color} [$ui-glyph-color-disabled=$tab-glyph-color-disabled]
 * The color of a Tab glyph icon when the Tab is disabled
 *
 * @param {number} [$ui-glyph-opacity=$tab-glyph-opacity]
 * The opacity of a Tab glyph icon
 *
 * @param {number} [$ui-glyph-opacity-disabled=$tab-glyph-opacity-disabled]
 * The opacity of a Tab glyph icon when the Tab is disabled
 *
 * @param {number} [$ui-opacity-disabled=$tab-opacity-disabled]
 * opacity to apply to the tab's main element when the tab is disabled
 *
 * @param {number} [$ui-text-opacity-disabled=$tab-text-opacity-disabled]
 * opacity to apply to the tab's text element when the tab is disabled
 *
 * @param {number} [$ui-icon-opacity-disabled=$tab-icon-opacity-disabled]
 * opacity to apply to the tab's icon element when the tab is disabled
 *
 * @param {number} [$ui-closable-icon-width=$tab-closable-icon-width]
 * The width of the Tab close icon
 *
 * @param {number} [$ui-closable-icon-height=$tab-closable-icon-height]
 * The height of the Tab close icon
 *
 * @param {number} [$ui-closable-icon-top=$tab-closable-icon-top]
 * The distance to offset the Tab close icon from the top of the tab
 *
 * @param {number} [$ui-closable-icon-right=$tab-closable-icon-right]
 * The distance to offset the Tab close icon from the right of the tab
 *
 * @param {number} [$ui-closable-icon-spacing=$tab-closable-icon-spacing]
 * The space in between the text and the close button
 *
 * @member Ext.tab.Tab
 */
/**
 * Creates a visual theme for a Tab Bar
 *
 * Note: When creating a tab bar UI with the extjs-tab-bar-ui mixin, 
 * you will need to create a corresponding tab-ui of the same name.  
 * This will ensure that the tabs render properly in your theme. 
 * Not creating a matching tab theme may result in unpredictable 
 * tab rendering.
 *
 * See `Ext.tab.Tab-css_mixin-extjs-tab-ui`
 * 
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$ui-strip-height=$tabbar-strip-height]
 * The height of the Tab Bar strip
 *
 * @param {number/list} [$ui-strip-border-width=$tabbar-strip-border-width]
 * The border-width of the Tab Bar strip
 *
 * @param {color} [$ui-strip-border-color=$tabbar-strip-border-color]
 * The border-color of the Tab Bar strip
 *
 * @param {color} [$ui-strip-background-color=$tabbar-strip-background-color]
 * The background-color of the Tab Bar strip
 *
 * @param {number/list} [$ui-border-width=$tabbar-border-width]
 * The border-width of the Tab Bar
 *
 * @param {color} [$ui-border-color=$tabbar-border-color]
 * The border-color of the Tab Bar
 *
 * @param {number/list} [$ui-padding=$tabbar-padding]
 * The padding of the Tab Bar
 *
 * @param {color} [$ui-background-color=$tabbar-background-color]
 * The background color of the  Tab Bar
 *
 * @param {string/list} [$ui-background-gradient=$tabbar-background-gradient]
 * The background-gradient of the Tab Bar. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-scroller-width=$tabbar-scroller-width]
 * The width of the Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-height=$tabbar-scroller-height]
 * The height of the Tab Bar scrollers
 *
 * @param {number/list} [$ui-scroller-top-margin=$tabbar-scroller-top-margin]
 * The margin of "top" scroller buttons
 *
 * @param {number/list} [$ui-scroller-right-margin=$tabbar-scroller-right-margin]
 * The margin of "right" scroller buttons
 *
 * @param {number/list} [$ui-scroller-bottom-margin=$tabbar-scroller-bottom-margin]
 * The margin of "bottom" scroller buttons
 *
 * @param {number/list} [$ui-scroller-left-margin=$tabbar-scroller-left-margin]
 * The margin of "left" scroller buttons
 *
 * @param {string} [$ui-scroller-cursor=$tabbar-scroller-cursor]
 * The cursor of the Tab Bar scrollers
 *
 * @param {string} [$ui-scroller-cursor-disabled=$tabbar-scroller-cursor-disabled]
 * The cursor of disabled Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-opacity=$tabbar-scroller-opacity]
 * The opacity of Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-opacity-over=$tabbar-scroller-opacity-over]
 * The opacity of hovered Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-opacity-pressed=$tabbar-scroller-opacity-pressed]
 * The opacity of pressed Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-opacity-disabled=$tabbar-scroller-opacity-disabled]
 * The opacity of disabled Tab Bar scrollers
 *
 * @param {boolean} [$ui-classic-scrollers=$tabbar-classic-scrollers]
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given
 * their hover state by changing their background-position,  When `false` scroller buttons
 * are given their hover state by applying opacity.
 *
 * @param {number} [$ui-tab-height]
 * The minimum height of tabs that will be used in this tabbar UI. The tabbar body is given
 * a min-height so that it does not collapse when it does not contain any tabs, but it
 * is allowed to expand to be larger than the default tab height if it contains a tab
 * that's larger than the default height.
 *
 * @member Ext.tab.Bar
 */
/**
 * Creates a visual theme for a Tab Panel
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-tab-background-color=$tab-base-color]
 * The background-color of Tabs
 *
 * @param {color} [$ui-tab-background-color-focus=$tab-base-color-focus]
 * The background-color of focused Tabs
 *
 * @param {color} [$ui-tab-background-color-over=$tab-base-color-over]
 * The background-color of hovered Tabs
 *
 * @param {color} [$ui-tab-background-color-active=$tab-base-color-active]
 * The background-color of the active Tab
 *
 * @param {color} [$ui-tab-background-color-focus-over=$tab-base-color-focus-over]
 * The background-color of focused hovered Tabs
 *
 * @param {color} [$ui-tab-background-color-focus-active=$tab-base-color-focus-active]
 * The background-color of the active Tab when focused
 *
 * @param {color} [$ui-tab-background-color-disabled=$tab-base-color-disabled]
 * The background-color of disabled Tabs
 *
 * @param {list} [$ui-tab-border-radius=$tab-border-radius]
 * The border-radius of Tabs
 *
 * @param {number} [$ui-tab-border-width=$tab-border-width]
 * The border-width of Tabs
 *
 * @param {number/list} [$ui-tab-border-width-focus=$tab-border-width-focus]
 * The border-width of focused Tabs
 *
 * @param {number/list} [$ui-tab-border-width-over=$tab-border-width-over]
 * The border-width of hovered Tabs
 *
 * @param {number/list} [$ui-tab-border-width-active=$tab-border-width-active]
 * The border-width of active Tabs
 *
 * @param {number/list} [$ui-tab-border-width-focus-over=$tab-border-width-focus-over]
 * The border-width of focused hovered Tabs
 *
 * @param {number/list} [$ui-tab-border-width-focus-active=$tab-border-width-focus-active]
 * The border-width of active Tabs when focused
 *
 * @param {number/list} [$ui-tab-border-width-disabled=$tab-border-width-disabled]
 * The border-width of disabled Tabs
 *
 * @param {number/list} [$ui-tab-margin=$tab-margin]
 * The border-width of Tabs
 *
 * @param {number/list} [$ui-tab-padding=$tab-padding]
 * The padding of Tabs
 *
 * @param {number/list} [$ui-tab-text-padding=$tab-text-padding]
 * The padding of the Tab's text element
 *
 * @param {color} [$ui-tab-border-color=$tab-border-color]
 * The border-color of Tabs
 *
 * @param {color} [$ui-tab-border-color-focus=$tab-border-color-focus]
 * The border-color of focused Tabs
 *
 * @param {color} [$ui-tab-border-color-over=$tab-border-color-over]
 * The border-color of hovered Tabs
 *
 * @param {color} [$ui-tab-border-color-active=$tab-border-color-active]
 * The border-color of the active Tab
 *
 * @param {color} [$ui-tab-border-color-focus-over=$tab-border-color-focus-over]
 * The border-color of focused hovered Tabs
 *
 * @param {color} [$ui-tab-border-color-focus-active=$tab-border-color-focus-active]
 * The border-color of the active Tab when focused

 * @param {color} [$ui-tab-border-color-disabled=$tab-border-color-disabled]
 * The border-color of disabled Tabs
 *
 * @param {string} [$ui-tab-cursor=$tab-cursor]
 * The Tab cursor
 *
 * @param {string} [$ui-tab-cursor-disabled=$tab-cursor-disabled]
 * The cursor of disabled Tabs
 *
 * @param {number} [$ui-tab-font-size=$tab-font-size]
 * The font-size of Tabs
 *
 * @param {number} [$ui-tab-font-size-focus=$tab-font-size-focus]
 * The font-size of focused Tabs
 *
 * @param {number} [$ui-tab-font-size-over=$tab-font-size-over]
 * The font-size of hovered Tabs
 *
 * @param {number} [$ui-tab-font-size-active=$tab-font-size-active]
 * The font-size of the active Tab
 *
 * @param {number} [$ui-tab-font-size-focus-over=$tab-font-size-focus-over]
 * The font-size of focused hovered Tabs
 *
 * @param {number} [$ui-tab-font-size-focus-active=$tab-font-size-focus-active]
 * The font-size of the active Tab when focused
 *
 * @param {number} [$ui-tab-font-size-disabled=$tab-font-size-disabled]
 * The font-size of disabled Tabs
 *
 * @param {string} [$ui-tab-font-weight=$tab-font-weight]
 * The font-weight of Tabs
 *
 * @param {string} [$ui-tab-font-weight-focus=$tab-font-weight-focus]
 * The font-weight of focused Tabs
 *
 * @param {string} [$ui-tab-font-weight-over=$tab-font-weight-over]
 * The font-weight of hovered Tabs
 *
 * @param {string} [$ui-tab-font-weight-active=$tab-font-weight-active]
 * The font-weight of the active Tab
 *
 * @param {string} [$ui-tab-font-weight-focus-over=$tab-font-weight-focus-over]
 * The font-weight of focused hovered Tabs
 *
 * @param {string} [$ui-tab-font-weight-focus-active=$tab-font-weight-focus-active]
 * The font-weight of the active Tab when focused
 *
 * @param {string} [$ui-tab-font-weight-disabled=$tab-font-weight-disabled]
 * The font-weight of disabled Tabs
 *
 * @param {string} [$ui-tab-font-family=$tab-font-family]
 * The font-family of Tabs
 *
 * @param {string} [$ui-tab-font-family-focus=$tab-font-family-focus]
 * The font-family of focused Tabs
 *
 * @param {string} [$ui-tab-font-family-over=$tab-font-family-over]
 * The font-family of hovered Tabs
 *
 * @param {string} [$ui-tab-font-family-active=$tab-font-family-active]
 * The font-family of the active Tab
 *
 * @param {string} [$ui-tab-font-family-focus-over=$tab-font-family-focus-over]
 * The font-family of focused hovered Tabs
 *
 * @param {string} [$ui-tab-font-family-focus-active=$tab-font-family-focus-active]
 * The font-family of the active Tab when focused
 *
 * @param {string} [$ui-tab-font-family-disabled=$tab-font-family-disabled]
 * The font-family of disabled Tabs
 *
 * @param {number} [$ui-tab-line-height=$tab-line-height]
 * The line-height of Tabs
 *
 * @param {color} [$ui-tab-color=$tab-color]
 * The text color of Tabs
 *
 * @param {color} [$ui-tab-color-focus=$tab-color-focus]
 * The text color of focused Tabs
 *
 * @param {color} [$ui-tab-color-over=$tab-color-over]
 * The text color of hovered Tabs
 *
 * @param {color} [$ui-tab-color-active=$tab-color-active]
 * The text color of the active Tab
 *
 * @param {color} [$ui-tab-color-focus-over=$tab-color-focus-over]
 * The text color of focused hovered Tabs
 *
 * @param {color} [$ui-tab-color-focus-active=$tab-color-focus-active]
 * The text color of the active Tab when focused
 *
 * @param {color} [$ui-tab-color-disabled=$tab-color-disabled]
 * The text color of disabled Tabs
 *
 * @param {string/list} [$ui-tab-background-gradient=$tab-background-gradient]
 * The background-gradient for Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-focus=$tab-background-gradient-focus]
 * The background-gradient for focused Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-over=$tab-background-gradient-over]
 * The background-gradient for hovered Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-active=$tab-background-gradient-active]
 * The background-gradient for the active Tab. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-focus-over=$tab-background-gradient-focus-over]
 * The background-gradient for focused hovered Tabs. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-focus-active=$tab-background-gradient-focus-active]
 * The background-gradient for the active Tab when focused. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-disabled=$tab-background-gradient-disabled]
 * The background-gradient for disabled Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-tab-inner-border-width=$tab-inner-border-width]
 * The inner border-width of Tabs
 *
 * @param {number} [$ui-tab-inner-border-width-focus=$tab-inner-border-width-focus]
 * The inner border-width of focused Tabs
 *
 * @param {number} [$ui-tab-inner-border-width-over=$tab-inner-border-width-over]
 * The inner border-width of hovered Tabs
 *
 * @param {number} [$ui-tab-inner-border-width-active=$tab-inner-border-width-active]
 * The inner border-width of active Tabs
 *
 * @param {number} [$ui-tab-inner-border-width-focus-over=$tab-inner-border-width-focus-over]
 * The inner border-width of focused hovered Tabs
 *
 * @param {number} [$ui-tab-inner-border-width-focus-active=$tab-inner-border-width-focus-active]
 * The inner border-width of active Tabs when focused
 *
 * @param {number} [$ui-tab-inner-border-width-disabled=$tab-inner-border-width-disabled]
 * The inner border-width of disabled Tabs
 *
 * @param {color} [$ui-tab-inner-border-color=$tab-inner-border-color]
 * The inner border-color of Tabs
 *
 * @param {color} [$ui-tab-inner-border-color-focus=$tab-inner-border-color-focus]
 * The inner border-color of focused Tabs
 *
 * @param {color} [$ui-tab-inner-border-color-over=$tab-inner-border-color-over]
 * The inner border-color of hovered Tabs
 *
 * @param {color} [$ui-tab-inner-border-color-active=$tab-inner-border-color-active]
 * The inner border-color of active Tabs
 *
 * @param {color} [$ui-tab-inner-border-color-focus-over=$tab-inner-border-color-focus-over]
 * The inner border-color of focused hovered Tabs
 *
 * @param {color} [$ui-tab-inner-border-color-focus-active=$tab-inner-border-color-focus-active]
 * The inner border-color of active Tabs when focused
 *
 * @param {color} [$ui-tab-inner-border-color-disabled=$tab-inner-border-color-disabled]
 * The inner border-color of disabled Tabs
 *
 * @param {boolean} [$ui-tab-inner-border-collapse=$tab-inner-border-collapse]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 *
 * @param {boolean} [$ui-tab-inner-border-collapse-focus=$tab-inner-border-collapse-focus]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused
 *
 * @param {boolean} [$ui-tab-inner-border-collapse-over=$tab-inner-border-collapse-over]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is hovered
 *
 * @param {boolean} [$ui-tab-inner-border-collapse-active=$tab-inner-border-collapse-active]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is active
 *
 * @param {boolean} [$ui-tab-inner-border-collapse-focus-over=$tab-inner-border-collapse-focus-over]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused and hovered
 *
 * @param {boolean} [$ui-tab-inner-border-collapse-focus-active=$tab-inner-border-collapse-focus-active]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is focused and active
 *
 * @param {boolean} [$ui-tab-inner-border-collapse-disabled=$tab-inner-border-collapse-disabled]
 * `true` to suppress the inner border of the tab on the side adjacent to the tab strip
 * when the tab is disabled
 *
 * @param {number} [$ui-tab-body-outline-width-focus=$tab-body-outline-width-focus]
 * The body outline width of focused Tabs
 *
 * @param {string} [$ui-tab-body-outline-style-focus=$tab-body-outline-style-focus]
 * The body outline-style of focused Tabs
 *
 * @param {color} [$ui-tab-body-outline-color-focus=$tab-body-outline-color-focus]
 * The body outline color of focused Tabs
 *
 * @param {number} [$ui-tab-icon-width=$tab-icon-width]
 * The width of the Tab close icon
 *
 * @param {number} [$ui-tab-icon-height=$tab-icon-height]
 * The height of the Tab close icon
 *
 * @param {number} [$ui-tab-icon-spacing=$tab-icon-spacing]
 * the space in between the text and the close button
 *
 * @param {list} [$ui-tab-icon-background-position=$tab-icon-background-position]
 * The background-position of Tab icons
 *
 * @param {color} [$ui-tab-glyph-color=$tab-glyph-color]
 * The color of Tab glyph icons
 *
 * @param {color} [$ui-tab-glyph-color-focus=$tab-glyph-color-focus]
 * The color of a Tab glyph icon when the Tab is focused
 *
 * @param {color} [$ui-tab-glyph-color-over=$tab-glyph-color-over]
 * The color of a Tab glyph icon when the Tab is hovered
 *
 * @param {color} [$ui-tab-glyph-color-active=$tab-glyph-color-active]
 * The color of a Tab glyph icon when the Tab is active
 *
 * @param {color} [$ui-tab-glyph-color-focus-over=$tab-glyph-color-focus-over]
 * The color of a Tab glyph icon when the Tab is focused and hovered
 *
 * @param {color} [$ui-tab-glyph-color-focus-active=$tab-glyph-color-focus-active]
 * The color of a Tab glyph icon when the Tab is focused and active
 *
 * @param {color} [$ui-tab-glyph-color-disabled=$tab-glyph-color-disabled]
 * The color of a Tab glyph icon when the Tab is disabled
 *
 * @param {number} [$ui-tab-glyph-opacity=$tab-glyph-opacity]
 * The opacity of a Tab glyph icon
 *
 * @param {number} [$ui-tab-glyph-opacity-disabled=$tab-glyph-opacity-disabled]
 * The opacity of a Tab glyph icon when the Tab is disabled
 *
 * @param {number} [$ui-tab-opacity-disabled=$tab-opacity-disabled]
 * opacity to apply to the tab's main element when the tab is disabled
 *
 * @param {number} [$ui-tab-text-opacity-disabled=$tab-text-opacity-disabled]
 * opacity to apply to the tab's text element when the tab is disabled
 *
 * @param {number} [$ui-tab-icon-opacity-disabled=$tab-icon-opacity-disabled]
 * opacity to apply to the tab's icon element when the tab is disabled
 *
 * @param {number} [$ui-strip-height=$tabbar-strip-height]
 * The height of the Tab Bar strip
 *
 * @param {number/list} [$ui-strip-border-width=$tabbar-strip-border-width]
 * The border-width of the Tab Bar strip
 *
 * @param {color} [$ui-strip-border-color=$tabbar-strip-border-color]
 * The border-color of the Tab Bar strip
 *
 * @param {color} [$ui-strip-background-color=$tabbar-strip-background-color]
 * The background-color of the Tab Bar strip
 *
 * @param {number/list} [$ui-bar-border-width=$tabbar-border-width]
 * The border-width of the Tab Bar
 *
 * @param {color} [$ui-bar-border-color=$tabbar-border-color]
 * The border-color of the Tab Bar
 *
 * @param {number/list} [$ui-bar-padding=$tabbar-padding]
 * The padding of the Tab Bar
 *
 * @param {color} [$ui-bar-background-color=$tabbar-background-color]
 * The background color of the  Tab Bar
 *
 * @param {string/list} [$ui-bar-background-gradient=$tabbar-background-gradient]
 * The background-gradient of the Tab Bar. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-bar-scroller-width=$tabbar-scroller-width]
 * The width of the Tab Bar scrollers
 *
 * @param {string} [$ui-bar-scroller-cursor=$tabbar-scroller-cursor]
 * The cursor of the Tab Bar scrollers
 *
 * @param {string} [$ui-bar-scroller-cursor-disabled=$tabbar-scroller-cursor-disabled]
 * The cursor of disabled Tab Bar scrollers
 *
 * @param {number} [$ui-bar-scroller-opacity=$tabbar-scroller-opacity]
 * The opacity of Tab Bar scrollers
 *
 * @param {number} [$ui-bar-scroller-opacity-over=$tabbar-scroller-opacity-over]
 * The opacity of hovered Tab Bar scrollers
 *
 * @param {number} [$ui-bar-scroller-opacity-pressed=$tabbar-scroller-opacity-pressed]
 * The opacity of pressed Tab Bar scrollers
 *
 * @param {number} [$ui-bar-scroller-opacity-disabled=$tabbar-scroller-opacity-disabled]
 * The opacity of disabled Tab Bar scrollers
 *
 * @param {number} [$ui-tab-closable-icon-width=$tab-closable-icon-width]
 * The width of the Tab close icon
 *
 * @param {number} [$ui-tab-closable-icon-height=$tab-closable-icon-height]
 * The height of the Tab close icon
 *
 * @param {number} [$ui-tab-closable-icon-top=$tab-closable-icon-top]
 * The distance to offset the Tab close icon from the top of the tab
 *
 * @param {number} [$ui-tab-closable-icon-right=$tab-closable-icon-right]
 * The distance to offset the Tab close icon from the right of the tab
 *
 * @param {number} [$ui-tab-closable-icon-spacing=$tab-closable-icon-spacing]
 * the space in between the text and the close button
 *
 * @member Ext.tab.Panel
 */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 8px 3px 8px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-tab-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-frameInfo {
  font-family: th-2-2-2-2-1-1-1-1-3-8-3-8; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tl {
  background-position: 0 -4px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tr {
  background-position: right -6px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-bl {
  background-position: 0 -8px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-br {
  background-position: right -10px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-bc {
  background-position: 0 -2px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tr,
.x-tab-default-top-br,
.x-tab-default-top-mr {
  padding-right: 2px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tl,
.x-tab-default-top-bl,
.x-tab-default-top-ml {
  padding-left: 2px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tc {
  height: 2px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-bc {
  height: 2px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tl,
.x-tab-default-top-bl,
.x-tab-default-top-tr,
.x-tab-default-top-br,
.x-tab-default-top-tc,
.x-tab-default-top-bc,
.x-tab-default-top-ml,
.x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-ml,
.x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-mc {
  padding: 2px 7px 2px 7px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-default-top:before {
  display: none;
  content: "x-slicer:frame:2px 2px 2px 2px, corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 3px 8px 3px 8px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-tab-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-frameInfo {
  font-family: th-2-2-2-2-1-1-1-1-3-8-3-8; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tl {
  background-position: 0 -4px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tr {
  background-position: right -6px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-bl {
  background-position: 0 -8px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-br {
  background-position: right -10px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-ml {
  background-position: 0 bottom; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-mr {
  background-position: right bottom; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-bc {
  background-position: 0 -2px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tr,
.x-tab-default-bottom-br,
.x-tab-default-bottom-mr {
  padding-right: 2px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tl,
.x-tab-default-bottom-bl,
.x-tab-default-bottom-ml {
  padding-left: 2px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tc {
  height: 2px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-bc {
  height: 2px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tl,
.x-tab-default-bottom-bl,
.x-tab-default-bottom-tr,
.x-tab-default-bottom-br,
.x-tab-default-bottom-tc,
.x-tab-default-bottom-bc,
.x-tab-default-bottom-ml,
.x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-ml,
.x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-mc {
  padding: 2px 7px 2px 7px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-default-bottom:before {
  display: none;
  content: "x-slicer:frame:2px 2px 2px 2px, corners:url(images/tab/tab-default-bottom-corners.gif), sides:url(images/tab/tab-default-bottom-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 3px 8px 3px 8px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-tab-default-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-frameInfo {
  font-family: th-2-2-2-2-1-1-1-1-3-8-3-8; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tl {
  background-position: 0 -4px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tr {
  background-position: right -6px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-bl {
  background-position: 0 -8px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-br {
  background-position: right -10px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-bc {
  background-position: 0 -2px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tr,
.x-tab-default-left-br,
.x-tab-default-left-mr {
  padding-right: 2px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tl,
.x-tab-default-left-bl,
.x-tab-default-left-ml {
  padding-left: 2px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tc {
  height: 2px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-bc {
  height: 2px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tl,
.x-tab-default-left-bl,
.x-tab-default-left-tr,
.x-tab-default-left-br,
.x-tab-default-left-tc,
.x-tab-default-left-bc,
.x-tab-default-left-ml,
.x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-ml,
.x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-mc {
  padding: 2px 7px 2px 7px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-default-left:before {
  display: none;
  content: "x-slicer:frame:2px 2px 2px 2px, corners:url(images/tab/tab-default-left-corners.gif), sides:url(images/tab/tab-default-left-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 3px 8px 3px 8px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: #f5f5f5; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-mc {
  background-color: #f5f5f5; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-tab-default-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-frameInfo {
  font-family: th-2-2-2-2-1-1-1-1-3-8-3-8; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tl {
  background-position: 0 -4px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tr {
  background-position: right -6px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-bl {
  background-position: 0 -8px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-br {
  background-position: right -10px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-bc {
  background-position: 0 -2px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tr,
.x-tab-default-right-br,
.x-tab-default-right-mr {
  padding-right: 2px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tl,
.x-tab-default-right-bl,
.x-tab-default-right-ml {
  padding-left: 2px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tc {
  height: 2px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-bc {
  height: 2px; }

/* line 414, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tl,
.x-tab-default-right-bl,
.x-tab-default-right-tr,
.x-tab-default-right-br,
.x-tab-default-right-tc,
.x-tab-default-right-bc,
.x-tab-default-right-ml,
.x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-corners.gif); }

/* line 454, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-ml,
.x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-sides.gif);
  background-repeat: repeat-y; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-mc {
  padding: 2px 7px 2px 7px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-default-right:before {
  display: none;
  content: "x-slicer:frame:2px 2px 2px 2px, corners:url(images/tab/tab-default-right-corners.gif), sides:url(images/tab/tab-default-right-sides.gif)" !important; }

/*</if slicer>*/
/* */
/* line 1073, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default {
  border-color: #f5f5f5;
  cursor: pointer; }

/* line 1083, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top {
  margin: 0 5px; }
  /* line 1087, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-top.x-rtl {
    margin: 0 5px 0 5px; }
  /* line 1092, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-top.x-tab-rotate-left {
    margin: 0 5px 0 5px; }
    /* line 1096, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-tab-default-top.x-tab-rotate-left.x-rtl {
      margin: 0 5px 0 5px; }
  /* line 1114, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-top.x-tab-focus {
    -webkit-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    -moz-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset; }
  /* line 1143, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-top.x-tab-focus.x-tab-over {
    -webkit-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    -moz-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset; }
  /* line 1172, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-top.x-tab-focus.x-tab-active {
    -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; }

/* line 1198, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-right {
  margin: 5px 0 5px 0; }
  /* line 1202, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-right.x-rtl {
    margin: 5px 0 5px 0; }
  /* line 1207, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-right.x-tab-rotate-right {
    margin: 5px 0 5px 0; }
    /* line 1211, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-tab-default-right.x-tab-rotate-right.x-rtl {
      margin: 5px 0 5px 0; }
  /* line 1229, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-right.x-tab-focus {
    -webkit-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    -moz-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset; }
  /* line 1258, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-right.x-tab-focus.x-tab-over {
    -webkit-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    -moz-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset; }
  /* line 1287, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-right.x-tab-focus.x-tab-active {
    -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; }

/* line 1313, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom {
  margin: 0 5px 0 5px; }
  /* line 1317, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-bottom.x-rtl {
    margin: 0 5px 0 5px; }
  /* line 1322, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-bottom.x-tab-rotate-left {
    margin: 0 5px 0 5px; }
    /* line 1326, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-tab-default-bottom.x-tab-rotate-left.x-rtl {
      margin: 0 5px 0 5px; }
  /* line 1344, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-bottom.x-tab-focus {
    -webkit-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    -moz-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset; }
  /* line 1373, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-bottom.x-tab-focus.x-tab-over {
    -webkit-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    -moz-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset; }
  /* line 1402, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-bottom.x-tab-focus.x-tab-active {
    -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; }

/* line 1428, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-left {
  margin: 5px 0 5px 0; }
  /* line 1432, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-left.x-rtl {
    margin: 5px 0 5px 0; }
  /* line 1437, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-left.x-tab-rotate-right {
    margin: 5px 0 5px 0; }
    /* line 1441, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-tab-default-left.x-tab-rotate-right.x-rtl {
      margin: 5px 0 5px 0; }
  /* line 1459, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-left.x-tab-focus {
    -webkit-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    -moz-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset; }
  /* line 1488, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-left.x-tab-focus.x-tab-over {
    -webkit-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    -moz-box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset;
    box-shadow: #3892d3 0 1px 0px 0 inset, #3892d3 0 -1px 0px 0 inset, #3892d3 -1px 0 0px 0 inset, #3892d3 1px 0 0px 0 inset; }
  /* line 1517, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-default-left.x-tab-focus.x-tab-active {
    -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; }

/* line 1543, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-button-default {
  height: 16px; }

/* line 1548, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-inner-default {
  font: 300 13px/16px helvetica, arial, verdana, sans-serif;
  color: black;
  max-width: 100%; }
  /* line 1559, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-icon-right > .x-tab-inner-default, .x-tab-icon-left > .x-tab-inner-default {
    max-width: calc(100% - 16px); }

/* line 1566, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-icon-el-default {
  height: 16px;
  line-height: 16px;
  background-position: center center; }
  /* line 1570, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-icon-left > .x-tab-icon-el-default, .x-tab-icon-right > .x-tab-icon-el-default {
    width: 16px; }
  /* line 1575, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-icon-top > .x-tab-icon-el-default, .x-tab-icon-bottom > .x-tab-icon-el-default {
    min-width: 16px; }
  /* line 1582, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-icon-el-default.x-tab-glyph {
    font-size: 16px;
    line-height: 16px;
    color: black;
    opacity: 0.5; }
    /* line 1598, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-ie8 .x-tab-icon-el-default.x-tab-glyph {
      color: #7a7a7a; }
  /* line 1605, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-text.x-tab-icon-left > .x-tab-icon-el-default {
    margin-right: 6px; }
    /* line 1609, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-tab-text.x-tab-icon-left > .x-tab-icon-el-default.x-rtl {
      margin-right: 0;
      margin-left: 6px; }
  /* line 1616, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-text.x-tab-icon-right > .x-tab-icon-el-default {
    margin-left: 6px; }
    /* line 1620, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-tab-text.x-tab-icon-right > .x-tab-icon-el-default.x-rtl {
      margin-left: 0;
      margin-right: 6px; }
  /* line 1627, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-text.x-tab-icon-top > .x-tab-icon-el-default {
    margin-bottom: 6px; }
  /* line 1631, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab-text.x-tab-icon-bottom > .x-tab-icon-el-default {
    margin-top: 6px; }

/* line 1703, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over.x-tab-default {
  border-color: #c8ddec;
  background-color: #c8ddec; }

/* line 1814, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active.x-tab-default {
  border-color: #3892d3;
  background-color: #3892d3; }
  /* line 1820, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: white; }
  /* line 1835, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab.x-tab-active.x-tab-default .x-tab-glyph {
    color: white; }
    /* line 1843, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-ie8 .x-tab.x-tab-active.x-tab-default .x-tab-glyph {
      color: #9bc8e9; }

/* line 1922, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled.x-tab-default {
  cursor: default; }
  /* line 1939, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab.x-tab-disabled.x-tab-default .x-tab-inner-default {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3; }
  /* line 1958, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el-default {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }
  /* line 1963, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
  .x-tab.x-tab-disabled.x-tab-default .x-tab-glyph {
    color: black;
    opacity: 0.3;
    filter: none; }
    /* line 1978, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
    .x-ie8 .x-tab.x-tab-disabled.x-tab-default .x-tab-glyph {
      color: #ababab; }

/* line 1998, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-nbr .x-tab-default {
  background-image: none; }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-top-tl,
.x-tab-over .x-tab-default-top-bl,
.x-tab-over .x-tab-default-top-tr,
.x-tab-over .x-tab-default-top-br,
.x-tab-over .x-tab-default-top-tc,
.x-tab-over .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-over-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-top-ml,
.x-tab-over .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-over-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-top-mc {
  background-color: #c8ddec;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-over-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-top-tl,
.x-tab-focus .x-tab-default-top-bl,
.x-tab-focus .x-tab-default-top-tr,
.x-tab-focus .x-tab-default-top-br,
.x-tab-focus .x-tab-default-top-tc,
.x-tab-focus .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-focus-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-top-ml,
.x-tab-focus .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-focus-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-top-mc {
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-focus-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-top-tl,
.x-tab-focus.x-tab-over .x-tab-default-top-bl,
.x-tab-focus.x-tab-over .x-tab-default-top-tr,
.x-tab-focus.x-tab-over .x-tab-default-top-br,
.x-tab-focus.x-tab-over .x-tab-default-top-tc,
.x-tab-focus.x-tab-over .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-focus-over-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-top-ml,
.x-tab-focus.x-tab-over .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-focus-over-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-top-mc {
  background-color: #c8ddec;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-focus-over-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-top-tl,
.x-tab.x-tab-active .x-tab-default-top-bl,
.x-tab.x-tab-active .x-tab-default-top-tr,
.x-tab.x-tab-active .x-tab-default-top-br,
.x-tab.x-tab-active .x-tab-default-top-tc,
.x-tab.x-tab-active .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-active-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-top-ml,
.x-tab.x-tab-active .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-active-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-top-mc {
  background-color: #3892d3;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-active-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-top-tl,
.x-tab-focus.x-tab-active .x-tab-default-top-bl,
.x-tab-focus.x-tab-active .x-tab-default-top-tr,
.x-tab-focus.x-tab-active .x-tab-default-top-br,
.x-tab-focus.x-tab-active .x-tab-default-top-tc,
.x-tab-focus.x-tab-active .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-focus-active-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-top-ml,
.x-tab-focus.x-tab-active .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-focus-active-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-top-mc {
  background-color: #3892d3;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-focus-active-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-top-tl,
.x-tab.x-tab-disabled .x-tab-default-top-bl,
.x-tab.x-tab-disabled .x-tab-default-top-tr,
.x-tab.x-tab-disabled .x-tab-default-top-br,
.x-tab.x-tab-disabled .x-tab-default-top-tc,
.x-tab.x-tab-disabled .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-disabled-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-top-ml,
.x-tab.x-tab-disabled .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-disabled-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-top-mc {
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-disabled-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-right-tl,
.x-tab-over .x-tab-default-right-bl,
.x-tab-over .x-tab-default-right-tr,
.x-tab-over .x-tab-default-right-br,
.x-tab-over .x-tab-default-right-tc,
.x-tab-over .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-over-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-right-ml,
.x-tab-over .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-over-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-right-mc {
  background-color: #c8ddec;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-over-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-right-tl,
.x-tab-focus .x-tab-default-right-bl,
.x-tab-focus .x-tab-default-right-tr,
.x-tab-focus .x-tab-default-right-br,
.x-tab-focus .x-tab-default-right-tc,
.x-tab-focus .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-focus-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-right-ml,
.x-tab-focus .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-focus-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-right-mc {
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-focus-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-right-tl,
.x-tab-focus.x-tab-over .x-tab-default-right-bl,
.x-tab-focus.x-tab-over .x-tab-default-right-tr,
.x-tab-focus.x-tab-over .x-tab-default-right-br,
.x-tab-focus.x-tab-over .x-tab-default-right-tc,
.x-tab-focus.x-tab-over .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-focus-over-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-right-ml,
.x-tab-focus.x-tab-over .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-focus-over-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-right-mc {
  background-color: #c8ddec;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-focus-over-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-right-tl,
.x-tab.x-tab-active .x-tab-default-right-bl,
.x-tab.x-tab-active .x-tab-default-right-tr,
.x-tab.x-tab-active .x-tab-default-right-br,
.x-tab.x-tab-active .x-tab-default-right-tc,
.x-tab.x-tab-active .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-active-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-right-ml,
.x-tab.x-tab-active .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-active-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-right-mc {
  background-color: #3892d3;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-active-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-right-tl,
.x-tab-focus.x-tab-active .x-tab-default-right-bl,
.x-tab-focus.x-tab-active .x-tab-default-right-tr,
.x-tab-focus.x-tab-active .x-tab-default-right-br,
.x-tab-focus.x-tab-active .x-tab-default-right-tc,
.x-tab-focus.x-tab-active .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-focus-active-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-right-ml,
.x-tab-focus.x-tab-active .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-focus-active-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-right-mc {
  background-color: #3892d3;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-focus-active-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-right-tl,
.x-tab.x-tab-disabled .x-tab-default-right-bl,
.x-tab.x-tab-disabled .x-tab-default-right-tr,
.x-tab.x-tab-disabled .x-tab-default-right-br,
.x-tab.x-tab-disabled .x-tab-default-right-tc,
.x-tab.x-tab-disabled .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-disabled-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-right-ml,
.x-tab.x-tab-disabled .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-disabled-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-right-mc {
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-disabled-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-bottom-tl,
.x-tab-over .x-tab-default-bottom-bl,
.x-tab-over .x-tab-default-bottom-tr,
.x-tab-over .x-tab-default-bottom-br,
.x-tab-over .x-tab-default-bottom-tc,
.x-tab-over .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-over-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-bottom-ml,
.x-tab-over .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-over-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-bottom-mc {
  background-color: #c8ddec;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-over-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-bottom-tl,
.x-tab-focus .x-tab-default-bottom-bl,
.x-tab-focus .x-tab-default-bottom-tr,
.x-tab-focus .x-tab-default-bottom-br,
.x-tab-focus .x-tab-default-bottom-tc,
.x-tab-focus .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-focus-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-bottom-ml,
.x-tab-focus .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-focus-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-bottom-mc {
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-focus-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-bottom-tl,
.x-tab-focus.x-tab-over .x-tab-default-bottom-bl,
.x-tab-focus.x-tab-over .x-tab-default-bottom-tr,
.x-tab-focus.x-tab-over .x-tab-default-bottom-br,
.x-tab-focus.x-tab-over .x-tab-default-bottom-tc,
.x-tab-focus.x-tab-over .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-focus-over-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-bottom-ml,
.x-tab-focus.x-tab-over .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-focus-over-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-bottom-mc {
  background-color: #c8ddec;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-focus-over-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-bottom-tl,
.x-tab.x-tab-active .x-tab-default-bottom-bl,
.x-tab.x-tab-active .x-tab-default-bottom-tr,
.x-tab.x-tab-active .x-tab-default-bottom-br,
.x-tab.x-tab-active .x-tab-default-bottom-tc,
.x-tab.x-tab-active .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-active-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-bottom-ml,
.x-tab.x-tab-active .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-active-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-bottom-mc {
  background-color: #3892d3;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-active-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-bottom-tl,
.x-tab-focus.x-tab-active .x-tab-default-bottom-bl,
.x-tab-focus.x-tab-active .x-tab-default-bottom-tr,
.x-tab-focus.x-tab-active .x-tab-default-bottom-br,
.x-tab-focus.x-tab-active .x-tab-default-bottom-tc,
.x-tab-focus.x-tab-active .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-focus-active-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-bottom-ml,
.x-tab-focus.x-tab-active .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-focus-active-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-bottom-mc {
  background-color: #3892d3;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-focus-active-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-bottom-tl,
.x-tab.x-tab-disabled .x-tab-default-bottom-bl,
.x-tab.x-tab-disabled .x-tab-default-bottom-tr,
.x-tab.x-tab-disabled .x-tab-default-bottom-br,
.x-tab.x-tab-disabled .x-tab-default-bottom-tc,
.x-tab.x-tab-disabled .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-disabled-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-bottom-ml,
.x-tab.x-tab-disabled .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-disabled-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-bottom-mc {
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-disabled-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-left-tl,
.x-tab-over .x-tab-default-left-bl,
.x-tab-over .x-tab-default-left-tr,
.x-tab-over .x-tab-default-left-br,
.x-tab-over .x-tab-default-left-tc,
.x-tab-over .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-over-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-left-ml,
.x-tab-over .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-over-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-over .x-tab-default-left-mc {
  background-color: #c8ddec;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-over-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-left-tl,
.x-tab-focus .x-tab-default-left-bl,
.x-tab-focus .x-tab-default-left-tr,
.x-tab-focus .x-tab-default-left-br,
.x-tab-focus .x-tab-default-left-tc,
.x-tab-focus .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-focus-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-left-ml,
.x-tab-focus .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-focus-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus .x-tab-default-left-mc {
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-focus-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-left-tl,
.x-tab-focus.x-tab-over .x-tab-default-left-bl,
.x-tab-focus.x-tab-over .x-tab-default-left-tr,
.x-tab-focus.x-tab-over .x-tab-default-left-br,
.x-tab-focus.x-tab-over .x-tab-default-left-tc,
.x-tab-focus.x-tab-over .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-focus-over-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-left-ml,
.x-tab-focus.x-tab-over .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-focus-over-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-over .x-tab-default-left-mc {
  background-color: #c8ddec;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-focus-over-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-left-tl,
.x-tab.x-tab-active .x-tab-default-left-bl,
.x-tab.x-tab-active .x-tab-default-left-tr,
.x-tab.x-tab-active .x-tab-default-left-br,
.x-tab.x-tab-active .x-tab-default-left-tc,
.x-tab.x-tab-active .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-active-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-left-ml,
.x-tab.x-tab-active .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-active-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active .x-tab-default-left-mc {
  background-color: #3892d3;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-active-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-left-tl,
.x-tab-focus.x-tab-active .x-tab-default-left-bl,
.x-tab-focus.x-tab-active .x-tab-default-left-tr,
.x-tab-focus.x-tab-active .x-tab-default-left-br,
.x-tab-focus.x-tab-active .x-tab-default-left-tc,
.x-tab-focus.x-tab-active .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-focus-active-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-left-ml,
.x-tab-focus.x-tab-active .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-focus-active-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-focus.x-tab-active .x-tab-default-left-mc {
  background-color: #3892d3;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-focus-active-fbg.gif); }

/* line 2023, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-left-tl,
.x-tab.x-tab-disabled .x-tab-default-left-bl,
.x-tab.x-tab-disabled .x-tab-default-left-tr,
.x-tab.x-tab-disabled .x-tab-default-left-br,
.x-tab.x-tab-disabled .x-tab-default-left-tc,
.x-tab.x-tab-disabled .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-disabled-corners.gif); }
/* line 2028, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-left-ml,
.x-tab.x-tab-disabled .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-disabled-sides.gif); }
/* line 2032, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-disabled .x-tab-default-left-mc {
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-disabled-fbg.gif); }

/* line 2046, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-tl,
.x-tab-default-bl,
.x-tab-default-tr,
.x-tab-default-br {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; }

/* line 2053, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-close-btn {
  top: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  background: url(images/tab/tab-default-close.png) 0 0; }
/* line 2064, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-close-btn-over {
  background-position: -12px 0; }
/* line 2074, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-close-btn-pressed {
  background-position: -24px 0; }
/* line 2080, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default.x-tab-active .x-tab-close-btn {
  background-position: 0 -12px; }
/* line 2085, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default.x-tab-active .x-tab-close-btn-over {
  background-position: -12px -12px; }
/* line 2091, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default.x-tab-active .x-tab-close-btn-pressed {
  background-position: -24px -12px; }
/* line 2098, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default.x-tab-disabled .x-tab-close-btn {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  background-position: 0 0; }

/* line 2110, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default .x-tab-close-btn {
  right: auto;
  left: 2px; }

/* line 2116, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-closable.x-tab-default .x-tab-button {
  padding-right: 15px; }

/* line 2121, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-closable.x-tab-default .x-tab-button {
  padding-right: 0px;
  padding-left: 15px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-default-top:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-focus-corners.gif), sides:url(images/tab/tab-default-top-focus-sides.gif), frame-bg:url(images/tab/tab-default-top-focus-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-default-right:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-right-focus-corners.gif), sides:url(images/tab/tab-default-right-focus-sides.gif), frame-bg:url(images/tab/tab-default-right-focus-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-default-bottom:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-focus-corners.gif), sides:url(images/tab/tab-default-bottom-focus-sides.gif), frame-bg:url(images/tab/tab-default-bottom-focus-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-default-left:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-left-focus-corners.gif), sides:url(images/tab/tab-default-left-focus-sides.gif), frame-bg:url(images/tab/tab-default-left-focus-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-over.x-tab-default-top:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-over-corners.gif), sides:url(images/tab/tab-default-top-over-sides.gif), frame-bg:url(images/tab/tab-default-top-over-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-over.x-tab-default-right:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-right-over-corners.gif), sides:url(images/tab/tab-default-right-over-sides.gif), frame-bg:url(images/tab/tab-default-right-over-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-over.x-tab-default-bottom:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-over-corners.gif), sides:url(images/tab/tab-default-bottom-over-sides.gif), frame-bg:url(images/tab/tab-default-bottom-over-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-over.x-tab-default-left:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-left-over-corners.gif), sides:url(images/tab/tab-default-left-over-sides.gif), frame-bg:url(images/tab/tab-default-left-over-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-active.x-tab-default-top:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-active-corners.gif), sides:url(images/tab/tab-default-top-active-sides.gif), frame-bg:url(images/tab/tab-default-top-active-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-active.x-tab-default-right:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-right-active-corners.gif), sides:url(images/tab/tab-default-right-active-sides.gif), frame-bg:url(images/tab/tab-default-right-active-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-active.x-tab-default-bottom:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-active-corners.gif), sides:url(images/tab/tab-default-bottom-active-sides.gif), frame-bg:url(images/tab/tab-default-bottom-active-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-active.x-tab-default-left:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-left-active-corners.gif), sides:url(images/tab/tab-default-left-active-sides.gif), frame-bg:url(images/tab/tab-default-left-active-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-default-top:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-focus-over-corners.gif), sides:url(images/tab/tab-default-top-focus-over-sides.gif), frame-bg:url(images/tab/tab-default-top-focus-over-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-default-right:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-right-focus-over-corners.gif), sides:url(images/tab/tab-default-right-focus-over-sides.gif), frame-bg:url(images/tab/tab-default-right-focus-over-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-default-bottom:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-focus-over-corners.gif), sides:url(images/tab/tab-default-bottom-focus-over-sides.gif), frame-bg:url(images/tab/tab-default-bottom-focus-over-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-over.x-tab-default-left:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-left-focus-over-corners.gif), sides:url(images/tab/tab-default-left-focus-over-sides.gif), frame-bg:url(images/tab/tab-default-left-focus-over-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-default-top:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-focus-active-corners.gif), sides:url(images/tab/tab-default-top-focus-active-sides.gif), frame-bg:url(images/tab/tab-default-top-focus-active-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-default-right:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-right-focus-active-corners.gif), sides:url(images/tab/tab-default-right-focus-active-sides.gif), frame-bg:url(images/tab/tab-default-right-focus-active-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-default-bottom:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-focus-active-corners.gif), sides:url(images/tab/tab-default-bottom-focus-active-sides.gif), frame-bg:url(images/tab/tab-default-bottom-focus-active-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-focus.x-tab-active.x-tab-default-left:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-left-focus-active-corners.gif), sides:url(images/tab/tab-default-left-focus-active-sides.gif), frame-bg:url(images/tab/tab-default-left-focus-active-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-disabled.x-tab-default-top:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-disabled-corners.gif), sides:url(images/tab/tab-default-top-disabled-sides.gif), frame-bg:url(images/tab/tab-default-top-disabled-fbg.gif), frame:2px 2px 2px 2px, stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-disabled.x-tab-default-right:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-right-disabled-corners.gif), sides:url(images/tab/tab-default-right-disabled-sides.gif), frame-bg:url(images/tab/tab-default-right-disabled-fbg.gif), frame:2px 2px 2px 2px, stretch:left" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-disabled.x-tab-default-bottom:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-disabled-corners.gif), sides:url(images/tab/tab-default-bottom-disabled-sides.gif), frame-bg:url(images/tab/tab-default-bottom-disabled-fbg.gif), frame:2px 2px 2px 2px, stretch:top" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-disabled.x-tab-default-left:before {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-left-disabled-corners.gif), sides:url(images/tab/tab-default-left-disabled-sides.gif), frame-bg:url(images/tab/tab-default-left-disabled-fbg.gif), frame:2px 2px 2px 2px, stretch:right" !important; }

/*</if slicer>*/
/* */
/* line 130, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default {
  background-color: #f5f5f5; }

/* line 169, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-top > .x-tab-bar-body-default {
  padding: 6px; }
/* line 173, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-bottom > .x-tab-bar-body-default {
  padding: 6px 6px 6px 6px; }
/* line 177, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-left > .x-tab-bar-body-default {
  padding: 6px 6px 6px 6px; }
/* line 182, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default-left > .x-tab-bar-body-default {
  padding: 6px 6px 6px 6px; }
/* line 187, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-right > .x-tab-bar-body-default {
  padding: 6px 6px 6px 6px; }
/* line 192, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default-right > .x-tab-bar-body-default {
  padding: 6px 6px 6px 6px; }

/* line 199, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain.x-tab-bar-default-horizontal {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-right-width: 0; }
/* line 206, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain.x-tab-bar-default-vertical {
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-width: 0;
  border-bottom-width: 0; }

/* line 320, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-horizontal > .x-tab-bar-body-default {
  min-height: 36px; }
  /* line 323, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
  .x-ie9m .x-tab-bar-horizontal > .x-tab-bar-body-default {
    min-height: 24px; }

/* line 330, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-vertical > .x-tab-bar-body-default {
  min-width: 36px; }
  /* line 333, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
  .x-ie9m .x-tab-bar-vertical > .x-tab-bar-body-default {
    min-width: 24px; }

/* line 145, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-tab-bar-default-scroller .x-box-scroller-body-horizontal {
  margin-left: 18px; }
/* line 150, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-tab-bar-default-scroller.x-rtl .x-box-scroller-body-horizontal {
  margin-left: 0;
  margin-right: 18px; }

/* line 158, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-tab-bar-default-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 18px; }

/* line 163, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-box-scroller-tab-bar-default {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
  /* line 172, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6; }
  /* line 178, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-pressed {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  /* line 184, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25;
    cursor: default; }
  /* line 195, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-left, .x-box-scroller-tab-bar-default.x-box-scroller-right {
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px; }
  /* line 221, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-left {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-image: url(images/tab-bar/default-scroll-left.png); }
  /* line 244, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-right {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-image: url(images/tab-bar/default-scroll-right.png); }
  /* line 270, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-top, .x-box-scroller-tab-bar-default.x-box-scroller-bottom {
    height: 24px;
    width: 24px;
    left: 50%;
    margin-left: -12px; }
  /* line 296, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-top {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-image: url(images/tab-bar/default-scroll-top.png); }
  /* line 319, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-tab-bar-default.x-box-scroller-bottom {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-image: url(images/tab-bar/default-scroll-bottom.png); }

/* line 448, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-top .x-box-scroller-tab-bar-default {
  margin-top: -12px; }
/* line 452, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-right .x-box-scroller-tab-bar-default {
  margin-left: -12px; }
/* line 456, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-bottom .x-box-scroller-tab-bar-default {
  margin-top: -12px; }
/* line 460, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-left .x-box-scroller-tab-bar-default {
  margin-left: -12px; }

/* line 469, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-box-scroller-tab-bar-default {
  background-color: #f5f5f5; }
  /* line 475, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
  .x-box-scroller-tab-bar-default .x-ie8 .x-box-scroller-plain {
    background-color: #fff; }

/* line 486, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-box-scroller-plain.x-box-scroller-tab-bar-default.x-box-scroller-left {
  background-image: url(images/tab-bar/default-plain-scroll-left.png); }
/* line 490, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-box-scroller-plain.x-box-scroller-tab-bar-default.x-box-scroller-right {
  background-image: url(images/tab-bar/default-plain-scroll-right.png); }
/* line 494, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-box-scroller-plain.x-box-scroller-tab-bar-default.x-box-scroller-top {
  background-image: url(images/tab-bar/default-plain-scroll-top.png); }
/* line 498, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x-box-scroller-plain.x-box-scroller-tab-bar-default.x-box-scroller-bottom {
  background-image: url(images/tab-bar/default-plain-scroll-bottom.png); }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-bar-default-top:before {
  display: none;
  content: "x-slicer:stretch:bottom" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-bar-default-bottom:before {
  display: none;
  content: "x-slicer:stretch:top" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-bar-default-left:before {
  display: none;
  content: "x-slicer:stretch:right" !important; }

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-tab-bar-default-right:before {
  display: none;
  content: "x-slicer:stretch:left" !important; }

/*</if slicer>*/
/* */
/**
 * Creates a visual theme for a Breadcrumb.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {string} [$ui-button-ui=$breadcrumb-button-ui]
 * The name of the button UI that will be used with this breadcrumb UI. Used for overriding
 * the button arrows for the given button UI when it is used inside a breadcrumb with this UI.
 *
 * @param {number} [$ui-button-spacing=$breadcrumb-button-spacing]
 * The space between the breadcrumb buttons
 *
 * @param {number} [$ui-arrow-width=$breadcrumb-arrow-width]
 * The width of the breadcrumb arrows when
 * {@link Ext.toolbar.Breadcrumb#useSplitButtons} is `false`
 *
 * @param {number} [$ui-split-width=$breadcrumb-split-width]
 * The width of breadcrumb arrows when {@link Ext.toolbar.Breadcrumb#useSplitButtons} is
 * `true`
 *
 * @param {boolean} [$ui-include-menu-active-arrow=$breadcrumb-include-menu-active-arrow]
 * `true` to include a separate background-image for menu arrows when a breadcrumb button's
 * menu is open
 *
 * @param {boolean} [$ui-include-split-over-arrow=$breadcrumb-include-split-over-arrow
 * `true` to include a separate background-image for split arrows when a breadcrumb button's
 * arrow is hovered
 *
 * @param {string} [$ui-folder-icon=$breadcrumb-folder-icon]
 * The background-image for the default "folder" icon
 *
 * @param {string} [$ui-leaf-icon=$breadcrumb-leaf-icon]
 * The background-image for the default "leaf" icon
 *
 * @param {number} [$ui-scroller-width=$breadcrumb-scroller-width]
 * The width of Breadcrumb scrollers
 *
 * @param {number} [$ui-scroller-height=$breadcrumb-scroller-height]
 * The height of Breadcrumb scrollers
 *
 * @param {color} [$ui-scroller-border-color=$breadcrumb-scroller-border-color]
 * The border-color of Breadcrumb scrollers
 *
 * @param {number} [$ui-scroller-border-width=$breadcrumb-scroller-border-width]
 * The border-width of Breadcrumb scrollers
 *
 * @param {number/list} [$ui-scroller-top-margin=$breadcrumb-scroller-top-margin]
 * The margin of "top" scroller buttons
 *
 * @param {number/list} [$ui-scroller-right-margin=$breadcrumb-scroller-right-margin]
 * The margin of "right" scroller buttons
 *
 * @param {number/list} [$ui-scroller-bottom-margin=$breadcrumb-scroller-bottom-margin]
 * The margin of "bottom" scroller buttons
 *
 * @param {number/list} [$ui-scroller-left-margin=$breadcrumb-scroller-left-margin]
 * The margin of "left" scroller buttons
 *
 * @param {string} [$ui-scroller-cursor=$breadcrumb-scroller-cursor]
 * The cursor of Breadcrumb scrollers
 *
 * @param {string} [$ui-scroller-cursor-disabled=$breadcrumb-scroller-cursor-disabled]
 * The cursor of disabled Breadcrumb scrollers
 *
 * @param {number} [$ui-scroller-opacity=$breadcrumb-scroller-opacity]
 * The opacity of Breadcrumb scroller buttons. Only applicable when
 * `$ui-classic-scrollers` is `false`.
 *
 * @param {number} [$ui-scroller-opacity-over=$breadcrumb-scroller-opacity-over]
 * The opacity of hovered Breadcrumb scroller buttons. Only applicable when
 * `$ui-classic-scrollers` is `false`.
 *
 * @param {number} [$ui-scroller-opacity-pressed=$breadcrumb-scroller-opacity-pressed]
 * The opacity of pressed Breadcrumb scroller buttons. Only applicable when
 * `$ui-classic-scrollers` is `false`.
 *
 * @param {number} [$ui-scroller-opacity-disabled=$breadcrumb-scroller-opacity-disabled]
 * The opacity of disabled Breadcrumb scroller buttons.
 *
 * @param {boolean} [$ui-classic-scrollers=$breadcrumb-classic-scrollers]
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given
 * their hover state by changing their background-position,  When `false` scroller buttons
 * are given their hover state by applying opacity.
 *
 * @member Ext.toolbar.Breadcrumb
 */
/* line 115, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-breadcrumb-btn-default {
  margin: 0 0 0 0px; }

/* line 119, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-breadcrumb-icon-folder-default {
  background-image: url(images/tree/folder.png); }

/* line 123, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-breadcrumb-icon-leaf-default {
  background-image: url(images/tree/leaf.png); }

/* line 128, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-arrow:after {
  width: 20px;
  background-image: url(images/breadcrumb/default-arrow.png); }
/* line 134, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-rtl.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-arrow:after {
  background-image: url(images/breadcrumb/default-arrow-rtl.png); }
/* line 140, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-btn-menu-active.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-arrow:after {
  background-image: url(images/breadcrumb/default-arrow-open.png); }
/* line 145, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-rtl.x-btn-menu-active.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-arrow:after {
  background-image: url(images/breadcrumb/default-arrow-open-rtl.png); }

/* line 153, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  width: 20px;
  background-image: url(images/breadcrumb/default-split-arrow.png); }
/* line 159, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-rtl.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  background-image: url(images/breadcrumb/default-split-arrow-rtl.png); }
/* line 165, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-btn-over.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  background-image: url(images/breadcrumb/default-split-arrow-over.png); }
/* line 170, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-rtl.x-btn-over.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  background-image: url(images/breadcrumb/default-split-arrow-over-rtl.png); }
/* line 177, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-btn-menu-active.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  background-image: url(images/breadcrumb/default-split-arrow-open.png); }
/* line 182, ../../../ext-theme-neutral/sass/src/toolbar/Breadcrumb.scss */
.x-rtl.x-btn-menu-active.x-breadcrumb-btn .x-btn-wrap-plain-toolbar-small.x-btn-split:after {
  background-image: url(images/breadcrumb/default-split-arrow-open-rtl.png); }

/* line 145, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-breadcrumb-default-scroller .x-box-scroller-body-horizontal {
  margin-left: 24px; }
/* line 150, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-breadcrumb-default-scroller.x-rtl .x-box-scroller-body-horizontal {
  margin-left: 0;
  margin-right: 24px; }

/* line 158, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-breadcrumb-default-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 24px; }

/* line 163, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
.x-box-scroller-breadcrumb-default {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  /* line 172, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-breadcrumb-default.x-box-scroller-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
  /* line 178, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-breadcrumb-default.x-box-scroller-pressed {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
  /* line 184, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-breadcrumb-default.x-box-scroller-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25;
    cursor: default; }
  /* line 195, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-breadcrumb-default.x-box-scroller-left, .x-box-scroller-breadcrumb-default.x-box-scroller-right {
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px; }
  /* line 221, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-breadcrumb-default.x-box-scroller-left {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    background-image: url(images/breadcrumb/default-scroll-left.png); }
  /* line 244, ../../../ext-theme-neutral/sass/src/layout/container/Box.scss */
  .x-box-scroller-breadcrumb-default.x-box-scroller-right {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    background-image: url(images/breadcrumb/default-scroll-right.png); }

/* line 1, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-expander {
  cursor: pointer; }

/* line 7, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-tree-expander {
  background-image: url(images/tree/arrows.png); }
/* line 11, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-tree-expander-over .x-tree-expander {
  background-position: -36px center; }
/* line 15, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander {
  background-position: -18px center; }
/* line 19, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-expander {
  background-position: -54px center; }
/* line 24, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-rtl.x-tree-expander {
  background: url(images/tree/arrows-rtl.png) no-repeat -54px center; }
/* line 28, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-tree-expander-over .x-rtl.x-tree-expander {
  background-position: -18px center; }
/* line 32, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-grid-tree-node-expanded .x-rtl.x-tree-expander {
  background-position: -36px center; }
/* line 36, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-rtl.x-tree-expander {
  background-position: 0 center; }

/* line 44, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-tree-elbow {
  background-image: url(images/tree/elbow.png); }
/* line 48, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-tree-elbow-end {
  background-image: url(images/tree/elbow-end.png); }
/* line 52, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-tree-elbow-plus {
  background-image: url(images/tree/elbow-plus.png); }
/* line 56, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-tree-elbow-end-plus {
  background-image: url(images/tree/elbow-end-plus.png); }
/* line 60, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus {
  background-image: url(images/tree/elbow-minus.png); }
/* line 64, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
  background-image: url(images/tree/elbow-end-minus.png); }
/* line 68, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-tree-elbow-line {
  background-image: url(images/tree/elbow-line.png); }
/* line 73, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-rtl.x-tree-elbow {
  background-image: url(images/tree/elbow-rtl.png); }
/* line 77, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-rtl.x-tree-elbow-end {
  background-image: url(images/tree/elbow-end-rtl.png); }
/* line 81, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-rtl.x-tree-elbow-plus {
  background-image: url(images/tree/elbow-plus-rtl.png); }
/* line 85, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-rtl.x-tree-elbow-end-plus {
  background-image: url(images/tree/elbow-end-plus-rtl.png); }
/* line 89, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-grid-tree-node-expanded .x-rtl.x-tree-elbow-plus {
  background-image: url(images/tree/elbow-minus-rtl.png); }
/* line 93, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-grid-tree-node-expanded .x-rtl.x-tree-elbow-end-plus {
  background-image: url(images/tree/elbow-end-minus-rtl.png); }
/* line 97, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-rtl.x-tree-elbow-line {
  background-image: url(images/tree/elbow-line-rtl.png); }

/* line 104, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-no-lines .x-tree-expander {
  background-image: url(images/tree/elbow-plus-nl.png); }
/* line 108, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-no-lines .x-grid-tree-node-expanded .x-tree-expander {
  background-image: url(images/tree/elbow-minus-nl.png); }
/* line 113, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-no-lines .x-rtl.x-tree-expander {
  background-image: url(images/tree/elbow-plus-nl-rtl.png); }
/* line 117, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-no-lines .x-grid-tree-node-expanded .x-rtl.x-tree-expander {
  background-image: url(images/tree/elbow-minus-nl-rtl.png); }

/* line 123, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-icon {
  width: 16px;
  height: 24px; }

/* line 128, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-elbow-img {
  width: 18px;
  height: 24px;
  margin-right: 2px; }

/* line 135, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-elbow-img {
  margin-right: 0;
  margin-left: 2px; }

/* line 143, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-icon,
.x-tree-elbow-img,
.x-tree-checkbox {
  margin-top: -5px;
  margin-bottom: -4px; }

/* line 151, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-icon-leaf {
  background-image: url(images/tree/leaf.png); }

/* line 156, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-icon-leaf {
  background-image: url(images/tree/leaf-rtl.png); }

/* line 161, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-icon-parent {
  background-image: url(images/tree/folder.png); }

/* line 166, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-icon-parent {
  background-image: url(images/tree/folder-rtl.png); }

/* line 171, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-grid-tree-node-expanded .x-tree-icon-parent {
  background-image: url(images/tree/folder-open.png); }

/* line 176, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-grid-tree-node-expanded .x-rtl.x-tree-icon-parent {
  background-image: url(images/tree/folder-open-rtl.png); }

/* line 181, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-checkbox {
  margin-right: 4px;
  top: 5px;
  width: 15px;
  height: 15px;
  background-image: url(images/form/checkbox.png); }

/* line 190, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-checkbox {
  margin-right: 0;
  margin-left: 4px; }

/* line 196, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-checkbox-checked {
  background-position: 0 -15px; }

/* line 200, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-grid-tree-loading .x-tree-icon {
  background-image: url(images/tree/loading.gif); }

/* line 205, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-grid-tree-loading .x-rtl.x-tree-icon {
  background-image: url(images/tree/loading.gif); }

/* line 210, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-node-text {
  padding-left: 4px; }

/* line 215, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-node-text {
  padding-left: 0;
  padding-right: 4px; }

/* line 222, ../../../ext-theme-neutral/sass/src/tree/View.scss */
.x-grid-cell-inner-treecolumn {
  padding: 5px 10px 4px 6px; }

/* line 1, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x-tree-drop-ok-append .x-dd-drop-icon {
  background-image: url(images/tree/drop-append.png); }

/* line 5, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x-tree-drop-ok-above .x-dd-drop-icon {
  background-image: url(images/tree/drop-above.png); }

/* line 9, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x-tree-drop-ok-below .x-dd-drop-icon {
  background-image: url(images/tree/drop-below.png); }

/* line 13, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x-tree-drop-ok-between .x-dd-drop-icon {
  background-image: url(images/tree/drop-between.png); }

/* line 17, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x-tree-ddindicator {
  height: 1px;
  border-width: 1px 0px 0px;
  border-style: dotted;
  border-color: green; }

/* line 1, ../../../ext-theme-neutral/sass/src/view/MultiSelector.scss */
.x-multiselector-remove {
  font-size: 100%;
  color: #e1e1e1;
  cursor: pointer; }
  /* line 6, ../../../ext-theme-neutral/sass/src/view/MultiSelector.scss */
  .x-multiselector-remove .x-grid-cell-inner {
    padding: 5px 10px 4px 10px; }

/* line 11, ../../../ext-theme-neutral/sass/src/view/MultiSelector.scss */
.x-grid-item-over .x-multiselector-remove {
  color: red; }

/* line 1, ../../../ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-icon-information {
  background-image: url(images/window/toast/icon16_info.png); }

/* line 5, ../../../ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-icon-error {
  background-image: url(images/window/toast/icon16_error.png); }

/* Using standard theme */
/* line 11, ../../../ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-window .x-window-body {
  padding: 15px 5px 15px 5px; }

/* Custom styling */
/* line 17, ../../../ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-light .x-window-header {
  background-color: white; }

/* line 21, ../../../ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-light .x-tool-img {
  background-color: white; }

/* line 25, ../../../ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-light {
  background-image: url(images/window/toast/fader.png); }

/* line 29, ../../../ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-light .x-window-body {
  padding: 15px 5px 20px 5px;
  background-color: transparent;
  border: 0px solid white; }

/* including package ext-theme-neptune */
/* line 187, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

/* line 237, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-mc {
  background-color: transparent; }

/* line 264, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-plain-toolbar-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 281, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3; }

/* line 347, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-tl {
  background-position: 0 -6px; }

/* line 351, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-tr {
  background-position: right -9px; }

/* line 355, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-bl {
  background-position: 0 -12px; }

/* line 359, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-br {
  background-position: right -15px; }

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-ml {
  background-position: 0 top; }

/* line 371, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-mr {
  background-position: right top; }

/* line 379, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-tc {
  background-position: 0 0; }

/* line 383, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-bc {
  background-position: 0 -3px; }

/* line 390, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-tr,
.x-btn-plain-toolbar-small-br,
.x-btn-plain-toolbar-small-mr {
  padding-right: 3px; }

/* line 396, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-tl,
.x-btn-plain-toolbar-small-bl,
.x-btn-plain-toolbar-small-ml {
  padding-left: 3px; }

/* line 400, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-tc {
  height: 3px; }

/* line 403, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-bc {
  height: 3px; }

/* line 464, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-mc {
  padding: 1px 1px 1px 1px; }

/*<if slicer>*/
/* line 83, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x-cmd-slicer.x-btn-plain-toolbar-small:before {
  display: none;
  content: "x-slicer:frame:3px 3px 3px 3px" !important; }

/*</if slicer>*/
/* */
/* line 423, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small {
  border-color: transparent; }

/* line 430, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-button-plain-toolbar-small {
  height: 16px; }

/* line 435, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-inner-plain-toolbar-small {
  font: 300 12px/16px helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 5px;
  max-width: 100%; }
  /* line 446, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-right > .x-btn-inner-plain-toolbar-small, .x-btn-icon-left > .x-btn-inner-plain-toolbar-small {
    max-width: calc(100% - 16px); }

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el-plain-toolbar-small {
  height: 16px; }
  /* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-left > .x-btn-icon-el-plain-toolbar-small, .x-btn-icon-right > .x-btn-icon-el-plain-toolbar-small {
    width: 16px; }
  /* line 462, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-top > .x-btn-icon-el-plain-toolbar-small, .x-btn-icon-bottom > .x-btn-icon-el-plain-toolbar-small {
    min-width: 16px; }
  /* line 466, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-icon-el-plain-toolbar-small.x-btn-glyph {
    font-size: 16px;
    line-height: 16px;
    color: #666666;
    opacity: 0.5; }
    /* line 486, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-ie8 .x-btn-icon-el-plain-toolbar-small.x-btn-glyph {
      color: #b2b2b2; }
  /* line 493, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-left > .x-btn-icon-el-plain-toolbar-small {
    margin-right: 0px; }
    /* line 497, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-plain-toolbar-small.x-rtl {
      margin-right: 0;
      margin-left: 0px; }
  /* line 504, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-small {
    margin-left: 0px; }
    /* line 508, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-text.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-small.x-rtl {
      margin-left: 0;
      margin-right: 0px; }
  /* line 515, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-top > .x-btn-icon-el-plain-toolbar-small {
    margin-bottom: 5px; }
  /* line 519, ../../../ext-theme-neutral/sass/src/button/Button.scss */
  .x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-plain-toolbar-small {
    margin-top: 5px; }

/* line 525, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-small {
  padding-right: 5px; }
/* line 528, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-small {
  margin-right: 5px; }

/* line 535, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom > .x-btn-button-plain-toolbar-small,
.x-btn-split-bottom > .x-btn-button-plain-toolbar-small {
  padding-bottom: 3px; }

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-plain-toolbar-small.x-btn-arrow-right:after {
  width: 16px;
  padding-right: 16px;
  background-image: url(images/button/plain-toolbar-small-arrow.png); }
/* line 554, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-plain-toolbar-small.x-rtl.x-btn-arrow-right:after {
  background-image: url(images/button/plain-toolbar-small-arrow-rtl.png); }
/* line 563, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-plain-toolbar-small.x-btn-arrow-bottom:after {
  height: 13px;
  background-image: url(images/button/plain-toolbar-small-arrow.png); }

/* line 583, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-plain-toolbar-small.x-btn-split-right:after {
  width: 20px;
  padding-right: 20px;
  background-image: url(images/button/plain-toolbar-small-s-arrow.png); }
/* line 592, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-plain-toolbar-small.x-rtl.x-btn-split-right:after {
  background-image: url(images/button/plain-toolbar-small-s-arrow-rtl.png); }
/* line 597, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after {
  height: 15px;
  background-image: url(images/button/plain-toolbar-small-s-arrow-b.png); }

/* line 624, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-small {
  padding-right: 5px; }
/* line 627, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right > .x-btn-text.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-small {
  margin-right: 5px; }

/* line 632, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-plain-toolbar-small {
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over.x-btn-plain-toolbar-small {
  border-color: #cfcfcf;
  background-image: none;
  background-color: #ebebeb; }

/* line 694, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over.x-btn-plain-toolbar-small {
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 723, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-menu-active.x-btn-plain-toolbar-small,
.x-btn.x-btn-pressed.x-btn-plain-toolbar-small {
  border-color: #c6c6c6;
  background-image: none;
  background-color: #e1e1e1; }

/* line 751, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-small,
.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-small {
  -webkit-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  -moz-box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset;
  box-shadow: #4196d4 0 1px 0px 0 inset, #4196d4 0 -1px 0px 0 inset, #4196d4 -1px 0 0px 0 inset, #4196d4 1px 0 0px 0 inset; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-plain-toolbar-small {
  background-image: none;
  background-color: transparent; }

/* line 816, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-plain-toolbar-small-tl,
.x-btn-focus .x-btn-plain-toolbar-small-bl,
.x-btn-focus .x-btn-plain-toolbar-small-tr,
.x-btn-focus .x-btn-plain-toolbar-small-br,
.x-btn-focus .x-btn-plain-toolbar-small-tc,
.x-btn-focus .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-corners.gif); }
/* line 820, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-plain-toolbar-small-ml,
.x-btn-focus .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-sides.gif); }
/* line 823, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus .x-btn-plain-toolbar-small-mc {
  background-color: transparent; }

/* line 840, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-plain-toolbar-small-tl,
.x-btn-over .x-btn-plain-toolbar-small-bl,
.x-btn-over .x-btn-plain-toolbar-small-tr,
.x-btn-over .x-btn-plain-toolbar-small-br,
.x-btn-over .x-btn-plain-toolbar-small-tc,
.x-btn-over .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-over-corners.gif); }
/* line 844, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-plain-toolbar-small-ml,
.x-btn-over .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-over-sides.gif); }
/* line 847, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-over .x-btn-plain-toolbar-small-mc {
  background-color: #ebebeb; }

/* line 864, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tl,
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-bl,
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tr,
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-br,
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tc,
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-over-corners.gif); }
/* line 868, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-ml,
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-over-sides.gif); }
/* line 871, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-mc {
  background-color: #ebebeb; }